@wix/patterns-fields 1.0.0

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useMountedState = void 0;
+var _react = require("react");
+const useMountedState = initialState => {
+  const [state, setState] = (0, _react.useState)(initialState);
+  const isMountedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const setMountedState = (0, _react.useCallback)(state => {
+    if (isMountedRef.current) {
+      setState(state);
+    }
+  }, []);
+  return [state, setMountedState];
+};
+exports.useMountedState = useMountedState;
+//# sourceMappingURL=use-mounted-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useMountedState","initialState","state","setState","useState","isMountedRef","useRef","useEffect","current","setMountedState","useCallback","exports"],"sources":["../../../../../src/components/rich-content/hooks/use-mounted-state.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\n\ntype UseMountedState = <S>(initialState: S) => [S, (state: S) => void];\n\nexport const useMountedState: UseMountedState = (initialState) => {\n  const [state, setState] = useState(initialState);\n  const isMountedRef = useRef(false);\n\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  const setMountedState = useCallback((state) => {\n    if (isMountedRef.current) {\n      setState(state);\n    }\n  }, []);\n\n  return [state, setMountedState];\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAMC,eAAgC,GAAIC,YAAY,IAAK;EAChE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACH,YAAY,CAAC;EAChD,MAAMI,YAAY,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAElC,IAAAC,gBAAS,EAAC,MAAM;IACdF,YAAY,CAACG,OAAO,GAAG,IAAI;IAC3B,OAAO,MAAM;MACXH,YAAY,CAACG,OAAO,GAAG,KAAK;IAC9B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAAER,KAAK,IAAK;IAC7C,IAAIG,YAAY,CAACG,OAAO,EAAE;MACxBL,QAAQ,CAACD,KAAK,CAAC;IACjB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,CAACA,KAAK,EAAEO,eAAe,CAAC;AACjC,CAAC;AAACE,OAAA,CAAAX,eAAA,GAAAA,eAAA","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.usePlainTextRichContent = void 0;
+var _react = require("react");
+var _content = require("@wix/ricos/content");
+var _utils = require("../../../utils");
+var _useMountedState = require("./use-mounted-state");
+const usePlainTextRichContent = content => {
+  const [plainTextContent, setPlainTextContent] = (0, _useMountedState.useMountedState)('');
+  const [isConverting, setIsConverting] = (0, _useMountedState.useMountedState)(false);
+  (0, _react.useEffect)(() => {
+    if (content) {
+      setIsConverting(true);
+      (0, _content.toPlainText)((0, _content.ensureRicosContent)(content), {
+        delimiter: ' '
+      }).catch(() => (0, _utils.safeStringify)(content)).then(setPlainTextContent).finally(() => setIsConverting(false));
+    } else {
+      setIsConverting(false);
+      setPlainTextContent('');
+    }
+  }, [content, setIsConverting, setPlainTextContent]);
+  return [plainTextContent, isConverting];
+};
+exports.usePlainTextRichContent = usePlainTextRichContent;
+//# sourceMappingURL=use-plain-text-rich-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_content","_utils","_useMountedState","usePlainTextRichContent","content","plainTextContent","setPlainTextContent","useMountedState","isConverting","setIsConverting","useEffect","toPlainText","ensureRicosContent","delimiter","catch","safeStringify","then","finally","exports"],"sources":["../../../../../src/components/rich-content/hooks/use-plain-text-rich-content.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { RichContent } from '@wix/ricos/content';\nimport { ensureRicosContent, toPlainText } from '@wix/ricos/content';\n\nimport { safeStringify } from '../../../utils';\nimport { useMountedState } from './use-mounted-state';\n\nexport const usePlainTextRichContent = (content?: RichContent) => {\n  const [plainTextContent, setPlainTextContent] = useMountedState('');\n  const [isConverting, setIsConverting] = useMountedState(false);\n\n  useEffect(() => {\n    if (content) {\n      setIsConverting(true);\n      toPlainText(ensureRicosContent(content), { delimiter: ' ' })\n        .catch(() => safeStringify(content))\n        .then(setPlainTextContent)\n        .finally(() => setIsConverting(false));\n    } else {\n      setIsConverting(false);\n      setPlainTextContent('');\n    }\n  }, [content, setIsConverting, setPlainTextContent]);\n\n  return [plainTextContent, isConverting] as const;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEO,MAAMI,uBAAuB,GAAIC,OAAqB,IAAK;EAChE,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,gCAAe,EAAC,EAAE,CAAC;EACnE,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAF,gCAAe,EAAC,KAAK,CAAC;EAE9D,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAIN,OAAO,EAAE;MACXK,eAAe,CAAC,IAAI,CAAC;MACrB,IAAAE,oBAAW,EAAC,IAAAC,2BAAkB,EAACR,OAAO,CAAC,EAAE;QAAES,SAAS,EAAE;MAAI,CAAC,CAAC,CACzDC,KAAK,CAAC,MAAM,IAAAC,oBAAa,EAACX,OAAO,CAAC,CAAC,CACnCY,IAAI,CAACV,mBAAmB,CAAC,CACzBW,OAAO,CAAC,MAAMR,eAAe,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,MAAM;MACLA,eAAe,CAAC,KAAK,CAAC;MACtBH,mBAAmB,CAAC,EAAE,CAAC;IACzB;EACF,CAAC,EAAE,CAACF,OAAO,EAAEK,eAAe,EAAEH,mBAAmB,CAAC,CAAC;EAEnD,OAAO,CAACD,gBAAgB,EAAEG,YAAY,CAAC;AACzC,CAAC;AAACU,OAAA,CAAAf,uBAAA,GAAAA,uBAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_richContentView","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/rich-content/index.ts"],"sourcesContent":["export * from './rich-content-view';\n// NOTE: Heavy exports (FormRichContentInput, RichContentEditor, hooks) have been moved to './editor' to prevent bundle bloat.\n// Import them explicitly: import { FormRichContentInput } from '../fields/components/rich-content/editor';\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/consts.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CMS_RICOS_APP_ID = void 0;
+const CMS_RICOS_APP_ID = exports.CMS_RICOS_APP_ID = '9f87f125-e7d5-4ed9-a16c-999d862e96ab';
+//# sourceMappingURL=consts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CMS_RICOS_APP_ID","exports"],"sources":["../../../../../src/components/rich-content/rich-content-input/consts.ts"],"sourcesContent":["export const CMS_RICOS_APP_ID = '9f87f125-e7d5-4ed9-a16c-999d862e96ab';\n"],"mappings":";;;;AAAO,MAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,sCAAsC","ignoreList":[]}

package/dist/cjs/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/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/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/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/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css

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

package/dist/cjs/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_ = "richcontentdefaultvalueinput265201860";
+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": "richcontentdefaultvalueinput265201860__root",
+  "richContentEditorContainer": "richcontentdefaultvalueinput265201860__richContentEditorContainer",
+  "editor": "richcontentdefaultvalueinput265201860__editor"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "topToolbarHeight": "--richcontentdefaultvalueinput265201860-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentdefaultvalueinput265201860-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-default-value-input.st.css.js.map

package/dist/cjs/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/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_ = \"richcontentdefaultvalueinput265201860\";\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\":\"richcontentdefaultvalueinput265201860__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput265201860__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput265201860__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--richcontentdefaultvalueinput265201860-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentdefaultvalueinput265201860-bottomToolbarHeight\"}; \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,6CAA6C;EAAC,4BAA4B,EAAC,mEAAmE;EAAC,QAAQ,EAAC;AAA+C,CAAC;AAC9N,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,0DAA0D;EAAC,qBAAqB,EAAC;AAA6D,CAAC","ignoreList":[]}

package/dist/cjs/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/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/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/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/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/components/rich-content/rich-content-input/form-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_formInput","_interopRequireDefault","require","exports","default"],"sources":["../../../../../../src/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/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css

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

package/dist/cjs/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_ = "richcontentforminput2510854035";
+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": "richcontentforminput2510854035__root",
+  "editor": "richcontentforminput2510854035__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": "--richcontentforminput2510854035-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentforminput2510854035-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-form-input.st.css.js.map

package/dist/cjs/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/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_ = \"richcontentforminput2510854035\";\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\":\"richcontentforminput2510854035__root\",\"editor\":\"richcontentforminput2510854035__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\":\"--richcontentforminput2510854035-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentforminput2510854035-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":[]}