@wix/auto-patterns 1.48.0 → 1.50.0

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _components = require("../../components");
+var _defaultValueReadOnlyInput = require("../default-value-read-only-input");
+var _richContentDefaultValueInput = require("./rich-content-default-value-input");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-input/default-value-input/default-value-input.tsx";
+const DefaultValueRichContentInput = ({
+  isSiteMetadataLoading,
+  ...props
+}) => {
+  if (isSiteMetadataLoading) {
+    return /*#__PURE__*/_react.default.createElement(_components.InputLoader, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 19,
+        columnNumber: 12
+      }
+    });
+  }
+  if (props.readOnly) {
+    return /*#__PURE__*/_react.default.createElement(_defaultValueReadOnlyInput.RichContentDefaultValueReadOnlyInput, (0, _extends2.default)({}, props, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 23,
+        columnNumber: 12
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_richContentDefaultValueInput.RichContentDefaultValueInput, (0, _extends2.default)({}, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 10
+    }
+  }));
+};
+var _default = exports.default = DefaultValueRichContentInput;
+//# sourceMappingURL=default-value-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_components","_defaultValueReadOnlyInput","_richContentDefaultValueInput","_jsxFileName","DefaultValueRichContentInput","isSiteMetadataLoading","props","default","createElement","InputLoader","__self","__source","fileName","lineNumber","columnNumber","readOnly","RichContentDefaultValueReadOnlyInput","_extends2","RichContentDefaultValueInput","_default","exports"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/default-value-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { InputLoader } from '../../components';\nimport { RichContentDefaultValueReadOnlyInput } from '../default-value-read-only-input';\n\nimport { RichContentDefaultValueInput } from './rich-content-default-value-input';\nimport type { RichContentDefaultValueInputProps } from './rich-content-default-value-input';\n\nexport type FormRichContentInputProps = RichContentDefaultValueInputProps & {\n  isSiteMetadataLoading: boolean;\n};\n\nconst DefaultValueRichContentInput: FC<FormRichContentInputProps> = ({\n  isSiteMetadataLoading,\n  ...props\n}) => {\n  if (isSiteMetadataLoading) {\n    return <InputLoader />;\n  }\n\n  if (props.readOnly) {\n    return <RichContentDefaultValueReadOnlyInput {...props} />;\n  }\n\n  return <RichContentDefaultValueInput {...props} />;\n};\n\nexport default DefaultValueRichContentInput;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAEA,IAAAG,6BAAA,GAAAH,OAAA;AAAkF,IAAAI,YAAA;AAOlF,MAAMC,4BAA2D,GAAGA,CAAC;EACnEC,qBAAqB;EACrB,GAAGC;AACL,CAAC,KAAK;EACJ,IAAID,qBAAqB,EAAE;IACzB,oBAAOR,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,WAAA,CAAAS,WAAW;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EACxB;EAEA,IAAIR,KAAK,CAACS,QAAQ,EAAE;IAClB,oBAAOlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAe,oCAAoC,MAAAC,SAAA,CAAAV,OAAA,MAAKD,KAAK;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC;EAC5D;EAEA,oBAAOjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,6BAAA,CAAAgB,4BAA4B,MAAAD,SAAA,CAAAV,OAAA,MAAKD,KAAK;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACpD,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaH,4BAA4B","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _defaultValueInput = _interopRequireDefault(require("./default-value-input"));
+exports.default = _defaultValueInput.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/rich-content/rich-content-input/default-value-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_defaultValueInput","_interopRequireDefault","require","exports","default"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/index.ts"],"sourcesContent":["export {default} from './default-value-input';\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8CC,OAAA,CAAAC,OAAA,GAAAJ,kBAAA,CAAAI,OAAA","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichContentDefaultValueInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _richContentEditor = require("../rich-content-editor");
+var _richContentCommon = require("../rich-content-common");
+var _useRichContentFormInput = require("../form-input/use-rich-content-form-input");
+var _richContentFormInputStCss = require("../form-input/rich-content-form-input.st.css.js");
+var _richContentDefaultValueInputStCss = require("./rich-content-default-value-input.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.tsx";
+const RichContentDefaultValueInput = ({
+  data,
+  onChange,
+  onCustomEvent,
+  experiments,
+  theme,
+  colorScheme,
+  dataHook
+}) => {
+  const {
+    localValue,
+    injectedValue,
+    autoFocus,
+    handlePublish,
+    handleOnChange,
+    onExitFullScreen,
+    onEnterFullScreen,
+    triggerOnChange
+  } = (0, _useRichContentFormInput.useRichContentFormInput)({
+    data,
+    onChange,
+    onCustomEvent
+  });
+  const biSettings = (0, _richContentCommon.useRicosBISettings)('defaultValueModal');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "rich-content.input",
+    className: _richContentDefaultValueInputStCss.classes.richContentEditorContainer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      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: 51,
+      columnNumber: 7
+    }
+  }));
+};
+exports.RichContentDefaultValueInput = RichContentDefaultValueInput;
+//# sourceMappingURL=rich-content-default-value-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_richContentEditor","_richContentCommon","_useRichContentFormInput","_richContentFormInputStCss","_richContentDefaultValueInputStCss","_jsxFileName","RichContentDefaultValueInput","data","onChange","onCustomEvent","experiments","theme","colorScheme","dataHook","localValue","injectedValue","autoFocus","handlePublish","handleOnChange","onExitFullScreen","onEnterFullScreen","triggerOnChange","useRichContentFormInput","biSettings","useRicosBISettings","default","createElement","className","classes","richContentEditorContainer","__self","__source","fileName","lineNumber","columnNumber","RichContentEditor","formInputClasses","root","onBlur","content","injectedContent","wixExperiments","onPublish","exports"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\nimport { RichContentEditor } from '../rich-content-editor';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\nimport { useRichContentFormInput } from '../form-input/use-rich-content-form-input';\nimport { classes as formInputClasses } from '../form-input/rich-content-form-input.st.css.js';\n\nimport { classes } from './rich-content-default-value-input.st.css.js';\n\nexport type RichContentDefaultValueInputProps = FormInputProps<RichContent> &\n  RichContentInputProps;\n\nexport const RichContentDefaultValueInput: FC<\n  RichContentDefaultValueInputProps\n> = ({\n  data,\n  onChange,\n  onCustomEvent,\n  experiments,\n  theme,\n  colorScheme,\n  dataHook,\n}) => {\n  const {\n    localValue,\n    injectedValue,\n    autoFocus,\n    handlePublish,\n    handleOnChange,\n    onExitFullScreen,\n    onEnterFullScreen,\n    triggerOnChange,\n  } = useRichContentFormInput({\n    data,\n    onChange,\n    onCustomEvent,\n  });\n\n  const biSettings = useRicosBISettings('defaultValueModal');\n\n  return (\n    <div\n      data-hook=\"rich-content.input\"\n      className={classes.richContentEditorContainer}\n    >\n      <RichContentEditor\n        dataHook={dataHook}\n        className={formInputClasses.root}\n        autoFocus={autoFocus}\n        onEnterFullScreen={onEnterFullScreen}\n        onExitFullScreen={onExitFullScreen}\n        onBlur={triggerOnChange}\n        content={localValue}\n        injectedContent={injectedValue}\n        onChange={handleOnChange}\n        biSettings={biSettings}\n        wixExperiments={experiments}\n        theme={theme}\n        colorScheme={colorScheme}\n        onPublish={handlePublish}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AAEA,IAAAK,kCAAA,GAAAL,OAAA;AAAuE,IAAAM,YAAA;AAKhE,MAAMC,4BAEZ,GAAGA,CAAC;EACHC,IAAI;EACJC,QAAQ;EACRC,aAAa;EACbC,WAAW;EACXC,KAAK;EACLC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAM;IACJC,UAAU;IACVC,aAAa;IACbC,SAAS;IACTC,aAAa;IACbC,cAAc;IACdC,gBAAgB;IAChBC,iBAAiB;IACjBC;EACF,CAAC,GAAG,IAAAC,gDAAuB,EAAC;IAC1Bf,IAAI;IACJC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAMc,UAAU,GAAG,IAAAC,qCAAkB,EAAC,mBAAmB,CAAC;EAE1D,oBACE3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA;IACE,aAAU,oBAAoB;IAC9BC,SAAS,EAAEC,0CAAO,CAACC,0BAA2B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9CrC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,kBAAA,CAAAmC,iBAAiB;IAChBtB,QAAQ,EAAEA,QAAS;IACnBc,SAAS,EAAES,kCAAgB,CAACC,IAAK;IACjCrB,SAAS,EAAEA,SAAU;IACrBI,iBAAiB,EAAEA,iBAAkB;IACrCD,gBAAgB,EAAEA,gBAAiB;IACnCmB,MAAM,EAAEjB,eAAgB;IACxBkB,OAAO,EAAEzB,UAAW;IACpB0B,eAAe,EAAEzB,aAAc;IAC/BP,QAAQ,EAAEU,cAAe;IACzBK,UAAU,EAAEA,UAAW;IACvBkB,cAAc,EAAE/B,WAAY;IAC5BC,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzB8B,SAAS,EAAEzB,aAAc;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACE,CAAC;AAEV,CAAC;AAACS,OAAA,CAAArC,4BAAA,GAAAA,4BAAA","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"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_ = "richcontentdefaultvalueinput1948070255";
+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": "richcontentdefaultvalueinput1948070255__root",
+  "richContentEditorContainer": "richcontentdefaultvalueinput1948070255__richContentEditorContainer",
+  "editor": "richcontentdefaultvalueinput1948070255__editor"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "topToolbarHeight": "--richcontentdefaultvalueinput1948070255-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentdefaultvalueinput1948070255-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-default-value-input.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_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/default-value-input/rich-content-default-value-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentdefaultvalueinput1948070255\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentdefaultvalueinput1948070255__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput1948070255__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput1948070255__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--richcontentdefaultvalueinput1948070255-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentdefaultvalueinput1948070255-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":";;;;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,8CAA8C;EAAC,4BAA4B,EAAC,oEAAoE;EAAC,QAAQ,EAAC;AAAgD,CAAC;AACjO,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,kBAAkB,EAAC,2DAA2D;EAAC,qBAAqB,EAAC;AAA8D,CAAC","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichContentDefaultValueReadOnlyInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _richContentViewer = require("../rich-content-viewer");
+var _richContentCommon = require("../rich-content-common");
+var _richContentFormReadOnlyInputStCss = require("../form-read-only-input/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/default-value-read-only-input/rich-content-form-read-only-input.tsx";
+const RichContentDefaultValueReadOnlyInput = ({
+  data,
+  theme,
+  experiments,
+  dataHook
+}) => {
+  const biSettings = (0, _richContentCommon.useRicosBISettings)('defaultValueModal');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "rich-content.input.readOnly",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      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: 21,
+      columnNumber: 7
+    }
+  }));
+};
+exports.RichContentDefaultValueReadOnlyInput = RichContentDefaultValueReadOnlyInput;
+RichContentDefaultValueReadOnlyInput.displayName = 'RichContentDefaultValueReadOnlyInput';
+//# sourceMappingURL=rich-content-form-read-only-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_richContentViewer","_richContentCommon","_richContentFormReadOnlyInputStCss","_jsxFileName","RichContentDefaultValueReadOnlyInput","data","theme","experiments","dataHook","biSettings","useRicosBISettings","default","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/default-value-read-only-input/rich-content-form-read-only-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\nimport { RichContentViewer } from '../rich-content-viewer';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\nimport { classes } from '../form-read-only-input/rich-content-form-read-only-input.st.css.js';\n\nexport type RichContentDefaultValueInputProps = FormInputProps<RichContent> &\n  RichContentInputProps;\n\nexport const RichContentDefaultValueReadOnlyInput: React.FC<\n  RichContentDefaultValueInputProps\n> = ({ data, theme, experiments, dataHook }) => {\n  const biSettings = useRicosBISettings('defaultValueModal');\n\n  return (\n    <div data-hook=\"rich-content.input.readOnly\">\n      <RichContentViewer\n        dataHook={dataHook}\n        className={classes.root}\n        content={data}\n        wixExperiments={experiments}\n        biSettings={biSettings}\n        theme={theme}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nRichContentDefaultValueReadOnlyInput.displayName =\n  'RichContentDefaultValueReadOnlyInput';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,kCAAA,GAAAH,OAAA;AAA8F,IAAAI,YAAA;AAKvF,MAAMC,oCAEZ,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EAC9C,MAAMC,UAAU,GAAG,IAAAC,qCAAkB,EAAC,mBAAmB,CAAC;EAE1D,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAK,aAAU,6BAA6B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1CpB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,kBAAA,CAAAkB,iBAAiB;IAChBV,QAAQ,EAAEA,QAAS;IACnBW,SAAS,EAAEC,0CAAO,CAACC,IAAK;IACxBC,OAAO,EAAEjB,IAAK;IACdkB,cAAc,EAAEhB,WAAY;IAC5BE,UAAU,EAAEA,UAAW;IACvBH,KAAK,EAAEA,KAAM;IACbkB,QAAQ,EAAE,CAAE;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CACE,CAAC;AAEV,CAAC;AAACQ,OAAA,CAAArB,oCAAA,GAAAA,oCAAA;AAEFA,oCAAoC,CAACsB,WAAW,GAC9C,sCAAsC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _components = require("../../components");
+var _formReadOnlyInput = require("../form-read-only-input");
+var _richContentFormInput = require("./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/form-input.tsx";
+const FormRichContentInput = ({
+  isSiteMetadataLoading,
+  ...props
+}) => {
+  if (isSiteMetadataLoading) {
+    return /*#__PURE__*/_react.default.createElement(_components.InputLoader, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 19,
+        columnNumber: 12
+      }
+    });
+  }
+  if (props.readOnly) {
+    return /*#__PURE__*/_react.default.createElement(_formReadOnlyInput.RichContentFormReadOnlyInput, (0, _extends2.default)({}, props, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 23,
+        columnNumber: 12
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_richContentFormInput.RichContentFormInput, (0, _extends2.default)({}, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 10
+    }
+  }));
+};
+var _default = exports.default = FormRichContentInput;
+//# sourceMappingURL=form-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_components","_formReadOnlyInput","_richContentFormInput","_jsxFileName","FormRichContentInput","isSiteMetadataLoading","props","default","createElement","InputLoader","__self","__source","fileName","lineNumber","columnNumber","readOnly","RichContentFormReadOnlyInput","_extends2","RichContentFormInput","_default","exports"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/form-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { InputLoader } from '../../components';\nimport { RichContentFormReadOnlyInput } from '../form-read-only-input';\n\nimport type { RichContentFormInputProps } from './rich-content-form-input';\nimport { RichContentFormInput } from './rich-content-form-input';\n\nexport type FormRichContentInputProps = RichContentFormInputProps & {\n  isSiteMetadataLoading: boolean;\n};\n\nconst FormRichContentInput: FC<FormRichContentInputProps> = ({\n  isSiteMetadataLoading,\n  ...props\n}) => {\n  if (isSiteMetadataLoading) {\n    return <InputLoader />;\n  }\n\n  if (props.readOnly) {\n    return <RichContentFormReadOnlyInput {...props} />;\n  }\n\n  return <RichContentFormInput {...props} />;\n};\n\nexport default FormRichContentInput;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAGA,IAAAG,qBAAA,GAAAH,OAAA;AAAiE,IAAAI,YAAA;AAMjE,MAAMC,oBAAmD,GAAGA,CAAC;EAC3DC,qBAAqB;EACrB,GAAGC;AACL,CAAC,KAAK;EACJ,IAAID,qBAAqB,EAAE;IACzB,oBAAOR,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,WAAA,CAAAS,WAAW;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EACxB;EAEA,IAAIR,KAAK,CAACS,QAAQ,EAAE;IAClB,oBAAOlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAe,4BAA4B,MAAAC,SAAA,CAAAV,OAAA,MAAKD,KAAK;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC;EACpD;EAEA,oBAAOjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,qBAAA,CAAAgB,oBAAoB,MAAAD,SAAA,CAAAV,OAAA,MAAKD,KAAK;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC5C,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaH,oBAAoB","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _formInput = _interopRequireDefault(require("./form-input"));
+exports.default = _formInput.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_formInput","_interopRequireDefault","require","exports","default"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/index.ts"],"sourcesContent":["export {default} from './form-input';\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAqCC,OAAA,CAAAC,OAAA,GAAAJ,UAAA,CAAAI,OAAA","ignoreList":[]}

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.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_ = "richcontentforminput4121002923";
+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": "richcontentforminput4121002923__root",
+  "editor": "richcontentforminput4121002923__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": "--richcontentforminput4121002923-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentforminput4121002923-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_ = \"richcontentforminput4121002923\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentforminput4121002923__root\",\"editor\":\"richcontentforminput4121002923__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"topToolbarHeight\":\"--richcontentforminput4121002923-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentforminput4121002923-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":";;;;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":[]}