@dextinity/admin-rte 2.0.0-canary-20260729062014

package/lib/core/Controls/useInlineStyleType.d.ts

@@ -0,0 +1,16 @@
+import { type Editor, type EditorState } from "draft-js";
+import { type RefObject } from "react";
+import type { SupportedThings } from "../Rte";
+import type { CustomInlineStyles, IFeatureConfig } from "../types";
+interface IProps {
+    editorState: EditorState;
+    setEditorState: (editorState: EditorState) => void;
+    supportedThings: SupportedThings[];
+    editorRef: RefObject<Editor | null>;
+    customInlineStyles?: CustomInlineStyles;
+}
+export default function useInlineStyleType({ editorState, setEditorState, supportedThings, editorRef, customInlineStyles }: IProps): {
+    features: IFeatureConfig<string>[];
+};
+export {};
+//# sourceMappingURL=useInlineStyleType.d.ts.map

package/lib/core/Controls/useInlineStyleType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInlineStyleType.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/useInlineStyleType.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAa,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAmB,MAAM,UAAU,CAAC;AAIpF,UAAU,MAAM;IACZ,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,SAAS,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CAC3C;AAqDD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE,MAAM;;EAgEjI"}

package/lib/core/Controls/useInlineStyleType.js

@@ -0,0 +1,148 @@
+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); }
+var _excluded = ["style"];
+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(); }
+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 _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; }
+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); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _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 "@dextinity/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__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.bold.label",
+    defaultMessage: "Bold"
+  }),
+  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__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.bold.tooltip",
+    defaultMessage: "Ctrl+B"
+  })
+}, {
+  name: "ITALIC",
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.italic.label",
+    defaultMessage: "Italic"
+  }),
+  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__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.italic.tooltip",
+    defaultMessage: "Ctrl+I"
+  })
+}, {
+  name: "UNDERLINE",
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.underlined.label",
+    defaultMessage: "underlined"
+  }),
+  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__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.underlined.tooltip",
+    defaultMessage: "Ctrl+U"
+  })
+}, {
+  name: "STRIKETHROUGH",
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.strikethrough.label",
+    defaultMessage: "Strikethrough"
+  }),
+  icon: RteStrikethrough
+}, {
+  name: "SUP",
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.super.label",
+    defaultMessage: "Superscript"
+  }),
+  icon: RteSup
+}, {
+  name: "SUB",
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.rte.controls.blockType.sub.label",
+    defaultMessage: "Subscript"
+  }),
+  icon: RteSub
+}];
+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 = useCallback(function (inlineStyle) {
+    switch (inlineStyle) {
+      case "BOLD":
+        return supportedThings.includes("bold");
+      case "ITALIC":
+        return supportedThings.includes("italic");
+      case "UNDERLINE":
+        return supportedThings.includes("underline");
+      case "STRIKETHROUGH":
+        return supportedThings.includes("strikethrough");
+      case "SUB":
+        return supportedThings.includes("sub");
+      case "SUP":
+        return supportedThings.includes("sup");
+      default:
+        return false;
+    }
+  }, [supportedThings]);
+  var inlineStyleActive = useCallback(function (draftInlineStyleType) {
+    var currentStyle = editorState.getCurrentInlineStyle();
+    return currentStyle.has(draftInlineStyleType);
+  }, [editorState]);
+  var handleInlineStyleButtonClick = useCallback(function (draftInlineStyleType, e) {
+    e.preventDefault();
+    setEditorState(RichUtils.toggleInlineStyle(editorState, draftInlineStyleType));
+  }, [setEditorState, editorState]);
+  var features = useMemo(function () {
+    return [].concat(_toConsumableArray(defaultFeatures.filter(function (c) {
+      return supports(c.name);
+    }).map(function (c) {
+      return _objectSpread(_objectSpread({}, c), {}, {
+        selected: inlineStyleActive(c.name),
+        onButtonClick: handleInlineStyleButtonClick.bind(null, c.name)
+      });
+    })), _toConsumableArray(customInlineStyles ? Object.entries(customInlineStyles).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        name = _ref3[0],
+        _ref3$ = _ref3[1],
+        style = _ref3$.style,
+        restOptions = _objectWithoutProperties(_ref3$, _excluded);
+      return _objectSpread(_objectSpread({}, restOptions), {}, {
+        name: name,
+        selected: inlineStyleActive(name),
+        onButtonClick: handleInlineStyleButtonClick.bind(null, name)
+      });
+    }) : []));
+  }, [supports, inlineStyleActive, handleInlineStyleButtonClick, customInlineStyles]);
+  return {
+    features: features
+  };
+}

package/lib/core/Controls/useListIndent.d.ts

@@ -0,0 +1,14 @@
+import { EditorState } from "draft-js";
+import type { SupportedThings } from "../Rte";
+import type { IFeatureConfig } from "../types";
+interface IProps {
+    editorState: EditorState;
+    setEditorState: (editorState: EditorState) => void;
+    supportedThings: SupportedThings[];
+    listLevelMax?: number;
+}
+export default function useListIndent({ editorState, setEditorState, supportedThings, listLevelMax }: IProps): {
+    features: IFeatureConfig<string>[];
+};
+export {};
+//# sourceMappingURL=useListIndent.d.ts.map

package/lib/core/Controls/useListIndent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListIndent.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/useListIndent.ts"],"names":[],"mappings":"AACA,OAAO,EAAoC,WAAW,EAAE,MAAM,UAAU,CAAC;AAIzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAwD/C,UAAU,MAAM;IACZ,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,YAAgB,EAAE,EAAE,MAAM;;EA4D/G"}

package/lib/core/Controls/useListIndent.js

@@ -0,0 +1,114 @@
+import { RteIndentDecrease, RteIndentIncrease } from "@dextinity/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";
+
+// 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
+
+// to keep a nested structure, check version 0.10.5, in current version 0.11.4 nesting is not forced
+// https://github.com/facebook/draft-js/blob/v0.10.5/src/model/modifier/RichTextEditorUtil.js
+function adjustBlockDepth(type, editorState, maxDepth) {
+  var selectionState = editorState.getSelection();
+  var contentState = editorState.getCurrentContent();
+
+  // check that only one block is selected, otherwise we cananot change depth
+  var key = selectionState.getAnchorKey();
+  if (key !== selectionState.getFocusKey()) {
+    return editorState;
+  }
+  var adjustment = type === "increase" ? 1 : -1;
+
+  // do not exceed max depth
+  var block = getCurrentBlock(editorState);
+  if (!block) {
+    return editorState;
+  }
+  var depth = block.getDepth();
+  if (adjustment === 1 && depth === maxDepth) {
+    return editorState;
+  }
+  var startKey = selectionState.getStartKey();
+  var endKey = selectionState.getEndKey();
+  var blockMap = contentState.getBlockMap();
+  var blocks = blockMap.toSeq().skipUntil(function (_, k) {
+    return k === startKey;
+  }).takeUntil(function (_, k) {
+    return k === endKey;
+  }).concat([[endKey, blockMap.get(endKey)]]).map(function (curBlock) {
+    var blockDepth = curBlock.getDepth() + adjustment;
+    blockDepth = Math.max(0, Math.min(blockDepth, maxDepth));
+    return curBlock.set("depth", blockDepth);
+  });
+  blockMap = blockMap.merge(blocks);
+  var newContent = contentState.merge({
+    blockMap: blockMap,
+    selectionBefore: selectionState,
+    selectionAfter: selectionState
+  });
+  return EditorState.push(editorState, newContent, "adjust-depth");
+}
+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 = useIntl();
+
+  // can check if indenting lists is supported
+  var supported = useMemo(function () {
+    return supportedThings.some(function (c) {
+      return ["ordered-list", "unordered-list"].includes(c) && listLevelMax !== 0;
+    });
+  }, [supportedThings, listLevelMax]);
+  var active = useMemo(function () {
+    var currentBlock = getCurrentBlock(editorState);
+    if (!currentBlock) {
+      return false;
+    }
+    return ["ordered-list-item", "unordered-list-item"].includes(currentBlock.getType()) && selectionIsInOneBlock(editorState);
+  }, [editorState]);
+  var canIndentLeft = useMemo(function () {
+    return active && getCurrentBlock(editorState).getDepth() > 0;
+  }, [active, editorState]);
+  var canIndentRight = useMemo(function () {
+    return active && getCurrentBlock(editorState).getDepth() < listLevelMax - 1;
+  }, [active, editorState, listLevelMax]);
+  var handleListIndentLeftClick = useCallback(function (e) {
+    e.preventDefault();
+    setEditorState(adjustBlockDepth("decrease", editorState, listLevelMax));
+  }, [editorState, setEditorState, listLevelMax]);
+  var handleListIndentRightClick = useCallback(function (e) {
+    e.preventDefault();
+    setEditorState(adjustBlockDepth("increase", editorState, listLevelMax));
+  }, [editorState, setEditorState, listLevelMax]);
+  var features = useMemo(function () {
+    return supported ? [{
+      name: "list-indent-right",
+      label: "",
+      disabled: !canIndentRight,
+      onButtonClick: handleListIndentRightClick,
+      icon: RteIndentIncrease,
+      tooltipText: intl.formatMessage({
+        id: "comet.rte.controls.listIndent.right.tooltip",
+        defaultMessage: "Tab"
+      })
+    }, {
+      name: "list-indent-left",
+      label: "",
+      disabled: !canIndentLeft,
+      onButtonClick: handleListIndentLeftClick,
+      icon: RteIndentDecrease,
+      tooltipText: intl.formatMessage({
+        id: "comet.rte.controls.listIndent.left.tooltip",
+        defaultMessage: "Shift+Tab"
+      })
+    }] : [];
+  }, [supported, canIndentLeft, canIndentRight, handleListIndentLeftClick, handleListIndentRightClick, intl]);
+  return {
+    features: features
+  };
+}

package/lib/core/Rte.d.ts

@@ -0,0 +1,72 @@
+import "draft-js/dist/Draft.css";
+import { type ThemedComponentBaseProps } from "@dextinity/admin";
+import { type ComponentsOverrides, type Theme } from "@mui/material";
+import { type DraftBlockType, type EditorProps as DraftJsEditorProps, type EditorState } from "draft-js";
+import { type ForwardRefExoticComponent, type PropsWithoutRef, type RefAttributes } from "react";
+import type { CustomInlineStyles, IBlocktypeMap, ICustomBlockTypeMap_Deprecated, ToolbarButtonComponent } from "./types";
+import { type RteThemeColors } from "./utils/getRteTheme";
+export type SupportedThings = "bold" | "italic" | "underline" | "strikethrough" | "sub" | "sup" | "header-one" | "header-two" | "header-three" | "header-four" | "header-five" | "header-six" | "ordered-list" | "unordered-list" | "blockquote" | "history" | "link" | "links-remove" | "non-breaking-space" | "soft-hyphen";
+export interface IRteOptions {
+    supports: SupportedThings[];
+    listLevelMax: number;
+    blocktypeMap: IBlocktypeMap;
+    overwriteLinkButton?: ToolbarButtonComponent;
+    overwriteLinksRemoveButton?: ToolbarButtonComponent;
+    customToolbarButtons?: ToolbarButtonComponent[];
+    draftJsProps: Partial<Pick<DraftJsEditorProps, "placeholder" | "autoComplete" | "autoCorrect" | "readOnly" | "spellCheck" | "stripPastedStyles" | "tabIndex" | "editorKey" | "handlePastedText">>;
+    filterEditorStateBeforeUpdate?: FilterEditorStateBeforeUpdateFn;
+    maxBlocks?: number;
+    standardBlockType: DraftBlockType;
+    /**
+     * @deprecated use `blocktypeMap` instead
+     */
+    customBlockMap?: ICustomBlockTypeMap_Deprecated;
+    customInlineStyles?: CustomInlineStyles;
+    disableContentTranslation?: boolean;
+}
+export type IOptions = Partial<IRteOptions>;
+type OnEditorStateChangeFn = (newValue: EditorState) => void;
+export type FilterEditorStateBeforeUpdateFn = (newState: EditorState, context: Pick<IRteOptions, "supports" | "listLevelMax" | "maxBlocks" | "standardBlockType">) => EditorState;
+export interface RteProps extends ThemedComponentBaseProps<{
+    root: "div";
+    editor: "div";
+}> {
+    value: EditorState;
+    onChange: OnEditorStateChangeFn;
+    options?: IOptions;
+    disabled?: boolean;
+    minHeight?: number;
+    colors?: Partial<RteThemeColors>;
+}
+export declare const defaultOptions: IRteOptions;
+export interface IRteRef {
+    focus: () => void;
+}
+export declare const styleMap: {
+    SUP: {
+        verticalAlign: string;
+        fontSize: string;
+    };
+    SUB: {
+        verticalAlign: string;
+        fontSize: string;
+    };
+};
+export declare const Rte: ForwardRefExoticComponent<PropsWithoutRef<RteProps> & RefAttributes<unknown>>;
+export type RteClassKey = "root" | "disabled" | "editor";
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminRte: RteClassKey;
+    }
+    interface ComponentsPropsList {
+        CometAdminRte: RteProps;
+    }
+    interface Components {
+        CometAdminRte?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminRte"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminRte"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=Rte.d.ts.map

package/lib/core/Rte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rte.d.ts","sourceRoot":"","sources":["../../src/core/Rte.tsx"],"names":[],"mappings":"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"}

package/lib/core/Rte.js

@@ -0,0 +1,256 @@
+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); }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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."); }
+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; }
+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); }
+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; }
+import "draft-js/dist/Draft.css"; // important for nesting of ul/ol
+
+import { createComponentSlot } from "@dextinity/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: 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
+};
+export var styleMap = {
+  SUP: {
+    verticalAlign: "super",
+    fontSize: "smaller"
+  },
+  SUB: {
+    verticalAlign: "sub",
+    fontSize: "smaller"
+  }
+};
+export var Rte = /*#__PURE__*/forwardRef(function (inProps, ref) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminRte"
+    }),
+    editorState = _useThemeProps.value,
+    onChange = _useThemeProps.onChange,
+    passedOptions = _useThemeProps.options,
+    disabled = _useThemeProps.disabled,
+    minHeight = _useThemeProps.minHeight,
+    colors = _useThemeProps.colors,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var ownerState = {
+    disabled: disabled,
+    minHeight: minHeight
+  };
+  var editorRef = useRef(null);
+  var editorWrapperRef = useRef(null);
+
+  // merge default options with passed options
+  var options = passedOptions ? _objectSpread(_objectSpread({}, defaultOptions), passedOptions) : defaultOptions;
+
+  // extract deprecated options and handle them specially
+  var deprecatedCustomBlockMap = {};
+  if (options.customBlockMap) {
+    deprecatedCustomBlockMap = options.customBlockMap;
+    delete options.customBlockMap;
+  }
+  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: mergeBlocktypeMaps(defaultBlocktypeMap, deprecatedCustomBlockMap, options.blocktypeMap)
+  });
+
+  // force draftjs to be readonly when rte is disabled
+  if (disabled) {
+    options.draftJsProps = _objectSpread(_objectSpread({}, options.draftJsProps), {}, {
+      readOnly: true
+    });
+  }
+
+  /**
+   * Expose methods
+   */
+  useImperativeHandle(ref, function () {
+    return {
+      focus: function focus() {
+        if (editorRef && editorRef.current) {
+          editorRef.current.focus();
+        }
+      }
+    };
+  });
+  var _options = options,
+    filterEditorStateBeforeUpdate = _options.filterEditorStateBeforeUpdate,
+    supports = _options.supports,
+    listLevelMax = _options.listLevelMax,
+    maxBlocks = _options.maxBlocks,
+    standardBlockType = _options.standardBlockType;
+  var decoratedOnChange = useCallback(function (nextEditorState) {
+    var modifiedState = nextEditorState;
+    var context = {
+      supports: supports,
+      listLevelMax: listLevelMax,
+      maxBlocks: maxBlocks,
+      standardBlockType: standardBlockType
+    };
+    // apply optional filter to editorState
+    if (filterEditorStateBeforeUpdate) {
+      modifiedState = filterEditorStateBeforeUpdate(modifiedState, context);
+    }
+    // apply mandatory filter to editorState
+    modifiedState = mandatoryFilterEditorStateFn(modifiedState, context);
+
+    // pass the modified filter to original onChange
+    onChange(modifiedState);
+  }, [filterEditorStateBeforeUpdate, supports, listLevelMax, maxBlocks, standardBlockType, onChange]);
+  var blockRenderMap = createBlockRenderMap({
+    blocktypeMap: options.blocktypeMap
+  });
+  function handleKeyCommand(command) {
+    var commandToSupportsMap = {
+      bold: "bold",
+      italic: "italic",
+      strikethrough: "strikethrough",
+      underline: "underline"
+    };
+    var relevantSupports = commandToSupportsMap[command];
+    if (relevantSupports && options.supports.includes(relevantSupports)) {
+      var _newState = RichUtils.handleKeyCommand(editorState, command);
+      if (_newState) {
+        onChange(_newState);
+        return "handled";
+      }
+    }
+
+    // disallow user to add a new block when block limit is already reached
+    if (command === "split-block" && options.maxBlocks) {
+      var content = editorState.getCurrentContent();
+      var blockSize = content.getBlockMap().count();
+      var userTriesToAddTooMuchBlocks = blockSize >= options.maxBlocks;
+      if (userTriesToAddTooMuchBlocks) {
+        return "handled"; // do nothing
+      }
+    }
+    return "not-handled";
+  }
+  function handleReturn(e, innerEditorState) {
+    // inserts a newline "\n" on SHIFT+ENTER-key
+    if (e.shiftKey) {
+      onChange(RichUtils.insertSoftNewline(innerEditorState));
+      return "handled";
+    }
+    return "not-handled";
+  }
+  function keyBindingFn(event) {
+    if (event.key === "Tab") {
+      // nested lists for ol and ul
+      event.preventDefault();
+      var newEditorState = RichUtils.onTab(event, editorState, options.listLevelMax);
+      if (newEditorState !== editorState) {
+        onChange(newEditorState);
+      }
+    }
+    return getDefaultKeyBinding(event);
+  }
+  var customStyleMap = _objectSpread({}, styleMap);
+  if (options.customInlineStyles) {
+    Object.entries(options.customInlineStyles).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        name = _ref2[0],
+        style = _ref2[1].style;
+      customStyleMap[name] = style;
+    });
+  }
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
+    ref: editorWrapperRef,
+    ownerState: ownerState
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: [/*#__PURE__*/_jsx(Controls, {
+      editorRef: editorRef,
+      editorState: editorState,
+      setEditorState: onChange,
+      options: options,
+      disabled: disabled
+    }), /*#__PURE__*/_jsx(Editor, _objectSpread(_objectSpread({
+      ownerState: ownerState
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.editor), {}, {
+      children: /*#__PURE__*/_jsx(DraftJsEditor, _objectSpread({
+        ref: editorRef,
+        editorState: editorState,
+        onChange: decoratedOnChange,
+        handleKeyCommand: handleKeyCommand,
+        handleReturn: handleReturn,
+        keyBindingFn: keyBindingFn,
+        customStyleMap: customStyleMap,
+        blockRenderMap: blockRenderMap,
+        onCopy: function onCopy(editor, event) {
+          onDraftEditorCopy(editor, event);
+        },
+        onCut: function onCut(editor, event) {
+          onDraftEditorCut(editor, event);
+        },
+        handlePastedText: function handlePastedText(text, html, editorState) {
+          var nextEditorState = pasteAndFilterText(html, editorState, options);
+          if (nextEditorState) {
+            decoratedOnChange(nextEditorState);
+            return "handled";
+          }
+          return "not-handled";
+        }
+      }, options.draftJsProps))
+    }))]
+  }));
+});
+var Root = createComponentSlot("div")({
+  componentName: "Rte",
+  slotName: "root",
+  classesResolver: function classesResolver(ownerState) {
+    return [ownerState.disabled && "disabled"];
+  }
+})(function (_ref3) {
+  var _theme$components, _theme$components2, _theme$components3;
+  var theme = _ref3.theme;
+  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 = createComponentSlot("div")({
+  componentName: "Rte",
+  slotName: "editor",
+  classesResolver: function classesResolver(ownerState) {
+    return [ownerState.disabled && "disabled"];
+  }
+})(function (_ref4) {
+  var ownerState = _ref4.ownerState,
+    theme = _ref4.theme;
+  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));
+});