@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/editor/sdoc-editor.js

@@ -1,23 +1,31 @@
-import React, { useEffect, useState, useImperativeHandle, forwardRef, useMemo, useCallback, Fragment } from 'react';
-import { Editor } from '@seafile/slate';
-import deepCopy from 'deep-copy';
-import context from '../../context';
-import CommonLoading from '../../components/common-loading';
-import { INTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../constants';
-import { createDefaultEditor, HeaderToolbar } from '../extension';
-import withNodeId from '../node-id';
-import { withSocketIO } from '../socket';
-import { focusEditor } from '../extension/core';
-import InsertElementDialog from '../extension/commons/insert-element-dialog';
-import { EditorContainer, EditorContent } from '../layout';
-import EditableArticle from './editable-article';
-import { ColorProvider } from '../hooks/use-color-context';
-import ReadOnlyArticle from '../views/readonly-article';
-import { isMobile } from '../../utils';
-import { CollaboratorsProvider } from '../../hooks';
-import { EventBus } from '../../basic-sdk';
-import { EXTERNAL_EVENT } from '../../constants';
-const SdocEditor = forwardRef((_ref, ref) => {
+"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 _slate = require("@seafile/slate");
+var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _context = _interopRequireDefault(require("../../context"));
+var _commonLoading = _interopRequireDefault(require("../../components/common-loading"));
+var _constants = require("../constants");
+var _extension = require("../extension");
+var _nodeId = _interopRequireDefault(require("../node-id"));
+var _socket = require("../socket");
+var _core = require("../extension/core");
+var _insertElementDialog = _interopRequireDefault(require("../extension/commons/insert-element-dialog"));
+var _layout = require("../layout");
+var _editableArticle = _interopRequireDefault(require("./editable-article"));
+var _useColorContext = require("../hooks/use-color-context");
+var _readonlyArticle = _interopRequireDefault(require("../views/readonly-article"));
+var _utils = require("../../utils");
+var _hooks = require("../../hooks");
+var _basicSdk = require("../../basic-sdk");
+var _constants2 = require("../../constants");
+const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     editor: propsEditor,
     document,
@@ -26,11 +34,11 @@ const SdocEditor = forwardRef((_ref, ref) => {
     isShowHeaderToolbar = true,
     showOutline = true
   } = _ref;
-  const validEditor = useMemo(() => {
+  const validEditor = (0, _react.useMemo)(() => {
     if (propsEditor) return propsEditor;
-    const defaultEditor = createDefaultEditor();
-    const editorConfig = context.getEditorConfig();
-    const newEditor = withNodeId(withSocketIO(defaultEditor, {
+    const defaultEditor = (0, _extension.createDefaultEditor)();
+    const editorConfig = _context.default.getEditorConfig();
+    const newEditor = (0, _nodeId.default)((0, _socket.withSocketIO)(defaultEditor, {
       document,
       config: editorConfig
     }));
@@ -38,19 +46,19 @@ const SdocEditor = forwardRef((_ref, ref) => {
       cursors
     } = document;
     newEditor.cursors = cursors || {};
-    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.width = _constants.PAGE_EDIT_AREA_WIDTH; // default width
     return newEditor;
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const [slateValue, setSlateValue] = useState(document.children);
+  const [slateValue, setSlateValue] = (0, _react.useState)(document.children);
 
   // Fix: The editor's children are not updated when the document is updated in revision
   // In revision mode, the document is updated, but the editor's children are not updated,as onValueChange override the new document.children. This unexpected action cause the editor to display the old content
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     setSlateValue(document.children);
   }, [document.children]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     validEditor.readonly = false;
     return () => {
       validEditor.selection = null;
@@ -59,7 +67,7 @@ const SdocEditor = forwardRef((_ref, ref) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   // useMount: init socket connection
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (propsEditor) return;
     validEditor.openConnection();
     return () => {
@@ -69,18 +77,18 @@ const SdocEditor = forwardRef((_ref, ref) => {
   }, []);
 
   // useMount: focus editor
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const timer = setTimeout(() => {
       const [firstNode] = validEditor.children;
       if (firstNode) {
         const [firstNodeFirstChild] = firstNode.children;
         if (firstNodeFirstChild) {
-          const endOfFirstNode = Editor.end(validEditor, [0, 0]);
+          const endOfFirstNode = _slate.Editor.end(validEditor, [0, 0]);
           const range = {
             anchor: endOfFirstNode,
             focus: endOfFirstNode
           };
-          focusEditor(validEditor, range);
+          (0, _core.focusEditor)(validEditor, range);
         }
       }
     }, 300);
@@ -89,18 +97,18 @@ const SdocEditor = forwardRef((_ref, ref) => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onRefreshDocument = useCallback(() => {
+  const onRefreshDocument = (0, _react.useCallback)(() => {
     window.location.reload();
   }, []);
 
   // useMount: refresh document
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    eventBus.subscribe(EXTERNAL_EVENT.REFRESH_DOCUMENT, onRefreshDocument);
+  (0, _react.useEffect)(() => {
+    const eventBus = _basicSdk.EventBus.getInstance();
+    eventBus.subscribe(_constants2.EXTERNAL_EVENT.REFRESH_DOCUMENT, onRefreshDocument);
   }, [onRefreshDocument]);
 
   // The parent component can call the method of this component through ref
-  useImperativeHandle(ref, () => ({
+  (0, _react.useImperativeHandle)(ref, () => ({
     setSlateValue: document => {
       // Force update of editor's child elements
       validEditor.children = document.children;
@@ -111,7 +119,7 @@ const SdocEditor = forwardRef((_ref, ref) => {
     },
     // get value
     getSlateValue: () => {
-      return deepCopy({
+      return (0, _deepCopy.default)({
         ...document,
         children: slateValue
       });
@@ -120,69 +128,69 @@ const SdocEditor = forwardRef((_ref, ref) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), [document, validEditor, slateValue]);
   const onValueChange = value => {
-    const eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT, value);
+    const eventBus = _basicSdk.EventBus.getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT, value);
     setSlateValue(value);
   };
-  const isFreezed = context.getSetting('isFreezed');
+  const isFreezed = _context.default.getSetting('isFreezed');
   if (isReloading) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "h-100 w-100 d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/React.createElement(CommonLoading, null));
+    }, /*#__PURE__*/_react.default.createElement(_commonLoading.default, null));
   }
-  if (isMobile) {
-    return /*#__PURE__*/React.createElement(EditorContainer, {
+  if (_utils.isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
       editor: validEditor,
       readonly: true
-    }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement(EditorContent, {
+    }, /*#__PURE__*/_react.default.createElement(_useColorContext.ColorProvider, null, /*#__PURE__*/_react.default.createElement(_layout.EditorContent, {
       docValue: slateValue,
       readonly: true,
       showOutline: false,
       editor: validEditor,
       showComment: false
-    }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
+    }, /*#__PURE__*/_react.default.createElement(_readonlyArticle.default, {
       editor: validEditor,
       slateValue: slateValue,
       showComment: false
     }))));
   }
   if (isFreezed) {
-    return /*#__PURE__*/React.createElement(EditorContainer, {
+    return /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
       editor: validEditor,
       readonly: isFreezed
-    }, /*#__PURE__*/React.createElement(CollaboratorsProvider, null, /*#__PURE__*/React.createElement(ColorProvider, null, isShowHeaderToolbar && /*#__PURE__*/React.createElement(HeaderToolbar, {
+    }, /*#__PURE__*/_react.default.createElement(_hooks.CollaboratorsProvider, null, /*#__PURE__*/_react.default.createElement(_useColorContext.ColorProvider, null, isShowHeaderToolbar && /*#__PURE__*/_react.default.createElement(_extension.HeaderToolbar, {
       editor: validEditor,
       readonly: isFreezed
-    }), /*#__PURE__*/React.createElement(EditorContent, {
+    }), /*#__PURE__*/_react.default.createElement(_layout.EditorContent, {
       docValue: slateValue,
       showOutline: true,
       readonly: isFreezed,
       editor: validEditor,
       showComment: true
-    }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
+    }, /*#__PURE__*/_react.default.createElement(_readonlyArticle.default, {
       editor: validEditor,
       slateValue: slateValue,
       showComment: true
     })))));
   }
   const isShowComment = typeof showComment === 'boolean' ? showComment : true;
-  const Provider = isShowComment ? CollaboratorsProvider : Fragment;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
+  const Provider = isShowComment ? _hooks.CollaboratorsProvider : _react.Fragment;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
     editor: validEditor
-  }, /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(ColorProvider, null, isShowHeaderToolbar && /*#__PURE__*/React.createElement(HeaderToolbar, {
+  }, /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_useColorContext.ColorProvider, null, isShowHeaderToolbar && /*#__PURE__*/_react.default.createElement(_extension.HeaderToolbar, {
     editor: validEditor
-  }), /*#__PURE__*/React.createElement(EditorContent, {
+  }), /*#__PURE__*/_react.default.createElement(_layout.EditorContent, {
     docValue: slateValue,
     showOutline: showOutline !== null && showOutline !== void 0 ? showOutline : true,
     editor: validEditor,
     showComment: isShowComment
-  }, /*#__PURE__*/React.createElement(EditableArticle, {
+  }, /*#__PURE__*/_react.default.createElement(_editableArticle.default, {
     editor: validEditor,
     slateValue: slateValue,
     updateSlateValue: onValueChange,
     showComment: isShowComment
-  }))))), /*#__PURE__*/React.createElement(InsertElementDialog, {
+  }))))), /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
     editor: validEditor
   }));
 });
-export default SdocEditor;
+var _default = exports.default = SdocEditor;

package/dist/basic-sdk/editor/wiki-editor.js

@@ -1,24 +1,32 @@
-import React, { useEffect, useState, useImperativeHandle, forwardRef, useMemo, useCallback } from 'react';
-import { Editor } from '@seafile/slate';
-import deepCopy from 'deep-copy';
-import classNames from 'classnames';
-import context from '../../context';
-import CommonLoading from '../../components/common-loading';
-import { INTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../constants';
-import { createDefaultEditor } from '../extension';
-import withNodeId from '../node-id';
-import { withSocketIO } from '../socket';
-import { focusEditor } from '../extension/core';
-import InsertElementDialog from '../extension/commons/insert-element-dialog';
-import { EditorContainer } from '../layout';
-import EditableArticle from './editable-article';
-import { ColorProvider } from '../hooks/use-color-context';
-import ReadOnlyArticle from '../views/readonly-article';
-import { isMobile } from '../../utils';
-import { EventBus } from '../../basic-sdk';
-import { EXTERNAL_EVENT } from '../../constants';
-import { ScrollContext } from '../hooks/use-scroll-context';
-const WikiEditor = forwardRef((_ref, ref) => {
+"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 _slate = require("@seafile/slate");
+var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _context = _interopRequireDefault(require("../../context"));
+var _commonLoading = _interopRequireDefault(require("../../components/common-loading"));
+var _constants = require("../constants");
+var _extension = require("../extension");
+var _nodeId = _interopRequireDefault(require("../node-id"));
+var _socket = require("../socket");
+var _core = require("../extension/core");
+var _insertElementDialog = _interopRequireDefault(require("../extension/commons/insert-element-dialog"));
+var _layout = require("../layout");
+var _editableArticle = _interopRequireDefault(require("./editable-article"));
+var _useColorContext = require("../hooks/use-color-context");
+var _readonlyArticle = _interopRequireDefault(require("../views/readonly-article"));
+var _utils = require("../../utils");
+var _basicSdk = require("../../basic-sdk");
+var _constants2 = require("../../constants");
+var _useScrollContext = require("../hooks/use-scroll-context");
+const WikiEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     editor: propsEditor,
     document,
@@ -26,11 +34,11 @@ const WikiEditor = forwardRef((_ref, ref) => {
     isWikiReadOnly,
     scrollRef
   } = _ref;
-  const validEditor = useMemo(() => {
+  const validEditor = (0, _react.useMemo)(() => {
     if (propsEditor) return propsEditor;
-    const defaultEditor = createDefaultEditor();
-    const editorConfig = context.getEditorConfig();
-    const newEditor = withNodeId(withSocketIO(defaultEditor, {
+    const defaultEditor = (0, _extension.createDefaultEditor)();
+    const editorConfig = _context.default.getEditorConfig();
+    const newEditor = (0, _nodeId.default)((0, _socket.withSocketIO)(defaultEditor, {
       document,
       config: editorConfig
     }));
@@ -38,19 +46,19 @@ const WikiEditor = forwardRef((_ref, ref) => {
       cursors
     } = document;
     newEditor.cursors = cursors || {};
-    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.width = _constants.PAGE_EDIT_AREA_WIDTH; // default width
     return newEditor;
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const [slateValue, setSlateValue] = useState(document.children);
+  const [slateValue, setSlateValue] = (0, _react.useState)(document.children);
 
   // Fix: The editor's children are not updated when the document is updated in revision
   // In revision mode, the document is updated, but the editor's children are not updated,as onValueChange override the new document.children. This unexpected action cause the editor to display the old content
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     setSlateValue(document.children);
   }, [document.children]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     validEditor.readonly = false;
     return () => {
       validEditor.selection = null;
@@ -59,7 +67,7 @@ const WikiEditor = forwardRef((_ref, ref) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   // useMount: init socket connection
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (propsEditor) return;
     validEditor.openConnection();
     return () => {
@@ -69,18 +77,18 @@ const WikiEditor = forwardRef((_ref, ref) => {
   }, []);
 
   // useMount: focus editor
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const timer = setTimeout(() => {
       const [firstNode] = validEditor.children;
       if (firstNode) {
         const [firstNodeFirstChild] = firstNode.children;
         if (firstNodeFirstChild) {
-          const endOfFirstNode = Editor.end(validEditor, [0, 0]);
+          const endOfFirstNode = _slate.Editor.end(validEditor, [0, 0]);
           const range = {
             anchor: endOfFirstNode,
             focus: endOfFirstNode
           };
-          focusEditor(validEditor, range);
+          (0, _core.focusEditor)(validEditor, range);
         }
       }
     }, 300);
@@ -89,23 +97,23 @@ const WikiEditor = forwardRef((_ref, ref) => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (scrollRef) {
       scrollRef.current.id = 'sdoc-scroll-container';
     }
   }, [scrollRef]);
-  const onRefreshDocument = useCallback(() => {
+  const onRefreshDocument = (0, _react.useCallback)(() => {
     window.location.reload();
   }, []);
 
   // useMount: refresh document
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    eventBus.subscribe(EXTERNAL_EVENT.REFRESH_DOCUMENT, onRefreshDocument);
+  (0, _react.useEffect)(() => {
+    const eventBus = _basicSdk.EventBus.getInstance();
+    eventBus.subscribe(_constants2.EXTERNAL_EVENT.REFRESH_DOCUMENT, onRefreshDocument);
   }, [onRefreshDocument]);
 
   // The parent component can call the method of this component through ref
-  useImperativeHandle(ref, () => ({
+  (0, _react.useImperativeHandle)(ref, () => ({
     setSlateValue: document => {
       // Force update of editor's child elements
       validEditor.children = document.children;
@@ -116,7 +124,7 @@ const WikiEditor = forwardRef((_ref, ref) => {
     },
     // get value
     getSlateValue: () => {
-      return deepCopy({
+      return (0, _deepCopy.default)({
         ...document,
         children: slateValue
       });
@@ -125,52 +133,52 @@ const WikiEditor = forwardRef((_ref, ref) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), [document, validEditor, slateValue]);
   const onValueChange = value => {
-    const eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT, value);
+    const eventBus = _basicSdk.EventBus.getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT, value);
     setSlateValue(value);
   };
   if (isReloading) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "h-100 w-100 d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/React.createElement(CommonLoading, null));
+    }, /*#__PURE__*/_react.default.createElement(_commonLoading.default, null));
   }
-  if (isMobile || isWikiReadOnly) {
-    return /*#__PURE__*/React.createElement(EditorContainer, {
+  if (_utils.isMobile || isWikiReadOnly) {
+    return /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
       editor: validEditor,
       readonly: true
-    }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_useColorContext.ColorProvider, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-content-wrapper"
-    }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_useScrollContext.ScrollContext.Provider, {
       value: {
         scrollRef
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-editor-content readonly"
-    }, /*#__PURE__*/React.createElement(ReadOnlyArticle, {
+    }, /*#__PURE__*/_react.default.createElement(_readonlyArticle.default, {
       editor: validEditor,
       slateValue: slateValue,
       showComment: false
     }))))));
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
     editor: validEditor
-  }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_useColorContext.ColorProvider, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-content-wrapper"
-  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_useScrollContext.ScrollContext.Provider, {
     value: {
       scrollRef
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('sdoc-editor-content', {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-editor-content', {
       'readonly': isWikiReadOnly
     })
-  }, /*#__PURE__*/React.createElement(EditableArticle, {
+  }, /*#__PURE__*/_react.default.createElement(_editableArticle.default, {
     editor: validEditor,
     slateValue: slateValue,
     updateSlateValue: onValueChange,
     showComment: false
-  })))))), /*#__PURE__*/React.createElement(InsertElementDialog, {
+  })))))), /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
     editor: validEditor
   }));
 });
-export default WikiEditor;
+var _default = exports.default = WikiEditor;

package/dist/basic-sdk/extension/commons/Inline-bug-fix-wrapper/index.js

@@ -1,11 +1,17 @@
-import React from 'react';
+"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"));
 const InlineBugFixer = () => {
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     contentEditable: false,
     style: {
       fontSize: 0
     }
   }, String.fromCodePoint(160) /* Non-breaking space */);
 };
-
-export default InlineBugFixer;
+var _default = exports.default = InlineBugFixer;

package/dist/basic-sdk/extension/commons/color-menu/color-item.js

@@ -1,14 +1,21 @@
-import React from 'react';
-import { withTranslation } from 'react-i18next';
-import classnames from 'classnames';
+"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"));
+var _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
 const ColorItem = _ref => {
   let {
     t,
     color,
     lastUsedColor
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-color-item', {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-color-item', {
       'selected': lastUsedColor === color.value
     }),
     style: {
@@ -21,4 +28,4 @@ const ColorItem = _ref => {
     }) : t(color.name)
   });
 };
-export default withTranslation('sdoc-editor')(ColorItem);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ColorItem);