@wix/auto-patterns 1.47.0 → 1.48.0

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

@@ -1,381 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-// @ts-nocheck
-
-import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenteditor3673910766";
-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": "richcontenteditor3673910766__root",
-  "toolbarContainer": "richcontenteditor3673910766__toolbarContainer",
-  "footerToolbarContainer": "richcontenteditor3673910766__footerToolbarContainer",
-  "toolbarAndFullScreenButtonWrapper": "richcontenteditor3673910766__toolbarAndFullScreenButtonWrapper",
-  "editor": "richcontenteditor3673910766__editor",
-  "modalEditor": "richcontenteditor3673910766__modalEditor"
-};
-export var keyframes = {};
-export var layers = {};
-export var containers = {};
-export var stVars = {};
-export var vars = {
-  "topToolbarHeight": "--richcontenteditor3673910766-topToolbarHeight",
-  "bottomToolbarHeight": "--richcontenteditor3673910766-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

@@ -1 +0,0 @@
-{"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_ = \"richcontenteditor3673910766\";\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\":\"richcontenteditor3673910766__root\",\"toolbarContainer\":\"richcontenteditor3673910766__toolbarContainer\",\"footerToolbarContainer\":\"richcontenteditor3673910766__footerToolbarContainer\",\"toolbarAndFullScreenButtonWrapper\":\"richcontenteditor3673910766__toolbarAndFullScreenButtonWrapper\",\"editor\":\"richcontenteditor3673910766__editor\",\"modalEditor\":\"richcontenteditor3673910766__modalEditor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--richcontenteditor3673910766-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontenteditor3673910766-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

@@ -1,48 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Component","INSERT_PLUGIN_BUTTONS","Tooltip","isTruthy","classes","BUTTONS_ORDER","IMAGE","VIDEO","GALLERY","LAYOUT","DIVIDER","TABLE","FILE","HTML","INSTAGRAM","TWITTER","TIKTOK","STORES","BOOKINGS","EVENTS","EMOJI","GIF","CODE_BLOCK","COLLAPSIBLE_LIST","BUTTON","UNDO","REDO","ExternalToolbar","constructor","arguments","_defineProperty","event","preventDefault","_ref","onClick","getIcon","isDisabled","dataHook","tooltip","name","Icon","createElement","content","key","className","toolbarButton","disabled","onMouseDown","render","toolbar","map","_this$props$buttons","props","buttons","filter","buttonProps","i","Button","renderButton","_extends"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.tsx"],"sourcesContent":["import React, { Component } from 'react';\n\nimport { INSERT_PLUGIN_BUTTONS, Tooltip } from '@wix/ricos';\n\nimport { isTruthy } from '../../../../utils';\n\nimport { classes } from './rich-content-toolbar.st.css.js';\n\nexport interface ExternalToolbarButton {\n  dataHook?: string;\n  getIcon?: () => React.ComponentType;\n  getLabel?: () => string;\n  isActive?: () => boolean;\n  isDisabled?: () => boolean;\n  name?: string;\n  tooltip?: React.ReactNode;\n  onClick?: () => void;\n  onChange?: (e: unknown) => void;\n  type?: string;\n  accept?: string;\n  multiple?: boolean;\n}\n\nconst BUTTONS_ORDER = [\n  INSERT_PLUGIN_BUTTONS.IMAGE,\n  INSERT_PLUGIN_BUTTONS.VIDEO,\n  INSERT_PLUGIN_BUTTONS.GALLERY,\n  INSERT_PLUGIN_BUTTONS.LAYOUT,\n  INSERT_PLUGIN_BUTTONS.DIVIDER,\n  INSERT_PLUGIN_BUTTONS.TABLE,\n  INSERT_PLUGIN_BUTTONS.FILE,\n  INSERT_PLUGIN_BUTTONS.HTML,\n  INSERT_PLUGIN_BUTTONS.INSTAGRAM,\n  INSERT_PLUGIN_BUTTONS.TWITTER,\n  INSERT_PLUGIN_BUTTONS.TIKTOK,\n  INSERT_PLUGIN_BUTTONS.STORES,\n  INSERT_PLUGIN_BUTTONS.BOOKINGS,\n  INSERT_PLUGIN_BUTTONS.EVENTS,\n  INSERT_PLUGIN_BUTTONS.EMOJI,\n  INSERT_PLUGIN_BUTTONS.GIF,\n  INSERT_PLUGIN_BUTTONS.CODE_BLOCK,\n  INSERT_PLUGIN_BUTTONS.COLLAPSIBLE_LIST,\n  INSERT_PLUGIN_BUTTONS.BUTTON,\n  INSERT_PLUGIN_BUTTONS.UNDO,\n  INSERT_PLUGIN_BUTTONS.REDO,\n];\n\nexport interface ExternalToolbarProps {\n  buttons?: Record<string, ExternalToolbarButton>;\n}\n\nexport class ExternalToolbar extends Component<ExternalToolbarProps> {\n  private onMouseDown = (event: React.MouseEvent) => event.preventDefault();\n\n  private renderButton = ({\n    onClick,\n    getIcon,\n    isDisabled,\n    dataHook,\n    tooltip,\n    name,\n  }: ExternalToolbarButton) => {\n    const Icon = getIcon?.() ?? (() => null);\n    return (\n      <Tooltip content={tooltip!} key={name}>\n        <button\n          className={classes.toolbarButton}\n          disabled={isDisabled?.()}\n          data-hook={dataHook}\n          onClick={onClick}\n          onMouseDown={this.onMouseDown}\n        >\n          <Icon />\n        </button>\n      </Tooltip>\n    );\n  };\n\n  public render() {\n    return (\n      <div className={classes.toolbar}>\n        {BUTTONS_ORDER.map((name) => this.props.buttons?.[name])\n          .filter(isTruthy)\n          .map((buttonProps, i) => {\n            const Button = this.renderButton;\n            return <Button {...buttonProps} key={i} />;\n          })}\n      </div>\n    );\n  }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,qBAAqB,EAAEC,OAAO,QAAQ,YAAY;AAE3D,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,SAASC,OAAO,QAAQ,kCAAkC;AAiB1D,MAAMC,aAAa,GAAG,CACpBJ,qBAAqB,CAACK,KAAK,EAC3BL,qBAAqB,CAACM,KAAK,EAC3BN,qBAAqB,CAACO,OAAO,EAC7BP,qBAAqB,CAACQ,MAAM,EAC5BR,qBAAqB,CAACS,OAAO,EAC7BT,qBAAqB,CAACU,KAAK,EAC3BV,qBAAqB,CAACW,IAAI,EAC1BX,qBAAqB,CAACY,IAAI,EAC1BZ,qBAAqB,CAACa,SAAS,EAC/Bb,qBAAqB,CAACc,OAAO,EAC7Bd,qBAAqB,CAACe,MAAM,EAC5Bf,qBAAqB,CAACgB,MAAM,EAC5BhB,qBAAqB,CAACiB,QAAQ,EAC9BjB,qBAAqB,CAACkB,MAAM,EAC5BlB,qBAAqB,CAACmB,KAAK,EAC3BnB,qBAAqB,CAACoB,GAAG,EACzBpB,qBAAqB,CAACqB,UAAU,EAChCrB,qBAAqB,CAACsB,gBAAgB,EACtCtB,qBAAqB,CAACuB,MAAM,EAC5BvB,qBAAqB,CAACwB,IAAI,EAC1BxB,qBAAqB,CAACyB,IAAI,CAC3B;AAMD,OAAO,MAAMC,eAAe,SAAS3B,SAAS,CAAuB;EAAA4B,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,sBAC5CC,KAAuB,IAAKA,KAAK,CAACC,cAAc,CAAC,CAAC;IAAAF,eAAA,uBAElDG,IAAA,IAOM;MAAA,IAPL;QACtBC,OAAO;QACPC,OAAO;QACPC,UAAU;QACVC,QAAQ;QACRC,OAAO;QACPC;MACqB,CAAC,GAAAN,IAAA;MACtB,MAAMO,IAAI,GAAG,CAAAL,OAAO,oBAAPA,OAAO,CAAG,CAAC,MAAK,MAAM,IAAI,CAAC;MACxC,oBACEpC,KAAA,CAAA0C,aAAA,CAACvC,OAAO;QAACwC,OAAO,EAAEJ,OAAS;QAACK,GAAG,EAAEJ;MAAK,gBACpCxC,KAAA,CAAA0C,aAAA;QACEG,SAAS,EAAExC,OAAO,CAACyC,aAAc;QACjCC,QAAQ,EAAEV,UAAU,oBAAVA,UAAU,CAAG,CAAE;QACzB,aAAWC,QAAS;QACpBH,OAAO,EAAEA,OAAQ;QACjBa,WAAW,EAAE,IAAI,CAACA;MAAY,gBAE9BhD,KAAA,CAAA0C,aAAA,CAACD,IAAI,MAAE,CACD,CACD,CAAC;IAEd,CAAC;EAAA;EAEMQ,MAAMA,CAAA,EAAG;IACd,oBACEjD,KAAA,CAAA0C,aAAA;MAAKG,SAAS,EAAExC,OAAO,CAAC6C;IAAQ,GAC7B5C,aAAa,CAAC6C,GAAG,CAAEX,IAAI;MAAA,IAAAY,mBAAA;MAAA,QAAAA,mBAAA,GAAK,IAAI,CAACC,KAAK,CAACC,OAAO,qBAAlBF,mBAAA,CAAqBZ,IAAI,CAAC;IAAA,EAAC,CACrDe,MAAM,CAACnD,QAAQ,CAAC,CAChB+C,GAAG,CAAC,CAACK,WAAW,EAAEC,CAAC,KAAK;MACvB,MAAMC,MAAM,GAAG,IAAI,CAACC,YAAY;MAChC,oBAAO3D,KAAA,CAAA0C,aAAA,CAACgB,MAAM,EAAAE,QAAA,KAAKJ,WAAW;QAAEZ,GAAG,EAAEa;MAAE,EAAE,CAAC;IAC5C,CAAC,CACA,CAAC;EAEV;AACF","ignoreList":[]}

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

@@ -1,20 +0,0 @@
-// @ts-nocheck
-
-import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenttoolbar3398941261";
-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": "richcontenttoolbar3398941261__root",
-  "toolbar": "richcontenttoolbar3398941261__toolbar",
-  "toolbarButton": "richcontenttoolbar3398941261__toolbarButton"
-};
-export var keyframes = {};
-export var layers = {};
-export var containers = {};
-export var stVars = {};
-export var vars = {};
-//# sourceMappingURL=rich-content-toolbar.st.css.js.map

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

@@ -1 +0,0 @@
-{"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-toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontenttoolbar3398941261\";\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\":\"richcontenttoolbar3398941261__root\",\"toolbar\":\"richcontenttoolbar3398941261__toolbar\",\"toolbarButton\":\"richcontenttoolbar3398941261__toolbarButton\"};\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,wCAAwC;AAItF,IAAIC,WAAW,GAAG,8BAA8B;AAChD,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,oCAAoC;EAAC,SAAS,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAA6C,CAAC;AAClL,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-viewer/index.js

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

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

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

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

@@ -1,21 +0,0 @@
-import { useMemo } from 'react';
-import { pluginTextColorViewer as pluginTextColor, pluginTextHighlightViewer as pluginTextHighlight, pluginLinkViewer as pluginLink, pluginLineSpacingViewer as pluginLineSpacing, pluginImageViewer as pluginImage, pluginVideoViewer as pluginVideo, pluginDividerViewer as pluginDivider, pluginFileUploadViewer as pluginFileUpload, pluginHtmlViewer as pluginHtml, pluginLinkPreviewViewer as pluginLinkPreview, pluginVerticalEmbedViewer as pluginVerticalEmbed, pluginEmojiViewer as pluginEmoji, pluginSpoilerViewer as pluginSpoiler, pluginGiphyViewer as pluginGiphy, pluginCodeBlockViewer as pluginCodeBlock, pluginGalleryViewer as pluginGallery, pluginCollapsibleListViewer as pluginCollapsibleList, pluginTableViewer as pluginTable, pluginLinkButtonViewer as pluginLinkButton } from '@wix/ricos';
-import '@wix/ricos/css/plugin-link-viewer.global.css';
-import '@wix/ricos/css/plugin-image-viewer.global.css';
-import '@wix/ricos/css/plugin-video-viewer.global.css';
-import '@wix/ricos/css/plugin-divider-viewer.global.css';
-import '@wix/ricos/css/plugin-file-upload-viewer.global.css';
-import '@wix/ricos/css/plugin-html-viewer.global.css';
-import '@wix/ricos/css/plugin-link-preview-viewer.global.css';
-import '@wix/ricos/css/plugin-vertical-embed-viewer.global.css';
-import '@wix/ricos/css/plugin-spoiler-viewer.global.css';
-import '@wix/ricos/css/plugin-giphy-viewer.global.css';
-import '@wix/ricos/css/plugin-gallery-viewer.global.css';
-import '@wix/ricos/css/plugin-collapsible-list-viewer.global.css';
-import '@wix/ricos/css/plugin-table-viewer.global.css';
-import '@wix/ricos/css/plugin-button-viewer.global.css';
-import { isTruthy } from '../../../../utils';
-export const usePlugins = () => {
-  return useMemo(() => [pluginTextColor(), pluginTextHighlight(), pluginLineSpacing(), pluginLink(), pluginImage(), pluginVideo(), pluginGallery(), pluginDivider(), pluginTable(), pluginFileUpload(), pluginHtml(), pluginLinkPreview(), pluginVerticalEmbed(), pluginEmoji(), pluginSpoiler(), pluginGiphy(), pluginCodeBlock(), pluginCollapsibleList(), pluginLinkButton()].filter(isTruthy), []);
-};
-//# sourceMappingURL=plugins.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","pluginTextColorViewer","pluginTextColor","pluginTextHighlightViewer","pluginTextHighlight","pluginLinkViewer","pluginLink","pluginLineSpacingViewer","pluginLineSpacing","pluginImageViewer","pluginImage","pluginVideoViewer","pluginVideo","pluginDividerViewer","pluginDivider","pluginFileUploadViewer","pluginFileUpload","pluginHtmlViewer","pluginHtml","pluginLinkPreviewViewer","pluginLinkPreview","pluginVerticalEmbedViewer","pluginVerticalEmbed","pluginEmojiViewer","pluginEmoji","pluginSpoilerViewer","pluginSpoiler","pluginGiphyViewer","pluginGiphy","pluginCodeBlockViewer","pluginCodeBlock","pluginGalleryViewer","pluginGallery","pluginCollapsibleListViewer","pluginCollapsibleList","pluginTableViewer","pluginTable","pluginLinkButtonViewer","pluginLinkButton","isTruthy","usePlugins","filter"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/plugins.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport {\n  pluginTextColorViewer as pluginTextColor,\n  pluginTextHighlightViewer as pluginTextHighlight,\n  pluginLinkViewer as pluginLink,\n  pluginLineSpacingViewer as pluginLineSpacing,\n  pluginImageViewer as pluginImage,\n  pluginVideoViewer as pluginVideo,\n  pluginDividerViewer as pluginDivider,\n  pluginFileUploadViewer as pluginFileUpload,\n  pluginHtmlViewer as pluginHtml,\n  pluginLinkPreviewViewer as pluginLinkPreview,\n  pluginVerticalEmbedViewer as pluginVerticalEmbed,\n  pluginEmojiViewer as pluginEmoji,\n  pluginSpoilerViewer as pluginSpoiler,\n  pluginGiphyViewer as pluginGiphy,\n  pluginCodeBlockViewer as pluginCodeBlock,\n  pluginGalleryViewer as pluginGallery,\n  pluginCollapsibleListViewer as pluginCollapsibleList,\n  pluginTableViewer as pluginTable,\n  pluginLinkButtonViewer as pluginLinkButton,\n} from '@wix/ricos';\n\nimport '@wix/ricos/css/plugin-link-viewer.global.css';\nimport '@wix/ricos/css/plugin-image-viewer.global.css';\nimport '@wix/ricos/css/plugin-video-viewer.global.css';\nimport '@wix/ricos/css/plugin-divider-viewer.global.css';\nimport '@wix/ricos/css/plugin-file-upload-viewer.global.css';\nimport '@wix/ricos/css/plugin-html-viewer.global.css';\nimport '@wix/ricos/css/plugin-link-preview-viewer.global.css';\nimport '@wix/ricos/css/plugin-vertical-embed-viewer.global.css';\nimport '@wix/ricos/css/plugin-spoiler-viewer.global.css';\nimport '@wix/ricos/css/plugin-giphy-viewer.global.css';\nimport '@wix/ricos/css/plugin-gallery-viewer.global.css';\nimport '@wix/ricos/css/plugin-collapsible-list-viewer.global.css';\nimport '@wix/ricos/css/plugin-table-viewer.global.css';\nimport '@wix/ricos/css/plugin-button-viewer.global.css';\n\nimport { isTruthy } from '../../../../utils';\n\nexport const usePlugins = () => {\n  return useMemo(\n    () =>\n      [\n        pluginTextColor(),\n        pluginTextHighlight(),\n        pluginLineSpacing(),\n        pluginLink(),\n        pluginImage(),\n        pluginVideo(),\n        pluginGallery(),\n        pluginDivider(),\n        pluginTable(),\n        pluginFileUpload(),\n        pluginHtml(),\n        pluginLinkPreview(),\n        pluginVerticalEmbed(),\n        pluginEmoji(),\n        pluginSpoiler(),\n        pluginGiphy(),\n        pluginCodeBlock(),\n        pluginCollapsibleList(),\n        pluginLinkButton(),\n      ].filter(isTruthy),\n    [],\n  );\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SACEC,qBAAqB,IAAIC,eAAe,EACxCC,yBAAyB,IAAIC,mBAAmB,EAChDC,gBAAgB,IAAIC,UAAU,EAC9BC,uBAAuB,IAAIC,iBAAiB,EAC5CC,iBAAiB,IAAIC,WAAW,EAChCC,iBAAiB,IAAIC,WAAW,EAChCC,mBAAmB,IAAIC,aAAa,EACpCC,sBAAsB,IAAIC,gBAAgB,EAC1CC,gBAAgB,IAAIC,UAAU,EAC9BC,uBAAuB,IAAIC,iBAAiB,EAC5CC,yBAAyB,IAAIC,mBAAmB,EAChDC,iBAAiB,IAAIC,WAAW,EAChCC,mBAAmB,IAAIC,aAAa,EACpCC,iBAAiB,IAAIC,WAAW,EAChCC,qBAAqB,IAAIC,eAAe,EACxCC,mBAAmB,IAAIC,aAAa,EACpCC,2BAA2B,IAAIC,qBAAqB,EACpDC,iBAAiB,IAAIC,WAAW,EAChCC,sBAAsB,IAAIC,gBAAgB,QACrC,YAAY;AAEnB,OAAO,8CAA8C;AACrD,OAAO,+CAA+C;AACtD,OAAO,+CAA+C;AACtD,OAAO,iDAAiD;AACxD,OAAO,qDAAqD;AAC5D,OAAO,8CAA8C;AACrD,OAAO,sDAAsD;AAC7D,OAAO,wDAAwD;AAC/D,OAAO,iDAAiD;AACxD,OAAO,+CAA+C;AACtD,OAAO,iDAAiD;AACxD,OAAO,0DAA0D;AACjE,OAAO,+CAA+C;AACtD,OAAO,gDAAgD;AAEvD,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,OAAOxC,OAAO,CACZ,MACE,CACEE,eAAe,CAAC,CAAC,EACjBE,mBAAmB,CAAC,CAAC,EACrBI,iBAAiB,CAAC,CAAC,EACnBF,UAAU,CAAC,CAAC,EACZI,WAAW,CAAC,CAAC,EACbE,WAAW,CAAC,CAAC,EACboB,aAAa,CAAC,CAAC,EACflB,aAAa,CAAC,CAAC,EACfsB,WAAW,CAAC,CAAC,EACbpB,gBAAgB,CAAC,CAAC,EAClBE,UAAU,CAAC,CAAC,EACZE,iBAAiB,CAAC,CAAC,EACnBE,mBAAmB,CAAC,CAAC,EACrBE,WAAW,CAAC,CAAC,EACbE,aAAa,CAAC,CAAC,EACfE,WAAW,CAAC,CAAC,EACbE,eAAe,CAAC,CAAC,EACjBI,qBAAqB,CAAC,CAAC,EACvBI,gBAAgB,CAAC,CAAC,CACnB,CAACG,MAAM,CAACF,QAAQ,CAAC,EACpB,EACF,CAAC;AACH,CAAC","ignoreList":[]}