@wix/patterns-fields 1.0.0

package/dist/esm/components/multi-document/multi-document-input/form-multi-document-view.js

@@ -0,0 +1,32 @@
+import React, { useCallback, useState } from 'react';
+import { Box, Text } from '@wix/design-system';
+import { DocumentControl, AddDocumentButton } from '../../document/form';
+import { PasteURLButton, useDocumentDelete } from '../../media-control';
+import { DeleteDialog } from '../../delete-dialog';
+import { useTranslations } from '../../../hooks';
+import { classes } from './form-multi-document.st.css.js';
+export const FormMultiDocumentView = React.forwardRef(({ data, readOnly, onChange, callMedia, loading, dataHook, onOpenPasteURLForm, onDownload, }, ref) => {
+    const { t } = useTranslations();
+    const [replacedDocumentIndex, setReplacedDocumentIndex] = useState(null);
+    const { isOpen, onDelete, onDeleteCancel, onDeleteConfirm, title, text } = useDocumentDelete({ data, onChange });
+    const onReplace = useCallback((index) => async () => {
+        setReplacedDocumentIndex(index);
+        await callMedia(index);
+        setReplacedDocumentIndex(null);
+    }, [callMedia]);
+    return (React.createElement("div", { "data-hook": dataHook },
+        React.createElement(Box, { direction: "vertical", className: classes.viewRoot },
+            data.map((mediaURI, index) => (React.createElement(DocumentControl, { dataHook: `multi-document-field-document-${index}`, key: index, ref: index === 0 ? ref : undefined, mediaURI: mediaURI, readOnly: readOnly, onReplace: onReplace(index), onDelete: onDelete(index), onDownload: onDownload, className: classes.singleViewWrapper, loading: index === replacedDocumentIndex ? loading : false, loaderClassName: classes.singleViewWrapper, onOpenPasteURLForm: onOpenPasteURLForm({
+                    index,
+                    value: mediaURI,
+                    title: t('CMS.document.replaceWithUrl.title'),
+                }) }))),
+            React.createElement(AddDocumentButton, { dataHook: "multi-document-field-add-document-button", theme: "plain", disabled: readOnly, onClick: callMedia, className: classes.addDocumentButton, loading: replacedDocumentIndex === null ? loading : false })),
+        React.createElement(PasteURLButton, { title: t('CMS.document.pasteUrl.button'), disabled: readOnly, onClick: onOpenPasteURLForm({
+                title: t('CMS.document.pasteUrl.title'),
+            }) }),
+        React.createElement(DeleteDialog, { open: isOpen, title: title, onClose: onDeleteCancel, onDelete: onDeleteConfirm },
+            React.createElement(Text, null, text))));
+});
+FormMultiDocumentView.displayName = 'FormMultiDocumentView';
+//# sourceMappingURL=form-multi-document-view.js.map

package/dist/esm/components/multi-document/multi-document-input/form-multi-document-view.js.map

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

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css

@@ -0,0 +1,50 @@
+@property st-global(--wds-border-radius-300);
+@property st-global(--wds-color-blue-300);
+@property st-global(--wds-color-blue-500);
+@property st-global(--wds-color-neutral-600);
+@property st-global(--wsr-color-B30);
+@property st-global(--wsr-color-B50);
+@property st-global(--wsr-color-D60);
+
+:vars {
+    BorderRadius: 2px;
+    documentViewBorderRadius: var(--wds-border-radius-300, calc(value(BorderRadius) * 3));
+}
+
+.viewRoot {
+    border-radius: value(documentViewBorderRadius);
+    border: 1px solid var(--wds-color-blue-300, var(--wsr-color-B30));
+}
+
+.singleViewWrapper {
+    border-radius: 0;
+    border-bottom: 1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));
+    background-color: transparent !important;
+}
+
+.viewRoot > div:first-child .singleViewWrapper {
+    border-top-left-radius: value(documentViewBorderRadius);
+    border-top-right-radius: value(documentViewBorderRadius);
+}
+
+.singleViewWrapper:hover {
+    background-color: var(--wds-color-blue-500, var(--wsr-color-B50)) !important;
+}
+
+.singleViewWrapper:focus-visible {
+    border-bottom: 1px solid transparent;
+    position: relative;
+    z-index: 1;
+}
+
+.addDocumentButton {
+    border-bottom-left-radius: value(documentViewBorderRadius);
+    border-bottom-right-radius: value(documentViewBorderRadius);
+}
+
+.addDocumentButton:focus-within {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: value(documentViewBorderRadius);
+    border-bottom-right-radius: value(documentViewBorderRadius);
+}

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "formmultidocument2604366581";
+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": "formmultidocument2604366581__root", "viewRoot": "formmultidocument2604366581__viewRoot", "singleViewWrapper": "formmultidocument2604366581__singleViewWrapper", "addDocumentButton": "formmultidocument2604366581__addDocumentButton" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = { "BorderRadius": "2px", "documentViewBorderRadius": "var(--wds-border-radius-300, calc(2px * 3))" };
+export var vars = { "wds-border-radius-300": "--wds-border-radius-300", "wds-color-blue-300": "--wds-color-blue-300", "wds-color-blue-500": "--wds-color-blue-500", "wds-color-neutral-600": "--wds-color-neutral-600", "wsr-color-B30": "--wsr-color-B30", "wsr-color-B50": "--wsr-color-B50", "wsr-color-D60": "--wsr-color-D60" };
+//# sourceMappingURL=form-multi-document.st.css.js.map

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-multi-document.st.css.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,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,UAAU,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,gDAAgD,EAAC,mBAAmB,EAAC,gDAAgD,EAAC,CAAC;AAC/P,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,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,CAAC;AACpH,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/multi-document/multi-document-view/multi-document-tags.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { DocumentView } from '../../document';
+export const MultiDocumentTags = ({ documents, ...props }) => {
+    return (React.createElement(Box, { width: "100%", gap: "SP1", verticalAlign: "top", ...props }, documents?.map((document, index) => (React.createElement(DocumentView, { data: document, key: `${index}_${document}` })))));
+};
+MultiDocumentTags.displayName = 'MultiDocumentTags';
+//# sourceMappingURL=multi-document-tags.js.map

package/dist/esm/components/multi-document/multi-document-view/multi-document-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-document-tags.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-view/multi-document-tags.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,MAAM,CAAC,MAAM,iBAAiB,GAE1B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9B,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK,KAAK,KAAK,IACtD,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,QAAQ,EAAE,GAAI,CAC9D,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/esm/components/multi-document/multi-document-view/multi-document-view.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MultiDocumentTags } from './multi-document-tags';
+export const MultiDocumentView = ({ data, }) => {
+    return React.createElement(MultiDocumentTags, { overflow: "hidden", documents: data });
+};
+MultiDocumentView.displayName = 'MultiDocumentView';
+//# sourceMappingURL=multi-document-view.js.map

package/dist/esm/components/multi-document/multi-document-view/multi-document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-document-view.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-view/multi-document-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAM1D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,IAAI,GACL,EAAE,EAAE;IACH,OAAO,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAI,GAAI,CAAC;AAClE,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/esm/components/object/form-json-input.js

@@ -0,0 +1,12 @@
+import React, { useRef, useImperativeHandle } from 'react';
+import { JsonInput } from './json-input';
+import { useAutoFocus } from '../../hooks';
+export const FormJsonInput = React.forwardRef(({ data, onChange, onInput, autoFocus, readOnly, dataHook }, ref) => {
+    const inputRef = useRef(null);
+    useAutoFocus(inputRef, autoFocus);
+    // Expose the internal input ref to the parent via forwarded ref
+    useImperativeHandle(ref, () => inputRef.current);
+    return (React.createElement(JsonInput, { dataHook: dataHook, ref: inputRef, value: data, onChange: onChange, onInput: onInput, readOnly: readOnly, rows: 5, resizable: true }));
+});
+FormJsonInput.displayName = 'FormJsonInput';
+//# sourceMappingURL=form-json-input.js.map

package/dist/esm/components/object/form-json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-json-input.js","sourceRoot":"","sources":["../../../../src/components/object/form-json-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAElC,gEAAgE;IAChE,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAoB,CAAC,CAAC;IAE9D,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,CAAC,EACP,SAAS,SACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/components/object/index.js

@@ -0,0 +1,3 @@
+export * from './json-view';
+export * from './form-json-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/object/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/object/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/object/json-input.js

@@ -0,0 +1,22 @@
+import React, { forwardRef, useCallback } from 'react';
+import { InputArea } from '@wix/design-system';
+import { useControlledInput, useSetSelectionOnFocus } from '../../hooks';
+import { safeParse, safeStringify } from '../../utils';
+export const JsonInput = forwardRef(({ value, onChange, onInput, onBlur, readOnly, disabled, ...props }, ref) => {
+    const [json, setJson] = useControlledInput(safeStringify(value, true));
+    const onJsonChange = useCallback(() => !readOnly && !disabled
+        ? onChange?.(json ? safeParse(json) : undefined)
+        : undefined, [readOnly, disabled, json, onChange]);
+    const onInputChange = useCallback((event) => {
+        setJson(event.target.value);
+        onInput?.();
+    }, [setJson, onInput]);
+    const onInputFocus = useSetSelectionOnFocus();
+    const onInputBlur = useCallback((event) => {
+        onJsonChange();
+        onBlur?.(event);
+    }, [onBlur, onJsonChange]);
+    return (React.createElement(InputArea, { ...props, ref: ref, value: json ?? '', onChange: onInputChange, onFocus: onInputFocus, onBlur: onInputBlur, readOnly: readOnly, disabled: disabled, autoSelect: false }));
+});
+JsonInput.displayName = 'JsonInput';
+//# sourceMappingURL=json-input.js.map

package/dist/esm/components/object/json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-input.js","sourceRoot":"","sources":["../../../../src/components/object/json-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AASvD,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,kBAAkB,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,WAAW,CAC9B,GAAG,EAAE,CACH,CAAC,QAAQ,IAAI,CAAC,QAAQ;QACpB,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAChD,CAAC,CAAC,SAAS,EACf,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CACrC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAA6C,EAAE,EAAE;QAChD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA4C,EAAE,EAAE;QAC/C,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,MAAM,EAAE,YAAY,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,IAAI,EAAE,EACjB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/esm/components/object/json-view.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TextView } from '../text';
+import { safeStringify } from '../../utils/safe-json';
+export const JsonView = (props) => {
+    return React.createElement(TextView, { ...props, data: safeStringify(props.data, true, true) });
+};
+JsonView.displayName = 'JsonView';
+//# sourceMappingURL=json-view.js.map

package/dist/esm/components/object/json-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-view.js","sourceRoot":"","sources":["../../../../src/components/object/json-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAyB,EAAE,EAAE;IACpD,OAAO,oBAAC,QAAQ,OAAK,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,GAAI,CAAC;AAC9E,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Box, Loader } from '@wix/design-system';
+export const InputLoader = (props) => {
+    return (React.createElement(Box, { ...props },
+        React.createElement(Loader, { dataHook: "input-loader.loader", size: "tiny" })));
+};
+InputLoader.displayName = 'InputLoader';
+//# sourceMappingURL=input-loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-loader.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/components/input-loader/input-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAuB,CAAC,KAAK,EAAE,EAAE;IACvD,OAAO,CACL,oBAAC,GAAG,OAAK,KAAK;QACZ,oBAAC,MAAM,IAAC,QAAQ,EAAC,qBAAqB,EAAC,IAAI,EAAC,MAAM,GAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,6 @@
+// Heavy exports - these pull in @wix/ricos editor/viewer (~300kb+ gzipped)
+// Only import this file when you actually need the rich content editor
+export { default as FormRichContentInput } from './rich-content-input/form-input';
+export * from './hooks';
+export * from './rich-content-input/rich-content-editor';
+//# sourceMappingURL=editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../../src/components/rich-content/editor.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,uEAAuE;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAClF,cAAc,SAAS,CAAC;AACxB,cAAc,0CAA0C,CAAC"}

package/dist/esm/components/rich-content/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './use-mounted-state';
+export * from './use-plain-text-rich-content';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/rich-content/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC"}

package/dist/esm/components/rich-content/hooks/use-mounted-state.js

@@ -0,0 +1,18 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+export const useMountedState = (initialState) => {
+    const [state, setState] = useState(initialState);
+    const isMountedRef = useRef(false);
+    useEffect(() => {
+        isMountedRef.current = true;
+        return () => {
+            isMountedRef.current = false;
+        };
+    }, []);
+    const setMountedState = useCallback((state) => {
+        if (isMountedRef.current) {
+            setState(state);
+        }
+    }, []);
+    return [state, setMountedState];
+};
+//# sourceMappingURL=use-mounted-state.js.map

package/dist/esm/components/rich-content/hooks/use-mounted-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mounted-state.js","sourceRoot":"","sources":["../../../../../src/components/rich-content/hooks/use-mounted-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,YAAY,EAAE,EAAE;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QAC5C,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AAClC,CAAC,CAAC"}

package/dist/esm/components/rich-content/hooks/use-plain-text-rich-content.js

@@ -0,0 +1,23 @@
+import { useEffect } from 'react';
+import { ensureRicosContent, toPlainText } from '@wix/ricos/content';
+import { safeStringify } from '../../../utils';
+import { useMountedState } from './use-mounted-state';
+export const usePlainTextRichContent = (content) => {
+    const [plainTextContent, setPlainTextContent] = useMountedState('');
+    const [isConverting, setIsConverting] = useMountedState(false);
+    useEffect(() => {
+        if (content) {
+            setIsConverting(true);
+            toPlainText(ensureRicosContent(content), { delimiter: ' ' })
+                .catch(() => safeStringify(content))
+                .then(setPlainTextContent)
+                .finally(() => setIsConverting(false));
+        }
+        else {
+            setIsConverting(false);
+            setPlainTextContent('');
+        }
+    }, [content, setIsConverting, setPlainTextContent]);
+    return [plainTextContent, isConverting];
+};
+//# sourceMappingURL=use-plain-text-rich-content.js.map

package/dist/esm/components/rich-content/hooks/use-plain-text-rich-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-plain-text-rich-content.js","sourceRoot":"","sources":["../../../../../src/components/rich-content/hooks/use-plain-text-rich-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAqB,EAAE,EAAE;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;IACpE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;iBACzD,KAAK,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;iBACnC,IAAI,CAAC,mBAAmB,CAAC;iBACzB,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;SAC1C;aAAM;YACL,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,mBAAmB,CAAC,EAAE,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEpD,OAAO,CAAC,gBAAgB,EAAE,YAAY,CAAU,CAAC;AACnD,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './rich-content-view';
+// NOTE: Heavy exports (FormRichContentInput, RichContentEditor, hooks) have been moved to './editor' to prevent bundle bloat.
+// Import them explicitly: import { FormRichContentInput } from '../fields/components/rich-content/editor';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/rich-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,8HAA8H;AAC9H,2GAA2G"}

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

@@ -0,0 +1,2 @@
+export const CMS_RICOS_APP_ID = '9f87f125-e7d5-4ed9-a16c-999d862e96ab';
+//# sourceMappingURL=consts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../src/components/rich-content/rich-content-input/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,sCAAsC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/default-value-input/default-value-input.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { InputLoader } from '../../components';
+import { RichContentDefaultValueReadOnlyInput } from '../default-value-read-only-input';
+import { RichContentDefaultValueInput } from './rich-content-default-value-input';
+const DefaultValueRichContentInput = ({ isSiteMetadataLoading, ...props }) => {
+    if (isSiteMetadataLoading) {
+        return React.createElement(InputLoader, null);
+    }
+    if (props.readOnly) {
+        return React.createElement(RichContentDefaultValueReadOnlyInput, { ...props });
+    }
+    return React.createElement(RichContentDefaultValueInput, { ...props });
+};
+export default DefaultValueRichContentInput;
+//# sourceMappingURL=default-value-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-value-input.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/default-value-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,oCAAoC,EAAE,MAAM,kCAAkC,CAAC;AAExF,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAOlF,MAAM,4BAA4B,GAAkC,CAAC,EACnE,qBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,qBAAqB,EAAE;QACzB,OAAO,oBAAC,WAAW,OAAG,CAAC;KACxB;IAED,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,OAAO,oBAAC,oCAAoC,OAAK,KAAK,GAAI,CAAC;KAC5D;IAED,OAAO,oBAAC,4BAA4B,OAAK,KAAK,GAAI,CAAC;AACrD,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from './default-value-input';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { RichContentEditor } from '../rich-content-editor';
+import { useRicosBISettings } from '../rich-content-common';
+import { useRichContentFormInput } from '../form-input/use-rich-content-form-input';
+import { classes as formInputClasses } from '../form-input/rich-content-form-input.st.css.js';
+import { classes } from './rich-content-default-value-input.st.css.js';
+export const RichContentDefaultValueInput = ({ data, onChange, onCustomEvent, experiments, theme, colorScheme, dataHook, }) => {
+    const { localValue, injectedValue, autoFocus, handlePublish, handleOnChange, onExitFullScreen, onEnterFullScreen, triggerOnChange, } = useRichContentFormInput({
+        data,
+        onChange,
+        onCustomEvent,
+    });
+    const biSettings = useRicosBISettings('defaultValueModal');
+    return (React.createElement("div", { "data-hook": "rich-content.input", className: classes.richContentEditorContainer },
+        React.createElement(RichContentEditor, { dataHook: dataHook, className: formInputClasses.root, autoFocus: autoFocus, onEnterFullScreen: onEnterFullScreen, onExitFullScreen: onExitFullScreen, onBlur: triggerOnChange, content: localValue, injectedContent: injectedValue, onChange: handleOnChange, biSettings: biSettings, wixExperiments: experiments, theme: theme, colorScheme: colorScheme, onPublish: handlePublish })));
+};
+//# sourceMappingURL=rich-content-default-value-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-default-value-input.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AAE9F,OAAO,EAAE,OAAO,EAAE,MAAM,8CAA8C,CAAC;AAKvE,MAAM,CAAC,MAAM,4BAA4B,GAErC,CAAC,EACH,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EACJ,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,GAAG,uBAAuB,CAAC;QAC1B,IAAI;QACJ,QAAQ;QACR,aAAa;KACd,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAE3D,OAAO,CACL,0CACY,oBAAoB,EAC9B,SAAS,EAAE,OAAO,CAAC,0BAA0B;QAE7C,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,gBAAgB,CAAC,IAAI,EAChC,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,UAAU,EACnB,eAAe,EAAE,aAAa,EAC9B,QAAQ,EAAE,cAAc,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,WAAW,EAC3B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,aAAa,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+@import "../variables.css";
+@import "../rich-content-editor/rich-content-editor.st.css";
+
+.richContentEditorContainer .editor {
+    max-height: calc(40vh - var(--topToolbarHeight) - var(--bottomToolbarHeight));
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentdefaultvalueinput265201860";
+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": "richcontentdefaultvalueinput265201860__root", "richContentEditorContainer": "richcontentdefaultvalueinput265201860__richContentEditorContainer", "editor": "richcontentdefaultvalueinput265201860__editor" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "topToolbarHeight": "--richcontentdefaultvalueinput265201860-topToolbarHeight", "bottomToolbarHeight": "--richcontentdefaultvalueinput265201860-bottomToolbarHeight" };
+//# sourceMappingURL=rich-content-default-value-input.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,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,6CAA6C,EAAC,4BAA4B,EAAC,mEAAmE,EAAC,QAAQ,EAAC,+CAA+C,EAAC,CAAC;AACtO,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,0DAA0D,EAAC,qBAAqB,EAAC,6DAA6D,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/default-value-read-only-input/index.js

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

package/dist/esm/components/rich-content/rich-content-input/default-value-read-only-input/index.js.map

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

package/dist/esm/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { RichContentViewer } from '../rich-content-viewer';
+import { useRicosBISettings } from '../rich-content-common';
+import { classes } from '../form-read-only-input/rich-content-form-read-only-input.st.css.js';
+export const RichContentDefaultValueReadOnlyInput = ({ data, theme, experiments, dataHook }) => {
+    const biSettings = useRicosBISettings('defaultValueModal');
+    return (React.createElement("div", { "data-hook": "rich-content.input.readOnly" },
+        React.createElement(RichContentViewer, { dataHook: dataHook, className: classes.root, content: data, wixExperiments: experiments, biSettings: biSettings, theme: theme, tabIndex: 0 })));
+};
+RichContentDefaultValueReadOnlyInput.displayName =
+    'RichContentDefaultValueReadOnlyInput';
+//# sourceMappingURL=rich-content-form-read-only-input.js.map

package/dist/esm/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-form-read-only-input.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,qEAAqE,CAAC;AAK9F,MAAM,CAAC,MAAM,oCAAoC,GAE7C,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7C,MAAM,UAAU,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAE3D,OAAO,CACL,0CAAe,6BAA6B;QAC1C,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,WAAW,EAC3B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,GACX,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,oCAAoC,CAAC,WAAW;IAC9C,sCAAsC,CAAC"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { InputLoader } from '../../components';
+import { RichContentFormReadOnlyInput } from '../form-read-only-input';
+import { RichContentFormInput } from './rich-content-form-input';
+const FormRichContentInput = ({ isSiteMetadataLoading, ...props }) => {
+    if (isSiteMetadataLoading) {
+        return React.createElement(InputLoader, null);
+    }
+    if (props.readOnly) {
+        return React.createElement(RichContentFormReadOnlyInput, { ...props });
+    }
+    return React.createElement(RichContentFormInput, { ...props });
+};
+export default FormRichContentInput;
+//# sourceMappingURL=form-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-input.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/form-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAMjE,MAAM,oBAAoB,GAAkC,CAAC,EAC3D,qBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,qBAAqB,EAAE;QACzB,OAAO,oBAAC,WAAW,OAAG,CAAC;KACxB;IAED,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,OAAO,oBAAC,4BAA4B,OAAK,KAAK,GAAI,CAAC;KACpD;IAED,OAAO,oBAAC,oBAAoB,OAAK,KAAK,GAAI,CAAC;AAC7C,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from './form-input';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,23 @@
+import React, { useEffect, useState } from 'react';
+import { RichContentEditor } from '../rich-content-editor';
+import { useRicosBISettings } from '../rich-content-common';
+import { classes } from './rich-content-form-input.st.css.js';
+import { useRichContentFormInput } from './use-rich-content-form-input';
+export const RichContentFormInput = ({ data, onChange, onCustomEvent, experiments, theme, colorScheme, dataHook, autoFocus: autoFocusDefault, itemId: itemIdProp, }) => {
+    const { localValue, injectedValue, autoFocus, handlePublish, handleOnChange, onExitFullScreen, onEnterFullScreen, triggerOnChange, } = useRichContentFormInput({
+        data,
+        onChange,
+        onCustomEvent,
+        autoFocusDefault,
+    });
+    const [itemId, setItemId] = useState(itemIdProp ?? '$new');
+    useEffect(() => {
+        if (itemIdProp !== undefined) {
+            setItemId(itemIdProp);
+        }
+    }, [itemIdProp]);
+    const biSettings = useRicosBISettings('form', itemId);
+    return (React.createElement("div", { "data-hook": "rich-content.input" },
+        React.createElement(RichContentEditor, { dataHook: dataHook, className: classes.root, autoFocus: autoFocus, onEnterFullScreen: onEnterFullScreen, onExitFullScreen: onExitFullScreen, onBlur: triggerOnChange, content: localValue, injectedContent: injectedValue, onChange: handleOnChange, biSettings: biSettings, wixExperiments: experiments, theme: theme, colorScheme: colorScheme, onPublish: handlePublish })));
+};
+//# sourceMappingURL=rich-content-form-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-form-input.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAOxE,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAClE,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EAAE,gBAAgB,EAC3B,MAAM,EAAE,UAAU,GACnB,EAAE,EAAE;IACH,MAAM,EACJ,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,GAAG,uBAAuB,CAAC;QAC1B,IAAI;QACJ,QAAQ;QACR,aAAa;QACb,gBAAgB;KACjB,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,SAAS,EAAE;YAC5B,SAAS,CAAC,UAAU,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,UAAU,GAAG,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtD,OAAO,CACL,0CAAe,oBAAoB;QACjC,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,UAAU,EACnB,eAAe,EAAE,aAAa,EAC9B,QAAQ,EAAE,cAAc,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,WAAW,EAC3B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,aAAa,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,24 @@
+@import "../variables.css";
+@import "../rich-content-editor/rich-content-editor.st.css";
+
+@property st-global(--wds-color-blue-300);
+@property st-global(--wds-border-radius-300);
+@property st-global(--wds-color-blue-100);
+@property st-global(--wds-input-shadow-focus-standard);
+
+.root {
+    outline: 0;
+    box-sizing: border-box;
+    border: 1px solid var(--wds-color-blue-300);
+    border-radius: var(--wds-border-radius-300);
+}
+
+.root:focus-within {
+    border: 1px solid var(--wds-color-blue-100);
+    box-shadow: var(--wds-input-shadow-focus-standard);
+}
+
+.root .editor {
+    overflow-y: auto;
+    max-height: calc(80vh - var(--topToolbarHeight) - var(--bottomToolbarHeight));
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentforminput2510854035";
+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": "richcontentforminput2510854035__root", "editor": "richcontentforminput2510854035__editor" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-color-blue-300": "--wds-color-blue-300", "wds-border-radius-300": "--wds-border-radius-300", "wds-color-blue-100": "--wds-color-blue-100", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "topToolbarHeight": "--richcontentforminput2510854035-topToolbarHeight", "bottomToolbarHeight": "--richcontentforminput2510854035-bottomToolbarHeight" };
+//# sourceMappingURL=rich-content-form-input.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-content-form-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,QAAQ,EAAC,wCAAwC,EAAC,CAAC;AACvH,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,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,kBAAkB,EAAC,mDAAmD,EAAC,qBAAqB,EAAC,sDAAsD,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/form-input/use-rich-content-form-input.js

@@ -0,0 +1,41 @@
+import { useCallback, useRef, useState } from 'react';
+import { useRichContentState } from '../rich-content-common';
+export const useRichContentFormInput = ({ onChange, data, onCustomEvent, autoFocusDefault, }) => {
+    const [localValue, setLocalValue, injectedValue] = useRichContentState(data);
+    const isRichContentChangedOnceRef = useRef(false);
+    const triggerOnChange = useCallback((value) => {
+        if (!isRichContentChangedOnceRef.current) {
+            return;
+        }
+        onChange?.(value || localValue);
+        isRichContentChangedOnceRef.current = false;
+    }, [localValue, onChange]);
+    const handleOnChange = useCallback((content, isChanged) => {
+        isRichContentChangedOnceRef.current ||= isChanged;
+        setLocalValue(content);
+    }, [setLocalValue]);
+    const [autoFocus, setAutoFocus] = useState(autoFocusDefault ?? false);
+    const onEnterFullScreen = useCallback((_, isChanged) => {
+        isRichContentChangedOnceRef.current ||= isChanged;
+        setAutoFocus(false);
+    }, []);
+    const onExitFullScreen = useCallback((_, isChanged) => {
+        isRichContentChangedOnceRef.current ||= isChanged;
+        setAutoFocus(true);
+    }, []);
+    const handlePublish = useCallback((richContentPromise) => {
+        richContentPromise.then(onChange);
+        onCustomEvent?.('rcePublish', richContentPromise);
+    }, [onChange, onCustomEvent]);
+    return {
+        localValue,
+        injectedValue,
+        autoFocus,
+        handlePublish,
+        handleOnChange,
+        onExitFullScreen,
+        onEnterFullScreen,
+        triggerOnChange,
+    };
+};
+//# sourceMappingURL=use-rich-content-form-input.js.map