@seafile/sea-email-editor 0.0.1

package/dist/components/tooltip/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _translate = require("../../utils/translate");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const Tooltip = _ref => {
+  let {
+    className,
+    isShowConfirmTip = false,
+    confirmTip,
+    placement,
+    children,
+    ...props
+  } = _ref;
+  const customizeProps = (0, _react.useMemo)(() => {
+    return {
+      hideArrow: true,
+      fade: true,
+      placement,
+      className: (0, _classnames.default)('sea-email-tooltip', className, placement, {
+        'sea-email-tooltip-with-confirm-tip': isShowConfirmTip
+      }),
+      ...props
+    };
+  }, [className, placement, isShowConfirmTip, props]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.UncontrolledTooltip, {
+    ...customizeProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "sea-email-tooltip-text",
+      children: children
+    }), isShowConfirmTip && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "sea-email-tooltip-confirm-text",
+      children: confirmTip || (0, _translate.gettext)('Got it')
+    })]
+  });
+};
+var _default = exports.default = Tooltip;

package/dist/components/tooltip/shortcut-key/index.css

@@ -0,0 +1,7 @@
+.sea-email-tooltip-shortcut-key {
+  border: 1px solid #999;
+  line-height: 20px;
+  font-size: 14px;
+  padding: 2px 8px;
+  margin-left: 4px;
+}

package/dist/components/tooltip/shortcut-key/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const ShortcutKey = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "sea-email-tooltip-shortcut-key",
+    children: children
+  });
+};
+var _default = exports.default = ShortcutKey;

package/dist/constants/event-types.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INTERNAL_EVENTS = exports.EXTERNAL_EVENTS = void 0;
+const INTERNAL_EVENTS = exports.INTERNAL_EVENTS = {
+  ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
+  ON_OPEN_LINK_MODAL: 'on_open_link_modal',
+  ON_CLOSE_LINK_POPOVER: 'on_close_link_popover',
+  ON_OPEN_FORMULA_DIALOG: 'on_open_formula_dialog',
+  ON_SELECT_ALL_CELL: 'on_select_all_cell',
+  ON_TOGGLE_IMAGE_POPOVER: 'on_toggle_image_popover',
+  OUTLINE_STATE_CHANGED: 'outline_state_changed',
+  RESIZE_ARTICLE: 'resize_article',
+  INSERT_ELEMENT: 'insert_element'
+};
+const EXTERNAL_EVENTS = exports.EXTERNAL_EVENTS = {
+  ON_HELP_INFO_TOGGLE: 'on_help_info_toggle',
+  ON_ARTICLE_INFO_TOGGLE: 'on_article_info_toggle',
+  ON_LINK_CLICK: 'on_link_click',
+  ON_INSERT_IMAGE: 'on_insert_image',
+  INSERT_ATTACHMENTS: 'insert_attachments',
+  CLEAR_ARTICLE: 'clear_article'
+};

package/dist/constants/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  KeyCodes: true
+};
+Object.defineProperty(exports, "KeyCodes", {
+  enumerable: true,
+  get: function () {
+    return _keyCodes.default;
+  }
+});
+var _keyCodes = _interopRequireDefault(require("./key-codes"));
+var _eventTypes = require("./event-types");
+Object.keys(_eventTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _eventTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _eventTypes[key];
+    }
+  });
+});
+var _translate = require("../utils/translate");
+Object.keys(_translate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _translate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _translate[key];
+    }
+  });
+});

package/dist/constants/key-codes.js

@@ -0,0 +1,104 @@
+"use strict";
+
+module.exports = {
+  Backspace: 8,
+  Tab: 9,
+  Enter: 13,
+  Shift: 16,
+  Ctrl: 17,
+  Alt: 18,
+  PauseBreak: 19,
+  CapsLock: 20,
+  Escape: 27,
+  Esc: 27,
+  Space: 32,
+  PageUp: 33,
+  PageDown: 34,
+  End: 35,
+  Home: 36,
+  LeftArrow: 37,
+  UpArrow: 38,
+  RightArrow: 39,
+  DownArrow: 40,
+  Insert: 45,
+  Delete: 46,
+  0: 48,
+  1: 49,
+  2: 50,
+  3: 51,
+  4: 52,
+  5: 53,
+  6: 54,
+  7: 55,
+  8: 56,
+  9: 57,
+  a: 65,
+  b: 66,
+  c: 67,
+  d: 68,
+  e: 69,
+  f: 70,
+  g: 71,
+  h: 72,
+  i: 73,
+  j: 74,
+  k: 75,
+  l: 76,
+  m: 77,
+  n: 78,
+  o: 79,
+  p: 80,
+  q: 81,
+  r: 82,
+  s: 83,
+  t: 84,
+  u: 85,
+  v: 86,
+  w: 87,
+  x: 88,
+  y: 89,
+  z: 90,
+  LeftWindowKey: 91,
+  RightWindowKey: 92,
+  SelectKey: 93,
+  NumPad0: 96,
+  NumPad1: 97,
+  NumPad2: 98,
+  NumPad3: 99,
+  NumPad4: 100,
+  NumPad5: 101,
+  NumPad6: 102,
+  NumPad7: 103,
+  NumPad8: 104,
+  NumPad9: 105,
+  Multiply: 106,
+  Add: 107,
+  Subtract: 109,
+  DecimalPoint: 110,
+  Divide: 111,
+  F1: 112,
+  F2: 113,
+  F3: 114,
+  F4: 115,
+  F5: 116,
+  F6: 117,
+  F7: 118,
+  F8: 119,
+  F9: 120,
+  F10: 121,
+  F12: 123,
+  NumLock: 144,
+  ScrollLock: 145,
+  SemiColon: 186,
+  EqualSign: 187,
+  Comma: 188,
+  Dash: 189,
+  Period: 190,
+  ForwardSlash: 191,
+  GraveAccent: 192,
+  OpenBracket: 219,
+  BackSlash: 220,
+  CloseBracket: 221,
+  SingleQuote: 222,
+  ChineseInputMethod: 229
+};

package/dist/editor/index.css

@@ -0,0 +1,44 @@
+body {
+  --sea-email-body-color: #212529;
+  --sea-email-body-secondary-color: #666;
+  --sea-email-body-bg: #fff;
+  --sea-email-body-secondary-bg: #f5f5f5;
+  --sea-email-emphasis-color: #303133;
+  --sea-email-border-color: rgba(0, 40, 100, .12);
+  --sea-email-border-secondary-color: #eee;
+  --sea-email-border-tertiary-color: #eaeaea;
+  --sea-email-tertiary-color: #fff;
+  --sea-email-tertiary-color-rgb: 255, 255, 255;
+  --sea-email-header-bg: #f8fafd;
+  --sea-email-header-secondary-bg: #f5f5f5;
+  --sea-email-header-tertiary-bg: #f0f0f0;
+  --sea-email-toolbar-bg: #fff;
+  --sea-email-toolbar-secondary-bg: #fcfcfc;
+  --sea-email-nav-hover-bg: #f0f0f0;
+  --sea-email-nav-active-bg: #f5f5f5;
+  --sea-email-wiki-nav-hover-bg: #efefef;
+  --sea-email-wiki-nav-active-bg: #ededea;
+  --sea-email-th-bg: #f9f9f9;
+  --sea-email-th-secondary-bg: #fafafa;
+  --sea-email-th-tertiary-bg: #f7f7f7;
+  --sea-email-th-quartus-bg: #ededed;
+  --sea-email-th-fifth-bg: #e3e3e3;
+  --sea-email-tr-active-bg: #f2f4f6;
+  --sea-email-tr-active-secondary-bg: #dbecfa;
+  --sea-email-tr-hover-bg: #f5f5f5;
+  --sea-email-icon-color: #666;
+  --sea-email-icon-secondary-color: #999;
+  --sea-email-icon-hover-color: #333;
+  --sea-email-hover-bg: #efefef;
+  --sea-email-hover-secondary-bg: #e5e5e5;
+  --sea-email-hover-tertiary-bg: #dbdbdb;
+  --sea-email-bg-color: #f5f5f5;
+  --sea-email-bg-secondary-color: #f0f0f0;
+  --sea-email-dropdown-link-bg: #20a0ff;
+  --sea-email-dropdown-secondary-bg: #f2f2f2;
+  --sea-email-dropdown-tertiary-bg: #f5f5f5;
+  --sea-email-popover-bg: #fff;
+  --sea-email-placeholder-color: #495057;
+  --sea-email-option-bg-color: rgba(0, 0, 0, 0.04);
+  --sea-email-disabled-color: #bdbdbd;
+}

package/dist/editor/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slateConvert = require("../slate-convert");
+var _locale = require("../locale");
+var _intl = _interopRequireDefault(require("../intl"));
+var _main = _interopRequireDefault(require("./main"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const SeaEmailEditor = _ref => {
+  let {
+    value: initValue,
+    options = {},
+    ...rest
+  } = _ref;
+  const [isLoading, setLoading] = (0, _react.useState)(true);
+  const [value, setValue] = (0, _react.useState)();
+
+  // init lang
+  (0, _react.useEffect)(() => {
+    let lang = (options === null || options === void 0 ? void 0 : options.lang) || 'en';
+    if (lang.toLowerCase() === 'zh-cn') {
+      lang = 'zh-cn';
+    }
+    if (!_locale.LOCALES[lang]) {
+      lang = 'en';
+    }
+    _intl.default.init({
+      currentLocale: lang,
+      locales: _locale.LOCALES
+    });
+  }, [options.lang]);
+  (0, _react.useEffect)(() => {
+    setValue((0, _slateConvert.deserializeHtml)(initValue));
+    setLoading(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (isLoading) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_main.default, {
+    value: value,
+    ...rest
+  });
+};
+var _default = exports.default = SeaEmailEditor;

package/dist/editor/main/index.css

@@ -0,0 +1,19 @@
+.sea-email-editor {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid #0028641f;
+  border-radius: 3px;
+}
+
+.sea-email-editor .sea-email-editor-content {
+  flex: 1;
+  width: 100%;
+  padding: 10px;
+}
+
+.sea-email-editor .sea-email-editor-content *:first-child {
+  outline: none;
+}

package/dist/editor/main/index.js

@@ -0,0 +1,166 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("slate-react");
+var _slate = require("slate");
+var _slateHistory = require("slate-history");
+var _slugid = require("slugid");
+var _extension = require("@/extension");
+var _eventBus = _interopRequireDefault(require("@/utils/event-bus"));
+var _eventHandler = _interopRequireDefault(require("@/utils/event-handler"));
+var _withPropsEditor = _interopRequireDefault(require("../with-props-editor"));
+var _core = require("@/extension/core");
+var _common = require("@/utils/common");
+var _useAttachments = _interopRequireDefault(require("@/hooks/use-attachments"));
+var _userLinkClick = _interopRequireDefault(require("@/hooks/user-link-click"));
+var _slateConvert = require("../../slate-convert");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const Main = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var _editor$api;
+  let {
+    autoFocus = true,
+    value,
+    editorApi,
+    onSave,
+    onChange,
+    onLinkClick
+  } = _ref;
+  const [slateValue, setSlateValue] = (0, _react.useState)(value);
+  const focusRangeRef = (0, _react.useRef)(null);
+  const editor = (0, _react.useMemo)(() => {
+    const _editor = _extension.Plugins.reduce((editor, pluginItem) => {
+      const withPlugin = pluginItem.editorPlugin;
+      if (withPlugin) {
+        return withPlugin(editor);
+      }
+      return editor;
+    }, (0, _slateHistory.withHistory)((0, _slateReact.withReact)((0, _slate.createEditor)())));
+    _editor._id = (0, _slugid.nice)();
+    return (0, _withPropsEditor.default)(_editor, {
+      editorApi,
+      onSave
+    });
+  }, [editorApi, onSave]);
+  const eventProxy = (0, _react.useMemo)(() => {
+    return new _eventHandler.default(editor);
+  }, [editor]);
+  (0, _useAttachments.default)(editor);
+  (0, _userLinkClick.default)(editor._id, editor === null || editor === void 0 ? void 0 : (_editor$api = editor.api) === null || _editor$api === void 0 ? void 0 : _editor$api.server, onLinkClick);
+  const decorate = (0, _extension.useHighlight)(editor);
+  const handleChange = (0, _react.useCallback)(value => {
+    setSlateValue(value);
+    if (!editor.hasMovedSelection && editor.selection && _slate.Range.isCollapsed(editor.selection)) {
+      const isAtStart = _slate.Editor.isStart(editor, editor.selection.anchor, _slate.Editor.start(editor, []));
+      if (!isAtStart) editor.hasMovedSelection = true;
+    }
+    if (editor.forceNormalize) return;
+    const operations = editor.operations;
+    const modifyOps = operations.filter(o => o.type !== 'set_selection');
+    if (modifyOps.length > 0) {
+      onChange && onChange((0, _slateConvert.slateToHtml)(value));
+    }
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch('change');
+  }, [editor, onChange]);
+  const focusNode = (0, _react.useCallback)((editor, focusRange) => {
+    const [firstNode] = editor.children;
+    if (!firstNode) return;
+    if (focusRange && focusRange !== null && focusRange !== void 0 && focusRange.anchor) {
+      const startOfFirstNode = _slate.Editor.start(editor, focusRange.anchor.path);
+      const range = {
+        anchor: startOfFirstNode,
+        focus: startOfFirstNode
+      };
+      (0, _core.focusEditor)(editor, range);
+      setTimeout(() => (0, _core.focusEditor)(editor, focusRange), 0);
+      focusRangeRef.current = null;
+      return;
+    }
+    const [firstNodeFirstChild] = firstNode.children;
+    if (firstNodeFirstChild) {
+      const startOfFirstNode = _slate.Editor.start(editor, [0, 0]);
+      const range = {
+        anchor: startOfFirstNode,
+        focus: startOfFirstNode
+      };
+      (0, _core.focusEditor)(editor, range);
+    }
+  }, []);
+
+  // useMount: focus editor
+  (0, _react.useEffect)(() => {
+    editor.forceNormalize = true;
+    _slate.Editor.normalize(editor, {
+      force: true
+    });
+    const timer = setTimeout(() => {
+      editor.forceNormalize = false;
+      if (!autoFocus) return;
+      focusNode(editor);
+    }, 300);
+    return () => {
+      editor.forceNormalize = false;
+      clearTimeout(timer);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!autoFocus) return;
+    focusNode(editor, focusRangeRef.current);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // willUnmount
+  (0, _react.useEffect)(() => {
+    return () => {
+      editor.selection = null;
+      editor.history = {
+        redos: [],
+        undos: []
+      };
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useImperativeHandle)(ref, () => {
+    return {
+      getEditor: () => editor
+    };
+  }, [editor]);
+  const onEditorClick = (0, _react.useCallback)(() => {
+    // Focus at start of document, when document is empty
+    const isDoEmpty = (0, _common.isDocumentEmpty)(editor);
+    if (isDoEmpty) {
+      focusNode(editor);
+    }
+  }, [editor, focusNode]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "sea-email-editor",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_extension.Toolbar, {
+      editor: editor
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "sea-email-editor-content",
+      onClick: onEditorClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_slateReact.Slate, {
+        editor: editor,
+        initialValue: slateValue,
+        onChange: handleChange,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_extension.SetNodeToDecorations, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_slateReact.Editable, {
+          readOnly: false,
+          decorate: decorate,
+          renderElement: _extension.renderElement,
+          renderLeaf: _extension.renderLeaf,
+          onKeyDown: eventProxy.onKeyDown,
+          onCopy: eventProxy.onCopy
+        })]
+      })
+    })]
+  });
+});
+var _default = exports.default = Main;

package/dist/editor/with-props-editor.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const withPropsEditor = function (editor) {
+  let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let newEditor = editor;
+  if (props.editorApi) {
+    newEditor.api = props.editorApi;
+  }
+  if (props.onSave) {
+    newEditor.onSave = props.onSave;
+  }
+  newEditor.isImageUploadOnly = props.isImageUploadOnly === undefined ? true : Boolean(props.isImageUploadOnly);
+  newEditor.isSupportMultipleFiles = Boolean(props.isSupportMultipleFiles);
+  return newEditor;
+};
+var _default = exports.default = withPropsEditor;

package/dist/extension/commons/dropdown-menu-item/index.css

@@ -0,0 +1,52 @@
+/* insert element dropdown item */
+.sf-dropdown-item-with-left-icon .sf-dropdown-item-content .sf-dropdown-item-content-icon {
+  color: #444;
+}
+
+.sf-link-dropdown-menu-item .sf-dropdown-item-content{
+  justify-content: space-between;
+}
+
+.sea-email-dropdown-menu-item-relative {
+  position: relative;
+}
+
+.sea-email-dropdown-menu .sf-dropdown-item-right-icon {
+  color: #999;
+}
+
+.sea-email-dropdown-menu .sf-dropdown-item-with-left-icon {
+  min-height:32px;
+  padding: 3px 12px;
+}
+
+.sea-email-dropdown-menu .sea-email-dropdown-menu-item {
+  align-items: center;
+  display: flex;
+  height: 30px;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 100%
+}
+
+.sea-email-dropdown-menu .sea-email-dropdown-menu-item .sf-dropdown-item-content {
+  align-items: center;
+  display: flex;
+  flex: 1 1;
+  font-size: 14px
+}
+
+.sea-email-dropdown-menu .sea-email-dropdown-menu-item .iconfont {
+  font-size: 12px;
+  line-height: 12px;
+}
+
+.sea-email-dropdown-menu .sf-dropdown-item-right-icon {
+  color: #999;
+}
+
+.sea-email-dropdown-menu .sf-dropdown-item-content .sf-dropdown-item-content-icon {
+  margin-right: 10px;
+  vertical-align: 1px;
+}

package/dist/extension/commons/dropdown-menu-item/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("@/constants");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _menuShortcutIndicator = _interopRequireDefault(require("../menu-shortcut-indicator"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    disabled,
+    onClick,
+    menuConfig,
+    children,
+    className,
+    shortcut,
+    isHidden,
+    onMousedown
+  } = props;
+  const {
+    iconClass
+  } = menuConfig;
+  const [isShowChildren, setShowChildren] = (0, _react.useState)(false);
+
+  // onMount
+  (0, _react.useEffect)(() => {
+    setShowChildren(!isShowChildren);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('sea-email-dropdown-menu-item', className, {
+      'disabled': disabled,
+      'sf-dropdown-item-with-left-icon': iconClass,
+      'sf-link-dropdown-menu-item': shortcut,
+      'sea-email-dropdown-menu-item-hidden': isHidden
+    }),
+    id: menuConfig.id || '',
+    onClick: disabled ? () => {} : onClick || (() => {}),
+    ref: ref,
+    onMouseDown: onMousedown,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "sf-dropdown-item-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "sf-dropdown-item-left",
+        children: [iconClass && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: (0, _classnames.default)(iconClass, 'sf-dropdown-item-content-icon')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _constants.gettext)(menuConfig.text)
+        })]
+      }), shortcut && /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuShortcutIndicator.default, {
+        shortcuts: shortcut
+      })]
+    }), isShowChildren && children]
+  });
+});
+var _default = exports.default = DropdownMenuItem;

package/dist/extension/commons/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});