@wix/patterns-fields 1.0.0

package/dist/cjs/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/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/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/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/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/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/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/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/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_ = "richcontentformreadonlyinput246065000";
+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": "richcontentformreadonlyinput246065000__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/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/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_ = \"richcontentformreadonlyinput246065000\";\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\":\"richcontentformreadonlyinput246065000__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,uCAAuC;AACzD,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;AAA6C,CAAC;AACpE,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/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 _autoFieldTypes = require("../../../auto-field-types");
+var _wixDataSchemaTypes = require("@wix/patterns-fields-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, _autoFieldTypes.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/components/rich-content/rich-content-input/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_content","_autoFieldTypes","_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/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-field-types';\nimport { FieldType } from '@wix/patterns-fields-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,eAAA,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,2BAAW,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/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/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/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/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/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/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_ = "fullscreenmodal4000891092";
+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": "fullscreenmodal4000891092__root",
+  "modalContent": "fullscreenmodal4000891092__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/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/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_ = \"fullscreenmodal4000891092\";\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\":\"fullscreenmodal4000891092__root\",\"modalContent\":\"fullscreenmodal4000891092__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/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/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/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":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useWixRicosProps = exports.useRicosBISettings = exports.useRichContentState = exports.INITIAL_INJECTED_RICH_CONTENT = void 0;
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _react = require("react");
+var _ricos = require("@wix/ricos");
+var _patterns = require("@wix/patterns");
+var _consts = require("../consts");
+const INITIAL_INJECTED_RICH_CONTENT = exports.INITIAL_INJECTED_RICH_CONTENT = (0, _ricos.fromPlainText)('');
+const ensureRichContent = content => content && (0, _ricos.ensureRicosContent)(content);
+const useRichContentState = propsContent => {
+  const [content, setContent] = (0, _react.useState)(ensureRichContent(propsContent));
+  const [injectedContent, setInjectedContent] = (0, _react.useState)(INITIAL_INJECTED_RICH_CONTENT);
+  const prevContentRef = (0, _react.useRef)(propsContent);
+  (0, _react.useEffect)(() => {
+    if ((0, _isEqual.default)(propsContent, prevContentRef.current)) {
+      return;
+    }
+    const richContent = ensureRichContent(propsContent);
+    setContent(richContent);
+    setInjectedContent(injectedRichContent => {
+      if (!richContent) {
+        return INITIAL_INJECTED_RICH_CONTENT;
+      }
+      return !(0, _isEqual.default)(richContent, injectedRichContent) ? richContent : injectedRichContent;
+    });
+    prevContentRef.current = propsContent;
+  }, [propsContent]);
+  return [content, setContent, injectedContent];
+};
+exports.useRichContentState = useRichContentState;
+const useWixRicosProps = () => {
+  const patternsContainer = (0, _patterns.useWixPatternsContainer)();
+  // console.log('[Rich Content] environment:', patternsContainer.environment);
+  const locale = patternsContainer.environment.language || 'en';
+  return {
+    locale
+  };
+};
+exports.useWixRicosProps = useWixRicosProps;
+const CMS_RICOS_CONSUMER = 'wix-data-editor';
+const CMS_RICOS_PLATFORM = 'BM';
+const useRicosBISettings = (usage, itemId = '$new') => (0, _react.useMemo)(() => ({
+  containerId: _consts.CMS_RICOS_APP_ID,
+  consumer: CMS_RICOS_CONSUMER,
+  platform: CMS_RICOS_PLATFORM,
+  postId: itemId,
+  usage
+}), [usage, itemId]);
+exports.useRicosBISettings = useRicosBISettings;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_isEqual","_interopRequireDefault","require","_react","_ricos","_patterns","_consts","INITIAL_INJECTED_RICH_CONTENT","exports","fromPlainText","ensureRichContent","content","ensureRicosContent","useRichContentState","propsContent","setContent","useState","injectedContent","setInjectedContent","prevContentRef","useRef","useEffect","isEqual","current","richContent","injectedRichContent","useWixRicosProps","patternsContainer","useWixPatternsContainer","locale","environment","language","CMS_RICOS_CONSUMER","CMS_RICOS_PLATFORM","useRicosBISettings","usage","itemId","useMemo","containerId","CMS_RICOS_APP_ID","consumer","platform","postId"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-common/hooks.ts"],"sourcesContent":["import isEqual from 'lodash/isEqual';\nimport { useRef, useMemo, useState, useEffect } from 'react';\n\nimport type { BISettings, RichContent } from '@wix/ricos';\nimport { ensureRicosContent, fromPlainText } from '@wix/ricos';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nimport { CMS_RICOS_APP_ID } from '../consts';\n\nexport const INITIAL_INJECTED_RICH_CONTENT = fromPlainText('');\n\nconst ensureRichContent = (content?: RichContent) =>\n  content && ensureRicosContent(content);\n\nexport const useRichContentState = (propsContent?: RichContent) => {\n  const [content, setContent] = useState(ensureRichContent(propsContent));\n  const [injectedContent, setInjectedContent] = useState(\n    INITIAL_INJECTED_RICH_CONTENT,\n  );\n\n  const prevContentRef = useRef(propsContent);\n  useEffect(() => {\n    if (isEqual(propsContent, prevContentRef.current)) {\n      return;\n    }\n\n    const richContent = ensureRichContent(propsContent);\n\n    setContent(richContent);\n    setInjectedContent((injectedRichContent) => {\n      if (!richContent) {\n        return INITIAL_INJECTED_RICH_CONTENT;\n      }\n\n      return !isEqual(richContent, injectedRichContent)\n        ? richContent\n        : injectedRichContent;\n    });\n\n    prevContentRef.current = propsContent;\n  }, [propsContent]);\n\n  return [content, setContent, injectedContent] as const;\n};\n\nexport const useWixRicosProps = () => {\n  const patternsContainer = useWixPatternsContainer();\n  // console.log('[Rich Content] environment:', patternsContainer.environment);\n  const locale = patternsContainer.environment.language || 'en';\n\n  return { locale };\n};\n\nconst CMS_RICOS_CONSUMER = 'wix-data-editor';\nconst CMS_RICOS_PLATFORM = 'BM';\n\nexport const useRicosBISettings = (usage?: string, itemId = '$new') =>\n  useMemo<BISettings>(\n    () => ({\n      containerId: CMS_RICOS_APP_ID,\n      consumer: CMS_RICOS_CONSUMER,\n      platform: CMS_RICOS_PLATFORM,\n      postId: itemId,\n      usage,\n    }),\n    [usage, itemId],\n  );\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEO,MAAMK,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,oBAAa,EAAC,EAAE,CAAC;AAE9D,MAAMC,iBAAiB,GAAIC,OAAqB,IAC9CA,OAAO,IAAI,IAAAC,yBAAkB,EAACD,OAAO,CAAC;AAEjC,MAAME,mBAAmB,GAAIC,YAA0B,IAAK;EACjE,MAAM,CAACH,OAAO,EAAEI,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAACN,iBAAiB,CAACI,YAAY,CAAC,CAAC;EACvE,MAAM,CAACG,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAF,eAAQ,EACpDT,6BACF,CAAC;EAED,MAAMY,cAAc,GAAG,IAAAC,aAAM,EAACN,YAAY,CAAC;EAC3C,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAI,IAAAC,gBAAO,EAACR,YAAY,EAAEK,cAAc,CAACI,OAAO,CAAC,EAAE;MACjD;IACF;IAEA,MAAMC,WAAW,GAAGd,iBAAiB,CAACI,YAAY,CAAC;IAEnDC,UAAU,CAACS,WAAW,CAAC;IACvBN,kBAAkB,CAAEO,mBAAmB,IAAK;MAC1C,IAAI,CAACD,WAAW,EAAE;QAChB,OAAOjB,6BAA6B;MACtC;MAEA,OAAO,CAAC,IAAAe,gBAAO,EAACE,WAAW,EAAEC,mBAAmB,CAAC,GAC7CD,WAAW,GACXC,mBAAmB;IACzB,CAAC,CAAC;IAEFN,cAAc,CAACI,OAAO,GAAGT,YAAY;EACvC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAO,CAACH,OAAO,EAAEI,UAAU,EAAEE,eAAe,CAAC;AAC/C,CAAC;AAACT,OAAA,CAAAK,mBAAA,GAAAA,mBAAA;AAEK,MAAMa,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,iBAAiB,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EACnD;EACA,MAAMC,MAAM,GAAGF,iBAAiB,CAACG,WAAW,CAACC,QAAQ,IAAI,IAAI;EAE7D,OAAO;IAAEF;EAAO,CAAC;AACnB,CAAC;AAACrB,OAAA,CAAAkB,gBAAA,GAAAA,gBAAA;AAEF,MAAMM,kBAAkB,GAAG,iBAAiB;AAC5C,MAAMC,kBAAkB,GAAG,IAAI;AAExB,MAAMC,kBAAkB,GAAGA,CAACC,KAAc,EAAEC,MAAM,GAAG,MAAM,KAChE,IAAAC,cAAO,EACL,OAAO;EACLC,WAAW,EAAEC,wBAAgB;EAC7BC,QAAQ,EAAER,kBAAkB;EAC5BS,QAAQ,EAAER,kBAAkB;EAC5BS,MAAM,EAAEN,MAAM;EACdD;AACF,CAAC,CAAC,EACF,CAACA,KAAK,EAAEC,MAAM,CAChB,CAAC;AAAC5B,OAAA,CAAA0B,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  exports[key] = _hooks[key];
+});
+var _colorsCache = require("./colors-cache");
+Object.keys(_colorsCache).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _colorsCache[key]) return;
+  exports[key] = _colorsCache[key];
+});
+var _publishLoader = require("./publish-loader");
+Object.keys(_publishLoader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _publishLoader[key]) return;
+  exports[key] = _publishLoader[key];
+});
+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];
+});
+var _toggleFullscreenButton = require("./toggle-fullscreen-button");
+Object.keys(_toggleFullscreenButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _toggleFullscreenButton[key]) return;
+  exports[key] = _toggleFullscreenButton[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","Object","keys","forEach","key","exports","_hooks","_colorsCache","_publishLoader","_fullscreenModal","_toggleFullscreenButton"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-common/index.ts"],"sourcesContent":["export * from './types';\nexport * from './hooks';\nexport * from './colors-cache';\nexport * from './publish-loader';\nexport * from './fullscreen-modal';\nexport * from './toggle-fullscreen-button';\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,MAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,YAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,YAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,YAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,YAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,cAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,cAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,cAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,cAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,gBAAA,CAAAL,GAAA;AAAA;AACA,IAAAM,uBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,uBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,uBAAA,CAAAN,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAM,uBAAA,CAAAN,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/index.js

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

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_publishLoader","require","Object","keys","forEach","key","exports"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/index.ts"],"sourcesContent":["export * from './publish-loader';\n"],"mappings":";;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PublishLoader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../../../../hooks");
+var _publishLoaderStCss = require("./publish-loader.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.tsx";
+const PublishLoader = () => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    direction: "vertical",
+    className: _publishLoaderStCss.classes.publishLoader,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "medium",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 7
+    }
+  }, t('CMS.richContentCommon.publishLoader')));
+};
+exports.PublishLoader = PublishLoader;
+PublishLoader.displayName = 'PublishLoader';
+//# sourceMappingURL=publish-loader.js.map

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_hooks","_publishLoaderStCss","_jsxFileName","PublishLoader","t","useTranslations","default","createElement","Box","align","verticalAlign","direction","className","classes","publishLoader","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Text","exports","displayName"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, Loader, Text } from '@wix/design-system';\nimport { useTranslations } from '../../../../../hooks';\n\nimport { classes } from './publish-loader.st.css.js';\n\nexport const PublishLoader: React.FC = () => {\n  const { t } = useTranslations();\n  return (\n    <Box\n      align=\"center\"\n      verticalAlign=\"middle\"\n      direction=\"vertical\"\n      className={classes.publishLoader}\n    >\n      <Loader size=\"medium\" />\n      <Text>{t('CMS.richContentCommon.publishLoader')}</Text>\n    </Box>\n  );\n};\n\nPublishLoader.displayName = 'PublishLoader';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAE9C,MAAMC,aAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IACFC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,SAAS,EAAC,UAAU;IACpBC,SAAS,EAAEC,2BAAO,CAACC,aAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjCvB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAqB,MAAM;IAACC,IAAI,EAAC,QAAQ;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACxBvB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAuB,IAAI;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEf,CAAC,CAAC,qCAAqC,CAAQ,CACnD,CAAC;AAEV,CAAC;AAACmB,OAAA,CAAApB,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACqB,WAAW,GAAG,eAAe","ignoreList":[]}