@abtnode/ux 1.8.26 → 1.8.27

package/lib/actions.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Actions;
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+
+var _MoreHoriz = _interopRequireDefault(require("@mui/icons-material/MoreHoriz"));
+
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+const _excluded = ["actions"],
+      _excluded2 = ["icon", "text", "onClick", "disabled"];
+
+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 _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 Actions(_ref) {
+  let {
+    actions
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const open = Boolean(anchorEl);
+
+  const onOpen = e => {
+    try {
+      e.stopPropagation();
+      e.preventDefault(); // eslint-disable-next-line no-empty
+    } catch (_unused) {}
+
+    setAnchorEl(e.currentTarget);
+  };
+
+  const onClose = e => {
+    try {
+      e.stopPropagation();
+      e.preventDefault(); // eslint-disable-next-line no-empty
+    } catch (_unused2) {}
+
+    setAnchorEl(null);
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+      "aria-label": "more",
+      "aria-controls": "actions-menu",
+      "aria-haspopup": "true",
+      "data-cy": "actions-menu-icon",
+      onClick: onOpen,
+      size: "large",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoreHoriz.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+      id: "actions-menu",
+      "data-cy": "actions-menu",
+      anchorEl: anchorEl,
+      keepMounted: true,
+      open: open,
+      onClose: onClose,
+      PaperProps: {},
+      children: actions.map((action, index) => {
+        if (typeof action === 'function') {
+          return action({
+            close: onClose
+          });
+        }
+
+        const {
+          icon,
+          text,
+          onClick: _onClick,
+          disabled = false
+        } = action,
+              opts = _objectWithoutProperties(action, _excluded2);
+
+        return /*#__PURE__*/(0, _react.createElement)(_MenuItem.default, _objectSpread(_objectSpread({}, opts), {}, {
+          disabled: disabled,
+          dense: true,
+          onClick: e => {
+            onClose();
+
+            _onClick(e);
+          } // eslint-disable-next-line react/no-array-index-key
+          ,
+          key: index
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+          style: {
+            minWidth: 24,
+            marginRight: 8
+          },
+          children: icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+          primary: text
+        }));
+      })
+    })]
+  }));
+}
+
+Actions.propTypes = {
+  actions: _propTypes.default.array
+};
+Actions.defaultProps = {
+  actions: []
+};
+
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));

package/lib/blocklet/actions.js

@@ -0,0 +1,501 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletActions;
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+
+var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+
+var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
+
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+
+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 _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+
+var _util = require("@blocklet/meta/lib/util");
+
+var _context = require("@arcblock/ux/lib/Locale/context");
+
+var _constant = require("@blocklet/constant");
+
+var _toast = _interopRequireDefault(require("../toast"));
+
+var _util2 = require("../util");
+
+var _util3 = require("./util");
+
+var _node = require("../contexts/node");
+
+var _confirm = _interopRequireDefault(require("../confirm"));
+
+var _icons = _interopRequireDefault(require("./icons"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+const _excluded = ["blocklet", "onStart", "onComplete", "variant", "hasPermission", "useBlockletUrlEvaluation"];
+
+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 _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 BlockletActions(_ref) {
+  let {
+    blocklet,
+    onStart,
+    onComplete,
+    variant,
+    hasPermission,
+    useBlockletUrlEvaluation
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const node = (0, _node.useNodeContext)();
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const [currentAction, setCurrentAction] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const [skipSetup] = (0, _useLocalStorage.default)('skip-blocklet-setup', false);
+  const {
+    loading: recommendedUrlLoading,
+    recommendedUrl
+  } = useBlockletUrlEvaluation(blocklet);
+  const inProgress = (0, _util2.isInProgress)(blocklet.status);
+  const {
+    inService
+  } = node;
+
+  const createHandler = function createHandler(action, fn) {
+    let requireUserConfirm = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    return async () => {
+      const onConfirm = async params => {
+        onStart({
+          action,
+          blocklet
+        });
+        setLoading(true);
+        setCurrentAction(action);
+        setConfirmSetting(null);
+        let isRemoved = false;
+
+        try {
+          var _blocklet$settings;
+
+          const input = {
+            did: blocklet.meta.did
+          };
+
+          if (action === 'remove') {
+            input.keepData = params.removeType === 'keepData';
+          }
+
+          if (action === 'start' && !inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized)) {
+            // 启动 blocklet 并跳转到 setup 流程界面时携带 serverUrl 查询参数
+            const {
+              serverUrl
+            } = (0, _util3.getLaunchURL)(blocklet, node.info);
+            const url = new URL(recommendedUrl);
+            url.searchParams.set('serverUrl', serverUrl);
+            window.open(url.href);
+            onComplete({
+              action,
+              blocklet
+            });
+            return;
+          }
+
+          await fn({
+            input
+          });
+
+          if (action === 'remove') {
+            isRemoved = true; // Deleted send request and succeeded
+          } else {
+            await (0, _util2.sleep)(1000); // just avoid user feeling so fast
+          }
+
+          if (action === 'reload') {
+            _toast.default.success(t('blocklet.reloadSuccess'));
+          }
+
+          onComplete({
+            action,
+            blocklet
+          });
+        } catch (err) {
+          const errMsg = "Blocklet ".concat(action, " failed: ").concat((0, _util2.formatError)(err));
+          onComplete({
+            action,
+            blocklet,
+            error: new Error(errMsg)
+          });
+        } finally {
+          if (!isRemoved) {
+            setLoading(false);
+          }
+        }
+      };
+
+      const onCancel = () => {
+        setLoading(false);
+        setConfirmSetting(null);
+      };
+
+      const name = (0, _util.getDisplayName)(blocklet, true);
+      const removeSetting = blocklet.source === (0, _constant.fromBlockletSource)(_constant.BlockletSource.custom) ? {
+        description: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          component: "div",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            gutterBottom: true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+              children: t('blocklet.action.forceRemoveDescription')
+            })
+          })
+        }),
+        params: {
+          removeType: 'complete'
+        }
+      } : {
+        description: (params, setParams) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+          component: "div",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            gutterBottom: true,
+            children: t('blocklet.action.removeDescription')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_RadioGroup.default, {
+            name: "removeType",
+            value: params.removeType,
+            onChange: e => setParams(_objectSpread(_objectSpread({}, params), {}, {
+              removeType: e.target.value
+            })),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
+              value: "keepData",
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {}),
+              label: t('blocklet.action.removeKeepData')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
+              value: "complete",
+              control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {}),
+              label: t('blocklet.action.removeComplete')
+            })]
+          })]
+        }),
+        params: {
+          removeType: 'keepData'
+        }
+      };
+      const confirmSettings = {
+        stop: {
+          title: "".concat(t('common.stop'), " ").concat(name),
+          description: t('blocklet.action.stopDescription'),
+          confirm: t('blocklet.action.confirmStop'),
+          cancel: t('common.cancel'),
+          onConfirm,
+          onCancel
+        },
+        restart: {
+          title: "".concat(t('common.restart'), " ").concat(name),
+          description: t('blocklet.action.restartDescription'),
+          confirm: t('blocklet.action.confirmRestart'),
+          cancel: t('common.cancel'),
+          onConfirm,
+          onCancel
+        },
+        remove: _objectSpread({
+          title: "".concat(t('common.remove'), " ").concat(name),
+          confirm: t('blocklet.action.confirmRemove'),
+          cancel: t('common.cancel'),
+          onConfirm,
+          onCancel
+        }, removeSetting),
+        cancelDownload: {
+          title: "".concat(t('common.cancel')),
+          description: t('blocklet.action.cancelDownloadDescription', {
+            name
+          }),
+          confirm: t('common.confirm'),
+          cancel: t('common.cancel'),
+          onConfirm,
+          onCancel
+        }
+      };
+
+      if (requireUserConfirm) {
+        setConfirmSetting(confirmSettings[action]);
+      } else {
+        await onConfirm();
+      }
+    };
+  };
+
+  const open = Boolean(anchorEl);
+
+  const onOpen = e => {
+    try {
+      e.stopPropagation();
+      e.preventDefault(); // eslint-disable-next-line no-empty
+    } catch (_unused) {}
+
+    setAnchorEl(e.currentTarget);
+  };
+
+  const onClose = e => {
+    try {
+      e.stopPropagation();
+      e.preventDefault(); // eslint-disable-next-line no-empty
+    } catch (_unused2) {}
+
+    setAnchorEl(null);
+  };
+
+  const onAction = async (action, e) => {
+    try {
+      e.stopPropagation();
+      e.preventDefault(); // eslint-disable-next-line no-empty
+    } catch (_unused3) {}
+
+    setAnchorEl(null);
+
+    if (typeof action.handler === 'function') {
+      try {
+        setLoading(true);
+        setCurrentAction(action.action);
+        await action.handler();
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.error("Blocklet ".concat(action.name, " failed: "), err);
+      } finally {
+        setLoading(false);
+      }
+    }
+  };
+
+  const removeAction = !inService && (0, _util.isDeletableBlocklet)(blocklet) ? {
+    action: 'remove',
+    icon: _icons.default.Remove,
+    name: t('common.remove'),
+    handler: createHandler('remove', node.api.deleteBlocklet, true),
+    disabled: inProgress
+  } : null;
+  const cancelDownloadAction = !inService ? {
+    action: 'remove',
+    icon: _icons.default.Remove,
+    name: t('common.cancel'),
+    handler: createHandler('cancelDownload', node.api.cancelDownloadBlocklet, true)
+  } : null;
+  const missingRequiredConfigs = (0, _util.getAppMissingConfigs)(blocklet);
+  const actions = [{
+    action: 'start',
+    icon: _icons.default.Start,
+    name: t('common.start'),
+    handler: createHandler('start', node.api.startBlocklet),
+    disabled: !(0, _util.hasRunnableComponent)(blocklet) || blocklet.status === 'running' || blocklet.status === 'corrupted' || missingRequiredConfigs.length > 0 || (0, _util2.isDownloading)(blocklet.status) || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT || recommendedUrlLoading || inProgress
+  }, {
+    action: 'stop',
+    icon: _icons.default.Stop,
+    name: t('common.stop'),
+    handler: createHandler('stop', node.api.stopBlocklet, true),
+    disabled: !['running', 'starting'].includes(blocklet.status) || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT
+  }, {
+    action: 'restart',
+    icon: _icons.default.Restart,
+    name: t('common.restart'),
+    handler: createHandler('restart', node.api.restartBlocklet, true),
+    disabled: blocklet.status !== 'running' || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT
+  }, {
+    action: 'reload',
+    icon: _icons.default.Reload,
+    name: t('common.reload'),
+    handler: createHandler('reload', node.api.reloadBlocklet),
+    disabled: blocklet.status !== 'running' || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT
+  }, (0, _util2.isDownloading)(blocklet.status) ? cancelDownloadAction : removeAction, {
+    separator: true
+  }, {
+    onlyInMenu: true,
+    action: 'config',
+    icon: _icons.default.Config,
+    name: t('common.config'),
+    handler: () => {
+      navigate("/blocklets/".concat(blocklet.meta.did, "/configuration"));
+    },
+    disabled: (0, _util2.isDownloading)(blocklet.status)
+  }, {
+    onlyInMenu: true,
+    action: 'team',
+    icon: _icons.default.Group,
+    name: t('common.manageTeam'),
+    handler: () => {
+      navigate("/blocklets/".concat(blocklet.meta.did, "/members"));
+    },
+    disabled: (0, _util2.isDownloading)(blocklet.status)
+  }, {
+    onlyInMenu: true,
+    action: 'log',
+    icon: _icons.default.Log,
+    name: t('common.log'),
+    handler: () => {
+      navigate("/logs/blocklet-".concat(blocklet.meta.did));
+    },
+    disabled: (0, _util2.isDownloading)(blocklet.status)
+  }].filter(Boolean);
+
+  if (variant === 'menu') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
+      "data-cy": "blocklet-actions",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        "aria-label": "more",
+        "aria-controls": "actions-menu",
+        "aria-haspopup": "true",
+        "data-cy": "trigger-blocklet-actions",
+        "actions-blocklet-did": blocklet.meta.did,
+        onClick: onOpen,
+        size: "small",
+        disabled: !hasPermission || !(0, _util2.isDownloading)(blocklet.status) && loading,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoreVert.default, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Menu.default, {
+        id: "actions-menu",
+        anchorEl: anchorEl,
+        keepMounted: true,
+        open: open,
+        onClose: onClose,
+        PaperProps: {},
+        children: [missingRequiredConfigs.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.default, {
+          style: {
+            maxWidth: '400px'
+          },
+          severity: "error",
+          children: [t('blocklet.config.missingRequired'), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+            to: "/blocklets/".concat(blocklet.meta.did, "/components"),
+            children: t('blocklet.config.gotoFix')
+          })]
+        }), actions.map((action, i) => {
+          if (action.separator) {
+            // eslint-disable-next-line react/no-array-index-key
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {}, "separator-".concat(i));
+          }
+
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+            dense: true,
+            onClick: e => onAction(action, e),
+            disabled: action.disabled,
+            "data-cy": "".concat(action.action, "-blocklet"),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+              style: {
+                minWidth: 24
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(action.icon, {
+                fontSize: "small"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+              primary: action.name
+            })]
+          }, action.name);
+        })]
+      }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+        title: confirmSetting.title,
+        description: confirmSetting.description,
+        confirm: confirmSetting.confirm,
+        cancel: confirmSetting.cancel,
+        params: confirmSetting.params,
+        onConfirm: confirmSetting.onConfirm,
+        onCancel: confirmSetting.onCancel
+      })]
+    });
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({
+    "data-cy": "blocklet-actions"
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
+      children: actions.filter(x => !x.separator && !x.onlyInMenu).map(action => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        title: action.name,
+        "data-cy": "".concat(action.action, "-blocklet"),
+        onClick: () => onAction(action),
+        disabled: Boolean(action.disabled) || loading,
+        children: [currentAction === action.action && loading && inProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(action.icon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "blocklet-action-text",
+          children: action.name
+        })]
+      }, action.name))
+    }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      title: confirmSetting.title,
+      description: confirmSetting.description,
+      confirm: confirmSetting.confirm,
+      cancel: confirmSetting.cancel,
+      params: confirmSetting.params,
+      onConfirm: confirmSetting.onConfirm,
+      onCancel: confirmSetting.onCancel
+    })]
+  }));
+}
+
+BlockletActions.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  onStart: _propTypes.default.func.isRequired,
+  onComplete: _propTypes.default.func.isRequired,
+  variant: _propTypes.default.oneOf(['menu', 'group']),
+  hasPermission: _propTypes.default.bool,
+  useBlockletUrlEvaluation: _propTypes.default.func
+};
+BlockletActions.defaultProps = {
+  variant: 'menu',
+  hasPermission: false,
+  useBlockletUrlEvaluation: () => {
+    var _window, _window$location;
+
+    return {
+      loading: false,
+      recommendedUrl: (_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.href
+    };
+  }
+};
+
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  @media (max-width: ", "px) {\n    .MuiButton-root {\n      padding: 4px;\n      font-size: 10px;\n    }\n  }\n"])), props => props.theme.breakpoints.values.sm);