@wix/auto-patterns 1.48.0 → 1.49.0

package/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_richContentEditor","require","Object","keys","forEach","key","exports"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/index.ts"],"sourcesContent":["export * from './rich-content-editor';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/plugins.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.usePlugins = void 0;
+var _react = require("react");
+var _ricos = require("@wix/ricos");
+var _utils = require("../../../../utils");
+var _richContentCommon = require("../rich-content-common");
+var _consts = require("../consts");
+const {
+  Instagram,
+  Twitter,
+  TikTok
+} = _ricos.LinkPreviewProviders;
+const {
+  event,
+  booking,
+  product
+} = _ricos.verticalEmbedProviders;
+const layoutPlugin = {
+  type: 'LAYOUT',
+  showInQuickActions: true,
+  showInToolbars: true
+};
+const usePlugins = colorScheme => {
+  return (0, _react.useMemo)(() => [(0, _ricos.pluginHeadings)({
+    inlinePopups: true
+  }), (0, _ricos.pluginTextColor)({
+    inlinePopups: true,
+    onColorAdded: _richContentCommon.colorsCache.add,
+    getUserColors: _richContentCommon.colorsCache.get,
+    colorScheme
+  }), (0, _ricos.pluginTextHighlight)({
+    inlinePopups: true,
+    onColorAdded: _richContentCommon.colorsCache.add,
+    getUserColors: _richContentCommon.colorsCache.get,
+    colorScheme
+  }), (0, _ricos.pluginLineSpacing)({
+    inlinePopups: true
+  }), (0, _ricos.pluginIndent)(), (0, _ricos.pluginLink)(), (0, _ricos.pluginImage)(), (0, _ricos.pluginVideo)(), (0, _ricos.pluginGallery)(), (0, _ricos.pluginDivider)(), (0, _ricos.pluginTable)({
+    toolbar: {}
+  }), (0, _ricos.pluginAi)({
+    appDefId: _consts.CMS_RICOS_APP_ID
+  }), (0, _ricos.pluginFileUpload)(), (0, _ricos.pluginHtml)(), (0, _ricos.pluginLinkPreview)({
+    exposeEmbedButtons: [Instagram, Twitter, TikTok]
+  }), (0, _ricos.pluginVerticalEmbed)({
+    exposeEmbedButtons: [event, booking, product]
+  }), (0, _ricos.pluginCodeBlock)(), (0, _ricos.pluginEmoji)(), (0, _ricos.pluginSpoiler)(), (0, _ricos.pluginGiphy)(), (0, _ricos.pluginCollapsibleList)(), (0, _ricos.pluginLinkButton)(), layoutPlugin].filter(_utils.isTruthy), [colorScheme]);
+};
+exports.usePlugins = usePlugins;
+//# sourceMappingURL=plugins.js.map

package/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ricos","_utils","_richContentCommon","_consts","Instagram","Twitter","TikTok","LinkPreviewProviders","event","booking","product","verticalEmbedProviders","layoutPlugin","type","showInQuickActions","showInToolbars","usePlugins","colorScheme","useMemo","pluginHeadings","inlinePopups","pluginTextColor","onColorAdded","colorsCache","add","getUserColors","get","pluginTextHighlight","pluginLineSpacing","pluginIndent","pluginLink","pluginImage","pluginVideo","pluginGallery","pluginDivider","pluginTable","toolbar","pluginAi","appDefId","CMS_RICOS_APP_ID","pluginFileUpload","pluginHtml","pluginLinkPreview","exposeEmbedButtons","pluginVerticalEmbed","pluginCodeBlock","pluginEmoji","pluginSpoiler","pluginGiphy","pluginCollapsibleList","pluginLinkButton","filter","isTruthy","exports"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/plugins.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { EditorPlugin, EditorPluginOptions } from '@wix/ricos';\nimport {\n  pluginTextColor,\n  pluginTextHighlight,\n  pluginHeadings,\n  pluginLink,\n  pluginLineSpacing,\n  pluginImage,\n  pluginVideo,\n  pluginDivider,\n  pluginFileUpload,\n  pluginHtml,\n  pluginLinkPreview,\n  LinkPreviewProviders,\n  pluginVerticalEmbed,\n  verticalEmbedProviders,\n  pluginEmoji,\n  pluginSpoiler,\n  pluginGiphy,\n  pluginCodeBlock,\n  pluginGallery,\n  pluginCollapsibleList,\n  pluginIndent,\n  pluginTable,\n  pluginLinkButton,\n  pluginAi,\n} from '@wix/ricos';\n\nimport { isTruthy } from '../../../../utils';\nimport type { ColorScheme } from '../../types';\n\nimport { colorsCache } from '../rich-content-common';\nimport { CMS_RICOS_APP_ID } from '../consts';\n\nconst { Instagram, Twitter, TikTok } = LinkPreviewProviders;\nconst { event, booking, product } = verticalEmbedProviders;\n\nconst layoutPlugin: EditorPluginOptions = {\n  type: 'LAYOUT',\n  showInQuickActions: true,\n  showInToolbars: true,\n};\n\nexport const usePlugins = (colorScheme?: ColorScheme) => {\n  return useMemo<(EditorPlugin | EditorPluginOptions)[]>(\n    () =>\n      [\n        pluginHeadings({ inlinePopups: true }),\n        pluginTextColor({\n          inlinePopups: true,\n          onColorAdded: colorsCache.add,\n          getUserColors: colorsCache.get,\n          colorScheme,\n        }),\n        pluginTextHighlight({\n          inlinePopups: true,\n          onColorAdded: colorsCache.add,\n          getUserColors: colorsCache.get,\n          colorScheme,\n        }),\n        pluginLineSpacing({ inlinePopups: true }),\n        pluginIndent(),\n        pluginLink(),\n        pluginImage(),\n        pluginVideo(),\n        pluginGallery(),\n        pluginDivider(),\n        pluginTable({ toolbar: {} }),\n        pluginAi({\n          appDefId: CMS_RICOS_APP_ID,\n        }) as unknown as EditorPlugin,\n        pluginFileUpload(),\n        pluginHtml(),\n        pluginLinkPreview({\n          exposeEmbedButtons: [Instagram, Twitter, TikTok],\n        }),\n        pluginVerticalEmbed({\n          exposeEmbedButtons: [event, booking, product],\n        }),\n        pluginCodeBlock(),\n        pluginEmoji(),\n        pluginSpoiler(),\n        pluginGiphy(),\n        pluginCollapsibleList(),\n        pluginLinkButton(),\n        layoutPlugin,\n      ].filter(isTruthy),\n    [colorScheme],\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AA2BA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,MAAM;EAAEK,SAAS;EAAEC,OAAO;EAAEC;AAAO,CAAC,GAAGC,2BAAoB;AAC3D,MAAM;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAQ,CAAC,GAAGC,6BAAsB;AAE1D,MAAMC,YAAiC,GAAG;EACxCC,IAAI,EAAE,QAAQ;EACdC,kBAAkB,EAAE,IAAI;EACxBC,cAAc,EAAE;AAClB,CAAC;AAEM,MAAMC,UAAU,GAAIC,WAAyB,IAAK;EACvD,OAAO,IAAAC,cAAO,EACZ,MACE,CACE,IAAAC,qBAAc,EAAC;IAAEC,YAAY,EAAE;EAAK,CAAC,CAAC,EACtC,IAAAC,sBAAe,EAAC;IACdD,YAAY,EAAE,IAAI;IAClBE,YAAY,EAAEC,8BAAW,CAACC,GAAG;IAC7BC,aAAa,EAAEF,8BAAW,CAACG,GAAG;IAC9BT;EACF,CAAC,CAAC,EACF,IAAAU,0BAAmB,EAAC;IAClBP,YAAY,EAAE,IAAI;IAClBE,YAAY,EAAEC,8BAAW,CAACC,GAAG;IAC7BC,aAAa,EAAEF,8BAAW,CAACG,GAAG;IAC9BT;EACF,CAAC,CAAC,EACF,IAAAW,wBAAiB,EAAC;IAAER,YAAY,EAAE;EAAK,CAAC,CAAC,EACzC,IAAAS,mBAAY,EAAC,CAAC,EACd,IAAAC,iBAAU,EAAC,CAAC,EACZ,IAAAC,kBAAW,EAAC,CAAC,EACb,IAAAC,kBAAW,EAAC,CAAC,EACb,IAAAC,oBAAa,EAAC,CAAC,EACf,IAAAC,oBAAa,EAAC,CAAC,EACf,IAAAC,kBAAW,EAAC;IAAEC,OAAO,EAAE,CAAC;EAAE,CAAC,CAAC,EAC5B,IAAAC,eAAQ,EAAC;IACPC,QAAQ,EAAEC;EACZ,CAAC,CAAC,EACF,IAAAC,uBAAgB,EAAC,CAAC,EAClB,IAAAC,iBAAU,EAAC,CAAC,EACZ,IAAAC,wBAAiB,EAAC;IAChBC,kBAAkB,EAAE,CAACvC,SAAS,EAAEC,OAAO,EAAEC,MAAM;EACjD,CAAC,CAAC,EACF,IAAAsC,0BAAmB,EAAC;IAClBD,kBAAkB,EAAE,CAACnC,KAAK,EAAEC,OAAO,EAAEC,OAAO;EAC9C,CAAC,CAAC,EACF,IAAAmC,sBAAe,EAAC,CAAC,EACjB,IAAAC,kBAAW,EAAC,CAAC,EACb,IAAAC,oBAAa,EAAC,CAAC,EACf,IAAAC,kBAAW,EAAC,CAAC,EACb,IAAAC,4BAAqB,EAAC,CAAC,EACvB,IAAAC,uBAAgB,EAAC,CAAC,EAClBtC,YAAY,CACb,CAACuC,MAAM,CAACC,eAAQ,CAAC,EACpB,CAACnC,WAAW,CACd,CAAC;AACH,CAAC;AAACoC,OAAA,CAAArC,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js

@@ -0,0 +1,472 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichContentEditor = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _defaultsDeep = _interopRequireDefault(require("lodash/defaultsDeep"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _ricos = require("@wix/ricos");
+var _hooks = require("../../../../hooks");
+var _utils = require("../../../../utils");
+var _userSiteFonts = require("../../../user-site-fonts");
+var _common = require("../../../common");
+var _richContentCommon = require("../rich-content-common");
+var _plugins = require("./plugins");
+var _richContentToolbar = require("./rich-content-toolbar");
+var _richContentEditorStCss = require("./rich-content-editor.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+const linkPanelSettings = {
+  externalPopups: true,
+  showSponsoredCheckbox: true
+};
+const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
+  content,
+  injectedContent,
+  onChange,
+  autoFocus,
+  onFocus,
+  onBlur,
+  className,
+  getToolbarSettings,
+  dataHook,
+  colorScheme,
+  isFullScreen,
+  onToggleFullScreen,
+  hidden,
+  children,
+  ...ricosProps
+}, ref) => {
+  const containerRef = (0, _react.useRef)(null);
+  const containerHeightRef = (0, _react.useRef)();
+  const onFullScreenChange = (0, _react.useCallback)(() => {
+    onToggleFullScreen == null || onToggleFullScreen();
+    if (containerRef.current) {
+      containerHeightRef.current = containerRef.current.clientHeight;
+    }
+  }, [onToggleFullScreen]);
+  const editorRef = (0, _react.useRef)(null);
+  const [isToolbarReady, setIsToolbarReady] = (0, _react.useState)(false);
+  const [toolbarButtons, setToolbarButtons] = (0, _react.useState)({});
+  const updateButtons = (0, _react.useCallback)((editorLoaded, effect = false) => {
+    if (!editorRef.current) {
+      return;
+    }
+    const toolbarButtons = editorRef.current.getToolbarProps(_ricos.ToolbarType.INSERT_PLUGIN).buttons;
+    if (Object.values(toolbarButtons).length > 0) {
+      !effect && setToolbarButtons(toolbarButtons);
+      editorLoaded && setIsToolbarReady(true);
+    }
+  }, []);
+  (0, _react.useEffect)(() => updateButtons(false, true));
+  const onLoadEditor = (0, _react.useCallback)(() => updateButtons(true), [updateButtons]);
+  (0, _react.useEffect)(() => {
+    if (!autoFocus) {
+      return;
+    }
+    const frameId = requestAnimationFrame(() => {
+      var _editorRef$current;
+      (_editorRef$current = editorRef.current) == null || _editorRef$current.focus();
+      updateButtons();
+    });
+    return () => cancelAnimationFrame(frameId);
+  }, [autoFocus, updateButtons]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    isContentChanged: () => {
+      var _editorRef$current2;
+      return Boolean((_editorRef$current2 = editorRef.current) == null ? void 0 : _editorRef$current2.getContentTraits().isContentChanged);
+    }
+  }));
+  const toolbarContainerRef = (0, _react.useRef)(null);
+  const toolbarSettings = useToolbarSettings(toolbarContainerRef.current, getToolbarSettings);
+  const isModalOpenRef = (0, _react.useRef)(false);
+  const modalSettings = (0, _react.useMemo)(() => ({
+    onModalOpen() {
+      isModalOpenRef.current = true;
+    },
+    onModalClose() {
+      isModalOpenRef.current = false;
+    }
+  }), []);
+  const isFocusedRef = (0, _react.useRef)(false);
+  const isBlurringRef = (0, _react.useRef)(false);
+  const triggerFocus = (0, _react.useCallback)(() => {
+    isBlurringRef.current = false;
+    if (isFocusedRef.current) {
+      return;
+    }
+    isFocusedRef.current = true;
+    onFocus == null || onFocus();
+  }, [onFocus]);
+  const triggerBlur = (0, _react.useCallback)(() => {
+    isBlurringRef.current = false;
+    if (!isFocusedRef.current) {
+      return;
+    }
+    isFocusedRef.current = false;
+    onBlur == null || onBlur();
+  }, [onBlur]);
+  const requestBlurCallback = (0, _hooks.useRequestFrameCallback)();
+  const requestEditorBlur = (0, _react.useCallback)(() => {
+    isBlurringRef.current = true;
+    requestBlurCallback(() => isBlurringRef.current && triggerBlur());
+  }, [triggerBlur, requestBlurCallback]);
+  const handleFocus = (0, _react.useCallback)(() => {
+    if (containerRef.current === (0, _utils.getActiveElement)()) {
+      var _editorRef$current3;
+      (_editorRef$current3 = editorRef.current) == null || _editorRef$current3.focus();
+      updateButtons();
+    }
+    triggerFocus();
+  }, [triggerFocus, updateButtons]);
+  const handleBlur = (0, _react.useCallback)(({
+    relatedTarget
+  }) => {
+    var _containerRef$current;
+    if (!relatedTarget) {
+      requestEditorBlur();
+      return;
+    }
+    if (isModalOpenRef.current || (_containerRef$current = containerRef.current) != null && _containerRef$current.contains(relatedTarget)) {
+      /**
+       * @NOTE
+       * Ignore events which come from modal or
+       * from any target inside editor container
+       */
+      return;
+    }
+
+    /**
+     * @NOTE
+     * If editor container is blurred due to focus of element
+     * that is out of app root (e.g. tooltip rendered in portal),
+     * then editor blur should be requested to ensure
+     * that editor should not be focused after user action,
+     * otherwise editor should be blurred immediately
+     */
+    if (!(0, _utils.getAppRootElement)().contains(relatedTarget)) {
+      requestEditorBlur();
+    } else {
+      triggerBlur();
+    }
+  }, [triggerBlur, requestEditorBlur]);
+
+  /**
+   * NOTE:
+   * `handleOnChange` handles only change events when editor is not focused or focus was lost.
+   * In a normal flow `onChange` is not called on every input and all the changes submitted on blur.
+   */
+  const handleOnChange = (0, _react.useCallback)(() => {
+    const hasLostFocusElement = document.activeElement === document.body;
+    if (!isFocusedRef.current || hasLostFocusElement) {
+      const isInitialInjectedContent = (0, _isEqual.default)(_richContentCommon.INITIAL_INJECTED_RICH_CONTENT, injectedContent);
+      if (!isInitialInjectedContent) {
+        onBlur == null || onBlur();
+      }
+    }
+  }, [onBlur, injectedContent]);
+  const wixRicosProps = (0, _richContentCommon.useWixRicosProps)();
+  const plugins = (0, _plugins.usePlugins)(colorScheme);
+  const renderInContainer = children => /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    "data-hook": "rich-content.editor",
+    className: (0, _richContentEditorStCss.st)(_richContentEditorStCss.classes.root, className),
+    tabIndex: onFocus || onBlur ? 0 : undefined,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    style: {
+      height: hidden ? containerHeightRef.current : undefined
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 276,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _richContentEditorStCss.classes.toolbarAndFullScreenButtonWrapper,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 287,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _richContentEditorStCss.classes.toolbarContainer,
+    ref: toolbarContainerRef,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 288,
+      columnNumber: 11
+    }
+  }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement(_richContentCommon.ToggleFullscreenButton, {
+    isFullScreen: isFullScreen,
+    onToggleFullScreen: onFullScreenChange,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 290,
+      columnNumber: 13
+    }
+  })), !hidden ? children : null, !isToolbarReady && /*#__PURE__*/_react.default.createElement(RCELoader, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 297,
+      columnNumber: 29
+    }
+  }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "rich-content.footerToolbar",
+    className: _richContentEditorStCss.classes.footerToolbarContainer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 299,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_richContentToolbar.ExternalToolbar, {
+    buttons: toolbarButtons,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 303,
+      columnNumber: 13
+    }
+  })));
+  return renderInContainer(/*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    className: _richContentEditorStCss.classes.editor,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 310,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ricos.WixRicosEditor, (0, _extends2.default)({
+    ref: editorRef,
+    plugins: plugins,
+    content: content,
+    injectedContent: injectedContent,
+    toolbarSettings: toolbarSettings,
+    linkPanelSettings: linkPanelSettings,
+    modalSettings: modalSettings,
+    textWrap: false,
+    onLoad: onLoadEditor,
+    onChange: handleOnChange,
+    container: containerRef.current
+  }, ricosProps, wixRicosProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 311,
+      columnNumber: 9
+    }
+  }))));
+});
+RCE.displayName = 'RCE';
+const RCELoader = () => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  align: "center",
+  verticalAlign: "middle",
+  position: "absolute",
+  top: "0",
+  bottom: "0",
+  width: "100%",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 333,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+  size: "small",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 341,
+    columnNumber: 5
+  }
+}));
+RCELoader.displayName = 'RCELoader';
+const LOADER_DELAY = 100;
+const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorContext)(({
+  onFocus,
+  onBlur,
+  onEnterFullScreen,
+  onExitFullScreen,
+  fullScreenOnly,
+  editorEvents,
+  onPublish,
+  onChange,
+  theme,
+  ...props
+}) => {
+  const editorRef = (0, _react.useRef)(null);
+  const modalEditorRef = (0, _react.useRef)(null);
+  const isRichContentChanged = (0, _react.useCallback)(() => {
+    var _editorRef$current4, _modalEditorRef$curre;
+    return Boolean(((_editorRef$current4 = editorRef.current) == null ? void 0 : _editorRef$current4.isContentChanged()) || ((_modalEditorRef$curre = modalEditorRef.current) == null ? void 0 : _modalEditorRef$curre.isContentChanged()));
+  }, []);
+  const handleChange = (0, _react.useCallback)(richContent => {
+    onChange == null || onChange(richContent, isRichContentChanged());
+  }, [onChange, isRichContentChanged]);
+  const [loader, setLoader] = (0, _react.useState)(false);
+  const timer = (0, _react.useRef)(0);
+  const resetLoader = (0, _react.useCallback)(() => {
+    window.clearTimeout(timer.current);
+    setLoader(false);
+  }, []);
+  const queueLoader = (0, _react.useCallback)(() => {
+    timer.current = window.setTimeout(() => {
+      setLoader(true);
+    }, LOADER_DELAY);
+  }, []);
+  const {
+    content
+  } = props;
+  const [isFullScreen, setIsFullScreen] = (0, _react.useState)(!!fullScreenOnly);
+  const onOpen = (0, _react.useCallback)(async () => {
+    let finalContent;
+    const isChanged = isRichContentChanged();
+    try {
+      finalContent = await editorEvents.publish();
+      onEnterFullScreen == null || onEnterFullScreen(finalContent, isChanged);
+    } catch (error) {
+      finalContent = content;
+      onEnterFullScreen == null || onEnterFullScreen(content, isChanged);
+    } finally {
+      setIsFullScreen(true);
+      if (isChanged && finalContent) {
+        handleChange(finalContent);
+      }
+    }
+  }, [content, editorEvents, isRichContentChanged, onEnterFullScreen, handleChange]);
+  const onClose = (0, _react.useCallback)(async () => {
+    queueLoader();
+    let finalContent;
+    const isChanged = isRichContentChanged();
+    try {
+      finalContent = await editorEvents.publish();
+      onExitFullScreen == null || onExitFullScreen(finalContent, isChanged);
+    } catch (error) {
+      finalContent = content;
+      onExitFullScreen == null || onExitFullScreen(content, isChanged);
+    } finally {
+      resetLoader();
+      setIsFullScreen(false);
+      if (isChanged && finalContent) {
+        handleChange(finalContent);
+      }
+    }
+  }, [content, editorEvents, isRichContentChanged, onExitFullScreen, handleChange, queueLoader, resetLoader]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    if (isRichContentChanged()) {
+      onPublish == null || onPublish(editorEvents.publish().catch(() => content));
+    }
+    onBlur == null || onBlur();
+  }, [content, editorEvents, onBlur, onPublish, isRichContentChanged]);
+  const getToolbarSettings = useGetToolbarSettings();
+  const rceProps = {
+    getToolbarSettings,
+    onChange: handleChange
+  };
+
+  // @NOTE: Ricos now need custom maxHeight to show scroll
+  // since it's requirements fully related to 'visual part' of
+  // editor we just default it here
+  const fullScreenTheme = (0, _defaultsDeep.default)((0, _cloneDeep.default)(theme), {
+    customStyles: {
+      editor: {
+        maxHeight: '100%'
+      }
+    },
+    settingsStyles: {
+      modals: {
+        dialogZIndex: _common.Z_INDEX_MODAL_POPOVER
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_userSiteFonts.UserSiteFonts, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 489,
+      columnNumber: 9
+    }
+  }), !fullScreenOnly && /*#__PURE__*/_react.default.createElement(RCE, (0, _extends2.default)({}, props, rceProps, {
+    theme: theme,
+    onFocus: onFocus,
+    onBlur: handleBlur,
+    hidden: isFullScreen,
+    ref: editorRef,
+    isFullScreen: false,
+    onToggleFullScreen: onOpen,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 491,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement(_richContentCommon.FullscreenModal, {
+    isOpen: isFullScreen,
+    isLoading: loader,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 503,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(RCE, (0, _extends2.default)({}, props, rceProps, {
+    theme: fullScreenTheme,
+    autoFocus: true,
+    className: _richContentEditorStCss.classes.modalEditor,
+    ref: modalEditorRef,
+    isFullScreen: true,
+    onToggleFullScreen: onClose,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 504,
+      columnNumber: 11
+    }
+  }))));
+});
+RichContentEditor.displayName = 'RichContentEditor';
+const filterStaticToolbarButtons = button => button !== _ricos.FORMATTING_BUTTONS.CODE_BLOCK;
+const useGetToolbarSettings = () => (0, _react.useCallback)(({
+  textButtons
+}) => [{
+  name: _ricos.ToolbarType.INSERT_PLUGIN,
+  shouldCreate: () => ({
+    desktop: true
+  })
+}, {
+  name: _ricos.ToolbarType.FOOTER,
+  shouldCreate: () => ({
+    desktop: false
+  })
+}, {
+  name: _ricos.ToolbarType.STATIC,
+  getButtons: () => {
+    var _textButtons$desktop;
+    return {
+      desktop: [...((textButtons == null || (_textButtons$desktop = textButtons.desktop) == null || _textButtons$desktop.filter == null ? void 0 : _textButtons$desktop.filter(filterStaticToolbarButtons)) ?? [])]
+    };
+  }
+}, {
+  name: _ricos.ToolbarType.QUICK_ACTIONS,
+  activateOnFloatingPlusButton: true,
+  shouldCreate: () => ({
+    desktop: true
+  })
+}].filter(Boolean), []);
+const useToolbarSettings = (container, getToolbarSettings) => (0, _react.useMemo)(() => ({
+  getToolbarSettings,
+  useStaticTextToolbar: true,
+  textToolbarContainer: container
+}), [container, getToolbarSettings]);
+//# sourceMappingURL=rich-content-editor.js.map

package/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_isEqual","_interopRequireDefault","require","_cloneDeep","_defaultsDeep","_react","_interopRequireWildcard","_designSystem","_ricos","_hooks","_utils","_userSiteFonts","_common","_richContentCommon","_plugins","_richContentToolbar","_richContentEditorStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","linkPanelSettings","externalPopups","showSponsoredCheckbox","RCE","forwardRef","content","injectedContent","onChange","autoFocus","onFocus","onBlur","className","getToolbarSettings","dataHook","colorScheme","isFullScreen","onToggleFullScreen","hidden","children","ricosProps","ref","containerRef","useRef","containerHeightRef","onFullScreenChange","useCallback","current","clientHeight","editorRef","isToolbarReady","setIsToolbarReady","useState","toolbarButtons","setToolbarButtons","updateButtons","editorLoaded","effect","getToolbarProps","TOOLBARS","INSERT_PLUGIN","buttons","values","length","useEffect","onLoadEditor","frameId","requestAnimationFrame","_editorRef$current","focus","cancelAnimationFrame","useImperativeHandle","isContentChanged","_editorRef$current2","Boolean","getContentTraits","toolbarContainerRef","toolbarSettings","useToolbarSettings","isModalOpenRef","modalSettings","useMemo","onModalOpen","onModalClose","isFocusedRef","isBlurringRef","triggerFocus","triggerBlur","requestBlurCallback","useRequestFrameCallback","requestEditorBlur","handleFocus","getActiveElement","_editorRef$current3","handleBlur","relatedTarget","_containerRef$current","contains","getAppRootElement","handleOnChange","hasLostFocusElement","document","activeElement","body","isInitialInjectedContent","isEqual","INITIAL_INJECTED_RICH_CONTENT","wixRicosProps","useWixRicosProps","plugins","usePlugins","renderInContainer","createElement","st","classes","root","tabIndex","undefined","style","height","__self","__source","fileName","lineNumber","columnNumber","toolbarAndFullScreenButtonWrapper","toolbarContainer","ToggleFullscreenButton","RCELoader","footerToolbarContainer","ExternalToolbar","editor","WixRicosEditor","_extends2","textWrap","onLoad","container","displayName","Box","align","verticalAlign","position","top","bottom","width","Loader","size","LOADER_DELAY","RichContentEditor","exports","withEditorContext","onEnterFullScreen","onExitFullScreen","fullScreenOnly","editorEvents","onPublish","theme","props","modalEditorRef","isRichContentChanged","_editorRef$current4","_modalEditorRef$curre","handleChange","richContent","loader","setLoader","timer","resetLoader","window","clearTimeout","queueLoader","setTimeout","setIsFullScreen","onOpen","finalContent","isChanged","publish","error","onClose","catch","useGetToolbarSettings","rceProps","fullScreenTheme","defaultsDeep","cloneDeep","customStyles","maxHeight","settingsStyles","modals","dialogZIndex","Z_INDEX_MODAL_POPOVER","Fragment","UserSiteFonts","FullscreenModal","isOpen","isLoading","modalEditor","filterStaticToolbarButtons","button","FORMATTING_BUTTONS","CODE_BLOCK","textButtons","name","shouldCreate","desktop","FOOTER","STATIC","getButtons","_textButtons$desktop","filter","QUICK_ACTIONS","activateOnFloatingPlusButton","useStaticTextToolbar","textToolbarContainer"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.tsx"],"sourcesContent":["import isEqual from 'lodash/isEqual';\nimport cloneDeep from 'lodash/cloneDeep';\nimport defaultsDeep from 'lodash/defaultsDeep';\n\nimport type { FC, FocusEventHandler } from 'react';\nimport React, {\n  forwardRef,\n  useRef,\n  useMemo,\n  useState,\n  useEffect,\n  useCallback,\n  useImperativeHandle,\n} from 'react';\n\nimport { Box, Loader } from '@wix/design-system';\nimport type {\n  WixRicosEditorProps,\n  GetToolbarSettings,\n  TextGroupButtons,\n  RichContent,\n  RicosEditorType,\n  ToolbarSettings,\n  EditorEventsProps,\n  ToolbarSettingsFunctions,\n} from '@wix/ricos';\nimport {\n  WixRicosEditor,\n  ToolbarType as TOOLBARS,\n  FORMATTING_BUTTONS,\n  withEditorContext,\n} from '@wix/ricos';\n\nimport { useRequestFrameCallback } from '../../../../hooks';\nimport { getActiveElement, getAppRootElement } from '../../../../utils';\nimport { UserSiteFonts } from '../../../user-site-fonts';\nimport { Z_INDEX_MODAL_POPOVER } from '../../../common';\n\nimport type { ColorScheme } from '../../types';\n\nimport type { ToggleFullscreenButtonProps } from '../rich-content-common';\nimport {\n  useWixRicosProps,\n  FullscreenModal,\n  ToggleFullscreenButton,\n  INITIAL_INJECTED_RICH_CONTENT,\n} from '../rich-content-common';\n\nimport { usePlugins } from './plugins';\nimport { ExternalToolbar } from './rich-content-toolbar';\nimport { st, classes } from './rich-content-editor.st.css.js';\n\ntype RicosProps = Pick<\n  WixRicosEditorProps,\n  'wixExperiments' | 'biSettings' | 'modalSettings' | 'theme'\n>;\n\ninterface RCEHandle {\n  isContentChanged: () => boolean;\n}\n\ninterface RCEProps extends RicosProps {\n  content?: RichContent;\n  injectedContent?: RichContent;\n  onChange?: (content: RichContent) => void;\n  getToolbarSettings: GetToolbarSettings;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  className?: string;\n  colorScheme?: ColorScheme;\n  hidden?: boolean;\n  dataHook?: string;\n}\n\nconst linkPanelSettings = {\n  externalPopups: true,\n  showSponsoredCheckbox: true,\n};\n\nconst RCE = forwardRef<RCEHandle, RCEProps & ToggleFullscreenButtonProps>(\n  (\n    {\n      content,\n      injectedContent,\n      onChange,\n      autoFocus,\n      onFocus,\n      onBlur,\n      className,\n      getToolbarSettings,\n      dataHook,\n      colorScheme,\n      isFullScreen,\n      onToggleFullScreen,\n      hidden,\n      children,\n      ...ricosProps\n    },\n    ref,\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const containerHeightRef = useRef<number | undefined>();\n\n    const onFullScreenChange = useCallback(() => {\n      onToggleFullScreen?.();\n\n      if (containerRef.current) {\n        containerHeightRef.current = containerRef.current.clientHeight;\n      }\n    }, [onToggleFullScreen]);\n\n    const editorRef = useRef<RicosEditorType>(null);\n    const [isToolbarReady, setIsToolbarReady] = useState(false);\n    const [toolbarButtons, setToolbarButtons] = useState({});\n\n    const updateButtons = useCallback(\n      (editorLoaded?: boolean, effect = false) => {\n        if (!editorRef.current) {\n          return;\n        }\n\n        const toolbarButtons = editorRef.current.getToolbarProps(\n          TOOLBARS.INSERT_PLUGIN,\n        ).buttons;\n\n        if (Object.values(toolbarButtons).length > 0) {\n          !effect && setToolbarButtons(toolbarButtons);\n          editorLoaded && setIsToolbarReady(true);\n        }\n      },\n      [],\n    );\n    useEffect(() => updateButtons(false, true));\n\n    const onLoadEditor = useCallback(\n      () => updateButtons(true),\n      [updateButtons],\n    );\n\n    useEffect(() => {\n      if (!autoFocus) {\n        return;\n      }\n\n      const frameId = requestAnimationFrame(() => {\n        editorRef.current?.focus();\n        updateButtons();\n      });\n\n      return () => cancelAnimationFrame(frameId);\n    }, [autoFocus, updateButtons]);\n\n    useImperativeHandle(ref, () => ({\n      isContentChanged: () =>\n        Boolean(editorRef.current?.getContentTraits().isContentChanged),\n    }));\n\n    const toolbarContainerRef = useRef<HTMLDivElement>(null);\n    const toolbarSettings = useToolbarSettings(\n      toolbarContainerRef.current!,\n      getToolbarSettings,\n    );\n\n    const isModalOpenRef = useRef(false);\n    const modalSettings = useMemo<WixRicosEditorProps['modalSettings']>(\n      () => ({\n        onModalOpen() {\n          isModalOpenRef.current = true;\n        },\n        onModalClose() {\n          isModalOpenRef.current = false;\n        },\n      }),\n      [],\n    );\n\n    const isFocusedRef = useRef(false);\n    const isBlurringRef = useRef(false);\n\n    const triggerFocus = useCallback(() => {\n      isBlurringRef.current = false;\n\n      if (isFocusedRef.current) {\n        return;\n      }\n\n      isFocusedRef.current = true;\n      onFocus?.();\n    }, [onFocus]);\n    const triggerBlur = useCallback(() => {\n      isBlurringRef.current = false;\n\n      if (!isFocusedRef.current) {\n        return;\n      }\n\n      isFocusedRef.current = false;\n      onBlur?.();\n    }, [onBlur]);\n\n    const requestBlurCallback = useRequestFrameCallback();\n    const requestEditorBlur = useCallback(() => {\n      isBlurringRef.current = true;\n      requestBlurCallback(() => isBlurringRef.current && triggerBlur());\n    }, [triggerBlur, requestBlurCallback]);\n\n    const handleFocus = useCallback<FocusEventHandler>(() => {\n      if (containerRef.current === getActiveElement()) {\n        editorRef.current?.focus();\n        updateButtons();\n      }\n\n      triggerFocus();\n    }, [triggerFocus, updateButtons]);\n    const handleBlur = useCallback<FocusEventHandler>(\n      ({ relatedTarget }) => {\n        if (!relatedTarget) {\n          requestEditorBlur();\n          return;\n        }\n\n        if (\n          isModalOpenRef.current ||\n          containerRef.current?.contains(relatedTarget)\n        ) {\n          /**\n           * @NOTE\n           * Ignore events which come from modal or\n           * from any target inside editor container\n           */\n          return;\n        }\n\n        /**\n         * @NOTE\n         * If editor container is blurred due to focus of element\n         * that is out of app root (e.g. tooltip rendered in portal),\n         * then editor blur should be requested to ensure\n         * that editor should not be focused after user action,\n         * otherwise editor should be blurred immediately\n         */\n        if (!getAppRootElement().contains(relatedTarget)) {\n          requestEditorBlur();\n        } else {\n          triggerBlur();\n        }\n      },\n      [triggerBlur, requestEditorBlur],\n    );\n\n    /**\n     * NOTE:\n     * `handleOnChange` handles only change events when editor is not focused or focus was lost.\n     * In a normal flow `onChange` is not called on every input and all the changes submitted on blur.\n     */\n    const handleOnChange = useCallback(() => {\n      const hasLostFocusElement = document.activeElement === document.body;\n\n      if (!isFocusedRef.current || hasLostFocusElement) {\n        const isInitialInjectedContent = isEqual(\n          INITIAL_INJECTED_RICH_CONTENT,\n          injectedContent,\n        );\n\n        if (!isInitialInjectedContent) {\n          onBlur?.();\n        }\n      }\n    }, [onBlur, injectedContent]);\n\n    const wixRicosProps = useWixRicosProps();\n    const plugins = usePlugins(colorScheme);\n\n    const renderInContainer = (children: React.ReactNode) => (\n      <div\n        ref={containerRef}\n        data-hook=\"rich-content.editor\"\n        className={st(classes.root, className)}\n        tabIndex={onFocus || onBlur ? 0 : undefined}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        style={{\n          height: hidden ? containerHeightRef.current : undefined,\n        }}\n      >\n        <div className={classes.toolbarAndFullScreenButtonWrapper}>\n          <div className={classes.toolbarContainer} ref={toolbarContainerRef} />\n          {!hidden && isToolbarReady && (\n            <ToggleFullscreenButton\n              isFullScreen={isFullScreen}\n              onToggleFullScreen={onFullScreenChange}\n            />\n          )}\n        </div>\n        {!hidden ? children : null}\n        {!isToolbarReady && <RCELoader />}\n        {!hidden && isToolbarReady && (\n          <div\n            data-hook=\"rich-content.footerToolbar\"\n            className={classes.footerToolbarContainer}\n          >\n            <ExternalToolbar buttons={toolbarButtons} />\n          </div>\n        )}\n      </div>\n    );\n\n    return renderInContainer(\n      <div data-hook={dataHook} className={classes.editor}>\n        <WixRicosEditor\n          ref={editorRef}\n          plugins={plugins}\n          content={content}\n          injectedContent={injectedContent}\n          toolbarSettings={toolbarSettings}\n          linkPanelSettings={linkPanelSettings}\n          modalSettings={modalSettings}\n          textWrap={false}\n          onLoad={onLoadEditor}\n          onChange={handleOnChange}\n          container={containerRef.current!}\n          {...ricosProps}\n          {...wixRicosProps}\n        />\n      </div>,\n    );\n  },\n);\nRCE.displayName = 'RCE';\n\nconst RCELoader: React.FC = () => (\n  <Box\n    align=\"center\"\n    verticalAlign=\"middle\"\n    position=\"absolute\"\n    top=\"0\"\n    bottom=\"0\"\n    width=\"100%\"\n  >\n    <Loader size=\"small\" />\n  </Box>\n);\nRCELoader.displayName = 'RCELoader';\n\nconst LOADER_DELAY = 100;\n\nexport type RichContentEditorProps = Omit<\n  RCEProps,\n  'getToolbarSettings' | 'modalSettings' | 'onChange'\n> & {\n  onEnterFullScreen?: (\n    content?: RichContent,\n    isContentChanged?: boolean,\n  ) => void;\n  onExitFullScreen?: (\n    content?: RichContent,\n    isContentChanged?: boolean,\n  ) => void;\n  onChange?: (content: RichContent, isContentChanged?: boolean) => void;\n  onPublish?: (promise: Promise<any>) => void;\n  fullScreenOnly?: boolean;\n};\n\nexport const RichContentEditor: FC<RichContentEditorProps> = withEditorContext(\n  ({\n    onFocus,\n    onBlur,\n    onEnterFullScreen,\n    onExitFullScreen,\n    fullScreenOnly,\n    editorEvents,\n    onPublish,\n    onChange,\n    theme,\n    ...props\n  }: RichContentEditorProps & EditorEventsProps) => {\n    const editorRef = useRef<RCEHandle>(null);\n    const modalEditorRef = useRef<RCEHandle>(null);\n\n    const isRichContentChanged = useCallback(\n      () =>\n        Boolean(\n          editorRef.current?.isContentChanged() ||\n            modalEditorRef.current?.isContentChanged(),\n        ),\n      [],\n    );\n    const handleChange = useCallback(\n      (richContent: RichContent) => {\n        onChange?.(richContent, isRichContentChanged());\n      },\n      [onChange, isRichContentChanged],\n    );\n\n    const [loader, setLoader] = useState(false);\n    const timer = useRef<number>(0);\n    const resetLoader = useCallback(() => {\n      window.clearTimeout(timer.current);\n      setLoader(false);\n    }, []);\n    const queueLoader = useCallback(() => {\n      timer.current = window.setTimeout(() => {\n        setLoader(true);\n      }, LOADER_DELAY);\n    }, []);\n\n    const { content } = props;\n    const [isFullScreen, setIsFullScreen] = useState(!!fullScreenOnly);\n    const onOpen = useCallback(async () => {\n      let finalContent: RichContent | undefined;\n      const isChanged = isRichContentChanged();\n      try {\n        finalContent = (await editorEvents.publish()) as unknown as RichContent;\n        onEnterFullScreen?.(finalContent, isChanged);\n      } catch (error) {\n        finalContent = content;\n        onEnterFullScreen?.(content, isChanged);\n      } finally {\n        setIsFullScreen(true);\n\n        if (isChanged && finalContent) {\n          handleChange(finalContent);\n        }\n      }\n    }, [\n      content,\n      editorEvents,\n      isRichContentChanged,\n      onEnterFullScreen,\n      handleChange,\n    ]);\n    const onClose = useCallback(async () => {\n      queueLoader();\n      let finalContent: RichContent | undefined;\n      const isChanged = isRichContentChanged();\n      try {\n        finalContent = (await editorEvents.publish()) as unknown as RichContent;\n        onExitFullScreen?.(finalContent, isChanged);\n      } catch (error) {\n        finalContent = content;\n        onExitFullScreen?.(content, isChanged);\n      } finally {\n        resetLoader();\n        setIsFullScreen(false);\n\n        if (isChanged && finalContent) {\n          handleChange(finalContent);\n        }\n      }\n    }, [\n      content,\n      editorEvents,\n      isRichContentChanged,\n      onExitFullScreen,\n      handleChange,\n      queueLoader,\n      resetLoader,\n    ]);\n\n    const handleBlur = useCallback(() => {\n      if (isRichContentChanged()) {\n        onPublish?.(editorEvents.publish().catch(() => content));\n      }\n      onBlur?.();\n    }, [content, editorEvents, onBlur, onPublish, isRichContentChanged]);\n\n    const getToolbarSettings = useGetToolbarSettings();\n\n    const rceProps = {\n      getToolbarSettings,\n      onChange: handleChange,\n    };\n\n    // @NOTE: Ricos now need custom maxHeight to show scroll\n    // since it's requirements fully related to 'visual part' of\n    // editor we just default it here\n    const fullScreenTheme = defaultsDeep(cloneDeep(theme), {\n      customStyles: { editor: { maxHeight: '100%' } },\n      settingsStyles: {\n        modals: {\n          dialogZIndex: Z_INDEX_MODAL_POPOVER,\n        },\n      },\n    });\n\n    return (\n      <>\n        <UserSiteFonts />\n        {!fullScreenOnly && (\n          <RCE\n            {...props}\n            {...rceProps}\n            theme={theme}\n            onFocus={onFocus}\n            onBlur={handleBlur}\n            hidden={isFullScreen}\n            ref={editorRef}\n            isFullScreen={false}\n            onToggleFullScreen={onOpen}\n          />\n        )}\n        <FullscreenModal isOpen={isFullScreen} isLoading={loader}>\n          <RCE\n            {...props}\n            {...rceProps}\n            theme={fullScreenTheme}\n            autoFocus\n            className={classes.modalEditor}\n            ref={modalEditorRef}\n            isFullScreen\n            onToggleFullScreen={onClose}\n          />\n        </FullscreenModal>\n      </>\n    );\n  },\n);\nRichContentEditor.displayName = 'RichContentEditor';\n\nconst filterStaticToolbarButtons = (button: string | TextGroupButtons) =>\n  button !== FORMATTING_BUTTONS.CODE_BLOCK;\n\nconst useGetToolbarSettings = () =>\n  useCallback<GetToolbarSettings>(\n    ({ textButtons }) =>\n      [\n        {\n          name: TOOLBARS.INSERT_PLUGIN,\n          shouldCreate: () => ({ desktop: true }),\n        },\n        {\n          name: TOOLBARS.FOOTER,\n          shouldCreate: () => ({ desktop: false }),\n        },\n        {\n          name: TOOLBARS.STATIC,\n          getButtons: () => ({\n            desktop: [\n              ...(textButtons?.desktop?.filter?.(filterStaticToolbarButtons) ??\n                []),\n            ],\n          }),\n        },\n        {\n          name: TOOLBARS.QUICK_ACTIONS,\n          activateOnFloatingPlusButton: true,\n          shouldCreate: () => ({ desktop: true }),\n        },\n      ].filter(Boolean) as ToolbarSettingsFunctions[],\n    [],\n  );\n\nconst useToolbarSettings = (\n  container: HTMLElement,\n  getToolbarSettings: GetToolbarSettings,\n) =>\n  useMemo<ToolbarSettings>(\n    () => ({\n      getToolbarSettings,\n      useStaticTextToolbar: true,\n      textToolbarContainer: container,\n    }),\n    [container, getToolbarSettings],\n  );\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "richcontenteditor2966145284";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "richcontenteditor2966145284__root",
+  "toolbarContainer": "richcontenteditor2966145284__toolbarContainer",
+  "footerToolbarContainer": "richcontenteditor2966145284__footerToolbarContainer",
+  "toolbarAndFullScreenButtonWrapper": "richcontenteditor2966145284__toolbarAndFullScreenButtonWrapper",
+  "editor": "richcontenteditor2966145284__editor",
+  "modalEditor": "richcontenteditor2966145284__modalEditor"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "topToolbarHeight": "--richcontenteditor2966145284-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontenteditor2966145284-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-editor.st.css.js.map

package/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontenteditor2966145284\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontenteditor2966145284__root\",\"toolbarContainer\":\"richcontenteditor2966145284__toolbarContainer\",\"footerToolbarContainer\":\"richcontenteditor2966145284__footerToolbarContainer\",\"toolbarAndFullScreenButtonWrapper\":\"richcontenteditor2966145284__toolbarAndFullScreenButtonWrapper\",\"editor\":\"richcontenteditor2966145284__editor\",\"modalEditor\":\"richcontenteditor2966145284__modalEditor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--richcontenteditor2966145284-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontenteditor2966145284-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,kBAAkB,EAAC,+CAA+C;EAAC,wBAAwB,EAAC,qDAAqD;EAAC,mCAAmC,EAAC,gEAAgE;EAAC,QAAQ,EAAC,qCAAqC;EAAC,aAAa,EAAC;AAA0C,CAAC;AACzZ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,kBAAkB,EAAC,gDAAgD;EAAC,qBAAqB,EAAC;AAAmD,CAAC","ignoreList":[]}