@wix/auto-patterns 1.48.0 → 1.50.0

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

@@ -0,0 +1,52 @@
+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 = _ref => {
+  let {
+    data,
+    onChange,
+    onCustomEvent,
+    experiments,
+    theme,
+    colorScheme,
+    dataHook
+  } = _ref;
+  const {
+    localValue,
+    injectedValue,
+    autoFocus,
+    handlePublish,
+    handleOnChange,
+    onExitFullScreen,
+    onEnterFullScreen,
+    triggerOnChange
+  } = useRichContentFormInput({
+    data,
+    onChange,
+    onCustomEvent
+  });
+  const biSettings = useRicosBISettings('defaultValueModal');
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input",
+    className: classes.richContentEditorContainer
+  }, /*#__PURE__*/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/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","RichContentEditor","useRicosBISettings","useRichContentFormInput","classes","formInputClasses","RichContentDefaultValueInput","_ref","data","onChange","onCustomEvent","experiments","theme","colorScheme","dataHook","localValue","injectedValue","autoFocus","handlePublish","handleOnChange","onExitFullScreen","onEnterFullScreen","triggerOnChange","biSettings","createElement","className","richContentEditorContainer","root","onBlur","content","injectedContent","wixExperiments","onPublish"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\nimport { RichContentEditor } from '../rich-content-editor';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\nimport { useRichContentFormInput } from '../form-input/use-rich-content-form-input';\nimport { classes as formInputClasses } from '../form-input/rich-content-form-input.st.css.js';\n\nimport { classes } from './rich-content-default-value-input.st.css.js';\n\nexport type RichContentDefaultValueInputProps = FormInputProps<RichContent> &\n  RichContentInputProps;\n\nexport const RichContentDefaultValueInput: FC<\n  RichContentDefaultValueInputProps\n> = ({\n  data,\n  onChange,\n  onCustomEvent,\n  experiments,\n  theme,\n  colorScheme,\n  dataHook,\n}) => {\n  const {\n    localValue,\n    injectedValue,\n    autoFocus,\n    handlePublish,\n    handleOnChange,\n    onExitFullScreen,\n    onEnterFullScreen,\n    triggerOnChange,\n  } = useRichContentFormInput({\n    data,\n    onChange,\n    onCustomEvent,\n  });\n\n  const biSettings = useRicosBISettings('defaultValueModal');\n\n  return (\n    <div\n      data-hook=\"rich-content.input\"\n      className={classes.richContentEditorContainer}\n    >\n      <RichContentEditor\n        dataHook={dataHook}\n        className={formInputClasses.root}\n        autoFocus={autoFocus}\n        onEnterFullScreen={onEnterFullScreen}\n        onExitFullScreen={onExitFullScreen}\n        onBlur={triggerOnChange}\n        content={localValue}\n        injectedContent={injectedValue}\n        onChange={handleOnChange}\n        biSettings={biSettings}\n        wixExperiments={experiments}\n        theme={theme}\n        colorScheme={colorScheme}\n        onPublish={handlePublish}\n      />\n    </div>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,SAASC,uBAAuB,QAAQ,2CAA2C;AACnF,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,iDAAiD;AAE7F,SAASD,OAAO,QAAQ,8CAA8C;AAKtE,OAAO,MAAME,4BAEZ,GAAGC,IAAA,IAQE;EAAA,IARD;IACHC,IAAI;IACJC,QAAQ;IACRC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACF,CAAC,GAAAP,IAAA;EACC,MAAM;IACJQ,UAAU;IACVC,aAAa;IACbC,SAAS;IACTC,aAAa;IACbC,cAAc;IACdC,gBAAgB;IAChBC,iBAAiB;IACjBC;EACF,CAAC,GAAGnB,uBAAuB,CAAC;IAC1BK,IAAI;IACJC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAMa,UAAU,GAAGrB,kBAAkB,CAAC,mBAAmB,CAAC;EAE1D,oBACEF,KAAA,CAAAwB,aAAA;IACE,aAAU,oBAAoB;IAC9BC,SAAS,EAAErB,OAAO,CAACsB;EAA2B,gBAE9C1B,KAAA,CAAAwB,aAAA,CAACvB,iBAAiB;IAChBa,QAAQ,EAAEA,QAAS;IACnBW,SAAS,EAAEpB,gBAAgB,CAACsB,IAAK;IACjCV,SAAS,EAAEA,SAAU;IACrBI,iBAAiB,EAAEA,iBAAkB;IACrCD,gBAAgB,EAAEA,gBAAiB;IACnCQ,MAAM,EAAEN,eAAgB;IACxBO,OAAO,EAAEd,UAAW;IACpBe,eAAe,EAAEd,aAAc;IAC/BP,QAAQ,EAAEU,cAAe;IACzBI,UAAU,EAAEA,UAAW;IACvBQ,cAAc,EAAEpB,WAAY;IAC5BC,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBmB,SAAS,EAAEd;EAAc,CAC1B,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentdefaultvalueinput1948070255\";\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\":\"richcontentdefaultvalueinput1948070255__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput1948070255__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput1948070255__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--richcontentdefaultvalueinput1948070255-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentdefaultvalueinput1948070255-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,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,8CAA8C;EAAC,4BAA4B,EAAC,oEAAoE;EAAC,QAAQ,EAAC;AAAgD,CAAC;AACxO,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,2DAA2D;EAAC,qBAAqB,EAAC;AAA8D,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/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/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/index.js.map

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

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

@@ -0,0 +1,26 @@
+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 = _ref => {
+  let {
+    data,
+    theme,
+    experiments,
+    dataHook
+  } = _ref;
+  const biSettings = useRicosBISettings('defaultValueModal');
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input.readOnly"
+  }, /*#__PURE__*/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/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","RichContentViewer","useRicosBISettings","classes","RichContentDefaultValueReadOnlyInput","_ref","data","theme","experiments","dataHook","biSettings","createElement","className","root","content","wixExperiments","tabIndex","displayName"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\nimport { RichContentViewer } from '../rich-content-viewer';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\nimport { classes } from '../form-read-only-input/rich-content-form-read-only-input.st.css.js';\n\nexport type RichContentDefaultValueInputProps = FormInputProps<RichContent> &\n  RichContentInputProps;\n\nexport const RichContentDefaultValueReadOnlyInput: React.FC<\n  RichContentDefaultValueInputProps\n> = ({ data, theme, experiments, dataHook }) => {\n  const biSettings = useRicosBISettings('defaultValueModal');\n\n  return (\n    <div data-hook=\"rich-content.input.readOnly\">\n      <RichContentViewer\n        dataHook={dataHook}\n        className={classes.root}\n        content={data}\n        wixExperiments={experiments}\n        biSettings={biSettings}\n        theme={theme}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nRichContentDefaultValueReadOnlyInput.displayName =\n  'RichContentDefaultValueReadOnlyInput';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,SAASC,OAAO,QAAQ,qEAAqE;AAK7F,OAAO,MAAMC,oCAEZ,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,IAAI;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAJ,IAAA;EACzC,MAAMK,UAAU,GAAGR,kBAAkB,CAAC,mBAAmB,CAAC;EAE1D,oBACEF,KAAA,CAAAW,aAAA;IAAK,aAAU;EAA6B,gBAC1CX,KAAA,CAAAW,aAAA,CAACV,iBAAiB;IAChBQ,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAET,OAAO,CAACU,IAAK;IACxBC,OAAO,EAAER,IAAK;IACdS,cAAc,EAAEP,WAAY;IAC5BE,UAAU,EAAEA,UAAW;IACvBH,KAAK,EAAEA,KAAM;IACbS,QAAQ,EAAE;EAAE,CACb,CACE,CAAC;AAEV,CAAC;AAEDZ,oCAAoC,CAACa,WAAW,GAC9C,sCAAsC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","InputLoader","RichContentFormReadOnlyInput","RichContentFormInput","FormRichContentInput","_ref","isSiteMetadataLoading","props","createElement","readOnly"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/form-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { InputLoader } from '../../components';\nimport { RichContentFormReadOnlyInput } from '../form-read-only-input';\n\nimport type { RichContentFormInputProps } from './rich-content-form-input';\nimport { RichContentFormInput } from './rich-content-form-input';\n\nexport type FormRichContentInputProps = RichContentFormInputProps & {\n  isSiteMetadataLoading: boolean;\n};\n\nconst FormRichContentInput: FC<FormRichContentInputProps> = ({\n  isSiteMetadataLoading,\n  ...props\n}) => {\n  if (isSiteMetadataLoading) {\n    return <InputLoader />;\n  }\n\n  if (props.readOnly) {\n    return <RichContentFormReadOnlyInput {...props} />;\n  }\n\n  return <RichContentFormInput {...props} />;\n};\n\nexport default FormRichContentInput;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,4BAA4B,QAAQ,yBAAyB;AAGtE,SAASC,oBAAoB,QAAQ,2BAA2B;AAMhE,MAAMC,oBAAmD,GAAGC,IAAA,IAGtD;EAAA,IAHuD;IAC3DC,qBAAqB;IACrB,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,IAAIC,qBAAqB,EAAE;IACzB,oBAAON,KAAA,CAAAQ,aAAA,CAACP,WAAW,MAAE,CAAC;EACxB;EAEA,IAAIM,KAAK,CAACE,QAAQ,EAAE;IAClB,oBAAOT,KAAA,CAAAQ,aAAA,CAACN,4BAA4B,EAAKK,KAAQ,CAAC;EACpD;EAEA,oBAAOP,KAAA,CAAAQ,aAAA,CAACL,oBAAoB,EAAKI,KAAQ,CAAC;AAC5C,CAAC;AAED,eAAeH,oBAAoB","ignoreList":[]}

package/dist/esm/cms-fields/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/cms-fields/components/rich-content/rich-content-input/form-input/index.js.map

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

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

@@ -0,0 +1,59 @@
+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 = _ref => {
+  let {
+    data,
+    onChange,
+    onCustomEvent,
+    experiments,
+    theme,
+    colorScheme,
+    dataHook,
+    autoFocus: autoFocusDefault,
+    itemId: itemIdProp
+  } = _ref;
+  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 /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input"
+  }, /*#__PURE__*/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/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","RichContentEditor","useRicosBISettings","classes","useRichContentFormInput","RichContentFormInput","_ref","data","onChange","onCustomEvent","experiments","theme","colorScheme","dataHook","autoFocus","autoFocusDefault","itemId","itemIdProp","localValue","injectedValue","handlePublish","handleOnChange","onExitFullScreen","onEnterFullScreen","triggerOnChange","setItemId","undefined","biSettings","createElement","className","root","onBlur","content","injectedContent","wixExperiments","onPublish"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\n\nimport { RichContentEditor } from '../rich-content-editor';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\n\nimport { classes } from './rich-content-form-input.st.css.js';\nimport { useRichContentFormInput } from './use-rich-content-form-input';\n\nexport type RichContentFormInputProps = FormInputProps<RichContent> &\n  RichContentInputProps & {\n    itemId?: string;\n  };\n\nexport const RichContentFormInput: FC<RichContentFormInputProps> = ({\n  data,\n  onChange,\n  onCustomEvent,\n  experiments,\n  theme,\n  colorScheme,\n  dataHook,\n  autoFocus: autoFocusDefault,\n  itemId: itemIdProp,\n}) => {\n  const {\n    localValue,\n    injectedValue,\n    autoFocus,\n    handlePublish,\n    handleOnChange,\n    onExitFullScreen,\n    onEnterFullScreen,\n    triggerOnChange,\n  } = useRichContentFormInput({\n    data,\n    onChange,\n    onCustomEvent,\n    autoFocusDefault,\n  });\n\n  const [itemId, setItemId] = useState(itemIdProp ?? '$new');\n  useEffect(() => {\n    if (itemIdProp !== undefined) {\n      setItemId(itemIdProp);\n    }\n  }, [itemIdProp]);\n  const biSettings = useRicosBISettings('form', itemId);\n\n  return (\n    <div data-hook=\"rich-content.input\">\n      <RichContentEditor\n        dataHook={dataHook}\n        className={classes.root}\n        autoFocus={autoFocus}\n        onEnterFullScreen={onEnterFullScreen}\n        onExitFullScreen={onExitFullScreen}\n        onBlur={triggerOnChange}\n        content={localValue}\n        injectedContent={injectedValue}\n        onChange={handleOnChange}\n        biSettings={biSettings}\n        wixExperiments={experiments}\n        theme={theme}\n        colorScheme={colorScheme}\n        onPublish={handlePublish}\n      />\n    </div>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAMlD,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,SAASC,kBAAkB,QAAQ,wBAAwB;AAE3D,SAASC,OAAO,QAAQ,qCAAqC;AAC7D,SAASC,uBAAuB,QAAQ,+BAA+B;AAOvE,OAAO,MAAMC,oBAAmD,GAAGC,IAAA,IAU7D;EAAA,IAV8D;IAClEC,IAAI;IACJC,QAAQ;IACRC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,SAAS,EAAEC,gBAAgB;IAC3BC,MAAM,EAAEC;EACV,CAAC,GAAAX,IAAA;EACC,MAAM;IACJY,UAAU;IACVC,aAAa;IACbL,SAAS;IACTM,aAAa;IACbC,cAAc;IACdC,gBAAgB;IAChBC,iBAAiB;IACjBC;EACF,CAAC,GAAGpB,uBAAuB,CAAC;IAC1BG,IAAI;IACJC,QAAQ;IACRC,aAAa;IACbM;EACF,CAAC,CAAC;EAEF,MAAM,CAACC,MAAM,EAAES,SAAS,CAAC,GAAGzB,QAAQ,CAACiB,UAAU,IAAI,MAAM,CAAC;EAC1DlB,SAAS,CAAC,MAAM;IACd,IAAIkB,UAAU,KAAKS,SAAS,EAAE;MAC5BD,SAAS,CAACR,UAAU,CAAC;IACvB;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAChB,MAAMU,UAAU,GAAGzB,kBAAkB,CAAC,MAAM,EAAEc,MAAM,CAAC;EAErD,oBACElB,KAAA,CAAA8B,aAAA;IAAK,aAAU;EAAoB,gBACjC9B,KAAA,CAAA8B,aAAA,CAAC3B,iBAAiB;IAChBY,QAAQ,EAAEA,QAAS;IACnBgB,SAAS,EAAE1B,OAAO,CAAC2B,IAAK;IACxBhB,SAAS,EAAEA,SAAU;IACrBS,iBAAiB,EAAEA,iBAAkB;IACrCD,gBAAgB,EAAEA,gBAAiB;IACnCS,MAAM,EAAEP,eAAgB;IACxBQ,OAAO,EAAEd,UAAW;IACpBe,eAAe,EAAEd,aAAc;IAC/BX,QAAQ,EAAEa,cAAe;IACzBM,UAAU,EAAEA,UAAW;IACvBO,cAAc,EAAExB,WAAY;IAC5BC,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBuB,SAAS,EAAEf;EAAc,CAC1B,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentforminput4121002923";
+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": "richcontentforminput4121002923__root",
+  "editor": "richcontentforminput4121002923__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": "--richcontentforminput4121002923-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentforminput4121002923-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-form-input.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentforminput4121002923\";\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\":\"richcontentforminput4121002923__root\",\"editor\":\"richcontentforminput4121002923__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport 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\":\"--richcontentforminput4121002923-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentforminput4121002923-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AACtH,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,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,kBAAkB,EAAC,mDAAmD;EAAC,qBAAqB,EAAC;AAAsD,CAAC","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+import { useCallback, useRef, useState } from 'react';
+import { useRichContentState } from '../rich-content-common';
+export const useRichContentFormInput = _ref => {
+  let {
+    onChange,
+    data,
+    onCustomEvent,
+    autoFocusDefault
+  } = _ref;
+  const [localValue, setLocalValue, injectedValue] = useRichContentState(data);
+  const isRichContentChangedOnceRef = useRef(false);
+  const triggerOnChange = useCallback(value => {
+    if (!isRichContentChangedOnceRef.current) {
+      return;
+    }
+    onChange == null || 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 == null || onCustomEvent('rcePublish', richContentPromise);
+  }, [onChange, onCustomEvent]);
+  return {
+    localValue,
+    injectedValue,
+    autoFocus,
+    handlePublish,
+    handleOnChange,
+    onExitFullScreen,
+    onEnterFullScreen,
+    triggerOnChange
+  };
+};
+//# sourceMappingURL=use-rich-content-form-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","useRichContentState","useRichContentFormInput","_ref","onChange","data","onCustomEvent","autoFocusDefault","localValue","setLocalValue","injectedValue","isRichContentChangedOnceRef","triggerOnChange","value","current","handleOnChange","content","isChanged","autoFocus","setAutoFocus","onEnterFullScreen","_","onExitFullScreen","handlePublish","richContentPromise","then"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/use-rich-content-form-input.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport { useRichContentState } from '../rich-content-common';\n\ntype UseRichContentFormInputArgs = {\n  onChange: (value?: RichContent) => void;\n  onCustomEvent?: (event: string, data: any) => void;\n  data?: RichContent;\n  autoFocusDefault?: boolean;\n};\n\nexport const useRichContentFormInput = ({\n  onChange,\n  data,\n  onCustomEvent,\n  autoFocusDefault,\n}: UseRichContentFormInputArgs) => {\n  const [localValue, setLocalValue, injectedValue] = useRichContentState(data);\n  const isRichContentChangedOnceRef = useRef(false);\n\n  const triggerOnChange = useCallback(\n    (value?: RichContent) => {\n      if (!isRichContentChangedOnceRef.current) {\n        return;\n      }\n\n      onChange?.(value || localValue);\n      isRichContentChangedOnceRef.current = false;\n    },\n    [localValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (content: RichContent, isChanged?: boolean) => {\n      isRichContentChangedOnceRef.current ||= isChanged!;\n      setLocalValue(content);\n    },\n    [setLocalValue],\n  );\n\n  const [autoFocus, setAutoFocus] = useState(autoFocusDefault ?? false);\n  const onEnterFullScreen = useCallback(\n    (_?: RichContent, isChanged?: boolean) => {\n      isRichContentChangedOnceRef.current ||= isChanged!;\n      setAutoFocus(false);\n    },\n    [],\n  );\n  const onExitFullScreen = useCallback(\n    (_?: RichContent, isChanged?: boolean) => {\n      isRichContentChangedOnceRef.current ||= isChanged!;\n      setAutoFocus(true);\n    },\n    [],\n  );\n\n  const handlePublish = useCallback(\n    (richContentPromise: Promise<RichContent>) => {\n      richContentPromise.then(onChange);\n      onCustomEvent?.('rcePublish', richContentPromise);\n    },\n    [onChange, onCustomEvent],\n  );\n\n  return {\n    localValue,\n    injectedValue,\n    autoFocus,\n    handlePublish,\n    handleOnChange,\n    onExitFullScreen,\n    onEnterFullScreen,\n    triggerOnChange,\n  };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAIrD,SAASC,mBAAmB,QAAQ,wBAAwB;AAS5D,OAAO,MAAMC,uBAAuB,GAAGC,IAAA,IAKJ;EAAA,IALK;IACtCC,QAAQ;IACRC,IAAI;IACJC,aAAa;IACbC;EAC2B,CAAC,GAAAJ,IAAA;EAC5B,MAAM,CAACK,UAAU,EAAEC,aAAa,EAAEC,aAAa,CAAC,GAAGT,mBAAmB,CAACI,IAAI,CAAC;EAC5E,MAAMM,2BAA2B,GAAGZ,MAAM,CAAC,KAAK,CAAC;EAEjD,MAAMa,eAAe,GAAGd,WAAW,CAChCe,KAAmB,IAAK;IACvB,IAAI,CAACF,2BAA2B,CAACG,OAAO,EAAE;MACxC;IACF;IAEAV,QAAQ,YAARA,QAAQ,CAAGS,KAAK,IAAIL,UAAU,CAAC;IAC/BG,2BAA2B,CAACG,OAAO,GAAG,KAAK;EAC7C,CAAC,EACD,CAACN,UAAU,EAAEJ,QAAQ,CACvB,CAAC;EAED,MAAMW,cAAc,GAAGjB,WAAW,CAChC,CAACkB,OAAoB,EAAEC,SAAmB,KAAK;IAC7CN,2BAA2B,CAACG,OAAO,KAAKG,SAAU;IAClDR,aAAa,CAACO,OAAO,CAAC;EACxB,CAAC,EACD,CAACP,aAAa,CAChB,CAAC;EAED,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAGnB,QAAQ,CAACO,gBAAgB,IAAI,KAAK,CAAC;EACrE,MAAMa,iBAAiB,GAAGtB,WAAW,CACnC,CAACuB,CAAe,EAAEJ,SAAmB,KAAK;IACxCN,2BAA2B,CAACG,OAAO,KAAKG,SAAU;IAClDE,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,EACF,CAAC;EACD,MAAMG,gBAAgB,GAAGxB,WAAW,CAClC,CAACuB,CAAe,EAAEJ,SAAmB,KAAK;IACxCN,2BAA2B,CAACG,OAAO,KAAKG,SAAU;IAClDE,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,EACF,CAAC;EAED,MAAMI,aAAa,GAAGzB,WAAW,CAC9B0B,kBAAwC,IAAK;IAC5CA,kBAAkB,CAACC,IAAI,CAACrB,QAAQ,CAAC;IACjCE,aAAa,YAAbA,aAAa,CAAG,YAAY,EAAEkB,kBAAkB,CAAC;EACnD,CAAC,EACD,CAACpB,QAAQ,EAAEE,aAAa,CAC1B,CAAC;EAED,OAAO;IACLE,UAAU;IACVE,aAAa;IACbQ,SAAS;IACTK,aAAa;IACbR,cAAc;IACdO,gBAAgB;IAChBF,iBAAiB;IACjBR;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-read-only-input/index.js

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

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-read-only-input/index.js.map

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

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.js

@@ -0,0 +1,33 @@
+import React, { useEffect, useState } from 'react';
+import { RichContentViewer } from '../rich-content-viewer';
+import { useRicosBISettings } from '../rich-content-common';
+import { classes } from './rich-content-form-read-only-input.st.css.js';
+export const RichContentFormReadOnlyInput = _ref => {
+  let {
+    data,
+    theme,
+    experiments,
+    dataHook,
+    itemId: itemIdProp
+  } = _ref;
+  const [itemId, setItemId] = useState(itemIdProp ?? '$new');
+  useEffect(() => {
+    if (itemIdProp !== undefined) {
+      setItemId(itemIdProp);
+    }
+  }, [itemIdProp]);
+  const biSettings = useRicosBISettings('form', itemId);
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input.readOnly"
+  }, /*#__PURE__*/React.createElement(RichContentViewer, {
+    dataHook: dataHook,
+    className: classes.root,
+    content: data,
+    wixExperiments: experiments,
+    biSettings: biSettings,
+    theme: theme,
+    tabIndex: 0
+  }));
+};
+RichContentFormReadOnlyInput.displayName = 'RichContentFormReadOnlyInput';
+//# sourceMappingURL=rich-content-form-read-only-input.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","RichContentViewer","useRicosBISettings","classes","RichContentFormReadOnlyInput","_ref","data","theme","experiments","dataHook","itemId","itemIdProp","setItemId","undefined","biSettings","createElement","className","root","content","wixExperiments","tabIndex","displayName"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\n\nimport { RichContentViewer } from '../rich-content-viewer';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\n\nimport { classes } from './rich-content-form-read-only-input.st.css.js';\n\nexport type RichContentFormInputProps = FormInputProps<RichContent> &\n  RichContentInputProps & {\n    itemId?: string;\n  };\n\nexport const RichContentFormReadOnlyInput: React.FC<\n  RichContentFormInputProps\n> = ({ data, theme, experiments, dataHook, itemId: itemIdProp }) => {\n  const [itemId, setItemId] = useState(itemIdProp ?? '$new');\n  useEffect(() => {\n    if (itemIdProp !== undefined) {\n      setItemId(itemIdProp);\n    }\n  }, [itemIdProp]);\n  const biSettings = useRicosBISettings('form', itemId);\n\n  return (\n    <div data-hook=\"rich-content.input.readOnly\">\n      <RichContentViewer\n        dataHook={dataHook}\n        className={classes.root}\n        content={data}\n        wixExperiments={experiments}\n        biSettings={biSettings}\n        theme={theme}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nRichContentFormReadOnlyInput.displayName = 'RichContentFormReadOnlyInput';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAMlD,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,SAASC,kBAAkB,QAAQ,wBAAwB;AAE3D,SAASC,OAAO,QAAQ,+CAA+C;AAOvE,OAAO,MAAMC,4BAEZ,GAAGC,IAAA,IAAgE;EAAA,IAA/D;IAAEC,IAAI;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,MAAM,EAAEC;EAAW,CAAC,GAAAN,IAAA;EAC7D,MAAM,CAACK,MAAM,EAAEE,SAAS,CAAC,GAAGZ,QAAQ,CAACW,UAAU,IAAI,MAAM,CAAC;EAC1DZ,SAAS,CAAC,MAAM;IACd,IAAIY,UAAU,KAAKE,SAAS,EAAE;MAC5BD,SAAS,CAACD,UAAU,CAAC;IACvB;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAChB,MAAMG,UAAU,GAAGZ,kBAAkB,CAAC,MAAM,EAAEQ,MAAM,CAAC;EAErD,oBACEZ,KAAA,CAAAiB,aAAA;IAAK,aAAU;EAA6B,gBAC1CjB,KAAA,CAAAiB,aAAA,CAACd,iBAAiB;IAChBQ,QAAQ,EAAEA,QAAS;IACnBO,SAAS,EAAEb,OAAO,CAACc,IAAK;IACxBC,OAAO,EAAEZ,IAAK;IACda,cAAc,EAAEX,WAAY;IAC5BM,UAAU,EAAEA,UAAW;IACvBP,KAAK,EAAEA,KAAM;IACba,QAAQ,EAAE;EAAE,CACb,CACE,CAAC;AAEV,CAAC;AAEDhB,4BAA4B,CAACiB,WAAW,GAAG,8BAA8B","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js

@@ -0,0 +1,24 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentformreadonlyinput2888877979";
+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": "richcontentformreadonlyinput2888877979__root"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-black-600": "--wds-color-black-600",
+  "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",
+  "wds-color-blue-300": "--wds-color-blue-300"
+};
+//# sourceMappingURL=rich-content-form-read-only-input.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentformreadonlyinput2888877979\";\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\":\"richcontentformreadonlyinput2888877979__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-black-600\":\"--wds-color-black-600\",\"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\",\"wds-color-blue-300\":\"--wds-color-blue-300\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,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;AAA8C,CAAC;AAC5E,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,qBAAqB,EAAC,uBAAuB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+import { useEffect, useMemo, useRef } from 'react';
+import { toPlainText } from '@wix/ricos/content';
+import { isDataValid } from '../../../auto-cms-field-types';
+import { FieldType } from '@wix/auto-patterns-utils/@wix/wix-data-schema-types';
+import { noop } from '../../../utils';
+import { useRichContentDocumentService } from './services';
+export const useRCEPublishPromises = () => {
+  const rcePublishPromises = useRef([]);
+  return useMemo(() => {
+    const push = promise => {
+      rcePublishPromises.current.push(promise);
+    };
+    const clean = () => {
+      rcePublishPromises.current = [];
+    };
+    const getAll = () => rcePublishPromises.current;
+    const allSettled = () => Promise.allSettled(getAll());
+    return {
+      push,
+      clean,
+      getAll,
+      allSettled
+    };
+  }, []);
+};
+export const useRichContentAutofix = _ref => {
+  let {
+    data,
+    onChange
+  } = _ref;
+  const richContentDocumentService = useRichContentDocumentService();
+  useEffect(() => {
+    const autofixRichContent = async () => {
+      if (!data) {
+        return;
+      }
+      const isStrictValid = isDataValid(data, FieldType.richContent, {
+        strict: true
+      });
+      if (isStrictValid) {
+        return;
+      }
+      const fixedData = await richContentDocumentService.convertToRichContent(data);
+      if (!fixedData) {
+        return;
+      }
+      const [plainText, fixedPlainText] = await Promise.all([toPlainText(data), toPlainText(fixedData)]);
+      if (plainText !== fixedPlainText) {
+        return;
+      }
+      onChange(fixedData);
+    };
+    autofixRichContent().catch(noop);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","toPlainText","isDataValid","FieldType","noop","useRichContentDocumentService","useRCEPublishPromises","rcePublishPromises","push","promise","current","clean","getAll","allSettled","Promise","useRichContentAutofix","_ref","data","onChange","richContentDocumentService","autofixRichContent","isStrictValid","richContent","strict","fixedData","convertToRichContent","plainText","fixedPlainText","all","catch"],"sources":["../../../../../../src/cms-fields/components/rich-content/rich-content-input/hooks.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\n\nimport { toPlainText, type RichContent } from '@wix/ricos/content';\nimport { isDataValid } from '../../../auto-cms-field-types';\nimport { FieldType } from '@wix/auto-patterns-utils/@wix/wix-data-schema-types';\n\nimport { noop } from '../../../utils';\n\nimport { useRichContentDocumentService } from './services';\nimport type { RichContentInputProps } from './rich-content-common';\n\ntype RCEPublishPromise = Promise<RichContent>;\n\nexport const useRCEPublishPromises = () => {\n  const rcePublishPromises = useRef<RCEPublishPromise[]>([]);\n\n  return useMemo(() => {\n    const push = (promise: RCEPublishPromise) => {\n      rcePublishPromises.current.push(promise);\n    };\n\n    const clean = () => {\n      rcePublishPromises.current = [];\n    };\n\n    const getAll = () => rcePublishPromises.current;\n\n    const allSettled = () => Promise.allSettled(getAll());\n\n    return {\n      push,\n      clean,\n      getAll,\n      allSettled,\n    };\n  }, []);\n};\n\nexport const useRichContentAutofix = ({\n  data,\n  onChange,\n}: Pick<RichContentInputProps, 'data' | 'onChange'>) => {\n  const richContentDocumentService = useRichContentDocumentService();\n\n  useEffect(() => {\n    const autofixRichContent = async () => {\n      if (!data) {\n        return;\n      }\n\n      const isStrictValid = isDataValid(data, FieldType.richContent, {\n        strict: true,\n      });\n\n      if (isStrictValid) {\n        return;\n      }\n\n      const fixedData = await richContentDocumentService.convertToRichContent(\n        data,\n      );\n\n      if (!fixedData) {\n        return;\n      }\n\n      const [plainText, fixedPlainText] = await Promise.all([\n        toPlainText(data),\n        toPlainText(fixedData),\n      ]);\n\n      if (plainText !== fixedPlainText) {\n        return;\n      }\n\n      onChange(fixedData);\n    };\n\n    autofixRichContent().catch(noop);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAElD,SAASC,WAAW,QAA0B,oBAAoB;AAClE,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,SAAS,QAAQ,qDAAqD;AAE/E,SAASC,IAAI,QAAQ,gBAAgB;AAErC,SAASC,6BAA6B,QAAQ,YAAY;AAK1D,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,kBAAkB,GAAGP,MAAM,CAAsB,EAAE,CAAC;EAE1D,OAAOD,OAAO,CAAC,MAAM;IACnB,MAAMS,IAAI,GAAIC,OAA0B,IAAK;MAC3CF,kBAAkB,CAACG,OAAO,CAACF,IAAI,CAACC,OAAO,CAAC;IAC1C,CAAC;IAED,MAAME,KAAK,GAAGA,CAAA,KAAM;MAClBJ,kBAAkB,CAACG,OAAO,GAAG,EAAE;IACjC,CAAC;IAED,MAAME,MAAM,GAAGA,CAAA,KAAML,kBAAkB,CAACG,OAAO;IAE/C,MAAMG,UAAU,GAAGA,CAAA,KAAMC,OAAO,CAACD,UAAU,CAACD,MAAM,CAAC,CAAC,CAAC;IAErD,OAAO;MACLJ,IAAI;MACJG,KAAK;MACLC,MAAM;MACNC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAED,OAAO,MAAME,qBAAqB,GAAGC,IAAA,IAGmB;EAAA,IAHlB;IACpCC,IAAI;IACJC;EACgD,CAAC,GAAAF,IAAA;EACjD,MAAMG,0BAA0B,GAAGd,6BAA6B,CAAC,CAAC;EAElEP,SAAS,CAAC,MAAM;IACd,MAAMsB,kBAAkB,GAAG,MAAAA,CAAA,KAAY;MACrC,IAAI,CAACH,IAAI,EAAE;QACT;MACF;MAEA,MAAMI,aAAa,GAAGnB,WAAW,CAACe,IAAI,EAAEd,SAAS,CAACmB,WAAW,EAAE;QAC7DC,MAAM,EAAE;MACV,CAAC,CAAC;MAEF,IAAIF,aAAa,EAAE;QACjB;MACF;MAEA,MAAMG,SAAS,GAAG,MAAML,0BAA0B,CAACM,oBAAoB,CACrER,IACF,CAAC;MAED,IAAI,CAACO,SAAS,EAAE;QACd;MACF;MAEA,MAAM,CAACE,SAAS,EAAEC,cAAc,CAAC,GAAG,MAAMb,OAAO,CAACc,GAAG,CAAC,CACpD3B,WAAW,CAACgB,IAAI,CAAC,EACjBhB,WAAW,CAACuB,SAAS,CAAC,CACvB,CAAC;MAEF,IAAIE,SAAS,KAAKC,cAAc,EAAE;QAChC;MACF;MAEAT,QAAQ,CAACM,SAAS,CAAC;IACrB,CAAC;IAEDJ,kBAAkB,CAAC,CAAC,CAACS,KAAK,CAACzB,IAAI,CAAC;IAChC;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+import uniq from 'lodash/uniq';
+const createColorsCache = size => {
+  let colors = [];
+  return {
+    add: color => {
+      colors = uniq(colors.concat(color));
+      if (colors.length > size) {
+        const lastColor = colors.pop();
+        colors[colors.length - 1] = lastColor;
+      }
+      return colors;
+    },
+    get: () => {
+      return colors;
+    }
+  };
+};
+export const colorsCache = createColorsCache(13);
+//# sourceMappingURL=colors-cache.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["uniq","createColorsCache","size","colors","add","color","concat","length","lastColor","pop","get","colorsCache"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-common/colors-cache.ts"],"sourcesContent":["import uniq from 'lodash/uniq';\n\nconst createColorsCache = (size: number) => {\n  let colors: string[] = [];\n  return {\n    add: (color: string) => {\n      colors = uniq(colors.concat(color));\n\n      if (colors.length > size) {\n        const lastColor = colors.pop()!;\n        colors[colors.length - 1] = lastColor;\n      }\n\n      return colors;\n    },\n    get: () => {\n      return colors;\n    },\n  };\n};\n\nexport const colorsCache = createColorsCache(13);\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,aAAa;AAE9B,MAAMC,iBAAiB,GAAIC,IAAY,IAAK;EAC1C,IAAIC,MAAgB,GAAG,EAAE;EACzB,OAAO;IACLC,GAAG,EAAGC,KAAa,IAAK;MACtBF,MAAM,GAAGH,IAAI,CAACG,MAAM,CAACG,MAAM,CAACD,KAAK,CAAC,CAAC;MAEnC,IAAIF,MAAM,CAACI,MAAM,GAAGL,IAAI,EAAE;QACxB,MAAMM,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAC,CAAE;QAC/BN,MAAM,CAACA,MAAM,CAACI,MAAM,GAAG,CAAC,CAAC,GAAGC,SAAS;MACvC;MAEA,OAAOL,MAAM;IACf,CAAC;IACDO,GAAG,EAAEA,CAAA,KAAM;MACT,OAAOP,MAAM;IACf;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAGV,iBAAiB,CAAC,EAAE,CAAC","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Modal } from '@wix/design-system';
+import { stopEvent } from '../../../../../utils';
+import { PublishLoader } from '../publish-loader';
+import { classes } from './fullscreen-modal.st.css.js';
+export const FullscreenModal = _ref => {
+  let {
+    isLoading,
+    children,
+    ...modalProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    onContextMenu: stopEvent
+  }, /*#__PURE__*/React.createElement(Modal, modalProps, /*#__PURE__*/React.createElement("section", {
+    "data-hook": "rich-content.modal",
+    className: classes.modalContent
+  }, children, isLoading && /*#__PURE__*/React.createElement(PublishLoader, null))));
+};
+FullscreenModal.displayName = 'FullscreenModal';
+//# sourceMappingURL=fullscreen-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","stopEvent","PublishLoader","classes","FullscreenModal","_ref","isLoading","children","modalProps","createElement","onContextMenu","className","modalContent","displayName"],"sources":["../../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ModalProps } from '@wix/design-system';\nimport { Modal } from '@wix/design-system';\n\nimport { stopEvent } from '../../../../../utils';\n\nimport { PublishLoader } from '../publish-loader';\n\nimport { classes } from './fullscreen-modal.st.css.js';\n\nexport interface FullscreenModalProps extends ModalProps {\n  isLoading?: boolean;\n}\n\nexport const FullscreenModal: React.FC<FullscreenModalProps> = ({\n  isLoading,\n  children,\n  ...modalProps\n}) => {\n  return (\n    <div onContextMenu={stopEvent}>\n      <Modal {...modalProps}>\n        <section\n          data-hook=\"rich-content.modal\"\n          className={classes.modalContent}\n        >\n          {children}\n          {isLoading && <PublishLoader />}\n        </section>\n      </Modal>\n    </div>\n  );\n};\n\nFullscreenModal.displayName = 'FullscreenModal';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,SAASC,SAAS,QAAQ,sBAAsB;AAEhD,SAASC,aAAa,QAAQ,mBAAmB;AAEjD,SAASC,OAAO,QAAQ,8BAA8B;AAMtD,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAIzD;EAAA,IAJ0D;IAC9DC,SAAS;IACTC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEN,KAAA,CAAAU,aAAA;IAAKC,aAAa,EAAET;EAAU,gBAC5BF,KAAA,CAAAU,aAAA,CAACT,KAAK,EAAKQ,UAAU,eACnBT,KAAA,CAAAU,aAAA;IACE,aAAU,oBAAoB;IAC9BE,SAAS,EAAER,OAAO,CAACS;EAAa,GAE/BL,QAAQ,EACRD,SAAS,iBAAIP,KAAA,CAAAU,aAAA,CAACP,aAAa,MAAE,CACvB,CACJ,CACJ,CAAC;AAEV,CAAC;AAEDE,eAAe,CAACS,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../../stylable-esm-runtime.js";
+var _namespace_ = "fullscreenmodal1754000108";
+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": "fullscreenmodal1754000108__root",
+  "modalContent": "fullscreenmodal1754000108__modalContent"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-white": "--wds-color-white",
+  "wds-border-radius-300": "--wds-border-radius-300"
+};
+//# sourceMappingURL=fullscreen-modal.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fullscreenmodal1754000108\";\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\":\"fullscreenmodal1754000108__root\",\"modalContent\":\"fullscreenmodal1754000108__modalContent\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wds-border-radius-300\":\"--wds-border-radius-300\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,2CAA2C;AAIzF,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,cAAc,EAAC;AAAyC,CAAC;AACxH,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,iBAAiB,EAAC,mBAAmB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/index.js

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

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

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