@abtnode/ux 1.8.25 → 1.8.27

package/lib/confirm.js

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ConfirmDialog;
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
+
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+
+var _context = require("@arcblock/ux/lib/Locale/context");
+
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+
+var _util = require("./util");
+
+var _mobileWidth = _interopRequireDefault(require("./hooks/mobile-width"));
+
+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 ConfirmDialog(_ref) {
+  let {
+    title,
+    description,
+    showCancel,
+    cancel,
+    confirm,
+    color,
+    params: initialParams,
+    onCancel,
+    onConfirm
+  } = _ref;
+  const [params, setParams] = (0, _react.useState)(initialParams);
+  const [open, setOpen] = (0, _react.useState)(true);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)('');
+  const {
+    t: changeLocale
+  } = (0, _context.useLocaleContext)();
+  const theme = (0, _useTheme.default)();
+
+  const onCallback = async cb => {
+    if (typeof cb === 'function') {
+      setLoading(true);
+
+      try {
+        await cb(params);
+        setOpen(false);
+      } catch (err) {
+        setError((0, _util.formatError)(err));
+        console.error(err);
+      } finally {
+        setLoading(false);
+      }
+    } else {
+      setOpen(false);
+    }
+  };
+
+  const t = typeof title === 'function' ? title() : title;
+  const d = typeof description === 'function' ? description(params, setParams, setError) : description;
+  const isBreakpointsDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
+
+  const handleClick = e => {
+    e.stopPropagation();
+  };
+
+  const {
+    minWidth
+  } = (0, _mobileWidth.default)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDialog, {
+    onClick: handleClick,
+    fullScreen: isBreakpointsDownSm,
+    open: open,
+    style: {
+      minWidth
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogTitle.default, {
+      children: t
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogContent.default, {
+      style: {
+        minWidth
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
+        component: "div",
+        children: d
+      }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        severity: "error",
+        style: {
+          width: '100%',
+          marginTop: 8
+        },
+        children: error
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogActions.default, {
+      className: "delete-actions",
+      style: {
+        padding: '8px 24px 24px'
+      },
+      children: [showCancel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: e => {
+          e.stopPropagation();
+          onCallback(onCancel);
+        },
+        color: "inherit",
+        "data-cy": "cancel-confirm-dialog",
+        children: cancel || changeLocale('common.cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        onClick: e => {
+          e.stopPropagation();
+          onCallback(onConfirm);
+        },
+        color: color // eslint-disable-next-line no-underscore-dangle
+        ,
+        disabled: params.__disableConfirm || loading,
+        variant: "contained",
+        "data-cy": "submit-confirm-dialog",
+        autoFocus: true,
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
+        }), confirm]
+      })]
+    })]
+  });
+}
+
+ConfirmDialog.propTypes = {
+  title: _propTypes.default.any.isRequired,
+  description: _propTypes.default.any.isRequired,
+  // can be a function that renders different content based on params
+  showCancel: _propTypes.default.bool,
+  cancel: _propTypes.default.string,
+  color: _propTypes.default.string,
+  confirm: _propTypes.default.string,
+  params: _propTypes.default.object,
+  // This object holds states managed in the dialog
+  onCancel: _propTypes.default.func,
+  onConfirm: _propTypes.default.func.isRequired
+};
+ConfirmDialog.defaultProps = {
+  onCancel: () => {},
+  showCancel: true,
+  cancel: '',
+  confirm: 'Confirm',
+  color: 'error',
+  params: {}
+};
+const StyledDialog = (0, _styled.default)(_Dialog.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .delete-actions .Mui-disabled {\n    color: rgba(0, 0, 0, 0.26) !important;\n    box-shadow: none;\n    background-color: rgba(0, 0, 0, 0.12) !important;\n  }\n"])));

package/lib/contexts/audit-log.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuditLogContext = exports.AuditLogConsumer = void 0;
+exports.AuditLogProvider = AuditLogProvider;
+exports.useAuditLogContext = useAuditLogContext;
+
+var _react = require("react");
+
+var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
+
+var _toast = _interopRequireDefault(require("../toast"));
+
+var _node = require("./node");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AuditLogContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.AuditLogContext = AuditLogContext;
+const {
+  Provider,
+  Consumer
+} = AuditLogContext; // eslint-disable-next-line react/prop-types
+
+exports.AuditLogConsumer = Consumer;
+
+function AuditLogProvider(_ref) {
+  let {
+    children,
+    scope = ''
+  } = _ref;
+  const {
+    api: client
+  } = (0, _node.useNodeContext)();
+  const [auditLogs, setAuditLogs] = (0, _react.useState)([]);
+  const [paging, setPaging] = (0, _react.useState)({
+    total: 0,
+    pageSize: 20,
+    pageCount: 0,
+    page: 1
+  });
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [category, setCategory] = (0, _useLocalStorage.default)("audit-log-category-".concat(scope), 'all');
+
+  const fetchLogs = async function fetchLogs() {
+    let {
+      page = 1,
+      silent = true
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    if (loading) {
+      return;
+    }
+
+    if (!silent) {
+      setLoading(true);
+    }
+
+    try {
+      // eslint-disable-next-line no-shadow
+      const res = await client.getAuditLogs({
+        input: {
+          paging: {
+            page
+          },
+          category: category === 'all' ? '' : category,
+          scope
+        }
+      });
+      setAuditLogs(res.list);
+      setPaging(res.paging);
+      setLoading(false);
+    } catch (err) {
+      _toast.default.error(err.message);
+
+      setLoading(false);
+    }
+  };
+
+  (0, _react.useEffect)(() => {
+    fetchLogs({
+      page: 1,
+      silent: false
+    });
+  }, []); // eslint-disable-line
+
+  (0, _react.useEffect)(() => {
+    fetchLogs({
+      page: 1,
+      silent: false
+    });
+  }, [category]); // eslint-disable-line
+
+  const value = {
+    loading,
+    fetch: fetchLogs,
+    filter: {
+      category,
+      scope
+    },
+    categories: [{
+      value: 'all',
+      label: 'All',
+      description: ''
+    }, {
+      value: 'blocklet',
+      label: 'Blocklet Management',
+      description: ''
+    }, {
+      value: 'server',
+      label: 'Server Management',
+      description: ''
+    }, {
+      value: 'team',
+      label: 'Team Management',
+      description: ''
+    }, {
+      value: 'security',
+      label: 'Security',
+      description: ''
+    }, {
+      value: 'certificates',
+      label: 'Certificate Management',
+      description: ''
+    }, {
+      value: 'integrations',
+      label: 'Integration Management',
+      description: ''
+    }, {
+      value: 'gateway',
+      label: 'Gateway',
+      description: ''
+    }],
+    setCategory,
+    data: auditLogs,
+    paging
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+    value: {
+      auditLogs: value
+    },
+    children: children
+  });
+}
+
+function useAuditLogContext() {
+  const {
+    auditLogs
+  } = (0, _react.useContext)(AuditLogContext);
+  return auditLogs;
+}

package/lib/contexts/deleting-blocklets.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeletingBlockletProvider = DeletingBlockletProvider;
+exports.useDeletingBlockletContext = useDeletingBlockletContext;
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _xorWith = _interopRequireDefault(require("lodash/xorWith"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const DeletingBlockletContext = /*#__PURE__*/(0, _react.createContext)({});
+
+function DeletingBlockletProvider(_ref) {
+  let {
+    children,
+    type
+  } = _ref;
+  const [deletingBlocklets, setDeletingBlocklets] = (0, _react.useState)([]);
+  const deletingBlockletsDid = (0, _react.useRef)([]); // use in onActionComplete
+
+  /**
+   * 添加删除中的 blocklet did
+   * @param {String} did 删除中的did
+   */
+
+  const addDeletingDid = did => {
+    if (!deletingBlockletsDid.current.includes(did)) {
+      const reDeleteings = [...deletingBlockletsDid.current, did];
+      setDeletingBlocklets(reDeleteings);
+      deletingBlockletsDid.current = reDeleteings;
+    }
+  };
+  /**
+   * 去除删除中的 blocklet did
+   * @param {String} did 删除中的did
+   */
+
+
+  const removeDeletingDid = did => {
+    if (deletingBlockletsDid.current.includes(did)) {
+      const reDeleteings = deletingBlockletsDid.current.filter(d => {
+        return d !== did;
+      });
+      setDeletingBlocklets(reDeleteings);
+      deletingBlockletsDid.current = reDeleteings;
+    }
+  };
+  /**
+   * 将不在的 blocklet id 移出 deleting 数组
+   * @param {Array} existDids 已存在的 blocklet did 数组集
+   */
+
+
+  const matchDeletingDid = existDids => {
+    const inDeleting = deletingBlocklets.filter(did => existDids.find(e => e === did));
+    const needMoveoutDeleting = (0, _xorWith.default)(inDeleting, deletingBlocklets);
+    needMoveoutDeleting.forEach(did => removeDeletingDid(did));
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DeletingBlockletContext.Provider, {
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    value: {
+      type,
+      deletingBlocklets,
+      addDeletingDid,
+      removeDeletingDid,
+      matchDeletingDid
+    },
+    children: children
+  });
+}
+
+DeletingBlockletProvider.propTypes = {
+  type: _propTypes.default.string,
+  children: _propTypes.default.node.isRequired
+};
+DeletingBlockletProvider.defaultProps = {
+  type: 'blocklets'
+};
+
+function useDeletingBlockletContext() {
+  return (0, _react.useContext)(DeletingBlockletContext);
+}

package/lib/contexts/node.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeProvider = exports.NodeContext = exports.NodeConsumer = void 0;
+exports.useNodeContext = useNodeContext;
+
+var _react = require("react");
+
+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; }
+
+const NodeContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.NodeContext = NodeContext;
+const {
+  Provider,
+  Consumer
+} = NodeContext;
+exports.NodeConsumer = Consumer;
+exports.NodeProvider = Provider;
+
+function useNodeContext() {
+  const {
+    node
+  } = (0, _react.useContext)(NodeContext);
+  return _objectSpread(_objectSpread({}, node), {}, {
+    inService: node.type === 'service',
+    inDaemon: node.type === 'daemon'
+  });
+}

package/lib/contexts/session.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SessionContext", {
+  enumerable: true,
+  get: function get() {
+    return _Session.SessionContext;
+  }
+});
+exports.useSessionContext = useSessionContext;
+
+var _react = require("react");
+
+var _Session = require("@arcblock/did-connect/lib/Session");
+
+/* eslint-disable object-curly-newline */
+function useSessionContext() {
+  const info = (0, _react.useContext)(_Session.SessionContext);
+  return info;
+}

package/lib/contexts/team.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TeamProvider = exports.TeamContext = exports.TeamConsumer = void 0;
+exports.useTeamContext = useTeamContext;
+
+var _react = require("react");
+
+const TeamContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.TeamContext = TeamContext;
+const {
+  Provider,
+  Consumer
+} = TeamContext;
+exports.TeamConsumer = Consumer;
+exports.TeamProvider = Provider;
+
+function useTeamContext() {
+  return (0, _react.useContext)(TeamContext);
+}

package/lib/did-address.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+
+var _Address = _interopRequireDefault(require("@arcblock/did-connect/lib/Address"));
+
+var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["did", "href", "external", "avatarProps"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function WrappedDidAddress(_ref) {
+  let {
+    did,
+    href,
+    external,
+    avatarProps
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  // eslint-disable-next-line react/no-unstable-nested-components
+  function Content() {
+    if (href) {
+      if (external) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+          target: "_blank",
+          href: href,
+          underline: "hover",
+          children: did
+        });
+      }
+
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+        to: href,
+        children: did
+      });
+    }
+
+    return did;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, _objectSpread(_objectSpread({
+    prepend: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      component: "span",
+      display: "flex",
+      mr: 1,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread({
+        did: did,
+        size: 18
+      }, avatarProps))
+    })
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, {})
+  }));
+}
+
+WrappedDidAddress.propTypes = {
+  did: _propTypes.default.string.isRequired,
+  to: _propTypes.default.string,
+  href: _propTypes.default.string,
+  avatarProps: _propTypes.default.object,
+  external: _propTypes.default.bool
+};
+WrappedDidAddress.defaultProps = {
+  to: '',
+  href: '',
+  avatarProps: {},
+  external: false
+};
+var _default = WrappedDidAddress;
+exports.default = _default;

package/lib/dot.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+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) } })); }
+
+const color = {
+  success: '#3ab39d',
+  error: '#D0021B'
+};
+const defaultSize = '10px';
+
+const Dot = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  border-radius: 100%;\n"])), props => props.size || defaultSize, props => props.size || defaultSize, props => color[props.color] || props.color || color.success);
+
+var _default = Dot;
+exports.default = _default;

package/lib/hooks/mobile-width.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styles = require("@mui/styles");
+
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useMobileWidth() {
+  const theme = (0, _styles.useTheme)();
+  const isBreakpointsDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
+  const minWidth = isBreakpointsDownSm ? 300 : theme.breakpoints.values.sm;
+  return {
+    minWidth
+  };
+}
+
+var _default = useMobileWidth;
+exports.default = _default;

package/lib/icons/long-arrow.svg

@@ -0,0 +1,5 @@
+<svg width="65" height="16" viewBox="0 0 65 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M64.7071 8.70711C65.0976 8.31658 65.0976 7.68342 64.7071 7.29289L58.3431 0.928932C57.9526 0.538408 57.3195 0.538408 56.9289 0.928932C56.5384 1.31946 56.5384 1.95262 56.9289 2.34315L62.5858 8L56.9289 13.6569C56.5384 14.0474 56.5384 14.6805 56.9289 15.0711C57.3195 15.4616 57.9526 15.4616 58.3431 15.0711L64.7071 8.70711ZM0 9H64V7H0V9Z"
+    fill="#666666" />
+</svg>