src/views-components/sharing-dialog/visibility-level-select.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import React from 'react';
   6 import { MenuItem, Select, withStyles, StyleRulesCallback } from '@material-ui/core';
   7 import Lock from '@material-ui/icons/Lock';
   8 import People from '@material-ui/icons/People';
   9 import Public from '@material-ui/icons/Public';
  10 import { WithStyles } from '@material-ui/core/styles';
  11 import { SelectProps } from '@material-ui/core/Select';
  12 import { SelectItem } from './select-item';
  13 import { VisibilityLevel } from 'store/sharing-dialog/sharing-dialog-types';
  14
  15
  16 type VisibilityLevelSelectClasses = 'root';
  17
  18 const VisibilityLevelSelectStyles: StyleRulesCallback<VisibilityLevelSelectClasses> = theme => ({
  19     root: {
  20         marginLeft: theme.spacing.unit,
  21     }
  22 });
  23 export const VisibilityLevelSelect = withStyles(VisibilityLevelSelectStyles)(
  24     ({ classes, includePublic, ...props }: { includePublic: boolean } & SelectProps & WithStyles<VisibilityLevelSelectClasses>) =>
  25         <Select
  26             {...props}
  27             renderValue={renderPermissionItem}
  28             inputProps={{ classes }}>
  29             {includePublic && <MenuItem value={VisibilityLevel.PUBLIC}>
  30                 {renderPermissionItem(VisibilityLevel.PUBLIC)}
  31             </MenuItem>}
  32             <MenuItem value={VisibilityLevel.ALL_USERS}>
  33                 {renderPermissionItem(VisibilityLevel.ALL_USERS)}
  34             </MenuItem>
  35             <MenuItem value={VisibilityLevel.SHARED}>
  36                 {renderPermissionItem(VisibilityLevel.SHARED)}
  37             </MenuItem>
  38             <MenuItem value={VisibilityLevel.PRIVATE}>
  39                 {renderPermissionItem(VisibilityLevel.PRIVATE)}
  40             </MenuItem>
  41         </Select>);
  42
  43 const renderPermissionItem = (value: string) =>
  44     <SelectItem {...{ value, icon: getIcon(value) }} />;
  45
  46 const getIcon = (value: string) => {
  47     switch (value) {
  48         case VisibilityLevel.PUBLIC:
  49             return Public;
  50         case VisibilityLevel.ALL_USERS:
  51             return Public;
  52         case VisibilityLevel.SHARED:
  53             return People;
  54         case VisibilityLevel.PRIVATE:
  55             return Lock;
  56         default:
  57             return Lock;
  58     }
  59 };