@seafile/sdoc-editor 1.0.54 → 1.0.55

package/dist/basic-sdk/extension/plugins/font/helpers.js

@@ -1,44 +1,52 @@
-import { Editor, Element } from '@seafile/slate';
-import { CODE_BLOCK, IMAGE, DEFAULT_FONT, GOOGLE_FONT_CLASS, FONT, SDOC_FONT_SIZE, HEADERS, TITLE, SUBTITLE, CODE_LINE, TEXT_STYLE_MAP } from '../../constants';
-import { focusEditor, getParentNode } from '../../core';
-import context from '../../../../context';
-import { isMac } from '../../../../utils';
-export const isMenuDisabled = (editor, readonly) => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setFontSize = exports.setFont = exports.scaleFontSize = exports.loadFont = exports.isMenuDisabled = exports.hasFontLoaded = exports.getFontSize = exports.getFont = exports.generatorFontFamily = void 0;
+var _slate = require("@seafile/slate");
+var _constants = require("../../constants");
+var _core = require("../../core");
+var _context = _interopRequireDefault(require("../../../../context"));
+var _utils = require("../../../../utils");
+const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (!editor.selection) return true;
-  const [match] = Editor.nodes(editor, {
+  const [match] = _slate.Editor.nodes(editor, {
     match: node => {
-      return !Editor.isEditor(node) && Element.isElement(node) && Editor.isBlock(editor, node);
+      return !_slate.Editor.isEditor(node) && _slate.Element.isElement(node) && _slate.Editor.isBlock(editor, node);
     },
     universal: true,
     mode: 'highest'
   });
   if (!match) return false;
   const elementType = match[0].type;
-  if (elementType === CODE_BLOCK || elementType === IMAGE) {
+  if (elementType === _constants.CODE_BLOCK || elementType === _constants.IMAGE) {
     return true;
   }
   return false;
 };
 
 // font size
-export const getFontSize = editor => {
+exports.isMenuDisabled = isMenuDisabled;
+const getFontSize = editor => {
   const {
     selection
   } = editor;
-  const marks = Editor.marks(editor);
-  if (marks && marks[TEXT_STYLE_MAP.FONT_SIZE]) {
-    return marks[TEXT_STYLE_MAP.FONT_SIZE];
+  const marks = _slate.Editor.marks(editor);
+  if (marks && marks[_constants.TEXT_STYLE_MAP.FONT_SIZE]) {
+    return marks[_constants.TEXT_STYLE_MAP.FONT_SIZE];
   }
-  if (!selection) return SDOC_FONT_SIZE.DEFAULT;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
+  if (!selection) return _constants.SDOC_FONT_SIZE.DEFAULT;
+  const [match] = _slate.Editor.nodes(editor, {
+    at: _slate.Editor.unhangRange(editor, selection),
     match: n => {
-      if (!Editor.isEditor(n) && !Element.isElement(n)) {
-        if (n[TEXT_STYLE_MAP.FONT_SIZE]) return true;
-        const parentNode = getParentNode(editor.children, n.id);
+      if (!_slate.Editor.isEditor(n) && !_slate.Element.isElement(n)) {
+        if (n[_constants.TEXT_STYLE_MAP.FONT_SIZE]) return true;
+        const parentNode = (0, _core.getParentNode)(editor.children, n.id);
         if (!parentNode) return false;
-        if ([TITLE, SUBTITLE, ...HEADERS, CODE_LINE].includes(parentNode.type)) {
+        if ([_constants.TITLE, _constants.SUBTITLE, ..._constants.HEADERS, _constants.CODE_LINE].includes(parentNode.type)) {
           return true;
         }
         return false;
@@ -46,20 +54,22 @@ export const getFontSize = editor => {
       return false;
     }
   });
-  if (!match) return SDOC_FONT_SIZE.DEFAULT;
+  if (!match) return _constants.SDOC_FONT_SIZE.DEFAULT;
   // has font-size attribute
   const matched = match[0];
-  if (matched[TEXT_STYLE_MAP.FONT_SIZE]) {
-    return matched[TEXT_STYLE_MAP.FONT_SIZE];
+  if (matched[_constants.TEXT_STYLE_MAP.FONT_SIZE]) {
+    return matched[_constants.TEXT_STYLE_MAP.FONT_SIZE];
   }
-  const parentNode = getParentNode(editor.children, matched.id);
-  return SDOC_FONT_SIZE[parentNode.type];
+  const parentNode = (0, _core.getParentNode)(editor.children, matched.id);
+  return _constants.SDOC_FONT_SIZE[parentNode.type];
 };
-export const setFontSize = (editor, value) => {
-  Editor.addMark(editor, TEXT_STYLE_MAP.FONT_SIZE, value);
-  focusEditor(editor);
+exports.getFontSize = getFontSize;
+const setFontSize = (editor, value) => {
+  _slate.Editor.addMark(editor, _constants.TEXT_STYLE_MAP.FONT_SIZE, value);
+  (0, _core.focusEditor)(editor);
 };
-export const scaleFontSize = (editor, type) => {
+exports.setFontSize = setFontSize;
+const scaleFontSize = (editor, type) => {
   const isDisabled = isMenuDisabled(editor);
   if (isDisabled) return;
   const fontSize = getFontSize(editor);
@@ -75,27 +85,30 @@ export const scaleFontSize = (editor, type) => {
 };
 
 // font
-export const getFont = editor => {
+exports.scaleFontSize = scaleFontSize;
+const getFont = editor => {
   const {
     selection
   } = editor;
-  const marks = Editor.marks(editor);
-  if (marks && marks[TEXT_STYLE_MAP.FONT]) {
-    return marks[TEXT_STYLE_MAP.FONT];
+  const marks = _slate.Editor.marks(editor);
+  if (marks && marks[_constants.TEXT_STYLE_MAP.FONT]) {
+    return marks[_constants.TEXT_STYLE_MAP.FONT];
   }
-  if (!selection) return DEFAULT_FONT;
-  const [match] = Editor.nodes(editor, {
-    at: Editor.unhangRange(editor, selection),
-    match: n => !Editor.isEditor(n) && !Element.isElement(n) && n['font']
+  if (!selection) return _constants.DEFAULT_FONT;
+  const [match] = _slate.Editor.nodes(editor, {
+    at: _slate.Editor.unhangRange(editor, selection),
+    match: n => !_slate.Editor.isEditor(n) && !_slate.Element.isElement(n) && n['font']
   });
-  if (!match) return DEFAULT_FONT;
-  return match[0][TEXT_STYLE_MAP.FONT];
+  if (!match) return _constants.DEFAULT_FONT;
+  return match[0][_constants.TEXT_STYLE_MAP.FONT];
 };
-export const setFont = (editor, value) => {
-  Editor.addMark(editor, TEXT_STYLE_MAP.FONT, value);
-  focusEditor(editor);
+exports.getFont = getFont;
+const setFont = (editor, value) => {
+  _slate.Editor.addMark(editor, _constants.TEXT_STYLE_MAP.FONT, value);
+  (0, _core.focusEditor)(editor);
 };
-export const hasFontLoaded = function () {
+exports.setFont = setFont;
+const hasFontLoaded = function () {
   let fontObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let fontWeight = arguments.length > 1 ? arguments[1] : undefined;
   const {
@@ -105,10 +118,11 @@ export const hasFontLoaded = function () {
   if (isSystemOwn) return true;
   if (!name) return true;
   const nameString = name.split(' ').join('+');
-  const fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(fontWeight);
+  const fontLinkId = `sdoc-font-link-${nameString}-${fontWeight}`;
   return document.getElementById(fontLinkId);
 };
-export const loadFont = function () {
+exports.hasFontLoaded = hasFontLoaded;
+const loadFont = function () {
   let fontObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let fontWeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
   const {
@@ -120,27 +134,29 @@ export const loadFont = function () {
   if (!name) return;
   const validFontWeight = supportFontWeight.includes(fontWeight) ? fontWeight : supportFontWeight[0];
   const nameString = name.split(' ').join('+');
-  const fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(validFontWeight);
+  const fontLinkId = `sdoc-font-link-${nameString}-${validFontWeight}`;
   if (document.getElementById(fontLinkId)) return;
-  const href = "https://fonts.googleapis.com/css?family=".concat(nameString, ":").concat(validFontWeight);
+  const href = `https://fonts.googleapis.com/css?family=${nameString}:${validFontWeight}`;
   const fontLink = document.createElement('link');
   fontLink.rel = 'stylesheet';
   fontLink.href = href;
   fontLink.id = fontLinkId;
-  fontLink.className = GOOGLE_FONT_CLASS;
+  fontLink.className = _constants.GOOGLE_FONT_CLASS;
   document.body.appendChild(fontLink);
 };
-export const generatorFontFamily = (fontName, fontWeight) => {
-  const lang = context.getSetting('lang') || 'zh-cn';
-  if (fontName === DEFAULT_FONT) {
-    return "'Arial', ".concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", 'sans-serif'");
+exports.loadFont = loadFont;
+const generatorFontFamily = (fontName, fontWeight) => {
+  const lang = _context.default.getSetting('lang') || 'zh-cn';
+  if (fontName === _constants.DEFAULT_FONT) {
+    return `'Arial', ${lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial'}, 'sans-serif'`;
   }
-  const fontObject = FONT.find(item => item.name === fontName) || {};
+  const fontObject = _constants.FONT.find(item => item.name === fontName) || {};
   const {
     usuallyFontFamilyName,
     fontFamilyName
   } = fontObject;
   loadFont(fontObject, fontWeight);
-  const validFontName = fontFamilyName && isMac() ? fontFamilyName['mac'] : fontName;
-  return "".concat(validFontName, ", ").concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", ").concat(usuallyFontFamilyName || 'sans-serif');
-};
+  const validFontName = fontFamilyName && (0, _utils.isMac)() ? fontFamilyName['mac'] : fontName;
+  return `${validFontName}, ${lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial'}, ${usuallyFontFamilyName || 'sans-serif'}`;
+};
+exports.generatorFontFamily = generatorFontFamily;

package/dist/basic-sdk/extension/plugins/font/index.js

@@ -1,6 +1,13 @@
-import withFont from './plugin';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _plugin = _interopRequireDefault(require("./plugin"));
 const FontPlugin = {
   type: 'font',
-  editorPlugin: withFont
+  editorPlugin: _plugin.default
 };
-export default FontPlugin;
+var _default = exports.default = FontPlugin;

package/dist/basic-sdk/extension/plugins/font/menu/font-family/font-item.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import classnames from 'classnames';
-import { hasFontLoaded, generatorFontFamily } from '../../helpers';
-import { DEFAULT_FONT } from '../../../../constants';
+"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"));
+var _helpers = require("../../helpers");
+var _constants = require("../../../../constants");
 const FontItem = _ref => {
   let {
     selectedFont,
@@ -11,22 +18,22 @@ const FontItem = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
+  } = (0, _reactI18next.useTranslation)();
   const fontName = fontObject.name;
   const isSelected = selectedFont === fontName;
-  const isFontLoad = hasFontLoaded(fontObject, 400);
+  const isFontLoad = (0, _helpers.hasFontLoaded)(fontObject, 400);
   const style = isFontLoad ? {
-    fontFamily: generatorFontFamily(fontName, 400)
+    fontFamily: (0, _helpers.generatorFontFamily)(fontName, 400)
   } : {};
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-dropdown-menu-item', {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-dropdown-menu-item', {
       'position-relative': isSelected
     }),
     onClick: () => setFont(fontName)
-  }, isSelected && /*#__PURE__*/React.createElement("i", {
+  }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-check-mark"
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     style: style
-  }, fontName === DEFAULT_FONT ? t('Default_font') : fontName));
+  }, fontName === _constants.DEFAULT_FONT ? t('Default_font') : fontName));
 };
-export default FontItem;
+var _default = exports.default = FontItem;

package/dist/basic-sdk/extension/plugins/font/menu/font-family/index.js

@@ -1,15 +1,23 @@
-import React, { useState, useRef, useCallback, useEffect } from 'react';
-import { UncontrolledPopover } from 'reactstrap';
-import { useTranslation } from 'react-i18next';
-import classnames from 'classnames';
-import { isMenuDisabled, getFont, setFont } from '../../helpers';
-import { FONT, RECENT_USED_FONTS_KEY, DEFAULT_FONT } from '../../../../constants';
-import Tooltip from '../../../../../../components/tooltip';
-import LocalStorage from '../../../../../../utils/local-storage-utils';
-import context from '../../../../../../context';
-import FontItem from './font-item';
-import ObjectUtils from '../../../../../utils/object-utils';
-import './index.css';
+"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 _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _helpers = require("../../helpers");
+var _constants = require("../../../../constants");
+var _tooltip = _interopRequireDefault(require("../../../../../../components/tooltip"));
+var _localStorageUtils = _interopRequireDefault(require("../../../../../../utils/local-storage-utils"));
+var _context = _interopRequireDefault(require("../../../../../../context"));
+var _fontItem = _interopRequireDefault(require("./font-item"));
+var _objectUtils = _interopRequireDefault(require("../../../../../utils/object-utils"));
+require("./index.css");
 const FontFamily = _ref => {
   let {
     editor,
@@ -17,28 +25,28 @@ const FontFamily = _ref => {
     className,
     readonly
   } = _ref;
-  const [recentUsedFonts, setRecentUsedFonts] = useState(LocalStorage.getItem(RECENT_USED_FONTS_KEY, []));
-  const [isShowMenu, setMenuShow] = useState(false);
-  const [fontList, setFontList] = useState(FONT);
+  const [recentUsedFonts, setRecentUsedFonts] = (0, _react.useState)(_localStorageUtils.default.getItem(_constants.RECENT_USED_FONTS_KEY, []));
+  const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
+  const [fontList, setFontList] = (0, _react.useState)(_constants.FONT);
   const {
     t
-  } = useTranslation();
-  const popoverRef = useRef(null);
-  const disabled = isMenuDisabled(editor, readonly);
+  } = (0, _reactI18next.useTranslation)();
+  const popoverRef = (0, _react.useRef)(null);
+  const disabled = (0, _helpers.isMenuDisabled)(editor, readonly);
   const fontSizeButtonId = 'sdoc-button-font';
-  let selectedFont = getFont(editor);
-  const lang = context.getSetting('lang');
-  useEffect(() => {
+  let selectedFont = (0, _helpers.getFont)(editor);
+  const lang = _context.default.getSetting('lang');
+  (0, _react.useEffect)(() => {
     if (lang === 'zh-cn') {
-      const chineseFonts = FONT.filter(item => ObjectUtils.hasProperty(item, 'langOrder'));
+      const chineseFonts = _constants.FONT.filter(item => _objectUtils.default.hasProperty(item, 'langOrder'));
       chineseFonts.sort((a, b) => b['langOrder'][lang] - a['langOrder'][lang]);
-      const others = FONT.filter(item => !ObjectUtils.hasProperty(item, 'langOrder'));
+      const others = _constants.FONT.filter(item => !_objectUtils.default.hasProperty(item, 'langOrder'));
       setFontList([...chineseFonts, ...others]);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const validClassName = classnames(className, 'sdoc-menu-with-dropdown sdoc-font-family-menu', {
+  const validClassName = (0, _classnames.default)(className, 'sdoc-menu-with-dropdown sdoc-font-family-menu', {
     'menu-show': isShowMenu,
     'disabled': disabled,
     'rich-icon-btn d-flex': isRichEditor,
@@ -46,22 +54,22 @@ const FontFamily = _ref => {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  const fontRef = useRef(null);
-  const toggle = useCallback(event => {
+  const fontRef = (0, _react.useRef)(null);
+  const toggle = (0, _react.useCallback)(event => {
     popoverRef.current.toggle();
     setMenuShow(!isShowMenu);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu]);
-  const caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
   const {
     bottom
   } = fontRef.current ? fontRef.current.getBoundingClientRect() : {
     bottom: 92.5
   };
-  const updateFont = useCallback(fontName => {
+  const updateFont = (0, _react.useCallback)(fontName => {
     toggle();
-    setFont(editor, fontName);
+    (0, _helpers.setFont)(editor, fontName);
     if (recentUsedFonts[0] !== fontName) {
       const fontNameIndex = recentUsedFonts.findIndex(item => item === fontName);
       let newRecentUsedFonts;
@@ -72,27 +80,27 @@ const FontFamily = _ref => {
         newRecentUsedFonts.splice(fontNameIndex, 1);
       }
       newRecentUsedFonts.unshift(fontName);
-      LocalStorage.setItem(RECENT_USED_FONTS_KEY, newRecentUsedFonts);
+      _localStorageUtils.default.setItem(_constants.RECENT_USED_FONTS_KEY, newRecentUsedFonts);
       setRecentUsedFonts(newRecentUsedFonts);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedFont, editor, isShowMenu, recentUsedFonts]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: validClassName,
     id: fontSizeButtonId,
     disabled: disabled,
     ref: fontRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-menu-with-dropdown-icon"
-  }, /*#__PURE__*/React.createElement("div", null, selectedFont === DEFAULT_FONT ? t('Default_font') : selectedFont)), !disabled && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", null, selectedFont === _constants.DEFAULT_FONT ? t('Default_font') : selectedFont)), !disabled && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-menu-with-dropdown-triangle"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: caretIconClass
-  }))), /*#__PURE__*/React.createElement(Tooltip, {
+  }))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: fontSizeButtonId
-  }, t('Font')), !disabled && /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  }, t('Font')), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: fontSizeButtonId,
     className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-font-size-menu-popover sdoc-font-family-menu-popover",
     trigger: "legacy",
@@ -101,33 +109,33 @@ const FontFamily = _ref => {
     toggle: toggle,
     fade: false,
     ref: popoverRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-font-size-menu-container",
     style: {
       maxHeight: window.innerHeight - bottom - 100
     }
-  }, Array.isArray(recentUsedFonts) && recentUsedFonts.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, Array.isArray(recentUsedFonts) && recentUsedFonts.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-title-name"
   }, t('Recently_used')), recentUsedFonts.map((item, index) => {
-    const fontObject = FONT.find(font => font.name === item);
-    return /*#__PURE__*/React.createElement(FontItem, {
-      key: "".concat(index, "-recently-used"),
+    const fontObject = _constants.FONT.find(font => font.name === item);
+    return /*#__PURE__*/_react.default.createElement(_fontItem.default, {
+      key: `${index}-recently-used`,
       fontObject: fontObject,
       selectedFont: selectedFont,
       setFont: updateFont
     });
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-title-name"
   }, t('All_fonts')), fontList.map((item, index) => {
     if (item.type === 'divide') {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "sdoc-dropdown-menu-divider"
       });
     }
-    return /*#__PURE__*/React.createElement(FontItem, {
-      key: "".concat(index, "-all-font"),
+    return /*#__PURE__*/_react.default.createElement(_fontItem.default, {
+      key: `${index}-all-font`,
       fontObject: item,
       selectedFont: selectedFont,
       setFont: updateFont
@@ -138,4 +146,4 @@ FontFamily.defaultProps = {
   isRichEditor: true,
   className: 'menu-group-item'
 };
-export default FontFamily;
+var _default = exports.default = FontFamily;

package/dist/basic-sdk/extension/plugins/font/menu/font-size/font-size-scale.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import classnames from 'classnames';
-import Tooltip from '../../../../../../components/tooltip';
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _tooltip = _interopRequireDefault(require("../../../../../../components/tooltip"));
 const FontSizeScale = _ref => {
   let {
     children,
@@ -11,20 +18,20 @@ const FontSizeScale = _ref => {
     onClick,
     tipMessage
   } = _ref;
-  const validClassName = classnames(className, {
+  const validClassName = (0, _classnames.default)(className, {
     'disabled': disabled,
     'rich-icon-btn': isRichEditor,
     'rich-icon-btn-disabled': isRichEditor && disabled,
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: validClassName,
     disabled: disabled,
     onClick: disabled ? () => {} : onClick,
     id: id
-  }, children), tipMessage && /*#__PURE__*/React.createElement(Tooltip, {
+  }, children), tipMessage && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: id
   }, tipMessage));
 };
@@ -32,4 +39,4 @@ FontSizeScale.defaultProps = {
   isRichEditor: true,
   className: 'menu-group-item'
 };
-export default FontSizeScale;
+var _default = exports.default = FontSizeScale;