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

package/lib/core/Controls/useInlineStyleType.js

@@ -1,18 +1,5 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = useInlineStyleType;
-var _adminIcons = require("@comet/admin-icons");
-var detectBrowser = _interopRequireWildcard(require("detect-browser"));
-var _draftJs = require("draft-js");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["style"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -30,79 +17,85 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 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; }
+import { RteBold, RteItalic, RteStrikethrough, RteSub, RteSup, RteUnderlined } from "@comet/admin-icons";
+import * as detectBrowser from "detect-browser";
+import { RichUtils } from "draft-js";
+import { useCallback, useMemo } from "react";
+import { FormattedMessage } from "react-intl";
+import { jsx as _jsx } from "react/jsx-runtime";
 var browser = detectBrowser.detect();
 var defaultFeatures = [{
   name: "BOLD",
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.bold.label",
     defaultMessage: "Bold"
   }),
-  icon: _adminIcons.RteBold,
-  tooltipText: (browser === null || browser === void 0 ? void 0 : browser.os) === "Mac OS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  icon: RteBold,
+  tooltipText: (browser === null || browser === void 0 ? void 0 : browser.os) === "Mac OS" ? /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.bold.tooltipMac",
     defaultMessage: "Cmd+B"
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  }) : /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.bold.tooltip",
     defaultMessage: "Ctrl+B"
   })
 }, {
   name: "ITALIC",
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.italic.label",
     defaultMessage: "Italic"
   }),
-  icon: _adminIcons.RteItalic,
-  tooltipText: (browser === null || browser === void 0 ? void 0 : browser.os) === "Mac OS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  icon: RteItalic,
+  tooltipText: (browser === null || browser === void 0 ? void 0 : browser.os) === "Mac OS" ? /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.italic.tooltipMac",
     defaultMessage: "Cmd+I"
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  }) : /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.italic.tooltip",
     defaultMessage: "Ctrl+I"
   })
 }, {
   name: "UNDERLINE",
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.underlined.label",
     defaultMessage: "underlined"
   }),
-  icon: _adminIcons.RteUnderlined,
-  tooltipText: (browser === null || browser === void 0 ? void 0 : browser.os) === "Mac OS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  icon: RteUnderlined,
+  tooltipText: (browser === null || browser === void 0 ? void 0 : browser.os) === "Mac OS" ? /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.underlined.tooltipMac",
     defaultMessage: "Cmd+U"
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  }) : /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.underlined.tooltip",
     defaultMessage: "Ctrl+U"
   })
 }, {
   name: "STRIKETHROUGH",
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.strikethrough.label",
     defaultMessage: "Strikethrough"
   }),
-  icon: _adminIcons.RteStrikethrough
+  icon: RteStrikethrough
 }, {
   name: "SUP",
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.super.label",
     defaultMessage: "Superscript"
   }),
-  icon: _adminIcons.RteSup
+  icon: RteSup
 }, {
   name: "SUB",
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.rte.controls.blockType.sub.label",
     defaultMessage: "Subscript"
   }),
-  icon: _adminIcons.RteSub
+  icon: RteSub
 }];
-function useInlineStyleType(_ref) {
+export default function useInlineStyleType(_ref) {
   var editorState = _ref.editorState,
     setEditorState = _ref.setEditorState,
     supportedThings = _ref.supportedThings,
     editorRef = _ref.editorRef,
     customInlineStyles = _ref.customInlineStyles;
   // can check if inlineStyleType is supported by the editor
-  var supports = (0, _react.useCallback)(function (inlineStyle) {
+  var supports = useCallback(function (inlineStyle) {
     switch (inlineStyle) {
       case "BOLD":
         return supportedThings.includes("bold");
@@ -120,15 +113,15 @@ function useInlineStyleType(_ref) {
         return false;
     }
   }, [supportedThings]);
-  var inlineStyleActive = (0, _react.useCallback)(function (draftInlineStyleType) {
+  var inlineStyleActive = useCallback(function (draftInlineStyleType) {
     var currentStyle = editorState.getCurrentInlineStyle();
     return currentStyle.has(draftInlineStyleType);
   }, [editorState]);
-  var handleInlineStyleButtonClick = (0, _react.useCallback)(function (draftInlineStyleType, e) {
+  var handleInlineStyleButtonClick = useCallback(function (draftInlineStyleType, e) {
     e.preventDefault();
-    setEditorState(_draftJs.RichUtils.toggleInlineStyle(editorState, draftInlineStyleType));
+    setEditorState(RichUtils.toggleInlineStyle(editorState, draftInlineStyleType));
   }, [setEditorState, editorState]);
-  var features = (0, _react.useMemo)(function () {
+  var features = useMemo(function () {
     return [].concat(_toConsumableArray(defaultFeatures.filter(function (c) {
       return supports(c.name);
     }).map(function (c) {

package/lib/core/Controls/useListIndent.js

@@ -1,16 +1,10 @@
-"use strict";
+import { RteIndentDecrease, RteIndentIncrease } from "@comet/admin-icons";
+import { EditorState } from "draft-js";
+import { useCallback, useMemo } from "react";
+import { useIntl } from "react-intl";
+import getCurrentBlock from "../utils/getCurrentBlock";
+import selectionIsInOneBlock from "../utils/selectionIsInOneBlock";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = useListIndent;
-var _adminIcons = require("@comet/admin-icons");
-var _draftJs = require("draft-js");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _getCurrentBlock = _interopRequireDefault(require("../utils/getCurrentBlock"));
-var _selectionIsInOneBlock = _interopRequireDefault(require("../utils/selectionIsInOneBlock"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 // https://github.com/facebook/draft-js/blob/v0.11.4/src/model/transaction/adjustBlockDepthForContentState.js
 // https://github.com/facebook/draft-js/blob/v0.11.4/src/model/modifier/RichTextEditorUtil.js
 
@@ -28,7 +22,7 @@ function adjustBlockDepth(type, editorState, maxDepth) {
   var adjustment = type === "increase" ? 1 : -1;
 
   // do not exceed max depth
-  var block = (0, _getCurrentBlock["default"])(editorState);
+  var block = getCurrentBlock(editorState);
   if (!block) {
     return editorState;
   }
@@ -54,50 +48,50 @@ function adjustBlockDepth(type, editorState, maxDepth) {
     selectionBefore: selectionState,
     selectionAfter: selectionState
   });
-  return _draftJs.EditorState.push(editorState, newContent, "adjust-depth");
+  return EditorState.push(editorState, newContent, "adjust-depth");
 }
-function useListIndent(_ref) {
+export default function useListIndent(_ref) {
   var editorState = _ref.editorState,
     setEditorState = _ref.setEditorState,
     supportedThings = _ref.supportedThings,
     _ref$listLevelMax = _ref.listLevelMax,
     listLevelMax = _ref$listLevelMax === void 0 ? 4 : _ref$listLevelMax;
-  var intl = (0, _reactIntl.useIntl)();
+  var intl = useIntl();
 
   // can check if indenting lists is supported
-  var supported = (0, _react.useMemo)(function () {
+  var supported = useMemo(function () {
     return supportedThings.some(function (c) {
       return ["ordered-list", "unordered-list"].includes(c) && listLevelMax !== 0;
     });
   }, [supportedThings, listLevelMax]);
-  var active = (0, _react.useMemo)(function () {
-    var currentBlock = (0, _getCurrentBlock["default"])(editorState);
+  var active = useMemo(function () {
+    var currentBlock = getCurrentBlock(editorState);
     if (!currentBlock) {
       return false;
     }
-    return ["ordered-list-item", "unordered-list-item"].includes(currentBlock.getType()) && (0, _selectionIsInOneBlock["default"])(editorState);
+    return ["ordered-list-item", "unordered-list-item"].includes(currentBlock.getType()) && selectionIsInOneBlock(editorState);
   }, [editorState]);
-  var canIndentLeft = (0, _react.useMemo)(function () {
-    return active && (0, _getCurrentBlock["default"])(editorState).getDepth() > 0;
+  var canIndentLeft = useMemo(function () {
+    return active && getCurrentBlock(editorState).getDepth() > 0;
   }, [active, editorState]);
-  var canIndentRight = (0, _react.useMemo)(function () {
-    return active && (0, _getCurrentBlock["default"])(editorState).getDepth() < listLevelMax - 1;
+  var canIndentRight = useMemo(function () {
+    return active && getCurrentBlock(editorState).getDepth() < listLevelMax - 1;
   }, [active, editorState, listLevelMax]);
-  var handleListIndentLeftClick = (0, _react.useCallback)(function (e) {
+  var handleListIndentLeftClick = useCallback(function (e) {
     e.preventDefault();
     setEditorState(adjustBlockDepth("decrease", editorState, listLevelMax));
   }, [editorState, setEditorState, listLevelMax]);
-  var handleListIndentRightClick = (0, _react.useCallback)(function (e) {
+  var handleListIndentRightClick = useCallback(function (e) {
     e.preventDefault();
     setEditorState(adjustBlockDepth("increase", editorState, listLevelMax));
   }, [editorState, setEditorState, listLevelMax]);
-  var features = (0, _react.useMemo)(function () {
+  var features = useMemo(function () {
     return supported ? [{
       name: "list-indent-right",
       label: "",
       disabled: !canIndentRight,
       onButtonClick: handleListIndentRightClick,
-      icon: _adminIcons.RteIndentIncrease,
+      icon: RteIndentIncrease,
       tooltipText: intl.formatMessage({
         id: "comet.rte.controls.listIndent.right.tooltip",
         defaultMessage: "Tab"
@@ -107,7 +101,7 @@ function useListIndent(_ref) {
       label: "",
       disabled: !canIndentLeft,
       onButtonClick: handleListIndentLeftClick,
-      icon: _adminIcons.RteIndentDecrease,
+      icon: RteIndentDecrease,
       tooltipText: intl.formatMessage({
         id: "comet.rte.controls.listIndent.left.tooltip",
         defaultMessage: "Shift+Tab"

package/lib/core/Rte.js

@@ -1,30 +1,6 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styleMap = exports.defaultOptions = exports.Rte = void 0;
-require("draft-js/dist/Draft.css");
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _draftJs = require("draft-js");
-var _draftjsConductor = require("draftjs-conductor");
-var _react = require("react");
-var _Controls = _interopRequireDefault(require("./Controls/Controls"));
-var _defaultBlocktypeMap = _interopRequireWildcard(require("./defaultBlocktypeMap"));
-var _composeFilterEditorFns = _interopRequireDefault(require("./filterEditor/composeFilterEditorFns"));
-var _default = _interopRequireDefault(require("./filterEditor/default"));
-var _manageStandardBlockType = _interopRequireDefault(require("./filterEditor/manageStandardBlockType"));
-var _removeBlocksExceedingBlockLimit = _interopRequireDefault(require("./filterEditor/removeBlocksExceedingBlockLimit"));
-var _createBlockRenderMap = _interopRequireDefault(require("./utils/createBlockRenderMap"));
-var _getRteTheme = _interopRequireDefault(require("./utils/getRteTheme"));
-var _pasteAndFilterText = require("./utils/pasteAndFilterText");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["value", "onChange", "options", "disabled", "minHeight", "colors", "slotProps"]; // important for nesting of ul/ol
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _excluded = ["value", "onChange", "options", "disabled", "minHeight", "colors", "slotProps"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 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."); }
@@ -39,20 +15,37 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var mandatoryFilterEditorStateFn = (0, _composeFilterEditorFns["default"])([_removeBlocksExceedingBlockLimit["default"], _manageStandardBlockType["default"]]);
-var defaultOptions = exports.defaultOptions = {
+import "draft-js/dist/Draft.css"; // important for nesting of ul/ol
+
+import { createComponentSlot } from "@comet/admin";
+import { css, useThemeProps } from "@mui/material";
+import { Editor as DraftJsEditor, getDefaultKeyBinding, RichUtils } from "draft-js";
+import { onDraftEditorCopy, onDraftEditorCut } from "draftjs-conductor";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import Controls from "./Controls/Controls";
+import defaultBlocktypeMap, { cleanBlockTypeMap, mergeBlocktypeMaps } from "./defaultBlocktypeMap";
+import composeFilterEditorFns from "./filterEditor/composeFilterEditorFns";
+import defaultFilterEditorStateBeforeUpdate from "./filterEditor/default";
+import manageDefaultBlockType from "./filterEditor/manageStandardBlockType";
+import removeBlocksExceedingBlockLimit from "./filterEditor/removeBlocksExceedingBlockLimit";
+import createBlockRenderMap from "./utils/createBlockRenderMap";
+import getRteTheme from "./utils/getRteTheme";
+import { pasteAndFilterText } from "./utils/pasteAndFilterText";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var mandatoryFilterEditorStateFn = composeFilterEditorFns([removeBlocksExceedingBlockLimit, manageDefaultBlockType]);
+export var defaultOptions = {
   supports: ["bold", "italic", "sub", "sup", "header-one", "header-two", "header-three", "ordered-list", "unordered-list", "history", "link", "links-remove"],
   listLevelMax: 4,
   customToolbarButtons: [],
   draftJsProps: {},
-  filterEditorStateBeforeUpdate: _default["default"],
+  filterEditorStateBeforeUpdate: defaultFilterEditorStateBeforeUpdate,
   maxBlocks: undefined,
   // standardBlockType can be set to any supported block-type,
   // when set to something other than "unstyled" the unstyled-blockType is disabled (does not show up in the Dropdown)
   standardBlockType: "unstyled",
-  blocktypeMap: _defaultBlocktypeMap["default"]
+  blocktypeMap: defaultBlocktypeMap
 };
-var styleMap = exports.styleMap = {
+export var styleMap = {
   SUP: {
     verticalAlign: "super",
     fontSize: "smaller"
@@ -62,8 +55,8 @@ var styleMap = exports.styleMap = {
     fontSize: "smaller"
   }
 };
-var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, ref) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export var Rte = /*#__PURE__*/forwardRef(function (inProps, ref) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminRte"
     }),
@@ -79,8 +72,8 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
     disabled: disabled,
     minHeight: minHeight
   };
-  var editorRef = (0, _react.useRef)(null);
-  var editorWrapperRef = (0, _react.useRef)(null);
+  var editorRef = useRef(null);
+  var editorWrapperRef = useRef(null);
 
   // merge default options with passed options
   var options = passedOptions ? _objectSpread(_objectSpread({}, defaultOptions), passedOptions) : defaultOptions;
@@ -91,11 +84,11 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
     deprecatedCustomBlockMap = options.customBlockMap;
     delete options.customBlockMap;
   }
-  (0, _defaultBlocktypeMap.cleanBlockTypeMap)(options.blocktypeMap); // mutate object and print warning when configuration is wrong
+  cleanBlockTypeMap(options.blocktypeMap); // mutate object and print warning when configuration is wrong
 
   // blocktypes need an extra merge as they have their own merge strategy
   options = _objectSpread(_objectSpread({}, options), {}, {
-    blocktypeMap: (0, _defaultBlocktypeMap.mergeBlocktypeMaps)(_defaultBlocktypeMap["default"], deprecatedCustomBlockMap, options.blocktypeMap)
+    blocktypeMap: mergeBlocktypeMaps(defaultBlocktypeMap, deprecatedCustomBlockMap, options.blocktypeMap)
   });
 
   // force draftjs to be readonly when rte is disabled
@@ -108,7 +101,7 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
   /**
    * Expose methods
    */
-  (0, _react.useImperativeHandle)(ref, function () {
+  useImperativeHandle(ref, function () {
     return {
       focus: function focus() {
         if (editorRef && editorRef.current) {
@@ -123,7 +116,7 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
     listLevelMax = _options.listLevelMax,
     maxBlocks = _options.maxBlocks,
     standardBlockType = _options.standardBlockType;
-  var decoratedOnChange = (0, _react.useCallback)(function (nextEditorState) {
+  var decoratedOnChange = useCallback(function (nextEditorState) {
     var modifiedState = nextEditorState;
     var context = {
       supports: supports,
@@ -141,7 +134,7 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
     // pass the modified filter to original onChange
     onChange(modifiedState);
   }, [filterEditorStateBeforeUpdate, supports, listLevelMax, maxBlocks, standardBlockType, onChange]);
-  var blockRenderMap = (0, _createBlockRenderMap["default"])({
+  var blockRenderMap = createBlockRenderMap({
     blocktypeMap: options.blocktypeMap
   });
   function handleKeyCommand(command) {
@@ -153,7 +146,7 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
     };
     var relevantSupports = commandToSupportsMap[command];
     if (relevantSupports && options.supports.includes(relevantSupports)) {
-      var _newState = _draftJs.RichUtils.handleKeyCommand(editorState, command);
+      var _newState = RichUtils.handleKeyCommand(editorState, command);
       if (_newState) {
         onChange(_newState);
         return "handled";
@@ -174,7 +167,7 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
   function handleReturn(e, innerEditorState) {
     // inserts a newline "\n" on SHIFT+ENTER-key
     if (e.shiftKey) {
-      onChange(_draftJs.RichUtils.insertSoftNewline(innerEditorState));
+      onChange(RichUtils.insertSoftNewline(innerEditorState));
       return "handled";
     }
     return "not-handled";
@@ -183,12 +176,12 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
     if (event.key === "Tab") {
       // nested lists for ol and ul
       event.preventDefault();
-      var newEditorState = _draftJs.RichUtils.onTab(event, editorState, options.listLevelMax);
+      var newEditorState = RichUtils.onTab(event, editorState, options.listLevelMax);
       if (newEditorState !== editorState) {
         onChange(newEditorState);
       }
     }
-    return (0, _draftJs.getDefaultKeyBinding)(event);
+    return getDefaultKeyBinding(event);
   }
   var customStyleMap = _objectSpread({}, styleMap);
   if (options.customInlineStyles) {
@@ -199,20 +192,20 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
       customStyleMap[name] = style;
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
     ref: editorWrapperRef,
     ownerState: ownerState
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Controls["default"], {
+    children: [/*#__PURE__*/_jsx(Controls, {
       editorRef: editorRef,
       editorState: editorState,
       setEditorState: onChange,
       options: options,
       disabled: disabled
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Editor, _objectSpread(_objectSpread({
+    }), /*#__PURE__*/_jsx(Editor, _objectSpread(_objectSpread({
       ownerState: ownerState
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.editor), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draftJs.Editor, _objectSpread({
+      children: /*#__PURE__*/_jsx(DraftJsEditor, _objectSpread({
         ref: editorRef,
         editorState: editorState,
         onChange: decoratedOnChange,
@@ -222,13 +215,13 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
         customStyleMap: customStyleMap,
         blockRenderMap: blockRenderMap,
         onCopy: function onCopy(editor, event) {
-          (0, _draftjsConductor.onDraftEditorCopy)(editor, event);
+          onDraftEditorCopy(editor, event);
         },
         onCut: function onCut(editor, event) {
-          (0, _draftjsConductor.onDraftEditorCut)(editor, event);
+          onDraftEditorCut(editor, event);
         },
         handlePastedText: function handlePastedText(text, html, editorState) {
-          var nextEditorState = (0, _pasteAndFilterText.pasteAndFilterText)(html, editorState, options);
+          var nextEditorState = pasteAndFilterText(html, editorState, options);
           if (nextEditorState) {
             decoratedOnChange(nextEditorState);
             return "handled";
@@ -239,7 +232,7 @@ var Rte = exports.Rte = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, r
     }))]
   }));
 });
-var Root = (0, _admin.createComponentSlot)("div")({
+var Root = createComponentSlot("div")({
   componentName: "Rte",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -248,9 +241,9 @@ var Root = (0, _admin.createComponentSlot)("div")({
 })(function (_ref3) {
   var _theme$components, _theme$components2, _theme$components3;
   var theme = _ref3.theme;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --comet-admin-rte-outer-border-color: ", ";\n        border: 1px solid var(--comet-admin-rte-outer-border-color);\n        border-top-width: 0; // To prevent the top border from being hidden, when to toolbar is sticky, the top border must be handled by the Toolbar itself\n        background-color: #fff;\n        border-radius: 2px;\n\n        &:hover {\n            --comet-admin-rte-outer-border-color: ", ";\n        }\n\n        &:focus-within {\n            --comet-admin-rte-outer-border-color: ", ";\n        }\n    "])), (0, _getRteTheme["default"])((_theme$components = theme.components) === null || _theme$components === void 0 || (_theme$components = _theme$components.CometAdminRte) === null || _theme$components === void 0 ? void 0 : _theme$components.defaultProps).colors.border, (0, _getRteTheme["default"])((_theme$components2 = theme.components) === null || _theme$components2 === void 0 || (_theme$components2 = _theme$components2.CometAdminRte) === null || _theme$components2 === void 0 ? void 0 : _theme$components2.defaultProps).colors.outerBorderOnHover, (0, _getRteTheme["default"])((_theme$components3 = theme.components) === null || _theme$components3 === void 0 || (_theme$components3 = _theme$components3.CometAdminRte) === null || _theme$components3 === void 0 ? void 0 : _theme$components3.defaultProps).colors.outerBorderOnFocus);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --comet-admin-rte-outer-border-color: ", ";\n        border: 1px solid var(--comet-admin-rte-outer-border-color);\n        border-top-width: 0; // To prevent the top border from being hidden, when to toolbar is sticky, the top border must be handled by the Toolbar itself\n        background-color: #fff;\n        border-radius: 2px;\n\n        &:hover {\n            --comet-admin-rte-outer-border-color: ", ";\n        }\n\n        &:focus-within {\n            --comet-admin-rte-outer-border-color: ", ";\n        }\n    "])), getRteTheme((_theme$components = theme.components) === null || _theme$components === void 0 || (_theme$components = _theme$components.CometAdminRte) === null || _theme$components === void 0 ? void 0 : _theme$components.defaultProps).colors.border, getRteTheme((_theme$components2 = theme.components) === null || _theme$components2 === void 0 || (_theme$components2 = _theme$components2.CometAdminRte) === null || _theme$components2 === void 0 ? void 0 : _theme$components2.defaultProps).colors.outerBorderOnHover, getRteTheme((_theme$components3 = theme.components) === null || _theme$components3 === void 0 || (_theme$components3 = _theme$components3.CometAdminRte) === null || _theme$components3 === void 0 ? void 0 : _theme$components3.defaultProps).colors.outerBorderOnFocus);
 });
-var Editor = (0, _admin.createComponentSlot)("div")({
+var Editor = createComponentSlot("div")({
   componentName: "Rte",
   slotName: "editor",
   classesResolver: function classesResolver(ownerState) {
@@ -259,5 +252,5 @@ var Editor = (0, _admin.createComponentSlot)("div")({
 })(function (_ref4) {
   var ownerState = _ref4.ownerState,
     theme = _ref4.theme;
-  return (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        & .public-DraftEditor-content {\n            min-height: 240px;\n\n            ", "\n\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        ", "\n    "])), ownerState.minHeight !== undefined && (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                min-height: ", ";\n            "])), "".concat(ownerState.minHeight, "px")), ownerState.disabled && (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.text.disabled));
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        & .public-DraftEditor-content {\n            min-height: 240px;\n\n            ", "\n\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        ", "\n    "])), ownerState.minHeight !== undefined && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                min-height: ", ";\n            "])), "".concat(ownerState.minHeight, "px")), ownerState.disabled && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.text.disabled));
 });

package/lib/core/RteReadOnly.js

@@ -1,32 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-require("draft-js/dist/Draft.css");
-var _draftJs = require("draft-js");
-var _react = require("react");
-var _defaultBlocktypeMap = _interopRequireWildcard(require("./defaultBlocktypeMap"));
-var _Rte = require("./Rte");
-var _createBlockRenderMap = _interopRequireDefault(require("./utils/createBlockRenderMap"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); } // important for nesting of ul/ol
+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 "draft-js/dist/Draft.css"; // important for nesting of ul/ol
+
+import { Editor as DraftJsEditor } from "draft-js";
+import { useRef } from "react";
+import defaultBlocktypeMap, { cleanBlockTypeMap, mergeBlocktypeMaps } from "./defaultBlocktypeMap";
+import { styleMap } from "./Rte";
+import createBlockRenderMap from "./utils/createBlockRenderMap";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 var defaultOptions = {
-  blocktypeMap: _defaultBlocktypeMap["default"]
+  blocktypeMap: defaultBlocktypeMap
 };
 var RteReadOnly = function RteReadOnly(_ref) {
   var editorState = _ref.value,
     passedOptions = _ref.options,
     plainTextOnly = _ref.plainTextOnly;
-  var editorRef = (0, _react.useRef)(null);
+  var editorRef = useRef(null);
 
   // merge default options with passed options
   var options = passedOptions ? _objectSpread(_objectSpread({}, defaultOptions), passedOptions) : defaultOptions;
@@ -37,13 +30,13 @@ var RteReadOnly = function RteReadOnly(_ref) {
     deprecatedCustomBlockMap = options.customBlockMap;
     delete options.customBlockMap;
   }
-  (0, _defaultBlocktypeMap.cleanBlockTypeMap)(options.blocktypeMap); // mutate object and print warning when configuration is wrong
+  cleanBlockTypeMap(options.blocktypeMap); // mutate object and print warning when configuration is wrong
 
   // blocktypes need an extra merge as they have their own merge strategy
   options = _objectSpread(_objectSpread({}, options), {}, {
-    blocktypeMap: (0, _defaultBlocktypeMap.mergeBlocktypeMaps)(_defaultBlocktypeMap["default"], deprecatedCustomBlockMap, options.blocktypeMap)
+    blocktypeMap: mergeBlocktypeMaps(defaultBlocktypeMap, deprecatedCustomBlockMap, options.blocktypeMap)
   });
-  var blockRenderMap = (0, _createBlockRenderMap["default"])({
+  var blockRenderMap = createBlockRenderMap({
     blocktypeMap: options.blocktypeMap
   });
   function handleOnChange() {
@@ -52,18 +45,18 @@ var RteReadOnly = function RteReadOnly(_ref) {
     }
   }
   if (plainTextOnly) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/_jsx(_Fragment, {
       children: editorState.getCurrentContent().getPlainText()
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_draftJs.Editor, {
+  return /*#__PURE__*/_jsx(DraftJsEditor, {
     ref: editorRef,
     editorState: editorState,
     onChange: handleOnChange,
     spellCheck: false,
-    customStyleMap: _Rte.styleMap,
+    customStyleMap: styleMap,
     readOnly: true,
     blockRenderMap: blockRenderMap
   });
 };
-var _default = exports["default"] = RteReadOnly;
+export default RteReadOnly;