@comet/admin-rte 8.17.1 → 9.0.0-beta.0

package/lib/core/extension/SoftHyphen/EditorComponent.js

@@ -1,21 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditorComponent = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _jsxRuntime = require("react/jsx-runtime");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { RteSoftHyphen } from "@comet/admin-icons";
+import { styled } from "@mui/material/styles";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //TODO: Allow text selection for SoftHyphen
-var EditorComponent = exports.EditorComponent = function EditorComponent(_ref) {
+export var EditorComponent = function EditorComponent(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(VisibleHyphen, {}), children]
+  return /*#__PURE__*/_jsxs("span", {
+    children: [/*#__PURE__*/_jsx(VisibleHyphen, {}), children]
   });
 };
-var VisibleHyphen = /*#__PURE__*/(0, _styles.styled)(_adminIcons.RteSoftHyphen, process.env.NODE_ENV === "production" ? {
+var VisibleHyphen = /*#__PURE__*/styled(RteSoftHyphen, process.env.NODE_ENV === "production" ? {
   target: "e1vvt4290"
 } : {
   target: "e1vvt4290",

package/lib/core/extension/SoftHyphen/ToolbarButton.js

@@ -1,20 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToolbarButton = ToolbarButton;
-var _adminIcons = require("@comet/admin-icons");
-var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-var _draftJs = require("draft-js");
-var _reactIntl = require("react-intl");
-var _ControlButton = require("../../Controls/ControlButton");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import { RteSoftHyphen } from "@comet/admin-icons";
 // eslint-disable-next-line no-restricted-imports
-
+import Tooltip from "@mui/material/Tooltip";
+import { EditorState, Modifier } from "draft-js";
+import { FormattedMessage } from "react-intl";
+import { ControlButton } from "../../Controls/ControlButton";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var SHY_UNICODE_CHAR = 0x00ad;
-function ToolbarButton(_ref) {
+export function ToolbarButton(_ref) {
   var editorState = _ref.editorState,
     setEditorState = _ref.setEditorState;
   function handleClick(e) {
@@ -24,18 +16,18 @@ function ToolbarButton(_ref) {
     //@TODO: insert \u00ad in a way that link-entities don’t break when inserted in the middle of a link text
     // right now the link is split into 2 link-entities
     // works as expected when \u00ad is copied and pasted: https://unicode.flopp.net/c/00AD
-    var textWithEntity = _draftJs.Modifier.insertText(currentContent, selection, String.fromCharCode(SHY_UNICODE_CHAR));
-    setEditorState(_draftJs.EditorState.push(editorState, textWithEntity, "insert-characters"));
+    var textWithEntity = Modifier.insertText(currentContent, selection, String.fromCharCode(SHY_UNICODE_CHAR));
+    setEditorState(EditorState.push(editorState, textWithEntity, "insert-characters"));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip["default"], {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.rte.extensions.softHyphen.buttonTooltip",
       defaultMessage: "Insert a soft hyphen"
     }),
     placement: "top",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ControlButton.ControlButton, {
-        icon: _adminIcons.RteSoftHyphen,
+    children: /*#__PURE__*/_jsxs("span", {
+      children: [/*#__PURE__*/_jsx(ControlButton, {
+        icon: RteSoftHyphen,
         onButtonClick: handleClick
       }), " "]
     })

package/lib/core/filterEditor/composeFilterEditorFns.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
 var composeFilterEditorFns = function composeFilterEditorFns(fns) {
   return function (newState, ctx) {
     return fns.reduce(function (nextState, filterFn) {
@@ -11,4 +5,4 @@ var composeFilterEditorFns = function composeFilterEditorFns(fns) {
     }, newState);
   };
 };
-var _default = exports["default"] = composeFilterEditorFns;
+export default composeFilterEditorFns;

package/lib/core/filterEditor/default.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _composeFilterEditorFns = _interopRequireDefault(require("./composeFilterEditorFns"));
-var _removeBlocksExceedingBlockLimit = _interopRequireDefault(require("./removeBlocksExceedingBlockLimit"));
-var _removeUnsupportedBlockTypes = _interopRequireDefault(require("./removeUnsupportedBlockTypes"));
-var _removeUnsupportedEntities = _interopRequireDefault(require("./removeUnsupportedEntities"));
-var _removeUnsupportedInlineStyles = _interopRequireDefault(require("./removeUnsupportedInlineStyles"));
-var _removeUnsupportedListLevels = _interopRequireDefault(require("./removeUnsupportedListLevels"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import composeFilterEditorFns from "./composeFilterEditorFns";
+import removeBlocksExceedingBlockLimit from "./removeBlocksExceedingBlockLimit";
+import removeUnsupportedBlockTypes from "./removeUnsupportedBlockTypes";
+import removeUnsupportedEntities from "./removeUnsupportedEntities";
+import removeUnsupportedInlineStyles from "./removeUnsupportedInlineStyles";
+import removeUnsupportedListLevels from "./removeUnsupportedListLevels";
 var defaultFilterEditorStateBeforeUpdate = function defaultFilterEditorStateBeforeUpdate(newState, ctx) {
-  var fns = [_removeUnsupportedEntities["default"], _removeUnsupportedBlockTypes["default"], _removeUnsupportedInlineStyles["default"], _removeBlocksExceedingBlockLimit["default"], _removeUnsupportedListLevels["default"]];
+  var fns = [removeUnsupportedEntities, removeUnsupportedBlockTypes, removeUnsupportedInlineStyles, removeBlocksExceedingBlockLimit, removeUnsupportedListLevels];
   var shouldFilter = newState.getLastChangeType() === "insert-fragment";
   if (shouldFilter) {
     // apply all filters from left to right
-    return (0, _composeFilterEditorFns["default"])(fns)(newState, ctx);
+    return composeFilterEditorFns(fns)(newState, ctx);
   }
   return newState;
 };
-var _default = exports["default"] = defaultFilterEditorStateBeforeUpdate;
+export default defaultFilterEditorStateBeforeUpdate;

package/lib/core/filterEditor/manageStandardBlockType.js

@@ -1,11 +1,5 @@
-"use strict";
+import changeBlockType from "./utils/changeBlockType";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _changeBlockType = _interopRequireDefault(require("./utils/changeBlockType"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 // when standard-block-type is not "unstyled", all non-empty blocks with block-type of "unstyled" are changed to the standard-block-type
 //
 var manageStandardBlockType = function manageStandardBlockType(newState, _ref) {
@@ -13,10 +7,10 @@ var manageStandardBlockType = function manageStandardBlockType(newState, _ref) {
   if (standardBlockType !== "unstyled") {
     // only replace empty blocks
     // unstyled blocks with content are preserved
-    return (0, _changeBlockType["default"])(["unstyled"], standardBlockType, {
+    return changeBlockType(["unstyled"], standardBlockType, {
       skipNonEmptyBlocks: true
     })(newState);
   }
   return newState;
 };
-var _default = exports["default"] = manageStandardBlockType;
+export default manageStandardBlockType;

package/lib/core/filterEditor/removeBlocksExceedingBlockLimit.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _draftJs = require("draft-js");
+import { EditorState, SelectionState } from "draft-js";
 // when a maxBlocks-limit is set, all blocks exceeding this limit are removed completely (with the content)
 //
 var removeBlocksExceedingBlockLimit = function removeBlocksExceedingBlockLimit(newState, _ref) {
@@ -15,14 +9,14 @@ var removeBlocksExceedingBlockLimit = function removeBlocksExceedingBlockLimit(n
     if (blockMap.count() > maxBlocks) {
       var limitedBlocks = blockMap.take(maxBlocks);
       var lastKey = limitedBlocks.last().getKey();
-      return _draftJs.EditorState.set(newState, {
+      return EditorState.set(newState, {
         currentContent: content.merge({
           blockMap: limitedBlocks
         }),
-        selection: _draftJs.SelectionState.createEmpty(lastKey)
+        selection: SelectionState.createEmpty(lastKey)
       });
     }
   }
   return newState;
 };
-var _default = exports["default"] = removeBlocksExceedingBlockLimit;
+export default removeBlocksExceedingBlockLimit;

package/lib/core/filterEditor/removeUnsupportedBlockTypes.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _changeBlockType = _interopRequireDefault(require("./utils/changeBlockType"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import changeBlockType from "./utils/changeBlockType";
 var removeUnsupportedBlockTypes = function removeUnsupportedBlockTypes(newState, _ref) {
   var supports = _ref.supports,
     standardBlockType = _ref.standardBlockType;
@@ -37,6 +30,6 @@ var removeUnsupportedBlockTypes = function removeUnsupportedBlockTypes(newState,
   if (standardBlockType !== "unstyled") {
     blackListBlocks.push("unstyled");
   }
-  return (0, _changeBlockType["default"])(blackListBlocks, standardBlockType)(newState);
+  return changeBlockType(blackListBlocks, standardBlockType)(newState);
 };
-var _default = exports["default"] = removeUnsupportedBlockTypes;
+export default removeUnsupportedBlockTypes;

package/lib/core/filterEditor/removeUnsupportedEntities.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _removeEntities = _interopRequireDefault(require("./utils/removeEntities"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import removeEntities from "./utils/removeEntities";
 var removeUnsupportedEntities = function removeUnsupportedEntities(newState, _ref) {
   var supports = _ref.supports;
   // remove links and images
-  return (0, _removeEntities["default"])(function (entity) {
+  return removeEntities(function (entity) {
     var unsupportedCoreEntities = ["IMAGE", "TOKEN", "PHOTO"];
     if (unsupportedCoreEntities.includes(entity.getType())) {
       return false;
@@ -22,4 +15,4 @@ var removeUnsupportedEntities = function removeUnsupportedEntities(newState, _re
     return true;
   })(newState);
 };
-var _default = exports["default"] = removeUnsupportedEntities;
+export default removeUnsupportedEntities;

package/lib/core/filterEditor/removeUnsupportedInlineStyles.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _removeInlineStyles = _interopRequireDefault(require("./utils/removeInlineStyles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import removeInlineStyles from "./utils/removeInlineStyles";
 var removeUnsupportedInlineStyles = function removeUnsupportedInlineStyles(newState, _ref) {
   var supports = _ref.supports;
   // unstyle all core-blocks which are not supported
@@ -28,6 +21,6 @@ var removeUnsupportedInlineStyles = function removeUnsupportedInlineStyles(newSt
       }
     }
   });
-  return (0, _removeInlineStyles["default"])(blackListInlineStyles)(newState);
+  return removeInlineStyles(blackListInlineStyles)(newState);
 };
-var _default = exports["default"] = removeUnsupportedInlineStyles;
+export default removeUnsupportedInlineStyles;

package/lib/core/filterEditor/removeUnsupportedListLevels.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _draftJs = require("draft-js");
+import { EditorState } from "draft-js";
 var removeUnsupportedListLevels = function removeUnsupportedListLevels(newState, _ref) {
   var listLevelMax = _ref.listLevelMax;
   var content = newState.getCurrentContent();
   var blockMap = content.getBlockMap();
-  return _draftJs.EditorState.set(newState, {
+  return EditorState.set(newState, {
     currentContent: content.merge({
       blockMap: blockMap.map(function (block) {
         return block === null || block === void 0 ? void 0 : block.merge({
@@ -19,4 +13,4 @@ var removeUnsupportedListLevels = function removeUnsupportedListLevels(newState,
     })
   });
 };
-var _default = exports["default"] = removeUnsupportedListLevels;
+export default removeUnsupportedListLevels;

package/lib/core/filterEditor/utils/changeBlockType.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _draftJs = require("draft-js");
+import { EditorState } from "draft-js";
 // inspired by https://github.com/thibaudcolas/draftjs-filters/blob/master/src/lib/filters/blocks.js#L127
 var changeBlockType = function changeBlockType(blockTypeList) {
   var blockType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "unstyled";
@@ -33,11 +27,11 @@ var changeBlockType = function changeBlockType(blockTypeList) {
         depth: 0
       });
     });
-    return _draftJs.EditorState.set(nextState, {
+    return EditorState.set(nextState, {
       currentContent: content.merge({
         blockMap: blockMap.merge(changedBlocks)
       })
     });
   };
 };
-var _default = exports["default"] = changeBlockType;
+export default changeBlockType;

package/lib/core/filterEditor/utils/manipulateEntityData.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _draftJs = require("draft-js");
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { EditorState } from "draft-js";
 // if object is returned the entity data is updated with this object
 
 // inspired by https://github.com/thibaudcolas/draftjs-filters/blob/31d89177090b815b968ac2d8ec95c89d975f1e44/src/lib/filters/entities.js#L179
@@ -41,9 +35,9 @@ var manipulateEntityData = function manipulateEntityData(updateEntityDataFn) {
         content.replaceEntityData(key, maybeNewData);
       }
     });
-    return _draftJs.EditorState.set(nextState, {
+    return EditorState.set(nextState, {
       currentContent: content
     });
   };
 };
-var _default = exports["default"] = manipulateEntityData;
+export default manipulateEntityData;

package/lib/core/filterEditor/utils/removeEntities.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _draftJs = require("draft-js");
+import { CharacterMetadata, EditorState } from "draft-js";
 // when function returns false the entity is removed
 
 // inspired by https://github.com/thibaudcolas/draftjs-filters/blob/31d89177090b815b968ac2d8ec95c89d975f1e44/src/lib/filters/entities.js#L77
@@ -23,18 +17,18 @@ var removeEntities = function removeEntities(filterFn) {
           var _entity = content.getEntity(entityKey);
           if (!filterFn(_entity)) {
             altered = true;
-            return _draftJs.CharacterMetadata.applyEntity(_char, null);
+            return CharacterMetadata.applyEntity(_char, null);
           }
         }
         return _char;
       });
       return altered ? block.set("characterList", chars) : block;
     });
-    return _draftJs.EditorState.set(nextState, {
+    return EditorState.set(nextState, {
       currentContent: content.merge({
         blockMap: blockMap.merge(blocks)
       })
     });
   };
 };
-var _default = exports["default"] = removeEntities;
+export default removeEntities;

package/lib/core/filterEditor/utils/removeInlineStyles.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _draftJs = require("draft-js");
+import { CharacterMetadata, EditorState } from "draft-js";
 // inspired by export const filterInlineStyles = (
 var removeInlineStyles = function removeInlineStyles(blockBlacklist) {
   return function (nextState) {
@@ -18,17 +12,17 @@ var removeInlineStyles = function removeInlineStyles(blockBlacklist) {
           return blockBlacklist.includes(type);
         }).forEach(function (type) {
           altered = true;
-          newChar = _draftJs.CharacterMetadata.removeStyle(newChar, type);
+          newChar = CharacterMetadata.removeStyle(newChar, type);
         });
         return newChar;
       });
       return altered ? block.set("characterList", chars) : block;
     });
-    return _draftJs.EditorState.set(nextState, {
+    return EditorState.set(nextState, {
       currentContent: content.merge({
         blockMap: blockMap.merge(changedBlocks)
       })
     });
   };
 };
-var _default = exports["default"] = removeInlineStyles;
+export default removeInlineStyles;

package/lib/core/makeRteApi.js

@@ -1,17 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _draftJs = require("draft-js");
-var _react = require("react");
-var _useDebounce = _interopRequireDefault(require("../useDebounce"));
-var _usePrevious = _interopRequireDefault(require("../usePrevious"));
-var _Decorator = _interopRequireDefault(require("./extension/Link/Decorator"));
-var _Decorator2 = _interopRequireDefault(require("./extension/NonBreakingSpace/Decorator"));
-var _Decorator3 = _interopRequireDefault(require("./extension/SoftHyphen/Decorator"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -24,33 +10,40 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { CompositeDecorator, convertFromRaw, convertToRaw, EditorState } from "draft-js";
+import { useEffect, useState } from "react";
+import useDebounce from "../useDebounce";
+import usePrevious from "../usePrevious";
+import LinkDecorator from "./extension/Link/Decorator";
+import NonBreakingSpaceDecorator from "./extension/NonBreakingSpace/Decorator";
+import SoftHyphenDecorator from "./extension/SoftHyphen/Decorator";
 var defaultRteApiOptions = {
   debounceDelay: 400
 };
 function defaultParseContent(v) {
   var rawDraft = JSON.parse(v);
-  return (0, _draftJs.convertFromRaw)(rawDraft);
+  return convertFromRaw(rawDraft);
 }
 function defaultFormatContent(v) {
-  return JSON.stringify((0, _draftJs.convertToRaw)(v));
+  return JSON.stringify(convertToRaw(v));
 }
 function makeRteApi(o) {
   var _ref = o || {},
     _ref$decorators = _ref.decorators,
-    decorators = _ref$decorators === void 0 ? [_Decorator["default"]] : _ref$decorators,
+    decorators = _ref$decorators === void 0 ? [LinkDecorator] : _ref$decorators,
     _ref$parse = _ref.parse,
     parse = _ref$parse === void 0 ? defaultParseContent : _ref$parse,
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? defaultFormatContent : _ref$format;
 
   // Add default decorators
-  decorators.push(_Decorator2["default"], _Decorator3["default"]);
-  var decorator = new _draftJs.CompositeDecorator(decorators);
+  decorators.push(NonBreakingSpaceDecorator, SoftHyphenDecorator);
+  var decorator = new CompositeDecorator(decorators);
   function createEmptyState() {
-    return _draftJs.EditorState.createEmpty(decorator);
+    return EditorState.createEmpty(decorator);
   }
   function createStateFromRawContent(rawContent) {
-    return _draftJs.EditorState.createWithContent(parse(rawContent), decorator);
+    return EditorState.createWithContent(parse(rawContent), decorator);
   }
   function convertStateToRawContent(es) {
     return format(es.getCurrentContent());
@@ -60,14 +53,14 @@ function makeRteApi(o) {
     var defaultValue = options.defaultValue,
       onDebouncedContentChange = options.onDebouncedContentChange,
       debounceDelay = options.debounceDelay;
-    var _useState = (0, _react.useState)(defaultValue ? createStateFromRawContent(defaultValue) : createEmptyState()),
+    var _useState = useState(defaultValue ? createStateFromRawContent(defaultValue) : createEmptyState()),
       _useState2 = _slicedToArray(_useState, 2),
       editorState = _useState2[0],
       setEditorState = _useState2[1];
-    var debouncedEditorState = (0, _useDebounce["default"])(editorState, debounceDelay);
-    var previousDebouncedContent = (0, _usePrevious["default"])(debouncedEditorState.getCurrentContent());
+    var debouncedEditorState = useDebounce(editorState, debounceDelay);
+    var previousDebouncedContent = usePrevious(debouncedEditorState.getCurrentContent());
     var debouncedContent = debouncedEditorState.getCurrentContent();
-    (0, _react.useEffect)(function () {
+    useEffect(function () {
       if (onDebouncedContentChange) {
         if (previousDebouncedContent !== debouncedContent) {
           onDebouncedContentChange(debouncedEditorState, convertStateToRawContent);
@@ -90,4 +83,4 @@ function makeRteApi(o) {
   var api = [useRteApi, staticFunctions];
   return api;
 }
-var _default = exports["default"] = makeRteApi;
+export default makeRteApi;

package/lib/core/translation/EditorStateTranslationDialog.js

@@ -1,33 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditorStateTranslationDialog = void 0;
-var _admin = require("@comet/admin");
-var _Rte = require("../Rte");
-var _RteReadOnly = _interopRequireDefault(require("../RteReadOnly"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var EditorStateTranslationDialog = exports.EditorStateTranslationDialog = function EditorStateTranslationDialog(props) {
+import { BaseTranslationDialog } from "@comet/admin";
+import { Rte } from "../Rte";
+import RteReadOnly from "../RteReadOnly";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var EditorStateTranslationDialog = function EditorStateTranslationDialog(props) {
   var open = props.open,
     onClose = props.onClose,
     originalText = props.originalText,
     translatedText = props.translatedText,
     onApplyTranslation = props.onApplyTranslation;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.BaseTranslationDialog, {
+  return /*#__PURE__*/_jsx(BaseTranslationDialog, {
     open: open,
     onClose: onClose,
     originalText: originalText,
     translatedText: translatedText,
     onApplyTranslation: onApplyTranslation,
     renderOriginalText: function renderOriginalText(text) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RteReadOnly["default"], {
+      return /*#__PURE__*/_jsx(RteReadOnly, {
         value: text
       });
     },
     renderTranslatedText: function renderTranslatedText(text, onChange) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rte.Rte, {
+      return /*#__PURE__*/_jsx(Rte, {
         value: text,
         onChange: onChange,
         options: {