@wix/auto-patterns 1.45.0 → 1.47.0

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

@@ -0,0 +1,77 @@
+"use strict";
+
+exports.__esModule = true;
+exports.RichContentFormInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _richContentEditor = require("../rich-content-editor");
+var _richContentCommon = require("../rich-content-common");
+var _richContentFormInputStCss = require("./rich-content-form-input.st.css.js");
+var _useRichContentFormInput = require("./use-rich-content-form-input");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RichContentFormInput = ({
+  data,
+  onChange,
+  onCustomEvent,
+  experiments,
+  theme,
+  colorScheme,
+  dataHook,
+  autoFocus: autoFocusDefault,
+  itemId: itemIdProp
+}) => {
+  const {
+    localValue,
+    injectedValue,
+    autoFocus,
+    handlePublish,
+    handleOnChange,
+    onExitFullScreen,
+    onEnterFullScreen,
+    triggerOnChange
+  } = (0, _useRichContentFormInput.useRichContentFormInput)({
+    data,
+    onChange,
+    onCustomEvent,
+    autoFocusDefault
+  });
+  const [itemId, setItemId] = (0, _react.useState)(itemIdProp ?? '$new');
+  (0, _react.useEffect)(() => {
+    if (itemIdProp !== undefined) {
+      setItemId(itemIdProp);
+    }
+  }, [itemIdProp]);
+  const biSettings = (0, _richContentCommon.useRicosBISettings)('form', itemId);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "rich-content.input",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_richContentEditor.RichContentEditor, {
+    dataHook: dataHook,
+    className: _richContentFormInputStCss.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,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 7
+    }
+  }));
+};
+exports.RichContentFormInput = RichContentFormInput;
+//# sourceMappingURL=rich-content-form-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_richContentEditor","_richContentCommon","_richContentFormInputStCss","_useRichContentFormInput","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RichContentFormInput","data","onChange","onCustomEvent","experiments","theme","colorScheme","dataHook","autoFocus","autoFocusDefault","itemId","itemIdProp","localValue","injectedValue","handlePublish","handleOnChange","onExitFullScreen","onEnterFullScreen","triggerOnChange","useRichContentFormInput","setItemId","useState","useEffect","undefined","biSettings","useRicosBISettings","createElement","__self","__source","fileName","lineNumber","columnNumber","RichContentEditor","className","classes","root","onBlur","content","injectedContent","wixExperiments","onPublish","exports"],"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":"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","ignoreList":[]}

package/dist/cjs/cms-fields/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/cjs/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "richcontentforminput3485043955";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "richcontentforminput3485043955__root",
+  "editor": "richcontentforminput3485043955__editor"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.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": "--richcontentforminput3485043955-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentforminput3485043955-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-form-input.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","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_ = \"richcontentforminput3485043955\";\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\":\"richcontentforminput3485043955__root\",\"editor\":\"richcontentforminput3485043955__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\":\"--richcontentforminput3485043955-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentforminput3485043955-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,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/cjs/cms-fields/components/rich-content/rich-content-input/form-input/use-rich-content-form-input.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_richContentCommon","useRichContentFormInput","onChange","data","onCustomEvent","autoFocusDefault","localValue","setLocalValue","injectedValue","useRichContentState","isRichContentChangedOnceRef","useRef","triggerOnChange","useCallback","value","current","handleOnChange","content","isChanged","autoFocus","setAutoFocus","useState","onEnterFullScreen","_","onExitFullScreen","handlePublish","richContentPromise","then","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,kBAAA,GAAAD,OAAA;AASO,MAAME,uBAAuB,GAAGA,CAAC;EACtCC,QAAQ;EACRC,IAAI;EACJC,aAAa;EACbC;AAC2B,CAAC,KAAK;EACjC,MAAM,CAACC,UAAU,EAAEC,aAAa,EAAEC,aAAa,CAAC,GAAG,IAAAC,sCAAmB,EAACN,IAAI,CAAC;EAC5E,MAAMO,2BAA2B,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEjD,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAChCC,KAAmB,IAAK;IACvB,IAAI,CAACJ,2BAA2B,CAACK,OAAO,EAAE;MACxC;IACF;IAEAb,QAAQ,YAARA,QAAQ,CAAGY,KAAK,IAAIR,UAAU,CAAC;IAC/BI,2BAA2B,CAACK,OAAO,GAAG,KAAK;EAC7C,CAAC,EACD,CAACT,UAAU,EAAEJ,QAAQ,CACvB,CAAC;EAED,MAAMc,cAAc,GAAG,IAAAH,kBAAW,EAChC,CAACI,OAAoB,EAAEC,SAAmB,KAAK;IAC7CR,2BAA2B,CAACK,OAAO,KAAnCL,2BAA2B,CAACK,OAAO,GAAKG,SAAS;IACjDX,aAAa,CAACU,OAAO,CAAC;EACxB,CAAC,EACD,CAACV,aAAa,CAChB,CAAC;EAED,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAChB,gBAAgB,IAAI,KAAK,CAAC;EACrE,MAAMiB,iBAAiB,GAAG,IAAAT,kBAAW,EACnC,CAACU,CAAe,EAAEL,SAAmB,KAAK;IACxCR,2BAA2B,CAACK,OAAO,KAAnCL,2BAA2B,CAACK,OAAO,GAAKG,SAAS;IACjDE,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,EACF,CAAC;EACD,MAAMI,gBAAgB,GAAG,IAAAX,kBAAW,EAClC,CAACU,CAAe,EAAEL,SAAmB,KAAK;IACxCR,2BAA2B,CAACK,OAAO,KAAnCL,2BAA2B,CAACK,OAAO,GAAKG,SAAS;IACjDE,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,EACF,CAAC;EAED,MAAMK,aAAa,GAAG,IAAAZ,kBAAW,EAC9Ba,kBAAwC,IAAK;IAC5CA,kBAAkB,CAACC,IAAI,CAACzB,QAAQ,CAAC;IACjCE,aAAa,YAAbA,aAAa,CAAG,YAAY,EAAEsB,kBAAkB,CAAC;EACnD,CAAC,EACD,CAACxB,QAAQ,EAAEE,aAAa,CAC1B,CAAC;EAED,OAAO;IACLE,UAAU;IACVE,aAAa;IACbW,SAAS;IACTM,aAAa;IACbT,cAAc;IACdQ,gBAAgB;IAChBF,iBAAiB;IACjBV;EACF,CAAC;AACH,CAAC;AAACgB,OAAA,CAAA3B,uBAAA,GAAAA,uBAAA","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _richContentFormReadOnlyInput = require("./rich-content-form-read-only-input");
+Object.keys(_richContentFormReadOnlyInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richContentFormReadOnlyInput[key]) return;
+  exports[key] = _richContentFormReadOnlyInput[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_richContentFormReadOnlyInput","require","Object","keys","forEach","key","exports"],"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,IAAAA,6BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,6BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,6BAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,6BAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.RichContentFormReadOnlyInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _richContentViewer = require("../rich-content-viewer");
+var _richContentCommon = require("../rich-content-common");
+var _richContentFormReadOnlyInputStCss = require("./rich-content-form-read-only-input.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RichContentFormReadOnlyInput = ({
+  data,
+  theme,
+  experiments,
+  dataHook,
+  itemId: itemIdProp
+}) => {
+  const [itemId, setItemId] = (0, _react.useState)(itemIdProp ?? '$new');
+  (0, _react.useEffect)(() => {
+    if (itemIdProp !== undefined) {
+      setItemId(itemIdProp);
+    }
+  }, [itemIdProp]);
+  const biSettings = (0, _richContentCommon.useRicosBISettings)('form', itemId);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "rich-content.input.readOnly",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_richContentViewer.RichContentViewer, {
+    dataHook: dataHook,
+    className: _richContentFormReadOnlyInputStCss.classes.root,
+    content: data,
+    wixExperiments: experiments,
+    biSettings: biSettings,
+    theme: theme,
+    tabIndex: 0,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 7
+    }
+  }));
+};
+exports.RichContentFormReadOnlyInput = RichContentFormReadOnlyInput;
+RichContentFormReadOnlyInput.displayName = 'RichContentFormReadOnlyInput';
+//# sourceMappingURL=rich-content-form-read-only-input.js.map

package/dist/cjs/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","_interopRequireWildcard","require","_richContentViewer","_richContentCommon","_richContentFormReadOnlyInputStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RichContentFormReadOnlyInput","data","theme","experiments","dataHook","itemId","itemIdProp","setItemId","useState","useEffect","undefined","biSettings","useRicosBISettings","createElement","__self","__source","fileName","lineNumber","columnNumber","RichContentViewer","className","classes","root","content","wixExperiments","tabIndex","exports","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAMA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,kCAAA,GAAAH,OAAA;AAAwE,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOjE,MAAMkB,4BAEZ,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,WAAW;EAAEC,QAAQ;EAAEC,MAAM,EAAEC;AAAW,CAAC,KAAK;EAClE,MAAM,CAACD,MAAM,EAAEE,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAACF,UAAU,IAAI,MAAM,CAAC;EAC1D,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAIH,UAAU,KAAKI,SAAS,EAAE;MAC5BH,SAAS,CAACD,UAAU,CAAC;IACvB;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAChB,MAAMK,UAAU,GAAG,IAAAC,qCAAkB,EAAC,MAAM,EAAEP,MAAM,CAAC;EAErD,oBACE/B,MAAA,CAAAiB,OAAA,CAAAsB,aAAA;IAAK,aAAU,6BAA6B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1C5C,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACpC,kBAAA,CAAA0C,iBAAiB;IAChBf,QAAQ,EAAEA,QAAS;IACnBgB,SAAS,EAAEC,0CAAO,CAACC,IAAK;IACxBC,OAAO,EAAEtB,IAAK;IACduB,cAAc,EAAErB,WAAY;IAC5BQ,UAAU,EAAEA,UAAW;IACvBT,KAAK,EAAEA,KAAM;IACbuB,QAAQ,EAAE,CAAE;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CACE,CAAC;AAEV,CAAC;AAACQ,OAAA,CAAA1B,4BAAA,GAAAA,4BAAA;AAEFA,4BAA4B,CAAC2B,WAAW,GAAG,8BAA8B","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+@property st-global(--wds-color-black-600);
+@property st-global(--wds-border-radius-300);
+@property st-global(--wds-color-blue-100);
+@property st-global(--wds-input-shadow-focus-standard);
+@property st-global(--wds-color-blue-300);
+
+/*  */
+.root {
+    outline: 0;
+    box-sizing: border-box;
+    border: 1px solid var(--wds-color-black-600);
+    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);
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "richcontentformreadonlyinput3307029552";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "richcontentformreadonlyinput3307029552__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.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/cjs/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":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","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_ = \"richcontentformreadonlyinput3307029552\";\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\":\"richcontentformreadonlyinput3307029552__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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8C,CAAC;AACrE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useRichContentAutofix = exports.useRCEPublishPromises = void 0;
+var _react = require("react");
+var _content = require("@wix/ricos/content");
+var _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
+var _wixDataSchemaTypes = require("@wix/auto-patterns-utils/@wix/wix-data-schema-types");
+var _utils = require("../../../utils");
+var _services = require("./services");
+const useRCEPublishPromises = () => {
+  const rcePublishPromises = (0, _react.useRef)([]);
+  return (0, _react.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
+    };
+  }, []);
+};
+exports.useRCEPublishPromises = useRCEPublishPromises;
+const useRichContentAutofix = ({
+  data,
+  onChange
+}) => {
+  const richContentDocumentService = (0, _services.useRichContentDocumentService)();
+  (0, _react.useEffect)(() => {
+    const autofixRichContent = async () => {
+      if (!data) {
+        return;
+      }
+      const isStrictValid = (0, _autoCmsFieldTypes.isDataValid)(data, _wixDataSchemaTypes.FieldType.richContent, {
+        strict: true
+      });
+      if (isStrictValid) {
+        return;
+      }
+      const fixedData = await richContentDocumentService.convertToRichContent(data);
+      if (!fixedData) {
+        return;
+      }
+      const [plainText, fixedPlainText] = await Promise.all([(0, _content.toPlainText)(data), (0, _content.toPlainText)(fixedData)]);
+      if (plainText !== fixedPlainText) {
+        return;
+      }
+      onChange(fixedData);
+    };
+    autofixRichContent().catch(_utils.noop);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+exports.useRichContentAutofix = useRichContentAutofix;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_content","_autoCmsFieldTypes","_wixDataSchemaTypes","_utils","_services","useRCEPublishPromises","rcePublishPromises","useRef","useMemo","push","promise","current","clean","getAll","allSettled","Promise","exports","useRichContentAutofix","data","onChange","richContentDocumentService","useRichContentDocumentService","useEffect","autofixRichContent","isStrictValid","isDataValid","FieldType","richContent","strict","fixedData","convertToRichContent","plainText","fixedPlainText","all","toPlainText","catch","noop"],"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 '@wix/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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,SAAA,GAAAL,OAAA;AAKO,MAAMM,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAAsB,EAAE,CAAC;EAE1D,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,MAAMC,IAAI,GAAIC,OAA0B,IAAK;MAC3CJ,kBAAkB,CAACK,OAAO,CAACF,IAAI,CAACC,OAAO,CAAC;IAC1C,CAAC;IAED,MAAME,KAAK,GAAGA,CAAA,KAAM;MAClBN,kBAAkB,CAACK,OAAO,GAAG,EAAE;IACjC,CAAC;IAED,MAAME,MAAM,GAAGA,CAAA,KAAMP,kBAAkB,CAACK,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;AAACE,OAAA,CAAAX,qBAAA,GAAAA,qBAAA;AAEK,MAAMY,qBAAqB,GAAGA,CAAC;EACpCC,IAAI;EACJC;AACgD,CAAC,KAAK;EACtD,MAAMC,0BAA0B,GAAG,IAAAC,uCAA6B,EAAC,CAAC;EAElE,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,kBAAkB,GAAG,MAAAA,CAAA,KAAY;MACrC,IAAI,CAACL,IAAI,EAAE;QACT;MACF;MAEA,MAAMM,aAAa,GAAG,IAAAC,8BAAW,EAACP,IAAI,EAAEQ,6BAAS,CAACC,WAAW,EAAE;QAC7DC,MAAM,EAAE;MACV,CAAC,CAAC;MAEF,IAAIJ,aAAa,EAAE;QACjB;MACF;MAEA,MAAMK,SAAS,GAAG,MAAMT,0BAA0B,CAACU,oBAAoB,CACrEZ,IACF,CAAC;MAED,IAAI,CAACW,SAAS,EAAE;QACd;MACF;MAEA,MAAM,CAACE,SAAS,EAAEC,cAAc,CAAC,GAAG,MAAMjB,OAAO,CAACkB,GAAG,CAAC,CACpD,IAAAC,oBAAW,EAAChB,IAAI,CAAC,EACjB,IAAAgB,oBAAW,EAACL,SAAS,CAAC,CACvB,CAAC;MAEF,IAAIE,SAAS,KAAKC,cAAc,EAAE;QAChC;MACF;MAEAb,QAAQ,CAACU,SAAS,CAAC;IACrB,CAAC;IAEDN,kBAAkB,CAAC,CAAC,CAACY,KAAK,CAACC,WAAI,CAAC;IAChC;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACpB,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.colorsCache = void 0;
+var _uniq = _interopRequireDefault(require("lodash/uniq"));
+const createColorsCache = size => {
+  let colors = [];
+  return {
+    add: color => {
+      colors = (0, _uniq.default)(colors.concat(color));
+      if (colors.length > size) {
+        const lastColor = colors.pop();
+        colors[colors.length - 1] = lastColor;
+      }
+      return colors;
+    },
+    get: () => {
+      return colors;
+    }
+  };
+};
+const colorsCache = exports.colorsCache = createColorsCache(13);
+//# sourceMappingURL=colors-cache.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_uniq","_interopRequireDefault","require","createColorsCache","size","colors","add","color","uniq","concat","length","lastColor","pop","get","colorsCache","exports"],"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,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,MAAMC,iBAAiB,GAAIC,IAAY,IAAK;EAC1C,IAAIC,MAAgB,GAAG,EAAE;EACzB,OAAO;IACLC,GAAG,EAAGC,KAAa,IAAK;MACtBF,MAAM,GAAG,IAAAG,aAAI,EAACH,MAAM,CAACI,MAAM,CAACF,KAAK,CAAC,CAAC;MAEnC,IAAIF,MAAM,CAACK,MAAM,GAAGN,IAAI,EAAE;QACxB,MAAMO,SAAS,GAAGN,MAAM,CAACO,GAAG,CAAC,CAAE;QAC/BP,MAAM,CAACA,MAAM,CAACK,MAAM,GAAG,CAAC,CAAC,GAAGC,SAAS;MACvC;MAEA,OAAON,MAAM;IACf,CAAC;IACDQ,GAAG,EAAEA,CAAA,KAAM;MACT,OAAOR,MAAM;IACf;EACF,CAAC;AACH,CAAC;AAEM,MAAMS,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGX,iBAAiB,CAAC,EAAE,CAAC","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FullscreenModal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _utils = require("../../../../../utils");
+var _publishLoader = require("../publish-loader");
+var _fullscreenModalStCss = require("./fullscreen-modal.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.tsx";
+const FullscreenModal = ({
+  isLoading,
+  children,
+  ...modalProps
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onContextMenu: _utils.stopEvent,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Modal, (0, _extends2.default)({}, modalProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement("section", {
+    "data-hook": "rich-content.modal",
+    className: _fullscreenModalStCss.classes.modalContent,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 9
+    }
+  }, children, isLoading && /*#__PURE__*/_react.default.createElement(_publishLoader.PublishLoader, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 25
+    }
+  }))));
+};
+exports.FullscreenModal = FullscreenModal;
+FullscreenModal.displayName = 'FullscreenModal';
+//# sourceMappingURL=fullscreen-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_utils","_publishLoader","_fullscreenModalStCss","_jsxFileName","FullscreenModal","isLoading","children","modalProps","default","createElement","onContextMenu","stopEvent","__self","__source","fileName","lineNumber","columnNumber","Modal","_extends2","className","classes","modalContent","PublishLoader","exports","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,qBAAA,GAAAJ,OAAA;AAAuD,IAAAK,YAAA;AAMhD,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKC,aAAa,EAAEC,gBAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5BpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAkB,KAAK,MAAAC,SAAA,CAAAV,OAAA,MAAKD,UAAU;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACnBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IACE,aAAU,oBAAoB;IAC9BU,SAAS,EAAEC,6BAAO,CAACC,YAAa;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE/BV,QAAQ,EACRD,SAAS,iBAAIT,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,cAAA,CAAAqB,aAAa;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvB,CACJ,CACJ,CAAC;AAEV,CAAC;AAACO,OAAA,CAAAnB,eAAA,GAAAA,eAAA;AAEFA,eAAe,CAACoB,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+@property st-global(--wds-color-white);
+@property st-global(--wds-border-radius-300);
+
+.modalContent {
+    display: flex;
+    position: relative;
+    height: 100%;
+    width: 782px;
+    background-color: var(--wds-color-white);
+    border-radius: var(--wds-border-radius-300);
+    margin-top: 24px;
+}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "fullscreenmodal4193366267";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "fullscreenmodal4193366267__root",
+  "modalContent": "fullscreenmodal4193366267__modalContent"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-white": "--wds-color-white",
+  "wds-border-radius-300": "--wds-border-radius-300"
+};
+//# sourceMappingURL=fullscreen-modal.st.css.js.map

package/dist/cjs/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":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","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_ = \"fullscreenmodal4193366267\";\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\":\"fullscreenmodal4193366267__root\",\"modalContent\":\"fullscreenmodal4193366267__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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,cAAc,EAAC;AAAyC,CAAC;AACjH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _fullscreenModal = require("./fullscreen-modal");
+Object.keys(_fullscreenModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _fullscreenModal[key]) return;
+  exports[key] = _fullscreenModal[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_fullscreenModal","require","Object","keys","forEach","key","exports"],"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,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}