@abtnode/ux 1.8.27 → 1.8.28

package/lib/blocklet/component/configuration.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentConfiguration;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
-
 var _util = require("@blocklet/meta/lib/util");
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
 var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
-
 var _util2 = require("../../util");
-
 var _environment = _interopRequireDefault(require("./environment"));
-
 var _setting = _interopRequireDefault(require("./setting"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 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) } })); }
-
 function ComponentConfiguration(_ref) {
   let {
     blocklet,
@@ -53,25 +35,20 @@ function ComponentConfiguration(_ref) {
   const isDynamic = blocklet.dynamic;
   const [tab, setTab] = (0, _react.useState)('settings');
   const name = ancestors.concat(blocklet).map(x => (0, _util.getDisplayName)(x, true)).join(' / ');
-
   if ((0, _util2.isInstalling)(blocklet.status)) {
     return null;
   }
-
   if (blocklet.status === 'unknown' && (0, _util2.isInstalling)(blocklet.status)) {
     return null;
   }
-
   const onClose = () => {
     setShowDialog(false);
   };
-
   const onOpen = e => {
-    e.stopPropagation(); // eslint-disable-next-line no-unused-expressions
-
+    e.stopPropagation();
+    // eslint-disable-next-line no-unused-expressions
     setShowDialog(true);
   };
-
   const tabConfigs = {
     settings: {
       label: t('blocklet.component.setting'),
@@ -100,11 +77,9 @@ function ComponentConfiguration(_ref) {
       value
     };
   });
-
   const onTabChange = newTab => {
     setTab(newTab);
   };
-
   const tabConfig = tabConfigs[tab] || tabConfigs.settings;
   return [typeof children === 'function' ? children({
     open: onOpen
@@ -137,7 +112,6 @@ function ComponentConfiguration(_ref) {
     })
   })];
 }
-
 ComponentConfiguration.propTypes = {
   blocklet: _propTypes.default.object.isRequired,
   ancestors: _propTypes.default.array,

package/lib/blocklet/component/delete.js

@@ -4,45 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DeleteComponent;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
-
 var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
-
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-
 var _confirm = _interopRequireDefault(require("../../confirm"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 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) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function DeleteComponent(_ref) {
   let {
     component,
@@ -55,14 +35,12 @@ function DeleteComponent(_ref) {
   } = (0, _react.useContext)(_context.LocaleContext);
   const [loading, setLoading] = (0, _react.useState)(false);
   const [deleteSetting, setDeleteSetting] = (0, _react.useState)(null);
-
   const deleteComponent = async param => {
     setLoading(true);
     await remove(param.component, param.removeType);
     setLoading(false);
     setDeleteSetting(null);
   };
-
   const componentDisabled = disabled || loading;
   const btn = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, {
     disabled: componentDisabled,
@@ -123,7 +101,6 @@ function DeleteComponent(_ref) {
     })]
   });
 }
-
 DeleteComponent.propTypes = {
   component: _propTypes.default.object.isRequired,
   remove: _propTypes.default.func,

package/lib/blocklet/component/environment.js

@@ -4,55 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentEnvironment;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _core = _interopRequireDefault(require("@material-table/core"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
 var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
-
 var _constant = require("@blocklet/constant");
-
 var _util = require("@blocklet/meta/lib/util");
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _clickToCopy = _interopRequireDefault(require("../../click-to-copy"));
-
 var _toast = _interopRequireDefault(require("../../toast"));
-
 var _node = require("../../contexts/node");
-
 var _tableIcons = _interopRequireDefault(require("../../table-icons"));
-
 var _table = _interopRequireDefault(require("../../table"));
-
 var _permission = _interopRequireDefault(require("../../permission"));
-
 var _util2 = require("../../util");
-
 var _icons = _interopRequireDefault(require("../icons"));
-
 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) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function ComponentEnvironment(_ref) {
   let {
     blocklet,
@@ -66,32 +41,23 @@ function ComponentEnvironment(_ref) {
     t
   } = (0, _react.useContext)(_context.LocaleContext);
   const dids = [...ancestors.map(x => x.meta.did), blocklet.meta.did];
-
   const onConfigChanged = () => _toast.default.success(t('blocklet.config.changedTip'));
-
   const isConfigEditable = x => x.custom;
-
   if ((0, _util2.isInstalling)(blocklet.status)) {
     return null;
   }
-
   if (blocklet.status === 'unknown' && (0, _util2.isInstalling)(blocklet.status)) {
     return null;
   }
-
   const onAddConfig = async data => {
     if (!data.key.trim() || !data.value.trim()) {
       _toast.default.error(t('blocklet.config.environment.keyValueRequired'));
-
       return;
     }
-
     if (data.key.startsWith('BLOCKLET_')) {
       _toast.default.error(t('blocklet.config.environment.invalidKey'));
-
       return;
     }
-
     data.custom = true;
     const result = await node.api.configBlocklet({
       input: {
@@ -99,44 +65,33 @@ function ComponentEnvironment(_ref) {
         configs: [data]
       }
     });
-
     if (result.code === 'ok') {
       onConfigChanged(result.blocklet);
     }
   };
-
   const onEditConfig = async (newData, oldData) => {
     // only required field can't be empty
     if (newData.required && (!newData.key.trim() || !newData.value.trim())) {
       _toast.default.error(t('blocklet.config.environment.keyValueRequired'));
-
       return;
     }
-
     if (newData.key.startsWith('BLOCKLET_') && !_constant.BLOCKLET_CONFIGURABLE_KEY[newData.key]) {
       _toast.default.error(t('blocklet.config.environment.invalidKey'));
-
       return;
     }
-
     if (newData.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE) {
       const errMessage = (0, _util2.isValidClusterSize)(newData);
-
       if (errMessage) {
         _toast.default.error(errMessage);
-
         return;
       }
     }
-
     const configs = [newData];
-
     if (newData.key !== oldData.key) {
       configs.push({
         key: oldData.key
       });
     }
-
     try {
       const result = await node.api.configBlocklet({
         input: {
@@ -144,7 +99,6 @@ function ComponentEnvironment(_ref) {
           configs
         }
       });
-
       if (result.code === 'ok') {
         onConfigChanged(result.blocklet);
       }
@@ -152,14 +106,11 @@ function ComponentEnvironment(_ref) {
       _toast.default.error((0, _util2.formatError)(err));
     }
   };
-
   const onDeleteConfig = async data => {
     if (data.required) {
       _toast.default.error(t('blocklet.config.environment.deleteForbidden'));
-
       return;
     }
-
     const result = await node.api.configBlocklet({
       input: {
         did: dids,
@@ -168,13 +119,12 @@ function ComponentEnvironment(_ref) {
         }]
       }
     });
-
     if (result.code === 'ok') {
       onConfigChanged(result.blocklet);
     }
-  }; // configs
-
+  };
 
+  // configs
   const componentConfigs = (blocklet.configs || []).filter(x => !_constant.BLOCKLET_CONFIGURABLE_KEY[x.key]);
   const sharedConfigObj = (0, _util.getSharedConfigObj)(blocklet, ancestors);
   const missingRequiredConfigs = (0, _util.getComponentMissingConfigs)(blocklet, ancestors);
@@ -189,7 +139,6 @@ function ComponentEnvironment(_ref) {
     // environment declare in blocklet.yml can't be deleted, only custom env can be deleted
     isDeletable: isConfigEditable
   };
-
   const onColumns = () => [{
     title: t('common.key'),
     field: 'key',
@@ -233,11 +182,9 @@ function ComponentEnvironment(_ref) {
       if (d.secure) {
         return '******';
       }
-
       if (!d.value) {
         return null;
       }
-
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_clickToCopy.default, {
         unstyled: true,
         value: d.value,
@@ -274,7 +221,6 @@ function ComponentEnvironment(_ref) {
       });
     }
   }];
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     children: [!!missingRequiredConfigs.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
       severity: "error",
@@ -320,7 +266,6 @@ function ComponentEnvironment(_ref) {
     })]
   });
 }
-
 ComponentEnvironment.propTypes = {
   blocklet: _propTypes.default.object.isRequired,
   ancestors: _propTypes.default.array
@@ -328,7 +273,5 @@ ComponentEnvironment.propTypes = {
 ComponentEnvironment.defaultProps = {
   ancestors: []
 };
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .readonly-block {\n    position: relative;\n    &::after {\n      content: attr(data-disabled-text);\n      position: absolute;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background-color: rgba(230, 230, 230, 0.7);\n      font-size: 24px;\n      letter-spacing: 2px;\n      color: #e33371;\n      padding: 20px;\n      word-break: break-all;\n      word-wrap: break-word;\n      z-index: 10;\n    }\n  }\n  .config-table {\n    margin-bottom: 24px;\n    position: relative;\n    .hide-control {\n      position: absolute;\n      top: 10px;\n      left: 200px;\n      @media (max-width: ", "px) {\n        left: 160px;\n      }\n    }\n\n    .MuiToolbar-root {\n      display: flex;\n    }\n\n    .MuiTableRow-head {\n      display: none;\n    }\n\n    &.hide-header {\n      .MuiToolbar-root {\n        display: none;\n      }\n    }\n  }\n\n  .accordion {\n    margin-bottom: 16px;\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n    padding: 8px 0 8px 0px;\n    &.MuiAccordion-root {\n      background: transparent;\n      box-shadow: none;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      &::before,\n      &::after {\n        height: 0;\n      }\n      .MuiAccordionSummary-root {\n        padding-left: 0;\n      }\n      .accordion-title {\n        font-weight: bold;\n        padding-left: 16px;\n      }\n    }\n  }\n"])), props => props.theme.breakpoints.values.sm);
-
 const EditDiv = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 60px;\n"])));