@wix/patterns-fields 1.0.0

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

@@ -0,0 +1,292 @@
+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 = forwardRef(({ 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?.();
+        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((editorLoaded, 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(() => {
+            editorRef.current?.focus();
+            updateButtons();
+        });
+        return () => cancelAnimationFrame(frameId);
+    }, [autoFocus, updateButtons]);
+    useImperativeHandle(ref, () => ({
+        isContentChanged: () => Boolean(editorRef.current?.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?.();
+    }, [onFocus]);
+    const triggerBlur = useCallback(() => {
+        isBlurringRef.current = false;
+        if (!isFocusedRef.current) {
+            return;
+        }
+        isFocusedRef.current = false;
+        onBlur?.();
+    }, [onBlur]);
+    const requestBlurCallback = useRequestFrameCallback();
+    const requestEditorBlur = useCallback(() => {
+        isBlurringRef.current = true;
+        requestBlurCallback(() => isBlurringRef.current && triggerBlur());
+    }, [triggerBlur, requestBlurCallback]);
+    const handleFocus = useCallback(() => {
+        if (containerRef.current === getActiveElement()) {
+            editorRef.current?.focus();
+            updateButtons();
+        }
+        triggerFocus();
+    }, [triggerFocus, updateButtons]);
+    const handleBlur = useCallback(({ relatedTarget }) => {
+        if (!relatedTarget) {
+            requestEditorBlur();
+            return;
+        }
+        if (isModalOpenRef.current ||
+            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?.();
+            }
+        }
+    }, [onBlur, injectedContent]);
+    const wixRicosProps = useWixRicosProps();
+    const plugins = usePlugins(colorScheme);
+    const renderInContainer = (children) => (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,
+        } },
+        React.createElement("div", { className: classes.toolbarAndFullScreenButtonWrapper },
+            React.createElement("div", { className: classes.toolbarContainer, ref: toolbarContainerRef }),
+            !hidden && isToolbarReady && (React.createElement(ToggleFullscreenButton, { isFullScreen: isFullScreen, onToggleFullScreen: onFullScreenChange }))),
+        !hidden ? children : null,
+        !isToolbarReady && React.createElement(RCELoader, null),
+        !hidden && isToolbarReady && (React.createElement("div", { "data-hook": "rich-content.footerToolbar", className: classes.footerToolbarContainer },
+            React.createElement(ExternalToolbar, { buttons: toolbarButtons })))));
+    return renderInContainer(React.createElement("div", { "data-hook": dataHook, className: classes.editor },
+        React.createElement(WixRicosEditor, { 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 = () => (React.createElement(Box, { align: "center", verticalAlign: "middle", position: "absolute", top: "0", bottom: "0", width: "100%" },
+    React.createElement(Loader, { size: "small" })));
+RCELoader.displayName = 'RCELoader';
+const LOADER_DELAY = 100;
+export const RichContentEditor = withEditorContext(({ onFocus, onBlur, onEnterFullScreen, onExitFullScreen, fullScreenOnly, editorEvents, onPublish, onChange, theme, ...props }) => {
+    const editorRef = useRef(null);
+    const modalEditorRef = useRef(null);
+    const isRichContentChanged = useCallback(() => Boolean(editorRef.current?.isContentChanged() ||
+        modalEditorRef.current?.isContentChanged()), []);
+    const handleChange = useCallback((richContent) => {
+        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?.(finalContent, isChanged);
+        }
+        catch (error) {
+            finalContent = content;
+            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?.(finalContent, isChanged);
+        }
+        catch (error) {
+            finalContent = content;
+            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?.(editorEvents.publish().catch(() => content));
+        }
+        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 (React.createElement(React.Fragment, null,
+        React.createElement(UserSiteFonts, null),
+        !fullScreenOnly && (React.createElement(RCE, { ...props, ...rceProps, theme: theme, onFocus: onFocus, onBlur: handleBlur, hidden: isFullScreen, ref: editorRef, isFullScreen: false, onToggleFullScreen: onOpen })),
+        React.createElement(FullscreenModal, { isOpen: isFullScreen, isLoading: loader },
+            React.createElement(RCE, { ...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(({ textButtons }) => [
+    {
+        name: TOOLBARS.INSERT_PLUGIN,
+        shouldCreate: () => ({ desktop: true }),
+    },
+    {
+        name: TOOLBARS.FOOTER,
+        shouldCreate: () => ({ desktop: false }),
+    },
+    {
+        name: TOOLBARS.STATIC,
+        getButtons: () => ({
+            desktop: [
+                ...(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/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-editor.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css

@@ -0,0 +1,46 @@
+@import "../variables.css";
+
+.root {
+    position: relative;
+}
+
+.root,
+.toolbarContainer,
+.footerToolbarContainer {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.toolbarContainer div {
+    box-sizing: border-box;
+}
+
+.toolbarAndFullScreenButtonWrapper {
+    display: flex;
+    position: relative;
+}
+
+.editor {
+    box-sizing: border-box;
+    padding: 36px 24px 36px 55px;
+}
+
+.modalEditor .editor {
+    overflow-y: auto;
+    min-height: calc(100% - var(--topToolbarHeight) - var(--bottomToolbarHeight));
+    max-height: calc(100% - var(--topToolbarHeight) - var(--bottomToolbarHeight));
+    min-width: 592px;
+    box-sizing: border-box;
+}
+
+.modalEditor .footerToolbarContainer {
+    margin-top: 9px;
+}
+
+.toolbarContainer button[data-hook~="text-button-headings"] > span {
+    display: inline-flex;
+    padding-inline-end: 3px !important;
+}
+.toolbarContainer button[data-hook~="text-button-ai"] > span {
+    padding-inline-end: 9px !important;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontenteditor3583492159";
+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": "richcontenteditor3583492159__root", "toolbarContainer": "richcontenteditor3583492159__toolbarContainer", "footerToolbarContainer": "richcontenteditor3583492159__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor3583492159__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor3583492159__editor", "modalEditor": "richcontenteditor3583492159__modalEditor" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "topToolbarHeight": "--richcontenteditor3583492159-topToolbarHeight", "bottomToolbarHeight": "--richcontenteditor3583492159-bottomToolbarHeight" };
+//# sourceMappingURL=rich-content-editor.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,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,0CAA0C,EAAC,CAAC;AACja,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,kBAAkB,EAAC,gDAAgD,EAAC,qBAAqB,EAAC,mDAAmD,EAAC,CAAC"}

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

@@ -0,0 +1,48 @@
+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);
+        this.onMouseDown = (event) => event.preventDefault();
+        this.renderButton = ({ onClick, getIcon, isDisabled, dataHook, tooltip, name, }) => {
+            const Icon = getIcon?.() ?? (() => null);
+            return (React.createElement(Tooltip, { content: tooltip, key: name },
+                React.createElement("button", { className: classes.toolbarButton, disabled: isDisabled?.(), "data-hook": dataHook, onClick: onClick, onMouseDown: this.onMouseDown },
+                    React.createElement(Icon, null))));
+        };
+    }
+    render() {
+        return (React.createElement("div", { className: classes.toolbar }, BUTTONS_ORDER.map((name) => this.props.buttons?.[name])
+            .filter(isTruthy)
+            .map((buttonProps, i) => {
+            const Button = this.renderButton;
+            return React.createElement(Button, { ...buttonProps, key: i });
+        })));
+    }
+}
+//# sourceMappingURL=rich-content-toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-toolbar.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAiB3D,MAAM,aAAa,GAAG;IACpB,qBAAqB,CAAC,KAAK;IAC3B,qBAAqB,CAAC,KAAK;IAC3B,qBAAqB,CAAC,OAAO;IAC7B,qBAAqB,CAAC,MAAM;IAC5B,qBAAqB,CAAC,OAAO;IAC7B,qBAAqB,CAAC,KAAK;IAC3B,qBAAqB,CAAC,IAAI;IAC1B,qBAAqB,CAAC,IAAI;IAC1B,qBAAqB,CAAC,SAAS;IAC/B,qBAAqB,CAAC,OAAO;IAC7B,qBAAqB,CAAC,MAAM;IAC5B,qBAAqB,CAAC,MAAM;IAC5B,qBAAqB,CAAC,QAAQ;IAC9B,qBAAqB,CAAC,MAAM;IAC5B,qBAAqB,CAAC,KAAK;IAC3B,qBAAqB,CAAC,GAAG;IACzB,qBAAqB,CAAC,UAAU;IAChC,qBAAqB,CAAC,gBAAgB;IACtC,qBAAqB,CAAC,MAAM;IAC5B,qBAAqB,CAAC,IAAI;IAC1B,qBAAqB,CAAC,IAAI;CAC3B,CAAC;AAMF,MAAM,OAAO,eAAgB,SAAQ,SAA+B;IAApE;;QACU,gBAAW,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAElE,iBAAY,GAAG,CAAC,EACtB,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,IAAI,GACkB,EAAE,EAAE;YAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;YACzC,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAQ,EAAE,GAAG,EAAE,IAAI;gBACnC,gCACE,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,QAAQ,EAAE,UAAU,EAAE,EAAE,eACb,QAAQ,EACnB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,IAAI,CAAC,WAAW;oBAE7B,oBAAC,IAAI,OAAG,CACD,CACD,CACX,CAAC;QACJ,CAAC,CAAC;IAcJ,CAAC;IAZQ,MAAM;QACX,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,OAAO,IAC5B,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;aACrD,MAAM,CAAC,QAAQ,CAAC;aAChB,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;YACjC,OAAO,oBAAC,MAAM,OAAK,WAAW,EAAE,GAAG,EAAE,CAAC,GAAI,CAAC;QAC7C,CAAC,CAAC,CACA,CACP,CAAC;IACJ,CAAC;CACF"}

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

@@ -0,0 +1,31 @@
+.toolbar {
+    border-top: 1px solid rgba(51, 51, 51, 0.1);
+    z-index: 2;
+    margin-right: auto;
+    padding-left: 6px;
+    margin-left: auto;
+    position: relative;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    box-sizing: border-box;
+}
+
+.toolbarButton {
+    line-height: 40px;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 5px 0 0;
+}
+.toolbarButton:disabled {
+    color: graytext;
+}
+
+.toolbar label {
+  padding: 0 8px;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontenttoolbar1324961648";
+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": "richcontenttoolbar1324961648__root", "toolbar": "richcontenttoolbar1324961648__toolbar", "toolbarButton": "richcontenttoolbar1324961648__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/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oCAAoC,EAAC,SAAS,EAAC,uCAAuC,EAAC,eAAe,EAAC,6CAA6C,EAAC,CAAC;AACnL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,41 @@
+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/components/rich-content/rich-content-input/rich-content-viewer/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/plugins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EACL,qBAAqB,IAAI,eAAe,EACxC,yBAAyB,IAAI,mBAAmB,EAChD,gBAAgB,IAAI,UAAU,EAC9B,uBAAuB,IAAI,iBAAiB,EAC5C,iBAAiB,IAAI,WAAW,EAChC,iBAAiB,IAAI,WAAW,EAChC,mBAAmB,IAAI,aAAa,EACpC,sBAAsB,IAAI,gBAAgB,EAC1C,gBAAgB,IAAI,UAAU,EAC9B,uBAAuB,IAAI,iBAAiB,EAC5C,yBAAyB,IAAI,mBAAmB,EAChD,iBAAiB,IAAI,WAAW,EAChC,mBAAmB,IAAI,aAAa,EACpC,iBAAiB,IAAI,WAAW,EAChC,qBAAqB,IAAI,eAAe,EACxC,mBAAmB,IAAI,aAAa,EACpC,2BAA2B,IAAI,qBAAqB,EACpD,iBAAiB,IAAI,WAAW,EAChC,sBAAsB,IAAI,gBAAgB,GAC3C,MAAM,YAAY,CAAC;AAEpB,OAAO,8CAA8C,CAAC;AACtD,OAAO,+CAA+C,CAAC;AACvD,OAAO,+CAA+C,CAAC;AACvD,OAAO,iDAAiD,CAAC;AACzD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,8CAA8C,CAAC;AACtD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,wDAAwD,CAAC;AAChE,OAAO,iDAAiD,CAAC;AACzD,OAAO,+CAA+C,CAAC;AACvD,OAAO,iDAAiD,CAAC;AACzD,OAAO,0DAA0D,CAAC;AAClE,OAAO,+CAA+C,CAAC;AACvD,OAAO,gDAAgD,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,OAAO,CACZ,GAAG,EAAE,CACH;QACE,eAAe,EAAE;QACjB,mBAAmB,EAAE;QACrB,iBAAiB,EAAE;QACnB,UAAU,EAAE;QACZ,WAAW,EAAE;QACb,WAAW,EAAE;QACb,aAAa,EAAE;QACf,aAAa,EAAE;QACf,WAAW,EAAE;QACb,gBAAgB,EAAE;QAClB,UAAU,EAAE;QACZ,iBAAiB,EAAE;QACnB,mBAAmB,EAAE;QACrB,WAAW,EAAE;QACb,aAAa,EAAE;QACf,WAAW,EAAE;QACb,eAAe,EAAE;QACjB,qBAAqB,EAAE;QACvB,gBAAgB,EAAE;KACnB,CAAC,MAAM,CAAC,QAAQ,CAAC,EACpB,EAAE,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { WixRicosViewer, ensureRicosContent, fromPlainText } from '@wix/ricos';
+import '@wix/ricos/css/ricos-viewer.global.css';
+import { useOpenState } from '../../../../hooks';
+import { preventEvent } from '../../../../utils';
+import { UserSiteFonts } from '../../../user-site-fonts';
+import { FullscreenModal, ToggleFullscreenButton, useWixRicosProps, } from '../rich-content-common';
+import { usePlugins } from './plugins';
+import { st, classes } from './rich-content-viewer.st.css.js';
+const RCV = ({ isFullScreen, onToggleFullscreen, content, className, dataHook, tabIndex, ...ricosProps }) => {
+    const wixRicosProps = useWixRicosProps();
+    const plugins = usePlugins();
+    return (React.createElement("div", { "data-hook": "rich-content.viewer", className: st(classes.root, { isFullScreen }, className), onMouseDown: preventEvent, tabIndex: tabIndex },
+        React.createElement(ToggleFullscreenButton, { isFullScreen: isFullScreen, onToggleFullScreen: onToggleFullscreen }),
+        React.createElement("div", { "data-hook": dataHook, className: classes.viewer },
+            React.createElement(WixRicosViewer, { ...ricosProps, ...wixRicosProps, plugins: plugins, content: ensureRicosContent(content ?? fromPlainText('')) }))));
+};
+RCV.displayName = 'RCV';
+export const RichContentViewer = ({ fullScreenOnly, onEnterFullScreen, onExitFullScreen, className, tabIndex, ...props }) => {
+    const { isOpen: isFullScreen, onOpen, onClose, } = useOpenState(!!fullScreenOnly, {
+        onOpen: onEnterFullScreen,
+        onClose: onExitFullScreen,
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(UserSiteFonts, null),
+        !fullScreenOnly && (React.createElement(RCV, { ...props, isFullScreen: false, onToggleFullscreen: onOpen, className: className, tabIndex: tabIndex })),
+        React.createElement(FullscreenModal, { isOpen: isFullScreen },
+            React.createElement(RCV, { ...props, isFullScreen: true, onToggleFullscreen: onClose, className: classes.modalViewer }))));
+};
+RichContentViewer.displayName = 'RichContentViewer';
+//# sourceMappingURL=rich-content-viewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-viewer.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,wCAAwC,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAgB9D,MAAM,GAAG,GAAuB,CAAC,EAC/B,YAAY,EACZ,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CACL,0CACY,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,SAAS,CAAC,EACxD,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,sBAAsB,IACrB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,GACtC;QACF,0CAAgB,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM;YACjD,oBAAC,cAAc,OACT,UAAU,KACV,aAAa,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAAI,aAAa,CAAC,EAAE,CAAC,CAAC,GACzD,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AASxB,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EACJ,MAAM,EAAE,YAAY,EACpB,MAAM,EACN,OAAO,GACR,GAAG,YAAY,CAAC,CAAC,CAAC,cAAc,EAAE;QACjC,MAAM,EAAE,iBAAiB;QACzB,OAAO,EAAE,gBAAgB;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL;QACE,oBAAC,aAAa,OAAG;QAChB,CAAC,cAAc,IAAI,CAClB,oBAAC,GAAG,OACE,KAAK,EACT,YAAY,EAAE,KAAK,EACnB,kBAAkB,EAAE,MAAM,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH;QACD,oBAAC,eAAe,IAAC,MAAM,EAAE,YAAY;YACnC,oBAAC,GAAG,OACE,KAAK,EACT,YAAY,QACZ,kBAAkB,EAAE,OAAO,EAC3B,SAAS,EAAE,OAAO,CAAC,WAAW,GAC9B,CACc,CACjB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css

@@ -0,0 +1,42 @@
+@import "../rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css";
+
+.root {
+    -st-states: isFullScreen;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    width: 100%;
+    min-height: 36px;
+}
+
+.root:isFullScreen {
+    padding: 12px 24px;
+}
+
+.root:not(:isFullScreen) {
+    padding: 6px 24px 6px 12px;
+}
+
+.root ToggleButton {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    position: absolute;
+    top: 2px !important;
+    right: 2px;
+    width: 30px;
+    height: 30px;
+}
+
+.viewer {
+    height: calc(100% - 36px);
+    width: 100%;
+}
+
+.modalViewer {
+    min-width: 592px;
+    overflow: auto;
+}

package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentviewer2210917348";
+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": "richcontentviewer2210917348__root", "viewer": "richcontentviewer2210917348__viewer", "modalViewer": "richcontentviewer2210917348__modalViewer" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=rich-content-viewer.st.css.js.map

package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-viewer.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,QAAQ,EAAC,qCAAqC,EAAC,aAAa,EAAC,0CAA0C,EAAC,CAAC;AAC1K,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}