@wix/auto-patterns 1.48.0 → 1.49.0

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","Tooltip","DismissSmall","DismissIcon","MaximizeSmall","MaximizeIcon","useTranslations","classes","ToggleFullscreenButton","_ref","isFullScreen","onToggleFullScreen","t","createElement","className","root","content","size","moveBy","y","onClick","priority","displayName"],"sources":["../../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { IconButton, Tooltip } from '@wix/design-system';\nimport {\n  DismissSmall as DismissIcon,\n  MaximizeSmall as MaximizeIcon,\n} from '@wix/wix-ui-icons-common';\n\nimport { useTranslations } from '../../../../../hooks';\nimport { classes } from './toggle-fullscreen-button.st.css.js';\n\nexport interface ToggleFullscreenButtonProps {\n  isFullScreen: boolean;\n  onToggleFullScreen?: () => void;\n  className?: string;\n}\n\nexport const ToggleFullscreenButton: FC<ToggleFullscreenButtonProps> = ({\n  isFullScreen,\n  onToggleFullScreen,\n}) => {\n  const { t } = useTranslations();\n  return (\n    <div data-hook=\"rich-content.fullscreenButton\" className={classes.root}>\n      <Tooltip\n        content={\n          !isFullScreen\n            ? t('CMS.richTextEditor.toolbar.button.tooltip.full-screen')\n            : t('CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit')\n        }\n        size=\"small\"\n        moveBy={{ y: 8 }}\n      >\n        <IconButton\n          onClick={onToggleFullScreen}\n          priority=\"secondary\"\n          size=\"small\"\n        >\n          {isFullScreen ? <DismissIcon /> : <MaximizeIcon />}\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n};\n\nToggleFullscreenButton.displayName = 'ToggleFullScreenButton';\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;AACxD,SACEC,YAAY,IAAIC,WAAW,EAC3BC,aAAa,IAAIC,YAAY,QACxB,0BAA0B;AAEjC,SAASC,eAAe,QAAQ,sBAAsB;AACtD,SAASC,OAAO,QAAQ,sCAAsC;AAQ9D,OAAO,MAAMC,sBAAuD,GAAGC,IAAA,IAGjE;EAAA,IAHkE;IACtEC,YAAY;IACZC;EACF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG;EAAE,CAAC,GAAGN,eAAe,CAAC,CAAC;EAC/B,oBACEP,KAAA,CAAAc,aAAA;IAAK,aAAU,+BAA+B;IAACC,SAAS,EAAEP,OAAO,CAACQ;EAAK,gBACrEhB,KAAA,CAAAc,aAAA,CAACZ,OAAO;IACNe,OAAO,EACL,CAACN,YAAY,GACTE,CAAC,CAAC,uDAAuD,CAAC,GAC1DA,CAAC,CAAC,4DAA4D,CACnE;IACDK,IAAI,EAAC,OAAO;IACZC,MAAM,EAAE;MAAEC,CAAC,EAAE;IAAE;EAAE,gBAEjBpB,KAAA,CAAAc,aAAA,CAACb,UAAU;IACToB,OAAO,EAAET,kBAAmB;IAC5BU,QAAQ,EAAC,WAAW;IACpBJ,IAAI,EAAC;EAAO,GAEXP,YAAY,gBAAGX,KAAA,CAAAc,aAAA,CAACV,WAAW,MAAE,CAAC,gBAAGJ,KAAA,CAAAc,aAAA,CAACR,YAAY,MAAE,CACvC,CACL,CACN,CAAC;AAEV,CAAC;AAEDG,sBAAsB,CAACc,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js

@@ -0,0 +1,18 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../../stylable-esm-runtime.js";
+var _namespace_ = "togglefullscreenbutton2081902876";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "togglefullscreenbutton2081902876__root"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=toggle-fullscreen-button.st.css.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"togglefullscreenbutton2081902876\";\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\":\"togglefullscreenbutton2081902876__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,2CAA2C;AAIzF,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AACtE,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-common/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-common/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-common/types.ts"],"sourcesContent":["import type Experiments from '@wix/wix-experiments';\nimport type { RichContent, RicosTheme } from '@wix/ricos';\n\nimport type { ColorScheme } from '../../types';\n\nexport interface RichContentInputProps {\n  theme: RicosTheme;\n  colorScheme?: ColorScheme;\n  experiments: Experiments;\n  data?: RichContent;\n  onChange: (data?: RichContent) => void;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export * from './rich-content-editor';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/index.ts"],"sourcesContent":["export * from './rich-content-editor';\n"],"mappings":"AAAA,cAAc,uBAAuB","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","pluginTextColor","pluginTextHighlight","pluginHeadings","pluginLink","pluginLineSpacing","pluginImage","pluginVideo","pluginDivider","pluginFileUpload","pluginHtml","pluginLinkPreview","LinkPreviewProviders","pluginVerticalEmbed","verticalEmbedProviders","pluginEmoji","pluginSpoiler","pluginGiphy","pluginCodeBlock","pluginGallery","pluginCollapsibleList","pluginIndent","pluginTable","pluginLinkButton","pluginAi","isTruthy","colorsCache","CMS_RICOS_APP_ID","Instagram","Twitter","TikTok","event","booking","product","layoutPlugin","type","showInQuickActions","showInToolbars","usePlugins","colorScheme","inlinePopups","onColorAdded","add","getUserColors","get","toolbar","appDefId","exposeEmbedButtons","filter"],"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,SAASA,OAAO,QAAQ,OAAO;AAG/B,SACEC,eAAe,EACfC,mBAAmB,EACnBC,cAAc,EACdC,UAAU,EACVC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,aAAa,EACbC,gBAAgB,EAChBC,UAAU,EACVC,iBAAiB,EACjBC,oBAAoB,EACpBC,mBAAmB,EACnBC,sBAAsB,EACtBC,WAAW,EACXC,aAAa,EACbC,WAAW,EACXC,eAAe,EACfC,aAAa,EACbC,qBAAqB,EACrBC,YAAY,EACZC,WAAW,EACXC,gBAAgB,EAChBC,QAAQ,QACH,YAAY;AAEnB,SAASC,QAAQ,QAAQ,mBAAmB;AAG5C,SAASC,WAAW,QAAQ,wBAAwB;AACpD,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,MAAM;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAO,CAAC,GAAGlB,oBAAoB;AAC3D,MAAM;EAAEmB,KAAK;EAAEC,OAAO;EAAEC;AAAQ,CAAC,GAAGnB,sBAAsB;AAE1D,MAAMoB,YAAiC,GAAG;EACxCC,IAAI,EAAE,QAAQ;EACdC,kBAAkB,EAAE,IAAI;EACxBC,cAAc,EAAE;AAClB,CAAC;AAED,OAAO,MAAMC,UAAU,GAAIC,WAAyB,IAAK;EACvD,OAAOvC,OAAO,CACZ,MACE,CACEG,cAAc,CAAC;IAAEqC,YAAY,EAAE;EAAK,CAAC,CAAC,EACtCvC,eAAe,CAAC;IACduC,YAAY,EAAE,IAAI;IAClBC,YAAY,EAAEf,WAAW,CAACgB,GAAG;IAC7BC,aAAa,EAAEjB,WAAW,CAACkB,GAAG;IAC9BL;EACF,CAAC,CAAC,EACFrC,mBAAmB,CAAC;IAClBsC,YAAY,EAAE,IAAI;IAClBC,YAAY,EAAEf,WAAW,CAACgB,GAAG;IAC7BC,aAAa,EAAEjB,WAAW,CAACkB,GAAG;IAC9BL;EACF,CAAC,CAAC,EACFlC,iBAAiB,CAAC;IAAEmC,YAAY,EAAE;EAAK,CAAC,CAAC,EACzCnB,YAAY,CAAC,CAAC,EACdjB,UAAU,CAAC,CAAC,EACZE,WAAW,CAAC,CAAC,EACbC,WAAW,CAAC,CAAC,EACbY,aAAa,CAAC,CAAC,EACfX,aAAa,CAAC,CAAC,EACfc,WAAW,CAAC;IAAEuB,OAAO,EAAE,CAAC;EAAE,CAAC,CAAC,EAC5BrB,QAAQ,CAAC;IACPsB,QAAQ,EAAEnB;EACZ,CAAC,CAAC,EACFlB,gBAAgB,CAAC,CAAC,EAClBC,UAAU,CAAC,CAAC,EACZC,iBAAiB,CAAC;IAChBoC,kBAAkB,EAAE,CAACnB,SAAS,EAAEC,OAAO,EAAEC,MAAM;EACjD,CAAC,CAAC,EACFjB,mBAAmB,CAAC;IAClBkC,kBAAkB,EAAE,CAAChB,KAAK,EAAEC,OAAO,EAAEC,OAAO;EAC9C,CAAC,CAAC,EACFf,eAAe,CAAC,CAAC,EACjBH,WAAW,CAAC,CAAC,EACbC,aAAa,CAAC,CAAC,EACfC,WAAW,CAAC,CAAC,EACbG,qBAAqB,CAAC,CAAC,EACvBG,gBAAgB,CAAC,CAAC,EAClBW,YAAY,CACb,CAACc,MAAM,CAACvB,QAAQ,CAAC,EACpB,CAACc,WAAW,CACd,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,381 @@
+import _extends from "@babel/runtime/helpers/extends";
+import isEqual from 'lodash/isEqual';
+import cloneDeep from 'lodash/cloneDeep';
+import defaultsDeep from 'lodash/defaultsDeep';
+import React, { forwardRef, useRef, useMemo, useState, useEffect, useCallback, useImperativeHandle } from 'react';
+import { Box, Loader } from '@wix/design-system';
+import { WixRicosEditor, ToolbarType as TOOLBARS, FORMATTING_BUTTONS, withEditorContext } from '@wix/ricos';
+import { useRequestFrameCallback } from '../../../../hooks';
+import { getActiveElement, getAppRootElement } from '../../../../utils';
+import { UserSiteFonts } from '../../../user-site-fonts';
+import { Z_INDEX_MODAL_POPOVER } from '../../../common';
+import { useWixRicosProps, FullscreenModal, ToggleFullscreenButton, INITIAL_INJECTED_RICH_CONTENT } from '../rich-content-common';
+import { usePlugins } from './plugins';
+import { ExternalToolbar } from './rich-content-toolbar';
+import { st, classes } from './rich-content-editor.st.css.js';
+const linkPanelSettings = {
+  externalPopups: true,
+  showSponsoredCheckbox: true
+};
+const RCE = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    content,
+    injectedContent,
+    onChange,
+    autoFocus,
+    onFocus,
+    onBlur,
+    className,
+    getToolbarSettings,
+    dataHook,
+    colorScheme,
+    isFullScreen,
+    onToggleFullScreen,
+    hidden,
+    children,
+    ...ricosProps
+  } = _ref;
+  const containerRef = useRef(null);
+  const containerHeightRef = useRef();
+  const onFullScreenChange = useCallback(() => {
+    onToggleFullScreen == null || onToggleFullScreen();
+    if (containerRef.current) {
+      containerHeightRef.current = containerRef.current.clientHeight;
+    }
+  }, [onToggleFullScreen]);
+  const editorRef = useRef(null);
+  const [isToolbarReady, setIsToolbarReady] = useState(false);
+  const [toolbarButtons, setToolbarButtons] = useState({});
+  const updateButtons = useCallback(function (editorLoaded, effect) {
+    if (effect === void 0) {
+      effect = false;
+    }
+    if (!editorRef.current) {
+      return;
+    }
+    const toolbarButtons = editorRef.current.getToolbarProps(TOOLBARS.INSERT_PLUGIN).buttons;
+    if (Object.values(toolbarButtons).length > 0) {
+      !effect && setToolbarButtons(toolbarButtons);
+      editorLoaded && setIsToolbarReady(true);
+    }
+  }, []);
+  useEffect(() => updateButtons(false, true));
+  const onLoadEditor = useCallback(() => updateButtons(true), [updateButtons]);
+  useEffect(() => {
+    if (!autoFocus) {
+      return;
+    }
+    const frameId = requestAnimationFrame(() => {
+      var _editorRef$current;
+      (_editorRef$current = editorRef.current) == null || _editorRef$current.focus();
+      updateButtons();
+    });
+    return () => cancelAnimationFrame(frameId);
+  }, [autoFocus, updateButtons]);
+  useImperativeHandle(ref, () => ({
+    isContentChanged: () => {
+      var _editorRef$current2;
+      return Boolean((_editorRef$current2 = editorRef.current) == null ? void 0 : _editorRef$current2.getContentTraits().isContentChanged);
+    }
+  }));
+  const toolbarContainerRef = useRef(null);
+  const toolbarSettings = useToolbarSettings(toolbarContainerRef.current, getToolbarSettings);
+  const isModalOpenRef = useRef(false);
+  const modalSettings = useMemo(() => ({
+    onModalOpen() {
+      isModalOpenRef.current = true;
+    },
+    onModalClose() {
+      isModalOpenRef.current = false;
+    }
+  }), []);
+  const isFocusedRef = useRef(false);
+  const isBlurringRef = useRef(false);
+  const triggerFocus = useCallback(() => {
+    isBlurringRef.current = false;
+    if (isFocusedRef.current) {
+      return;
+    }
+    isFocusedRef.current = true;
+    onFocus == null || onFocus();
+  }, [onFocus]);
+  const triggerBlur = useCallback(() => {
+    isBlurringRef.current = false;
+    if (!isFocusedRef.current) {
+      return;
+    }
+    isFocusedRef.current = false;
+    onBlur == null || onBlur();
+  }, [onBlur]);
+  const requestBlurCallback = useRequestFrameCallback();
+  const requestEditorBlur = useCallback(() => {
+    isBlurringRef.current = true;
+    requestBlurCallback(() => isBlurringRef.current && triggerBlur());
+  }, [triggerBlur, requestBlurCallback]);
+  const handleFocus = useCallback(() => {
+    if (containerRef.current === getActiveElement()) {
+      var _editorRef$current3;
+      (_editorRef$current3 = editorRef.current) == null || _editorRef$current3.focus();
+      updateButtons();
+    }
+    triggerFocus();
+  }, [triggerFocus, updateButtons]);
+  const handleBlur = useCallback(_ref2 => {
+    var _containerRef$current;
+    let {
+      relatedTarget
+    } = _ref2;
+    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 (!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 = useCallback(() => {
+    const hasLostFocusElement = document.activeElement === document.body;
+    if (!isFocusedRef.current || hasLostFocusElement) {
+      const isInitialInjectedContent = isEqual(INITIAL_INJECTED_RICH_CONTENT, injectedContent);
+      if (!isInitialInjectedContent) {
+        onBlur == null || onBlur();
+      }
+    }
+  }, [onBlur, injectedContent]);
+  const wixRicosProps = useWixRicosProps();
+  const plugins = usePlugins(colorScheme);
+  const renderInContainer = children => /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    "data-hook": "rich-content.editor",
+    className: st(classes.root, className),
+    tabIndex: onFocus || onBlur ? 0 : undefined,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    style: {
+      height: hidden ? containerHeightRef.current : undefined
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.toolbarAndFullScreenButtonWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.toolbarContainer,
+    ref: toolbarContainerRef
+  }), !hidden && isToolbarReady && /*#__PURE__*/React.createElement(ToggleFullscreenButton, {
+    isFullScreen: isFullScreen,
+    onToggleFullScreen: onFullScreenChange
+  })), !hidden ? children : null, !isToolbarReady && /*#__PURE__*/React.createElement(RCELoader, null), !hidden && isToolbarReady && /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.footerToolbar",
+    className: classes.footerToolbarContainer
+  }, /*#__PURE__*/React.createElement(ExternalToolbar, {
+    buttons: toolbarButtons
+  })));
+  return renderInContainer(/*#__PURE__*/React.createElement("div", {
+    "data-hook": dataHook,
+    className: classes.editor
+  }, /*#__PURE__*/React.createElement(WixRicosEditor, _extends({
+    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))));
+});
+RCE.displayName = 'RCE';
+const RCELoader = () => /*#__PURE__*/React.createElement(Box, {
+  align: "center",
+  verticalAlign: "middle",
+  position: "absolute",
+  top: "0",
+  bottom: "0",
+  width: "100%"
+}, /*#__PURE__*/React.createElement(Loader, {
+  size: "small"
+}));
+RCELoader.displayName = 'RCELoader';
+const LOADER_DELAY = 100;
+export const RichContentEditor = withEditorContext(_ref3 => {
+  let {
+    onFocus,
+    onBlur,
+    onEnterFullScreen,
+    onExitFullScreen,
+    fullScreenOnly,
+    editorEvents,
+    onPublish,
+    onChange,
+    theme,
+    ...props
+  } = _ref3;
+  const editorRef = useRef(null);
+  const modalEditorRef = useRef(null);
+  const isRichContentChanged = 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 = useCallback(richContent => {
+    onChange == null || onChange(richContent, isRichContentChanged());
+  }, [onChange, isRichContentChanged]);
+  const [loader, setLoader] = useState(false);
+  const timer = useRef(0);
+  const resetLoader = useCallback(() => {
+    window.clearTimeout(timer.current);
+    setLoader(false);
+  }, []);
+  const queueLoader = useCallback(() => {
+    timer.current = window.setTimeout(() => {
+      setLoader(true);
+    }, LOADER_DELAY);
+  }, []);
+  const {
+    content
+  } = props;
+  const [isFullScreen, setIsFullScreen] = useState(!!fullScreenOnly);
+  const onOpen = 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 = 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 = 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 = defaultsDeep(cloneDeep(theme), {
+    customStyles: {
+      editor: {
+        maxHeight: '100%'
+      }
+    },
+    settingsStyles: {
+      modals: {
+        dialogZIndex: Z_INDEX_MODAL_POPOVER
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UserSiteFonts, null), !fullScreenOnly && /*#__PURE__*/React.createElement(RCE, _extends({}, props, rceProps, {
+    theme: theme,
+    onFocus: onFocus,
+    onBlur: handleBlur,
+    hidden: isFullScreen,
+    ref: editorRef,
+    isFullScreen: false,
+    onToggleFullScreen: onOpen
+  })), /*#__PURE__*/React.createElement(FullscreenModal, {
+    isOpen: isFullScreen,
+    isLoading: loader
+  }, /*#__PURE__*/React.createElement(RCE, _extends({}, props, rceProps, {
+    theme: fullScreenTheme,
+    autoFocus: true,
+    className: classes.modalEditor,
+    ref: modalEditorRef,
+    isFullScreen: true,
+    onToggleFullScreen: onClose
+  }))));
+});
+RichContentEditor.displayName = 'RichContentEditor';
+const filterStaticToolbarButtons = button => button !== FORMATTING_BUTTONS.CODE_BLOCK;
+const useGetToolbarSettings = () => useCallback(_ref4 => {
+  let {
+    textButtons
+  } = _ref4;
+  return [{
+    name: TOOLBARS.INSERT_PLUGIN,
+    shouldCreate: () => ({
+      desktop: true
+    })
+  }, {
+    name: TOOLBARS.FOOTER,
+    shouldCreate: () => ({
+      desktop: false
+    })
+  }, {
+    name: TOOLBARS.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: TOOLBARS.QUICK_ACTIONS,
+    activateOnFloatingPlusButton: true,
+    shouldCreate: () => ({
+      desktop: true
+    })
+  }].filter(Boolean);
+}, []);
+const useToolbarSettings = (container, getToolbarSettings) => useMemo(() => ({
+  getToolbarSettings,
+  useStaticTextToolbar: true,
+  textToolbarContainer: container
+}), [container, getToolbarSettings]);
+//# sourceMappingURL=rich-content-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isEqual","cloneDeep","defaultsDeep","React","forwardRef","useRef","useMemo","useState","useEffect","useCallback","useImperativeHandle","Box","Loader","WixRicosEditor","ToolbarType","TOOLBARS","FORMATTING_BUTTONS","withEditorContext","useRequestFrameCallback","getActiveElement","getAppRootElement","UserSiteFonts","Z_INDEX_MODAL_POPOVER","useWixRicosProps","FullscreenModal","ToggleFullscreenButton","INITIAL_INJECTED_RICH_CONTENT","usePlugins","ExternalToolbar","st","classes","linkPanelSettings","externalPopups","showSponsoredCheckbox","RCE","_ref","ref","content","injectedContent","onChange","autoFocus","onFocus","onBlur","className","getToolbarSettings","dataHook","colorScheme","isFullScreen","onToggleFullScreen","hidden","children","ricosProps","containerRef","containerHeightRef","onFullScreenChange","current","clientHeight","editorRef","isToolbarReady","setIsToolbarReady","toolbarButtons","setToolbarButtons","updateButtons","editorLoaded","effect","getToolbarProps","INSERT_PLUGIN","buttons","Object","values","length","onLoadEditor","frameId","requestAnimationFrame","_editorRef$current","focus","cancelAnimationFrame","isContentChanged","_editorRef$current2","Boolean","getContentTraits","toolbarContainerRef","toolbarSettings","useToolbarSettings","isModalOpenRef","modalSettings","onModalOpen","onModalClose","isFocusedRef","isBlurringRef","triggerFocus","triggerBlur","requestBlurCallback","requestEditorBlur","handleFocus","_editorRef$current3","handleBlur","_ref2","_containerRef$current","relatedTarget","contains","handleOnChange","hasLostFocusElement","document","activeElement","body","isInitialInjectedContent","wixRicosProps","plugins","renderInContainer","createElement","root","tabIndex","undefined","style","height","toolbarAndFullScreenButtonWrapper","toolbarContainer","RCELoader","footerToolbarContainer","editor","_extends","textWrap","onLoad","container","displayName","align","verticalAlign","position","top","bottom","width","size","LOADER_DELAY","RichContentEditor","_ref3","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","customStyles","maxHeight","settingsStyles","modals","dialogZIndex","Fragment","isOpen","isLoading","modalEditor","filterStaticToolbarButtons","button","CODE_BLOCK","_ref4","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/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,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;AACha,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,kBAAkB,EAAC,gDAAgD;EAAC,qBAAqB,EAAC;AAAmD,CAAC","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import { INSERT_PLUGIN_BUTTONS, Tooltip } from '@wix/ricos';
+import { isTruthy } from '../../../../utils';
+import { classes } from './rich-content-toolbar.st.css.js';
+const BUTTONS_ORDER = [INSERT_PLUGIN_BUTTONS.IMAGE, INSERT_PLUGIN_BUTTONS.VIDEO, INSERT_PLUGIN_BUTTONS.GALLERY, INSERT_PLUGIN_BUTTONS.LAYOUT, INSERT_PLUGIN_BUTTONS.DIVIDER, INSERT_PLUGIN_BUTTONS.TABLE, INSERT_PLUGIN_BUTTONS.FILE, INSERT_PLUGIN_BUTTONS.HTML, INSERT_PLUGIN_BUTTONS.INSTAGRAM, INSERT_PLUGIN_BUTTONS.TWITTER, INSERT_PLUGIN_BUTTONS.TIKTOK, INSERT_PLUGIN_BUTTONS.STORES, INSERT_PLUGIN_BUTTONS.BOOKINGS, INSERT_PLUGIN_BUTTONS.EVENTS, INSERT_PLUGIN_BUTTONS.EMOJI, INSERT_PLUGIN_BUTTONS.GIF, INSERT_PLUGIN_BUTTONS.CODE_BLOCK, INSERT_PLUGIN_BUTTONS.COLLAPSIBLE_LIST, INSERT_PLUGIN_BUTTONS.BUTTON, INSERT_PLUGIN_BUTTONS.UNDO, INSERT_PLUGIN_BUTTONS.REDO];
+export class ExternalToolbar extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "onMouseDown", event => event.preventDefault());
+    _defineProperty(this, "renderButton", _ref => {
+      let {
+        onClick,
+        getIcon,
+        isDisabled,
+        dataHook,
+        tooltip,
+        name
+      } = _ref;
+      const Icon = (getIcon == null ? void 0 : getIcon()) ?? (() => null);
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        content: tooltip,
+        key: name
+      }, /*#__PURE__*/React.createElement("button", {
+        className: classes.toolbarButton,
+        disabled: isDisabled == null ? void 0 : isDisabled(),
+        "data-hook": dataHook,
+        onClick: onClick,
+        onMouseDown: this.onMouseDown
+      }, /*#__PURE__*/React.createElement(Icon, null)));
+    });
+  }
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.toolbar
+    }, BUTTONS_ORDER.map(name => {
+      var _this$props$buttons;
+      return (_this$props$buttons = this.props.buttons) == null ? void 0 : _this$props$buttons[name];
+    }).filter(isTruthy).map((buttonProps, i) => {
+      const Button = this.renderButton;
+      return /*#__PURE__*/React.createElement(Button, _extends({}, buttonProps, {
+        key: i
+      }));
+    }));
+  }
+}
+//# sourceMappingURL=rich-content-toolbar.js.map