@abtnode/ux 1.16.27-beta-725ce3a6 → 1.16.27-beta-d1555a79

package/lib/blocklet/access/config-access.js

@@ -1,44 +1,34 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ConfigAccess;
-exports.getComponentWhoCanAccess = void 0;
-var _react = require("react");
-var _get = _interopRequireDefault(require("lodash/get"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
-var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
-var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
-var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
-var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-var _constant = require("@blocklet/constant");
-var _constant2 = require("@abtnode/constant");
-var _util = require("@blocklet/meta/lib/util");
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _node = require("../../contexts/node");
-var _team = require("../../contexts/team");
-var _util2 = require("../../util");
-var _config = _interopRequireDefault(require("../../who-can-access/config"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { useState } from 'react';
+import get from 'lodash/get';
+import styled from '@emotion/styled';
+import PropTypes from 'prop-types';
+import TextField from '@mui/material/TextField';
+import MenuItem from '@mui/material/MenuItem';
+import IconButton from '@mui/material/IconButton';
+import Box from '@mui/material/Box';
+import EditIcon from '@mui/icons-material/Edit';
+import useTheme from '@mui/material/styles/useTheme';
+import GroupIcon from '@mui/icons-material/Group';
+import Chip from '@mui/material/Chip';
+import ListItemText from '@mui/material/ListItemText';
+import Checkbox from '@mui/material/Checkbox';
+import { BLOCKLET_CONFIGURABLE_KEY } from '@blocklet/constant';
+import { WHO_CAN_ACCESS, NODE_SERVICES, WHO_CAN_ACCESS_PREFIX_ROLES } from '@abtnode/constant';
+import { getDisplayName, findServiceFromMeta, getRolesFromAuthConfig } from '@blocklet/meta/lib/util';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Dialog from '@arcblock/ux/lib/Dialog';
+import Button from '@arcblock/ux/lib/Button';
+import Spinner from '@mui/material/CircularProgress';
+import Toast from '@arcblock/ux/lib/Toast';
+import { useNodeContext } from '../../contexts/node';
+import { useTeamContext } from '../../contexts/team';
+import { isInstalling, formatError } from '../../util';
+import AccessConfig from '../../who-can-access/config';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const CONFIG_ROLE = 'roles';
-const Configs = [..._config.default, {
+const Configs = [...AccessConfig, {
   value: CONFIG_ROLE,
-  icon: _Group.default,
+  icon: GroupIcon,
   title: {
     zh: '指定通行证可访问',
     en: 'Accessible to selected passports'
@@ -49,8 +39,8 @@ const Configs = [..._config.default, {
   }
 }];
 const getAccess = (whoCanAccess, roleStore) => {
-  if (whoCanAccess && whoCanAccess.startsWith(_constant2.WHO_CAN_ACCESS_PREFIX_ROLES)) {
-    const roleNames = (0, _util.getRolesFromAuthConfig)({
+  if (whoCanAccess && whoCanAccess.startsWith(WHO_CAN_ACCESS_PREFIX_ROLES)) {
+    const roleNames = getRolesFromAuthConfig({
       whoCanAccess
     });
     const filterRoles = roleStore.filter(x => roleNames.includes(x.name));
@@ -64,45 +54,43 @@ const getAccess = (whoCanAccess, roleStore) => {
     roles: []
   };
 };
-const getComponentWhoCanAccess = exports.getComponentWhoCanAccess = function getComponentWhoCanAccess(component, app) {
-  let {
-    roles = []
-  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const access = (component.configs || []).find(x => x.key === _constant.BLOCKLET_CONFIGURABLE_KEY.COMPONENT_ACCESS_WHO);
+export const getComponentWhoCanAccess = (component, app, {
+  roles = []
+} = {}) => {
+  const access = (component.configs || []).find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.COMPONENT_ACCESS_WHO);
   if (access) {
     return getAccess(access.value, roles);
   }
-  if (app && (0, _get.default)(app, 'settings.whoCanAccess') && (0, _get.default)(app, 'settings.whoCanAccess') !== _constant2.WHO_CAN_ACCESS.ALL) {
-    return getAccess((0, _get.default)(app, 'settings.whoCanAccess'), roles);
+  if (app && get(app, 'settings.whoCanAccess') && get(app, 'settings.whoCanAccess') !== WHO_CAN_ACCESS.ALL) {
+    return getAccess(get(app, 'settings.whoCanAccess'), roles);
   }
-  const service = (0, _util.findServiceFromMeta)(component.meta, _constant2.NODE_SERVICES.AUTH);
-  if ((0, _get.default)(service, 'config.whoCanAccess')) {
+  const service = findServiceFromMeta(component.meta, NODE_SERVICES.AUTH);
+  if (get(service, 'config.whoCanAccess')) {
     return getAccess(service.config.whoCanAccess, roles);
   }
   return {
-    access: _constant2.WHO_CAN_ACCESS.ALL,
+    access: WHO_CAN_ACCESS.ALL,
     roles: []
   };
 };
-function ConfigAccess(_ref) {
-  let {
-    blocklet,
-    ancestors,
-    children
-  } = _ref;
-  const theme = (0, _useTheme.default)();
-  const [showDialog, setShowDialog] = (0, _react.useState)('');
+export default function ConfigAccess({
+  blocklet,
+  ancestors,
+  children
+}) {
+  const theme = useTheme();
+  const [showDialog, setShowDialog] = useState('');
   const {
     t,
     locale
-  } = (0, _context.useLocaleContext)();
+  } = useLocaleContext();
   const {
     api
-  } = (0, _node.useNodeContext)();
+  } = useNodeContext();
   const {
     roles: roleList
-  } = (0, _team.useTeamContext)();
-  const [loading, setLoading] = (0, _react.useState)('');
+  } = useTeamContext();
+  const [loading, setLoading] = useState('');
   const root = ancestors[0] || blocklet;
   const {
     access: defaultValue,
@@ -110,8 +98,8 @@ function ConfigAccess(_ref) {
   } = getComponentWhoCanAccess(blocklet, root, {
     roles: roleList
   });
-  const [whoCanAccess, setWhoCanAccess] = (0, _react.useState)(defaultValue);
-  const [roles, setRoles] = (0, _react.useState)(defaultRoles);
+  const [whoCanAccess, setWhoCanAccess] = useState(defaultValue);
+  const [roles, setRoles] = useState(defaultRoles);
   const dids = [...ancestors.map(x => x.meta.did), blocklet.meta.did];
   const iconStyle = {
     marginRight: 4,
@@ -119,11 +107,11 @@ function ConfigAccess(_ref) {
     verticalAlign: 'text-bottom',
     color: theme.palette.text.secondary
   };
-  const componentName = ancestors.concat(blocklet).map(x => (0, _util.getDisplayName)(x, true)).join(' / ');
-  if ((0, _util2.isInstalling)(blocklet.status)) {
+  const componentName = ancestors.concat(blocklet).map(x => getDisplayName(x, true)).join(' / ');
+  if (isInstalling(blocklet.status)) {
     return null;
   }
-  if (blocklet.status === 'unknown' && (0, _util2.isInstalling)(blocklet.status)) {
+  if (blocklet.status === 'unknown' && isInstalling(blocklet.status)) {
     return null;
   }
   const onClose = () => {
@@ -151,7 +139,7 @@ function ConfigAccess(_ref) {
     try {
       let value = whoCanAccess;
       if (value === CONFIG_ROLE) {
-        value = "".concat(_constant2.WHO_CAN_ACCESS_PREFIX_ROLES).concat(roles.map(x => x.name).join(','));
+        value = `${WHO_CAN_ACCESS_PREFIX_ROLES}${roles.map(x => x.name).join(',')}`;
       }
       await api.updateWhoCanAccess({
         input: {
@@ -159,22 +147,22 @@ function ConfigAccess(_ref) {
           whoCanAccess: value
         }
       });
-      _Toast.default.success(t('blocklet.config.access.updatedTip'));
+      Toast.success(t('blocklet.config.access.updatedTip'));
       onClose();
       setLoading(false);
     } catch (err) {
       setLoading(false);
-      _Toast.default.error((0, _util2.formatError)(err));
+      Toast.error(formatError(err));
     }
   };
   const disabled = loading || whoCanAccess === CONFIG_ROLE && !roles.length;
   return [typeof children === 'function' ? children({
     open: onOpen
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+  }) : /*#__PURE__*/_jsx(IconButton, {
     onClick: onOpen,
     "data-cy": "action-config-component",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Edit.default, {})
-  }), showDialog && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDialog, {
+    children: /*#__PURE__*/_jsx(EditIcon, {})
+  }), showDialog && /*#__PURE__*/_jsxs(StyledDialog, {
     open: true,
     fullWidth: true,
     title: componentName,
@@ -184,28 +172,28 @@ function ConfigAccess(_ref) {
         minHeight: 'auto'
       }
     },
-    actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    actions: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
         onClick: onClose,
         color: "inherit",
         "data-cy": "config-access-cancel",
         children: t('common.cancel')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+      }), /*#__PURE__*/_jsxs(Button, {
         onClick: onConfirm,
         color: "primary",
         disabled: disabled,
         variant: "contained",
         autoFocus: true,
         "data-cy": "config-access-confirm",
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+        children: [loading && /*#__PURE__*/_jsx(Spinner, {
           size: 16
         }), t('common.confirm')]
       })]
     }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    children: [/*#__PURE__*/_jsx(Box, {
       mt: 4,
       mb: 3,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      children: /*#__PURE__*/_jsx(TextField, {
         label: t('blocklet.config.access.description'),
         select: true,
         fullWidth: true,
@@ -215,30 +203,30 @@ function ConfigAccess(_ref) {
         SelectProps: {
           renderValue: selected => {
             const d = Configs.find(x => x.value === selected);
-            return d ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(d.icon, {
+            return d ? /*#__PURE__*/_jsxs(Box, {
+              children: [/*#__PURE__*/_jsx(d.icon, {
                 style: iconStyle
               }), d.title[locale]]
             }) : null;
           }
         },
         children: Configs.map(d => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledMenuItem, {
+          return /*#__PURE__*/_jsxs(StyledMenuItem, {
             value: d.value,
             sx: {
               display: 'block'
             },
-            "data-cy": "config-access-opt-".concat(d.value),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+            "data-cy": `config-access-opt-${d.value}`,
+            children: [/*#__PURE__*/_jsxs(Box, {
               display: "flex",
               alignItems: "center",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(d.icon, {
+              children: [/*#__PURE__*/_jsx(d.icon, {
                 style: iconStyle
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+              }), /*#__PURE__*/_jsx(Box, {
                 children: d.title[locale]
               })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            }), /*#__PURE__*/_jsx(Box, {
+              children: /*#__PURE__*/_jsx(Box, {
                 className: "tip",
                 children: d.description[locale]
               })
@@ -246,10 +234,10 @@ function ConfigAccess(_ref) {
           });
         })
       })
-    }), whoCanAccess === CONFIG_ROLE && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    }), whoCanAccess === CONFIG_ROLE && /*#__PURE__*/_jsx(Box, {
       mt: 4,
       mb: 3,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      children: /*#__PURE__*/_jsx(TextField, {
         label: t('blocklet.config.access.description'),
         select: true,
         fullWidth: true,
@@ -257,7 +245,7 @@ function ConfigAccess(_ref) {
         onChange: onRolesChange,
         SelectProps: {
           multiple: true,
-          renderValue: selected => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          renderValue: selected => /*#__PURE__*/_jsx(Box, {
             sx: {
               display: 'flex',
               flexWrap: 'wrap',
@@ -265,22 +253,21 @@ function ConfigAccess(_ref) {
             },
             children: selected.map(value => {
               const role = roleList.find(x => x.name === value);
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+              return /*#__PURE__*/_jsx(Chip, {
                 label: role.title
               }, role.text);
             })
           })
         },
-        children: roleList.map(_ref2 => {
-          let {
-            name,
-            title
-          } = _ref2;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+        children: roleList.map(({
+          name,
+          title
+        }) => {
+          return /*#__PURE__*/_jsxs(MenuItem, {
             value: name,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+            children: [/*#__PURE__*/_jsx(Checkbox, {
               checked: roles.some(x => x.name === name)
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+            }), /*#__PURE__*/_jsx(ListItemText, {
               primary: title
             })]
           }, name);
@@ -290,13 +277,29 @@ function ConfigAccess(_ref) {
   })];
 }
 ConfigAccess.propTypes = {
-  blocklet: _propTypes.default.object.isRequired,
-  ancestors: _propTypes.default.array,
-  children: _propTypes.default.any
+  blocklet: PropTypes.object.isRequired,
+  ancestors: PropTypes.array,
+  children: PropTypes.any
 };
 ConfigAccess.defaultProps = {
   ancestors: [],
   children: null
 };
-const StyledDialog = (0, _styled.default)(_Dialog.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiDialogContent-root {\n    padding-top: 0;\n    margin-top: -32px;\n  }\n  .MuiToolbar-root {\n    padding-right: 12px;\n  }\n  .ux-dialog_right {\n    padding-right: 20px;\n  }\n"])));
-const StyledMenuItem = (0, _styled.default)(_MenuItem.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .tip {\n    font-size: 12px;\n    color: ", ";\n  }\n"])), props => props.theme.palette.text.secondary);
+const StyledDialog = styled(Dialog)`
+  .MuiDialogContent-root {
+    padding-top: 0;
+    margin-top: -32px;
+  }
+  .MuiToolbar-root {
+    padding-right: 12px;
+  }
+  .ux-dialog_right {
+    padding-right: 20px;
+  }
+`;
+const StyledMenuItem = styled(MenuItem)`
+  .tip {
+    font-size: 12px;
+    color: ${props => props.theme.palette.text.secondary};
+  }
+`;