1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
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';
16 type VisibilityLevelSelectClasses = 'root';
18 const VisibilityLevelSelectStyles: StyleRulesCallback<VisibilityLevelSelectClasses> = theme => ({
22 export const VisibilityLevelSelect = withStyles(VisibilityLevelSelectStyles)(
23 ({ classes, includePublic, ...props }: { includePublic: boolean } & SelectProps & WithStyles<VisibilityLevelSelectClasses>) =>
26 renderValue={renderPermissionItem}
27 inputProps={{ classes }}>
28 {includePublic && <MenuItem value={VisibilityLevel.PUBLIC}>
29 {renderPermissionItem(VisibilityLevel.PUBLIC)}
31 <MenuItem value={VisibilityLevel.ALL_USERS}>
32 {renderPermissionItem(VisibilityLevel.ALL_USERS)}
34 <MenuItem value={VisibilityLevel.SHARED}>
35 {renderPermissionItem(VisibilityLevel.SHARED)}
37 <MenuItem value={VisibilityLevel.PRIVATE}>
38 {renderPermissionItem(VisibilityLevel.PRIVATE)}
42 const renderPermissionItem = (value: string) =>
43 <SelectItem {...{ value, icon: getIcon(value) }} />;
45 const getIcon = (value: string) => {
47 case VisibilityLevel.PUBLIC:
49 case VisibilityLevel.ALL_USERS:
51 case VisibilityLevel.SHARED:
53 case VisibilityLevel.PRIVATE: