npm - @wix/patterns-fields - Versions diffs - 1.109.0 → 1.110.0 - Mend

@wix/patterns-fields 1.109.0 → 1.110.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (208) hide show

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js CHANGED Viewed

@@ -17,6 +17,7 @@ var _common = require("../../../common");
 var _richContentCommon = require("../rich-content-common");
 var _plugins = require("./plugins");
 var _richContentToolbar = require("./rich-content-toolbar");
+var _keyboard = require("../../../../utils/keyboard");
 var _richContentEditorStCss = require("./rich-content-editor.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/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); }
@@ -216,7 +217,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 308,
+      lineNumber: 309,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -224,7 +225,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319,
+      lineNumber: 320,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -233,7 +234,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 320,
+      lineNumber: 321,
       columnNumber: 11
     }
   }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement(_richContentCommon.ToggleFullscreenButton, {
@@ -242,7 +243,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 322,
+      lineNumber: 323,
       columnNumber: 13
     }
   })), editor && /*#__PURE__*/_react.default.createElement(InsertToolbarSync, {
@@ -252,7 +253,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 330,
+      lineNumber: 331,
       columnNumber: 11
     }
   }), !hidden && RicosEditor ? /*#__PURE__*/_react.default.createElement("div", {
@@ -261,7 +262,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 338,
+      lineNumber: 339,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(RicosEditor, (0, _extends2.default)({
@@ -277,14 +278,14 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 339,
+      lineNumber: 340,
       columnNumber: 13
     }
   }))) : null, !isToolbarReady && /*#__PURE__*/_react.default.createElement(RCELoader, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 354,
+      lineNumber: 355,
       columnNumber: 29
     }
   }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement("div", {
@@ -293,7 +294,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 356,
+      lineNumber: 357,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_richContentToolbar.ExternalToolbar, {
@@ -301,7 +302,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 360,
+      lineNumber: 361,
       columnNumber: 13
     }
   })));
@@ -317,7 +318,7 @@ const RCELoader = () => /*#__PURE__*/_react.default.createElement(_designSystem.
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 370,
+    lineNumber: 371,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -325,7 +326,7 @@ const RCELoader = () => /*#__PURE__*/_react.default.createElement(_designSystem.
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 378,
+    lineNumber: 379,
     columnNumber: 5
   }
 }));
@@ -337,6 +338,7 @@ const RichContentEditor = ({
   onEnterFullScreen,
   onExitFullScreen,
   fullScreenOnly,
+  closeOnEnter,
   onPublish,
   onChange,
   theme,
@@ -425,11 +427,15 @@ const RichContentEditor = ({
       if (e.key === 'Escape') {
         e.stopPropagation();
         void onClose();
+      } else if (closeOnEnter && (0, _keyboard.isEnterInEditableText)(e)) {
+        e.preventDefault();
+        e.stopPropagation();
+        void onClose();
       }
     };
     document.addEventListener('keydown', handleKeyDown, true);
     return () => document.removeEventListener('keydown', handleKeyDown, true);
-  }, [isFullScreen, onClose]);
+  }, [isFullScreen, onClose, closeOnEnter]);
   const rceProps = {
     onChange: handleChange
   };
@@ -453,7 +459,7 @@ const RichContentEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 574,
+      lineNumber: 582,
       columnNumber: 7
     }
   }), !fullScreenOnly && /*#__PURE__*/_react.default.createElement(RCE, (0, _extends2.default)({}, props, rceProps, {
@@ -468,7 +474,7 @@ const RichContentEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 576,
+      lineNumber: 584,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_richContentCommon.FullscreenModal, {
@@ -477,7 +483,7 @@ const RichContentEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 589,
+      lineNumber: 597,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(RCE, (0, _extends2.default)({}, props, rceProps, {
@@ -491,7 +497,7 @@ const RichContentEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 590,
+      lineNumber: 598,
       columnNumber: 9
     }
   }))));

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_isEqual","_interopRequireDefault","require","_cloneDeep","_defaultsDeep","_react","_interopRequireWildcard","_designSystem","_loadRicos","_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","InsertToolbarSync","editor","onButtonsChange","onReadyChange","buttons","useToolbarProps","isRecordShape","Array","isArray","safeButtons","signature","map","b","id","join","buttonsRef","useRef","current","useEffect","length","displayName","filterStaticToolbarButtons","button","RCE","forwardRef","content","injectedContent","onChange","autoFocus","onFocus","onBlur","className","dataHook","colorScheme","isFullScreen","onToggleFullScreen","hidden","ricosProps","ref","containerRef","containerHeightRef","getContainer","useCallback","onFullScreenChange","clientHeight","editorRef","setEditor","useState","isToolbarReady","setIsToolbarReady","toolbarButtons","setToolbarButtons","toolbarContainer","setToolbarContainer","setEditorInstance","nextEditor","setContent","nextContent","_editorRef$current","getEditorCommands","useImperativeHandle","isContentChanged","_editorRef$current2","Boolean","getContentTraits","prePublish","_editorRef$current3","INITIAL_INJECTED_RICH_CONTENT","appliedInjectedContentRef","isEqual","timerId","window","setTimeout","clearTimeout","frameId","requestAnimationFrame","_editorRef$current4","focus","cancelAnimationFrame","toolbars","useMemo","undefined","text","mode","container","alignment","defaultButtons","filter","insert","footer","disabled","isModalOpenRef","modalSettings","onModalOpen","onModalClose","isFocusedRef","isBlurringRef","triggerFocus","triggerBlur","requestBlurCallback","useRequestFrameCallback","requestEditorBlur","handleFocus","getActiveElement","_editorRef$current5","handleBlur","relatedTarget","_containerRef$current","contains","getAppRootElement","wixRicosProps","useWixRicosProps","ricos","useRicosFromCdn","plugins","usePlugins","RicosEditor","createElement","st","classes","root","tabIndex","style","height","__self","__source","fileName","lineNumber","columnNumber","toolbarAndFullScreenButtonWrapper","ToggleFullscreenButton","_extends2","initialContent","textWrap","RCELoader","footerToolbarContainer","ExternalToolbar","Box","align","verticalAlign","position","top","bottom","width","Loader","size","LOADER_DELAY","RichContentEditor","onEnterFullScreen","onExitFullScreen","fullScreenOnly","onPublish","theme","props","modalEditorRef","isRichContentChanged","_editorRef$current6","_modalEditorRef$curre","handleChange","richContent","loader","setLoader","timer","resetLoader","queueLoader","setIsFullScreen","fullScreenContent","setFullScreenContent","publishEditorContent","editorHandle","fallbackContent","onOpen","finalContent","isChanged","error","onClose","catch","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","rceProps","fullScreenTheme","defaultsDeep","cloneDeep","customStyles","maxHeight","settingsStyles","modals","dialogZIndex","Z_INDEX_MODAL_POPOVER","Fragment","UserSiteFonts","FullscreenModal","isOpen","isLoading","modalEditor","exports"],"sources":["../../../../../../src/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 { RicosDocument } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';\nimport type {\n ExternalToolbarButton as RicosExternalToolbarButton,\n RicosEditorAPI,\n RicosEditorProps,\n ToolbarsConfig,\n} from '@wix/patterns-fields-utils/@wix/patterns-fields-ricos-statics';\n\nimport { useRicosFromCdn } from '../../cdn/load-ricos';\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<RicosEditorProps, 'biSettings' \| 'theme'> & {\n wixExperiments?: unknown;\n};\n\ninterface RCEHandle {\n isContentChanged: () => boolean;\n prePublish: () => Promise<RicosDocument>;\n setContent: (content: RicosDocument) => void;\n}\n\ninterface RCEProps extends RicosProps {\n content?: RicosDocument;\n injectedContent?: RicosDocument;\n onChange?: (content: RicosDocument) => void;\n autoFocus?: boolean;\n onFocus?: () => void;\n onBlur?: () => void;\n className?: string;\n colorScheme?: ColorScheme;\n hidden?: boolean;\n dataHook?: string;\n}\n\ntype ToolbarSyncProps = {\n editor: RicosEditorAPI;\n onButtonsChange: (buttons: readonly RicosExternalToolbarButton[]) => void;\n onReadyChange: (ready: boolean) => void;\n};\n\nconst InsertToolbarSync: FC<ToolbarSyncProps> = ({\n editor,\n onButtonsChange,\n onReadyChange,\n}) => {\n const { buttons } = editor.useToolbarProps('insert');\n\n // Ricos 11's next-runtime proxy is supposed to convert the legacy\n // `Record<string, ToolbarButtonProps>` into a v2 `ExternalToolbarButton[]`,\n // but some consumer bundles end up calling through to the inner adapter\n // (duplicate ricos copies / unwrapped ref) and we receive the\n // record shape. Normalize to an array so `.map` is safe, and treat the\n // non-array (record) shape as ready — otherwise the absolute-positioned\n // RCELoader overlay stays mounted and the editor row becomes unclickable.\n const isRecordShape = !Array.isArray(buttons);\n const safeButtons: readonly RicosExternalToolbarButton[] = isRecordShape\n ? []\n : buttons;\n const signature = safeButtons.map((b) => b.id).join('\|');\n const buttonsRef = useRef(safeButtons);\n buttonsRef.current = safeButtons;\n\n useEffect(() => {\n onButtonsChange(buttonsRef.current);\n onReadyChange(buttonsRef.current.length > 0 \|\| isRecordShape);\n }, [signature, isRecordShape, onButtonsChange, onReadyChange]);\n\n return null;\n};\n\nInsertToolbarSync.displayName = 'InsertToolbarSync';\n\nconst filterStaticToolbarButtons = (button: string) =>\n // Inlined rather than read off the CDN module's `FORMATTING_BUTTONS`: this is\n // a plain string constant and the filter runs before the module has loaded.\n button !== 'CODE_BLOCK';\n\nconst RCE = forwardRef<RCEHandle, RCEProps & ToggleFullscreenButtonProps>(\n (\n {\n content,\n injectedContent,\n onChange,\n autoFocus,\n onFocus,\n onBlur,\n className,\n dataHook,\n colorScheme,\n isFullScreen,\n onToggleFullScreen,\n hidden,\n ...ricosProps\n },\n ref,\n ) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const containerHeightRef = useRef<number \| undefined>();\n\n // Stable identity so RicosEditor doesn't see a new `container` prop each render.\n const getContainer = useCallback(() => containerRef.current, []);\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<RicosEditorAPI \| null>(null);\n const [editor, setEditor] = useState<RicosEditorAPI \| null>(null);\n const [isToolbarReady, setIsToolbarReady] = useState(false);\n const [toolbarButtons, setToolbarButtons] = useState<\n readonly RicosExternalToolbarButton[]\n >([]);\n const [toolbarContainer, setToolbarContainer] =\n useState<HTMLDivElement \| null>(null);\n\n const setEditorInstance = useCallback(\n (nextEditor: RicosEditorAPI \| null) => {\n editorRef.current = nextEditor;\n setEditor(nextEditor);\n },\n [],\n );\n\n const setContent = useCallback((nextContent: RicosDocument) => {\n editorRef.current?.getEditorCommands().setContent(nextContent);\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n isContentChanged: () =>\n Boolean(editorRef.current?.getContentTraits().isContentChanged),\n prePublish: async () =>\n (await editorRef.current?.prePublish()) ??\n INITIAL_INJECTED_RICH_CONTENT,\n setContent,\n }),\n [setContent],\n );\n\n const appliedInjectedContentRef = useRef<RicosDocument \| undefined>();\n useEffect(() => {\n if (\n !injectedContent \|\|\n isEqual(INITIAL_INJECTED_RICH_CONTENT, injectedContent) \|\|\n isEqual(appliedInjectedContentRef.current, injectedContent)\n ) {\n return;\n }\n\n appliedInjectedContentRef.current = injectedContent;\n const timerId = window.setTimeout(() => {\n setContent(injectedContent);\n }, 0);\n\n return () => window.clearTimeout(timerId);\n }, [injectedContent, setContent]);\n\n useEffect(() => {\n if (!autoFocus \|\| !editorRef.current) {\n return;\n }\n\n const frameId = requestAnimationFrame(() => {\n editorRef.current?.focus();\n });\n\n return () => cancelAnimationFrame(frameId);\n }, [autoFocus, editor]);\n\n const toolbars = useMemo<ToolbarsConfig \| undefined>(() => {\n if (!toolbarContainer) {\n return undefined;\n }\n\n return {\n text: {\n mode: 'static',\n container: toolbarContainer,\n alignment: 'left',\n buttons: ({ defaultButtons }) =>\n defaultButtons.filter(filterStaticToolbarButtons),\n },\n insert: {\n footer: {\n disabled: true,\n },\n },\n };\n }, [toolbarContainer]);\n\n const isModalOpenRef = useRef(false);\n const modalSettings = useMemo<RicosEditorProps['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 }\n\n triggerFocus();\n }, [triggerFocus]);\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 return;\n }\n\n if (!getAppRootElement().contains(relatedTarget)) {\n requestEditorBlur();\n } else {\n triggerBlur();\n }\n },\n [triggerBlur, requestEditorBlur],\n );\n\n const wixRicosProps = useWixRicosProps();\n const ricos = useRicosFromCdn();\n const plugins = usePlugins(ricos, colorScheme);\n const RicosEditor = ricos?.RicosEditor;\n\n return (\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={setToolbarContainer} />\n {!hidden && isToolbarReady && (\n <ToggleFullscreenButton\n isFullScreen={isFullScreen}\n onToggleFullScreen={onFullScreenChange}\n />\n )}\n </div>\n\n {editor && (\n <InsertToolbarSync\n editor={editor}\n onButtonsChange={setToolbarButtons}\n onReadyChange={setIsToolbarReady}\n />\n )}\n\n {!hidden && RicosEditor ? (\n <div data-hook={dataHook} className={classes.editor}>\n <RicosEditor\n ref={setEditorInstance}\n plugins={plugins}\n initialContent={content}\n toolbars={toolbars}\n modalSettings={modalSettings}\n textWrap={false}\n onChange={onChange}\n container={getContainer}\n {...ricosProps}\n {...wixRicosProps}\n />\n </div>\n ) : null}\n\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);\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<RCEProps, 'onChange'> & {\n onEnterFullScreen?: (\n content?: RicosDocument,\n isContentChanged?: boolean,\n ) => void;\n onExitFullScreen?: (\n content?: RicosDocument,\n isContentChanged?: boolean,\n ) => void;\n onChange?: (content: RicosDocument, isContentChanged?: boolean) => void;\n onPublish?: (promise: Promise<RicosDocument>) => void;\n fullScreenOnly?: boolean;\n};\n\nexport const RichContentEditor: FC<RichContentEditorProps> = ({\n onFocus,\n onBlur,\n onEnterFullScreen,\n onExitFullScreen,\n fullScreenOnly,\n onPublish,\n onChange,\n theme,\n content,\n ...props\n}) => {\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: RicosDocument) => {\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 [isFullScreen, setIsFullScreen] = useState(!!fullScreenOnly);\n const [fullScreenContent, setFullScreenContent] = useState(content);\n\n useEffect(() => {\n if (!isFullScreen) {\n setFullScreenContent(content);\n }\n }, [content, isFullScreen]);\n\n const publishEditorContent = useCallback(\n async (\n editorHandle: RCEHandle \| null,\n fallbackContent?: RicosDocument,\n ): Promise<RicosDocument> => {\n if (!editorHandle) {\n return fallbackContent ?? INITIAL_INJECTED_RICH_CONTENT;\n }\n\n return (\n (await editorHandle.prePublish()) ??\n fallbackContent ??\n INITIAL_INJECTED_RICH_CONTENT\n );\n },\n [],\n );\n\n const onOpen = useCallback(async () => {\n let finalContent = content;\n const isChanged = isRichContentChanged();\n\n try {\n finalContent = await publishEditorContent(editorRef.current, content);\n onEnterFullScreen?.(finalContent, isChanged);\n } catch (error) {\n finalContent = content;\n onEnterFullScreen?.(content, isChanged);\n } finally {\n setFullScreenContent(finalContent);\n setIsFullScreen(true);\n\n if (isChanged && finalContent) {\n handleChange(finalContent);\n }\n }\n }, [\n content,\n handleChange,\n isRichContentChanged,\n onEnterFullScreen,\n publishEditorContent,\n ]);\n const onClose = useCallback(async () => {\n queueLoader();\n let finalContent = content;\n const isChanged = isRichContentChanged();\n\n try {\n finalContent = await publishEditorContent(\n modalEditorRef.current,\n content,\n );\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 handleChange,\n isRichContentChanged,\n onExitFullScreen,\n publishEditorContent,\n queueLoader,\n resetLoader,\n ]);\n\n const handleBlur = useCallback(() => {\n if (isRichContentChanged()) {\n onPublish?.(\n publishEditorContent(editorRef.current, content).catch(\n () => content ?? INITIAL_INJECTED_RICH_CONTENT,\n ),\n );\n }\n onBlur?.();\n }, [content, isRichContentChanged, onBlur, onPublish, publishEditorContent]);\n\n useEffect(() => {\n if (!isFullScreen) {\n return;\n }\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n void onClose();\n }\n };\n\n document.addEventListener('keydown', handleKeyDown, true);\n return () => document.removeEventListener('keydown', handleKeyDown, true);\n }, [isFullScreen, onClose]);\n\n const rceProps = {\n onChange: handleChange,\n };\n\n // Must be memoized: Ricos re-processes `theme` whenever its identity changes,\n // so passing a freshly cloned object every render drives an infinite\n // re-render loop (freezes the tab) once the fullscreen editor mounts.\n const fullScreenTheme = useMemo(\n () =>\n defaultsDeep(cloneDeep(theme), {\n customStyles: { editor: { maxHeight: '100%' } },\n settingsStyles: {\n modals: {\n dialogZIndex: Z_INDEX_MODAL_POPOVER,\n },\n },\n }),\n [theme],\n );\n\n return (\n <>\n <UserSiteFonts />\n {!fullScreenOnly && (\n <RCE\n {...props}\n {...rceProps}\n content={content}\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 content={fullScreenContent}\n theme={fullScreenTheme}\n autoFocus\n className={classes.modalEditor}\n ref={modalEditorRef}\n isFullScreen\n onToggleFullScreen={onClose}\n />\n </FullscreenModal>\n </>\n );\n};\nRichContentEditor.displayName = 'RichContentEditor';\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_isEqual","_interopRequireDefault","require","_cloneDeep","_defaultsDeep","_react","_interopRequireWildcard","_designSystem","_loadRicos","_hooks","_utils","_userSiteFonts","_common","_richContentCommon","_plugins","_richContentToolbar","_keyboard","_richContentEditorStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InsertToolbarSync","editor","onButtonsChange","onReadyChange","buttons","useToolbarProps","isRecordShape","Array","isArray","safeButtons","signature","map","b","id","join","buttonsRef","useRef","current","useEffect","length","displayName","filterStaticToolbarButtons","button","RCE","forwardRef","content","injectedContent","onChange","autoFocus","onFocus","onBlur","className","dataHook","colorScheme","isFullScreen","onToggleFullScreen","hidden","ricosProps","ref","containerRef","containerHeightRef","getContainer","useCallback","onFullScreenChange","clientHeight","editorRef","setEditor","useState","isToolbarReady","setIsToolbarReady","toolbarButtons","setToolbarButtons","toolbarContainer","setToolbarContainer","setEditorInstance","nextEditor","setContent","nextContent","_editorRef$current","getEditorCommands","useImperativeHandle","isContentChanged","_editorRef$current2","Boolean","getContentTraits","prePublish","_editorRef$current3","INITIAL_INJECTED_RICH_CONTENT","appliedInjectedContentRef","isEqual","timerId","window","setTimeout","clearTimeout","frameId","requestAnimationFrame","_editorRef$current4","focus","cancelAnimationFrame","toolbars","useMemo","undefined","text","mode","container","alignment","defaultButtons","filter","insert","footer","disabled","isModalOpenRef","modalSettings","onModalOpen","onModalClose","isFocusedRef","isBlurringRef","triggerFocus","triggerBlur","requestBlurCallback","useRequestFrameCallback","requestEditorBlur","handleFocus","getActiveElement","_editorRef$current5","handleBlur","relatedTarget","_containerRef$current","contains","getAppRootElement","wixRicosProps","useWixRicosProps","ricos","useRicosFromCdn","plugins","usePlugins","RicosEditor","createElement","st","classes","root","tabIndex","style","height","__self","__source","fileName","lineNumber","columnNumber","toolbarAndFullScreenButtonWrapper","ToggleFullscreenButton","_extends2","initialContent","textWrap","RCELoader","footerToolbarContainer","ExternalToolbar","Box","align","verticalAlign","position","top","bottom","width","Loader","size","LOADER_DELAY","RichContentEditor","onEnterFullScreen","onExitFullScreen","fullScreenOnly","closeOnEnter","onPublish","theme","props","modalEditorRef","isRichContentChanged","_editorRef$current6","_modalEditorRef$curre","handleChange","richContent","loader","setLoader","timer","resetLoader","queueLoader","setIsFullScreen","fullScreenContent","setFullScreenContent","publishEditorContent","editorHandle","fallbackContent","onOpen","finalContent","isChanged","error","onClose","catch","handleKeyDown","key","stopPropagation","isEnterInEditableText","preventDefault","document","addEventListener","removeEventListener","rceProps","fullScreenTheme","defaultsDeep","cloneDeep","customStyles","maxHeight","settingsStyles","modals","dialogZIndex","Z_INDEX_MODAL_POPOVER","Fragment","UserSiteFonts","FullscreenModal","isOpen","isLoading","modalEditor","exports"],"sources":["../../../../../../src/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 { RicosDocument } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';\nimport type {\n ExternalToolbarButton as RicosExternalToolbarButton,\n RicosEditorAPI,\n RicosEditorProps,\n ToolbarsConfig,\n} from '@wix/patterns-fields-utils/@wix/patterns-fields-ricos-statics';\n\nimport { useRicosFromCdn } from '../../cdn/load-ricos';\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 { isEnterInEditableText } from '../../../../utils/keyboard';\nimport { st, classes } from './rich-content-editor.st.css.js';\n\ntype RicosProps = Pick<RicosEditorProps, 'biSettings' \| 'theme'> & {\n wixExperiments?: unknown;\n};\n\ninterface RCEHandle {\n isContentChanged: () => boolean;\n prePublish: () => Promise<RicosDocument>;\n setContent: (content: RicosDocument) => void;\n}\n\ninterface RCEProps extends RicosProps {\n content?: RicosDocument;\n injectedContent?: RicosDocument;\n onChange?: (content: RicosDocument) => void;\n autoFocus?: boolean;\n onFocus?: () => void;\n onBlur?: () => void;\n className?: string;\n colorScheme?: ColorScheme;\n hidden?: boolean;\n dataHook?: string;\n}\n\ntype ToolbarSyncProps = {\n editor: RicosEditorAPI;\n onButtonsChange: (buttons: readonly RicosExternalToolbarButton[]) => void;\n onReadyChange: (ready: boolean) => void;\n};\n\nconst InsertToolbarSync: FC<ToolbarSyncProps> = ({\n editor,\n onButtonsChange,\n onReadyChange,\n}) => {\n const { buttons } = editor.useToolbarProps('insert');\n\n // Ricos 11's next-runtime proxy is supposed to convert the legacy\n // `Record<string, ToolbarButtonProps>` into a v2 `ExternalToolbarButton[]`,\n // but some consumer bundles end up calling through to the inner adapter\n // (duplicate ricos copies / unwrapped ref) and we receive the\n // record shape. Normalize to an array so `.map` is safe, and treat the\n // non-array (record) shape as ready — otherwise the absolute-positioned\n // RCELoader overlay stays mounted and the editor row becomes unclickable.\n const isRecordShape = !Array.isArray(buttons);\n const safeButtons: readonly RicosExternalToolbarButton[] = isRecordShape\n ? []\n : buttons;\n const signature = safeButtons.map((b) => b.id).join('\|');\n const buttonsRef = useRef(safeButtons);\n buttonsRef.current = safeButtons;\n\n useEffect(() => {\n onButtonsChange(buttonsRef.current);\n onReadyChange(buttonsRef.current.length > 0 \|\| isRecordShape);\n }, [signature, isRecordShape, onButtonsChange, onReadyChange]);\n\n return null;\n};\n\nInsertToolbarSync.displayName = 'InsertToolbarSync';\n\nconst filterStaticToolbarButtons = (button: string) =>\n // Inlined rather than read off the CDN module's `FORMATTING_BUTTONS`: this is\n // a plain string constant and the filter runs before the module has loaded.\n button !== 'CODE_BLOCK';\n\nconst RCE = forwardRef<RCEHandle, RCEProps & ToggleFullscreenButtonProps>(\n (\n {\n content,\n injectedContent,\n onChange,\n autoFocus,\n onFocus,\n onBlur,\n className,\n dataHook,\n colorScheme,\n isFullScreen,\n onToggleFullScreen,\n hidden,\n ...ricosProps\n },\n ref,\n ) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const containerHeightRef = useRef<number \| undefined>();\n\n // Stable identity so RicosEditor doesn't see a new `container` prop each render.\n const getContainer = useCallback(() => containerRef.current, []);\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<RicosEditorAPI \| null>(null);\n const [editor, setEditor] = useState<RicosEditorAPI \| null>(null);\n const [isToolbarReady, setIsToolbarReady] = useState(false);\n const [toolbarButtons, setToolbarButtons] = useState<\n readonly RicosExternalToolbarButton[]\n >([]);\n const [toolbarContainer, setToolbarContainer] =\n useState<HTMLDivElement \| null>(null);\n\n const setEditorInstance = useCallback(\n (nextEditor: RicosEditorAPI \| null) => {\n editorRef.current = nextEditor;\n setEditor(nextEditor);\n },\n [],\n );\n\n const setContent = useCallback((nextContent: RicosDocument) => {\n editorRef.current?.getEditorCommands().setContent(nextContent);\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n isContentChanged: () =>\n Boolean(editorRef.current?.getContentTraits().isContentChanged),\n prePublish: async () =>\n (await editorRef.current?.prePublish()) ??\n INITIAL_INJECTED_RICH_CONTENT,\n setContent,\n }),\n [setContent],\n );\n\n const appliedInjectedContentRef = useRef<RicosDocument \| undefined>();\n useEffect(() => {\n if (\n !injectedContent \|\|\n isEqual(INITIAL_INJECTED_RICH_CONTENT, injectedContent) \|\|\n isEqual(appliedInjectedContentRef.current, injectedContent)\n ) {\n return;\n }\n\n appliedInjectedContentRef.current = injectedContent;\n const timerId = window.setTimeout(() => {\n setContent(injectedContent);\n }, 0);\n\n return () => window.clearTimeout(timerId);\n }, [injectedContent, setContent]);\n\n useEffect(() => {\n if (!autoFocus \|\| !editorRef.current) {\n return;\n }\n\n const frameId = requestAnimationFrame(() => {\n editorRef.current?.focus();\n });\n\n return () => cancelAnimationFrame(frameId);\n }, [autoFocus, editor]);\n\n const toolbars = useMemo<ToolbarsConfig \| undefined>(() => {\n if (!toolbarContainer) {\n return undefined;\n }\n\n return {\n text: {\n mode: 'static',\n container: toolbarContainer,\n alignment: 'left',\n buttons: ({ defaultButtons }) =>\n defaultButtons.filter(filterStaticToolbarButtons),\n },\n insert: {\n footer: {\n disabled: true,\n },\n },\n };\n }, [toolbarContainer]);\n\n const isModalOpenRef = useRef(false);\n const modalSettings = useMemo<RicosEditorProps['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 }\n\n triggerFocus();\n }, [triggerFocus]);\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 return;\n }\n\n if (!getAppRootElement().contains(relatedTarget)) {\n requestEditorBlur();\n } else {\n triggerBlur();\n }\n },\n [triggerBlur, requestEditorBlur],\n );\n\n const wixRicosProps = useWixRicosProps();\n const ricos = useRicosFromCdn();\n const plugins = usePlugins(ricos, colorScheme);\n const RicosEditor = ricos?.RicosEditor;\n\n return (\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={setToolbarContainer} />\n {!hidden && isToolbarReady && (\n <ToggleFullscreenButton\n isFullScreen={isFullScreen}\n onToggleFullScreen={onFullScreenChange}\n />\n )}\n </div>\n\n {editor && (\n <InsertToolbarSync\n editor={editor}\n onButtonsChange={setToolbarButtons}\n onReadyChange={setIsToolbarReady}\n />\n )}\n\n {!hidden && RicosEditor ? (\n <div data-hook={dataHook} className={classes.editor}>\n <RicosEditor\n ref={setEditorInstance}\n plugins={plugins}\n initialContent={content}\n toolbars={toolbars}\n modalSettings={modalSettings}\n textWrap={false}\n onChange={onChange}\n container={getContainer}\n {...ricosProps}\n {...wixRicosProps}\n />\n </div>\n ) : null}\n\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);\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<RCEProps, 'onChange'> & {\n onEnterFullScreen?: (\n content?: RicosDocument,\n isContentChanged?: boolean,\n ) => void;\n onExitFullScreen?: (\n content?: RicosDocument,\n isContentChanged?: boolean,\n ) => void;\n onChange?: (content: RicosDocument, isContentChanged?: boolean) => void;\n onPublish?: (promise: Promise<RicosDocument>) => void;\n fullScreenOnly?: boolean;\n /** Close full screen on Enter in the text, like Escape. Shift+Enter still adds a new line. */\n closeOnEnter?: boolean;\n};\n\nexport const RichContentEditor: FC<RichContentEditorProps> = ({\n onFocus,\n onBlur,\n onEnterFullScreen,\n onExitFullScreen,\n fullScreenOnly,\n closeOnEnter,\n onPublish,\n onChange,\n theme,\n content,\n ...props\n}) => {\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: RicosDocument) => {\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 [isFullScreen, setIsFullScreen] = useState(!!fullScreenOnly);\n const [fullScreenContent, setFullScreenContent] = useState(content);\n\n useEffect(() => {\n if (!isFullScreen) {\n setFullScreenContent(content);\n }\n }, [content, isFullScreen]);\n\n const publishEditorContent = useCallback(\n async (\n editorHandle: RCEHandle \| null,\n fallbackContent?: RicosDocument,\n ): Promise<RicosDocument> => {\n if (!editorHandle) {\n return fallbackContent ?? INITIAL_INJECTED_RICH_CONTENT;\n }\n\n return (\n (await editorHandle.prePublish()) ??\n fallbackContent ??\n INITIAL_INJECTED_RICH_CONTENT\n );\n },\n [],\n );\n\n const onOpen = useCallback(async () => {\n let finalContent = content;\n const isChanged = isRichContentChanged();\n\n try {\n finalContent = await publishEditorContent(editorRef.current, content);\n onEnterFullScreen?.(finalContent, isChanged);\n } catch (error) {\n finalContent = content;\n onEnterFullScreen?.(content, isChanged);\n } finally {\n setFullScreenContent(finalContent);\n setIsFullScreen(true);\n\n if (isChanged && finalContent) {\n handleChange(finalContent);\n }\n }\n }, [\n content,\n handleChange,\n isRichContentChanged,\n onEnterFullScreen,\n publishEditorContent,\n ]);\n const onClose = useCallback(async () => {\n queueLoader();\n let finalContent = content;\n const isChanged = isRichContentChanged();\n\n try {\n finalContent = await publishEditorContent(\n modalEditorRef.current,\n content,\n );\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 handleChange,\n isRichContentChanged,\n onExitFullScreen,\n publishEditorContent,\n queueLoader,\n resetLoader,\n ]);\n\n const handleBlur = useCallback(() => {\n if (isRichContentChanged()) {\n onPublish?.(\n publishEditorContent(editorRef.current, content).catch(\n () => content ?? INITIAL_INJECTED_RICH_CONTENT,\n ),\n );\n }\n onBlur?.();\n }, [content, isRichContentChanged, onBlur, onPublish, publishEditorContent]);\n\n useEffect(() => {\n if (!isFullScreen) {\n return;\n }\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n void onClose();\n } else if (closeOnEnter && isEnterInEditableText(e)) {\n e.preventDefault();\n e.stopPropagation();\n void onClose();\n }\n };\n\n document.addEventListener('keydown', handleKeyDown, true);\n return () => document.removeEventListener('keydown', handleKeyDown, true);\n }, [isFullScreen, onClose, closeOnEnter]);\n\n const rceProps = {\n onChange: handleChange,\n };\n\n // Must be memoized: Ricos re-processes `theme` whenever its identity changes,\n // so passing a freshly cloned object every render drives an infinite\n // re-render loop (freezes the tab) once the fullscreen editor mounts.\n const fullScreenTheme = useMemo(\n () =>\n defaultsDeep(cloneDeep(theme), {\n customStyles: { editor: { maxHeight: '100%' } },\n settingsStyles: {\n modals: {\n dialogZIndex: Z_INDEX_MODAL_POPOVER,\n },\n },\n }),\n [theme],\n );\n\n return (\n <>\n <UserSiteFonts />\n {!fullScreenOnly && (\n <RCE\n {...props}\n {...rceProps}\n content={content}\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 content={fullScreenContent}\n theme={fullScreenTheme}\n autoFocus\n className={classes.modalEditor}\n ref={modalEditorRef}\n isFullScreen\n onToggleFullScreen={onClose}\n />\n </FullscreenModal>\n </>\n );\n};\nRichContentEditor.displayName = 'RichContentEditor';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js CHANGED Viewed

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "richcontenteditor2665333597";
+var _namespace_ = "richcontenteditor3770552425";
 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": "richcontenteditor2665333597__root",
-  "toolbarContainer": "richcontenteditor2665333597__toolbarContainer",
-  "footerToolbarContainer": "richcontenteditor2665333597__footerToolbarContainer",
-  "toolbarAndFullScreenButtonWrapper": "richcontenteditor2665333597__toolbarAndFullScreenButtonWrapper",
-  "editor": "richcontenteditor2665333597__editor",
-  "modalEditor": "richcontenteditor2665333597__modalEditor"
+  "root": "richcontenteditor3770552425__root",
+  "toolbarContainer": "richcontenteditor3770552425__toolbarContainer",
+  "footerToolbarContainer": "richcontenteditor3770552425__footerToolbarContainer",
+  "toolbarAndFullScreenButtonWrapper": "richcontenteditor3770552425__toolbarAndFullScreenButtonWrapper",
+  "editor": "richcontenteditor3770552425__editor",
+  "modalEditor": "richcontenteditor3770552425__modalEditor"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/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_ = \"~~richcontenteditor2665333597~~\";\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\":\"~~richcontenteditor2665333597__root~~\",\"toolbarContainer\":\"~~richcontenteditor2665333597__toolbarContainer~~\",\"footerToolbarContainer\":\"~~richcontenteditor2665333597__footerToolbarContainer~~\",\"toolbarAndFullScreenButtonWrapper\":\"~~richcontenteditor2665333597__toolbarAndFullScreenButtonWrapper~~\",\"editor\":\"~~richcontenteditor2665333597__editor~~\",\"modalEditor\":\"~~richcontenteditor2665333597__modalEditor~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-font-family-default\":\"--wds-font-family-default\"}; \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,yBAAyB,EAAC;AAA2B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/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_ = \"richcontenteditor3770552425\";\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\":\"richcontenteditor3770552425__root\",\"toolbarContainer\":\"richcontenteditor3770552425__toolbarContainer\",\"footerToolbarContainer\":\"richcontenteditor3770552425__footerToolbarContainer\",\"toolbarAndFullScreenButtonWrapper\":\"richcontenteditor3770552425__toolbarAndFullScreenButtonWrapper\",\"editor\":\"richcontenteditor3770552425__editor\",\"modalEditor\":\"richcontenteditor3770552425__modalEditor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-font-family-default\":\"--wds-font-family-default\"}; \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,yBAAyB,EAAC;AAA2B,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js CHANGED Viewed

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "richcontenttoolbar2552606762";
+var _namespace_ = "richcontenttoolbar784676697";
 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": "richcontenttoolbar2552606762__root",
-  "toolbar": "richcontenttoolbar2552606762__toolbar",
-  "toolbarButton": "richcontenttoolbar2552606762__toolbarButton",
-  "separator": "richcontenttoolbar2552606762__separator"
+  "root": "richcontenttoolbar784676697__root",
+  "toolbar": "richcontenttoolbar784676697__toolbar",
+  "toolbarButton": "richcontenttoolbar784676697__toolbarButton",
+  "separator": "richcontenttoolbar784676697__separator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~richcontenttoolbar2552606762~~\";\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\":\"~~richcontenttoolbar2552606762__root~~\",\"toolbar\":\"~~richcontenttoolbar2552606762__toolbar~~\",\"toolbarButton\":\"~~richcontenttoolbar2552606762__toolbarButton~~\",\"separator\":\"~~richcontenttoolbar2552606762__separator~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~8BAA8B~~;~~AAChD~~,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,~~oCAAoC~~;EAAC,SAAS,EAAC,~~uCAAuC~~;EAAC,eAAe,EAAC,~~6CAA6C~~;EAAC,WAAW,EAAC;~~AAAyC~~,CAAC;~~AACjO~~,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,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontenttoolbar784676697\";\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\":\"richcontenttoolbar784676697__root\",\"toolbar\":\"richcontenttoolbar784676697__toolbar\",\"toolbarButton\":\"richcontenttoolbar784676697__toolbarButton\",\"separator\":\"richcontenttoolbar784676697__separator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \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,SAAS,EAAC,sCAAsC;EAAC,eAAe,EAAC,4CAA4C;EAAC,WAAW,EAAC;AAAwC,CAAC;AAC7N,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js CHANGED Viewed

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "richcontentviewer3000865605";
+var _namespace_ = "richcontentviewer4123602360";
 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": "richcontentviewer3000865605__root",
-  "viewer": "richcontentviewer3000865605__viewer",
-  "modalViewer": "richcontentviewer3000865605__modalViewer"
+  "root": "richcontentviewer4123602360__root",
+  "viewer": "richcontentviewer4123602360__viewer",
+  "modalViewer": "richcontentviewer4123602360__modalViewer"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~richcontentviewer3000865605~~\";\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\":\"~~richcontentviewer3000865605__root~~\",\"viewer\":\"~~richcontentviewer3000865605__viewer~~\",\"modalViewer\":\"~~richcontentviewer3000865605__modalViewer~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \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,QAAQ,EAAC,qCAAqC;EAAC,aAAa,EAAC;AAA0C,CAAC;AAClK,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,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentviewer4123602360\";\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\":\"richcontentviewer4123602360__root\",\"viewer\":\"richcontentviewer4123602360__viewer\",\"modalViewer\":\"richcontentviewer4123602360__modalViewer\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \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,QAAQ,EAAC,qCAAqC;EAAC,aAAa,EAAC;AAA0C,CAAC;AAClK,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-text/cell-rich-text-editor.js CHANGED Viewed

@@ -87,8 +87,24 @@ const CellRichTextEditor = ({
   const [editorState, setEditorState] = (0, _react.useState)(initialEditorState);
   const inlineStylesRef = (0, _react.useRef)(inlineStyles);
   const customStyleMapRef = (0, _react.useRef)(customStyleMap);
+  const contentRef = (0, _react.useRef)(initialEditorState.getCurrentContent());
+  // A typed-to-edit key is already a change, even before the user edits again.
+  (0, _react.useEffect)(() => {
+    if (initialTypedKey) {
+      onChange((0, _utils.editorStateToHTML)(initialEditorState, inlineStylesRef.current, EDITING_OPTIONS));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const handleChange = (0, _react.useCallback)(newState => {
     setEditorState(newState);
+    // Draft.js also fires onChange for focus and selection changes. Only a
+    // content change is an edit — otherwise an untouched cell would save.
+    const content = newState.getCurrentContent();
+    if (content === contentRef.current) {
+      return;
+    }
+    contentRef.current = content;
     const html = (0, _utils.editorStateToHTML)(newState, inlineStylesRef.current, EDITING_OPTIONS);
     onChange(html);
   }, [onChange]);
@@ -97,7 +113,7 @@ const CellRichTextEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 166,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_richEditor.RichEditor, {
@@ -111,7 +127,7 @@ const CellRichTextEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 167,
       columnNumber: 11
     }
   })), isFullScreen && /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
@@ -120,7 +136,7 @@ const CellRichTextEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 179,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -131,7 +147,7 @@ const CellRichTextEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 180,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_richEditor.RichEditor, {
@@ -145,7 +161,7 @@ const CellRichTextEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 186,
       columnNumber: 13
     }
   }))));

package/dist/cjs/components/rich-text/cell-rich-text-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoFieldTypes","_compositeDecorator","_utils","_richEditor","_stylableHelper","_richTextEditorStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EDITING_OPTIONS","headingsEnabled","DEFAULT_CELL_TEXT_STYLE","exports","buildInitialHtml","value","typedKey","existing","HTMLToText","CellRichTextEditor","onChange","autoFocus","initialTypedKey","isFullScreen","onToggleFullScreen","textStyle","initialHtml","useMemo","editorState","initialEditorState","customStyleMap","inlineStyles","htmlToEditorState","compositeDecorator","setEditorState","useState","inlineStylesRef","useRef","customStyleMapRef","handleChange","useCallback","newState","html","editorStateToHTML","current","createElement","Fragment","style","__self","__source","fileName","lineNumber","columnNumber","RichEditor","Modal","screen","isOpen","className","combineClasses","classes","editor","displayName"],"sources":["../../../../src/components/rich-text/cell-rich-text-editor.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { EditorState } from 'draft-js';\nimport { Modal } from '@wix/design-system';\n\nimport { HTMLToText } from '../../auto-field-types';\nimport { compositeDecorator } from './rich-text-input/rich-text-editor/composite-decorator';\nimport {\n htmlToEditorState,\n editorStateToHTML,\n} from './rich-text-input/rich-text-editor/utils';\nimport type {\n CustomStyleMap,\n InlineStyles,\n} from './rich-text-input/rich-text-editor/utils';\nimport { RichEditor } from './rich-text-input/rich-text-editor/rich-editor';\nimport { combineClasses } from './rich-text-input/rich-text-editor/utils/stylable-helper';\nimport {\n style,\n classes,\n} from './rich-text-input/rich-text-editor/rich-text-editor.st.css.js';\nimport type { RichTextStyleVariables } from './rich-text-input/rich-text-editor/text-style';\n\nconst EDITING_OPTIONS = { headingsEnabled: true };\n\n/** Default text style — matches the CSS fallback values in rich-editor.st.css.\n * Consumers (e.g. cms-web) can override with site-specific font values. /\nexport const DEFAULT_CELL_TEXT_STYLE: RichTextStyleVariables = {\n '--rt-h1-fontSize': '72px',\n '--rt-h1-fontStyle': 'normal',\n '--rt-h1-fontWeight': '700',\n '--rt-h1-lineHeight': '1.33',\n '--rt-h2-fontSize': '42px',\n '--rt-h2-fontStyle': 'normal',\n '--rt-h2-fontWeight': '700',\n '--rt-h2-lineHeight': '1.2',\n '--rt-h3-fontSize': '38px',\n '--rt-h3-fontStyle': 'normal',\n '--rt-h3-fontWeight': '500',\n '--rt-h3-lineHeight': '1.2',\n '--rt-h4-fontSize': '34px',\n '--rt-h4-fontStyle': 'normal',\n '--rt-h4-fontWeight': '700',\n '--rt-h4-lineHeight': '1.2',\n '--rt-h5-fontSize': '28px',\n '--rt-h5-fontStyle': 'normal',\n '--rt-h5-fontWeight': '700',\n '--rt-h5-lineHeight': '1.2',\n '--rt-h6-fontSize': '22px',\n '--rt-h6-fontStyle': 'normal',\n '--rt-h6-fontWeight': '500',\n '--rt-h6-lineHeight': '1.2',\n '--rt-p1-fontSize': '18px',\n '--rt-p1-fontStyle': 'normal',\n '--rt-p1-fontWeight': '500',\n '--rt-p1-lineHeight': '24px',\n '--rt-unstyled-fontSize': '16px',\n '--rt-unstyled-fontStyle': 'normal',\n '--rt-unstyled-fontWeight': '500',\n '--rt-unstyled-lineHeight': '24px',\n '--rt-p3-fontSize': '14px',\n '--rt-p3-fontStyle': 'normal',\n '--rt-p3-fontWeight': '500',\n '--rt-p3-lineHeight': '18px',\n};\n\nfunction buildInitialHtml(\n value?: string,\n typedKey?: string,\n): string \| undefined {\n if (!typedKey) return value;\n const existing = value ? HTMLToText(value) : '';\n return `<p>${existing}${typedKey}</p>`;\n}\n\nexport interface CellRichTextEditorProps {\n value?: string;\n onChange: (value: string) => void;\n autoFocus?: boolean;\n initialTypedKey?: string;\n /* Controlled fullscreen state — managed by the parent (CellRichTextInput). /\n isFullScreen?: boolean;\n onToggleFullScreen?: () => void;\n /* CSS custom properties for the --rt-* theming API. Defaults to standard sizes. /\n textStyle?: RichTextStyleVariables;\n}\n\n/* Cell-layer Draft.js editor — fires onChange on every keystroke (not on blur).\n * Fullscreen state is controlled by the parent so ESC handling can be\n * centralised in a capture-phase listener without React portal limitations. */\nexport const CellRichTextEditor: React.FC<CellRichTextEditorProps> = ({\n value,\n onChange,\n autoFocus,\n initialTypedKey,\n isFullScreen = false,\n onToggleFullScreen,\n textStyle = DEFAULT_CELL_TEXT_STYLE,\n}) => {\n const initialHtml = useMemo(\n () => buildInitialHtml(value, initialTypedKey),\n // Deliberately computed only on mount — typed key is a one-shot initializer.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n );\n\n const {\n editorState: initialEditorState,\n customStyleMap,\n inlineStyles,\n } = useMemo(\n () => htmlToEditorState(initialHtml, compositeDecorator, EDITING_OPTIONS),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n );\n\n const [editorState, setEditorState] =\n useState<EditorState>(initialEditorState);\n const inlineStylesRef = useRef<InlineStyles>(inlineStyles);\n const customStyleMapRef = useRef<CustomStyleMap>(customStyleMap);\n\n const handleChange = useCallback(\n (newState: EditorState) => {\n setEditorState(newState);\n const html = editorStateToHTML(\n newState,\n inlineStylesRef.current,\n EDITING_OPTIONS,\n );\n onChange(html);\n },\n [onChange],\n );\n\n return (\n <>\n {!isFullScreen && (\n <div style={textStyle as React.CSSProperties}>\n <RichEditor\n editorState={editorState}\n customStyleMap={customStyleMapRef.current}\n onChange={handleChange}\n onToggleFullScreen={onToggleFullScreen}\n isFullScreen={false}\n autoFocus={autoFocus}\n headingsEnabled\n />\n </div>\n )}\n {isFullScreen && (\n <Modal screen=\"desktop\" isOpen>\n <div\n className={combineClasses(style, classes.editor, {\n isFullScreen: true,\n })}\n style={textStyle as React.CSSProperties}\n >\n <RichEditor\n editorState={editorState}\n customStyleMap={customStyleMapRef.current}\n onChange={handleChange}\n onToggleFullScreen={onToggleFullScreen}\n isFullScreen\n autoFocus\n headingsEnabled\n />\n </div>\n </Modal>\n )}\n </>\n );\n};\n\nCellRichTextEditor.displayName = 'CellRichTextEditor';\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoFieldTypes","_compositeDecorator","_utils","_richEditor","_stylableHelper","_richTextEditorStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EDITING_OPTIONS","headingsEnabled","DEFAULT_CELL_TEXT_STYLE","exports","buildInitialHtml","value","typedKey","existing","HTMLToText","CellRichTextEditor","onChange","autoFocus","initialTypedKey","isFullScreen","onToggleFullScreen","textStyle","initialHtml","useMemo","editorState","initialEditorState","customStyleMap","inlineStyles","htmlToEditorState","compositeDecorator","setEditorState","useState","inlineStylesRef","useRef","customStyleMapRef","contentRef","getCurrentContent","useEffect","editorStateToHTML","current","handleChange","useCallback","newState","content","html","createElement","Fragment","style","__self","__source","fileName","lineNumber","columnNumber","RichEditor","Modal","screen","isOpen","className","combineClasses","classes","editor","displayName"],"sources":["../../../../src/components/rich-text/cell-rich-text-editor.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { EditorState } from 'draft-js';\nimport { Modal } from '@wix/design-system';\n\nimport { HTMLToText } from '../../auto-field-types';\nimport { compositeDecorator } from './rich-text-input/rich-text-editor/composite-decorator';\nimport {\n htmlToEditorState,\n editorStateToHTML,\n} from './rich-text-input/rich-text-editor/utils';\nimport type {\n CustomStyleMap,\n InlineStyles,\n} from './rich-text-input/rich-text-editor/utils';\nimport { RichEditor } from './rich-text-input/rich-text-editor/rich-editor';\nimport { combineClasses } from './rich-text-input/rich-text-editor/utils/stylable-helper';\nimport {\n style,\n classes,\n} from './rich-text-input/rich-text-editor/rich-text-editor.st.css.js';\nimport type { RichTextStyleVariables } from './rich-text-input/rich-text-editor/text-style';\n\nconst EDITING_OPTIONS = { headingsEnabled: true };\n\n/** Default text style — matches the CSS fallback values in rich-editor.st.css.\n * Consumers (e.g. cms-web) can override with site-specific font values. /\nexport const DEFAULT_CELL_TEXT_STYLE: RichTextStyleVariables = {\n '--rt-h1-fontSize': '72px',\n '--rt-h1-fontStyle': 'normal',\n '--rt-h1-fontWeight': '700',\n '--rt-h1-lineHeight': '1.33',\n '--rt-h2-fontSize': '42px',\n '--rt-h2-fontStyle': 'normal',\n '--rt-h2-fontWeight': '700',\n '--rt-h2-lineHeight': '1.2',\n '--rt-h3-fontSize': '38px',\n '--rt-h3-fontStyle': 'normal',\n '--rt-h3-fontWeight': '500',\n '--rt-h3-lineHeight': '1.2',\n '--rt-h4-fontSize': '34px',\n '--rt-h4-fontStyle': 'normal',\n '--rt-h4-fontWeight': '700',\n '--rt-h4-lineHeight': '1.2',\n '--rt-h5-fontSize': '28px',\n '--rt-h5-fontStyle': 'normal',\n '--rt-h5-fontWeight': '700',\n '--rt-h5-lineHeight': '1.2',\n '--rt-h6-fontSize': '22px',\n '--rt-h6-fontStyle': 'normal',\n '--rt-h6-fontWeight': '500',\n '--rt-h6-lineHeight': '1.2',\n '--rt-p1-fontSize': '18px',\n '--rt-p1-fontStyle': 'normal',\n '--rt-p1-fontWeight': '500',\n '--rt-p1-lineHeight': '24px',\n '--rt-unstyled-fontSize': '16px',\n '--rt-unstyled-fontStyle': 'normal',\n '--rt-unstyled-fontWeight': '500',\n '--rt-unstyled-lineHeight': '24px',\n '--rt-p3-fontSize': '14px',\n '--rt-p3-fontStyle': 'normal',\n '--rt-p3-fontWeight': '500',\n '--rt-p3-lineHeight': '18px',\n};\n\nfunction buildInitialHtml(\n value?: string,\n typedKey?: string,\n): string \| undefined {\n if (!typedKey) return value;\n const existing = value ? HTMLToText(value) : '';\n return `<p>${existing}${typedKey}</p>`;\n}\n\nexport interface CellRichTextEditorProps {\n value?: string;\n onChange: (value: string) => void;\n autoFocus?: boolean;\n initialTypedKey?: string;\n /* Controlled fullscreen state — managed by the parent (CellRichTextInput). /\n isFullScreen?: boolean;\n onToggleFullScreen?: () => void;\n /* CSS custom properties for the --rt-* theming API. Defaults to standard sizes. /\n textStyle?: RichTextStyleVariables;\n}\n\n/* Cell-layer Draft.js editor — fires onChange on every keystroke (not on blur).\n * Fullscreen state is controlled by the parent so ESC handling can be\n * centralised in a capture-phase listener without React portal limitations. */\nexport const CellRichTextEditor: React.FC<CellRichTextEditorProps> = ({\n value,\n onChange,\n autoFocus,\n initialTypedKey,\n isFullScreen = false,\n onToggleFullScreen,\n textStyle = DEFAULT_CELL_TEXT_STYLE,\n}) => {\n const initialHtml = useMemo(\n () => buildInitialHtml(value, initialTypedKey),\n // Deliberately computed only on mount — typed key is a one-shot initializer.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n );\n\n const {\n editorState: initialEditorState,\n customStyleMap,\n inlineStyles,\n } = useMemo(\n () => htmlToEditorState(initialHtml, compositeDecorator, EDITING_OPTIONS),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n );\n\n const [editorState, setEditorState] =\n useState<EditorState>(initialEditorState);\n const inlineStylesRef = useRef<InlineStyles>(inlineStyles);\n const customStyleMapRef = useRef<CustomStyleMap>(customStyleMap);\n\n const contentRef = useRef(initialEditorState.getCurrentContent());\n\n // A typed-to-edit key is already a change, even before the user edits again.\n useEffect(() => {\n if (initialTypedKey) {\n onChange(\n editorStateToHTML(\n initialEditorState,\n inlineStylesRef.current,\n EDITING_OPTIONS,\n ),\n );\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleChange = useCallback(\n (newState: EditorState) => {\n setEditorState(newState);\n // Draft.js also fires onChange for focus and selection changes. Only a\n // content change is an edit — otherwise an untouched cell would save.\n const content = newState.getCurrentContent();\n if (content === contentRef.current) {\n return;\n }\n contentRef.current = content;\n const html = editorStateToHTML(\n newState,\n inlineStylesRef.current,\n EDITING_OPTIONS,\n );\n onChange(html);\n },\n [onChange],\n );\n\n return (\n <>\n {!isFullScreen && (\n <div style={textStyle as React.CSSProperties}>\n <RichEditor\n editorState={editorState}\n customStyleMap={customStyleMapRef.current}\n onChange={handleChange}\n onToggleFullScreen={onToggleFullScreen}\n isFullScreen={false}\n autoFocus={autoFocus}\n headingsEnabled\n />\n </div>\n )}\n {isFullScreen && (\n <Modal screen=\"desktop\" isOpen>\n <div\n className={combineClasses(style, classes.editor, {\n isFullScreen: true,\n })}\n style={textStyle as React.CSSProperties}\n >\n <RichEditor\n editorState={editorState}\n customStyleMap={customStyleMapRef.current}\n onChange={handleChange}\n onToggleFullScreen={onToggleFullScreen}\n isFullScreen\n autoFocus\n headingsEnabled\n />\n </div>\n </Modal>\n )}\n </>\n );\n};\n\nCellRichTextEditor.displayName = 'CellRichTextEditor';\n"],"mappings":"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","ignoreList":[]}