@wix/auto-patterns 1.44.0 → 1.46.0

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document-view.js

@@ -0,0 +1,80 @@
+import React, { useCallback, useState } from 'react';
+import { Box, Text } from '@wix/design-system';
+import { DocumentControl, AddDocumentButton } from '../../document/form';
+import { PasteURLButton, useDocumentDelete } from '../../media-control';
+import { DeleteDialog } from '../../delete-dialog';
+import { useTranslations } from '../../../hooks';
+import { classes } from './form-multi-document.st.css.js';
+export const FormMultiDocumentView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    data,
+    readOnly,
+    onChange,
+    callMedia,
+    loading,
+    dataHook,
+    onOpenPasteURLForm
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const [replacedDocumentIndex, setReplacedDocumentIndex] = useState(null);
+  const {
+    isOpen,
+    onDelete,
+    onDeleteCancel,
+    onDeleteConfirm,
+    title,
+    text
+  } = useDocumentDelete({
+    data,
+    onChange
+  });
+  const onReplace = useCallback(index => async () => {
+    setReplacedDocumentIndex(index);
+    await callMedia(index);
+    setReplacedDocumentIndex(null);
+  }, [callMedia]);
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": dataHook
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    className: classes.viewRoot
+  }, data.map((mediaURI, index) => /*#__PURE__*/React.createElement(DocumentControl, {
+    dataHook: `multi-document-field-document-${index}`,
+    key: index,
+    ref: index === 0 ? ref : undefined,
+    mediaURI: mediaURI,
+    readOnly: readOnly,
+    onReplace: onReplace(index),
+    onDelete: onDelete(index),
+    className: classes.singleViewWrapper,
+    loading: index === replacedDocumentIndex ? loading : false,
+    loaderClassName: classes.singleViewWrapper,
+    onOpenPasteURLForm: onOpenPasteURLForm({
+      index,
+      value: mediaURI,
+      title: t('CMS.document.replaceWithUrl.title')
+    })
+  })), /*#__PURE__*/React.createElement(AddDocumentButton, {
+    dataHook: "multi-document-field-add-document-button",
+    theme: "plain",
+    disabled: readOnly,
+    onClick: callMedia,
+    className: classes.addDocumentButton,
+    loading: replacedDocumentIndex === null ? loading : false
+  })), /*#__PURE__*/React.createElement(PasteURLButton, {
+    title: t('CMS.document.pasteUrl.button'),
+    disabled: readOnly,
+    onClick: onOpenPasteURLForm({
+      title: t('CMS.document.pasteUrl.title')
+    })
+  }), /*#__PURE__*/React.createElement(DeleteDialog, {
+    open: isOpen,
+    title: title,
+    onClose: onDeleteCancel,
+    onDelete: onDeleteConfirm
+  }, /*#__PURE__*/React.createElement(Text, null, text)));
+});
+FormMultiDocumentView.displayName = 'FormMultiDocumentView';
+//# sourceMappingURL=form-multi-document-view.js.map

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","Box","Text","DocumentControl","AddDocumentButton","PasteURLButton","useDocumentDelete","DeleteDialog","useTranslations","classes","FormMultiDocumentView","forwardRef","_ref","ref","data","readOnly","onChange","callMedia","loading","dataHook","onOpenPasteURLForm","t","replacedDocumentIndex","setReplacedDocumentIndex","isOpen","onDelete","onDeleteCancel","onDeleteConfirm","title","text","onReplace","index","createElement","direction","className","viewRoot","map","mediaURI","key","undefined","singleViewWrapper","loaderClassName","value","theme","disabled","onClick","addDocumentButton","open","onClose","displayName"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-input/form-multi-document-view.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\nimport { Box, Text } from '@wix/design-system';\n\nimport { DocumentControl, AddDocumentButton } from '../../document/form';\nimport type { OpenPasteURLFormParams } from '../../media-control';\nimport { PasteURLButton, useDocumentDelete } from '../../media-control';\nimport { DeleteDialog } from '../../delete-dialog';\nimport { useTranslations } from '../../../hooks';\n\nimport { classes } from './form-multi-document.st.css.js';\n\ninterface FormMultiDocumentViewProps {\n  data: string[];\n  readOnly?: boolean;\n  onChange: (value: string[]) => void;\n  callMedia: (index?: number) => Promise<void>;\n  loading: boolean;\n  dataHook?: string;\n  onOpenPasteURLForm: (params: OpenPasteURLFormParams) => () => void;\n}\n\nexport const FormMultiDocumentView = React.forwardRef<\n  HTMLDivElement,\n  FormMultiDocumentViewProps\n>(\n  (\n    {\n      data,\n      readOnly,\n      onChange,\n      callMedia,\n      loading,\n      dataHook,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n\n    const [replacedDocumentIndex, setReplacedDocumentIndex] = useState<\n      number | null\n    >(null);\n\n    const { isOpen, onDelete, onDeleteCancel, onDeleteConfirm, title, text } =\n      useDocumentDelete({ data, onChange });\n\n    const onReplace = useCallback(\n      (index: number) => async () => {\n        setReplacedDocumentIndex(index);\n        await callMedia(index);\n        setReplacedDocumentIndex(null);\n      },\n      [callMedia],\n    );\n\n    return (\n      <div data-hook={dataHook}>\n        <Box direction=\"vertical\" className={classes.viewRoot}>\n          {data.map((mediaURI, index) => (\n            <DocumentControl\n              dataHook={`multi-document-field-document-${index}`}\n              key={index}\n              ref={index === 0 ? ref : undefined}\n              mediaURI={mediaURI}\n              readOnly={readOnly}\n              onReplace={onReplace(index)}\n              onDelete={onDelete(index)}\n              className={classes.singleViewWrapper}\n              loading={index === replacedDocumentIndex ? loading : false}\n              loaderClassName={classes.singleViewWrapper}\n              onOpenPasteURLForm={onOpenPasteURLForm({\n                index,\n                value: mediaURI,\n                title: t('CMS.document.replaceWithUrl.title'),\n              })}\n            />\n          ))}\n          <AddDocumentButton\n            dataHook=\"multi-document-field-add-document-button\"\n            theme=\"plain\"\n            disabled={readOnly}\n            onClick={callMedia as () => Promise<void>}\n            className={classes.addDocumentButton}\n            loading={replacedDocumentIndex === null ? loading : false}\n          />\n        </Box>\n        <PasteURLButton\n          title={t('CMS.document.pasteUrl.button')}\n          disabled={readOnly}\n          onClick={onOpenPasteURLForm({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n        <DeleteDialog\n          open={isOpen}\n          title={title}\n          onClose={onDeleteCancel}\n          onDelete={onDeleteConfirm}\n        >\n          <Text>{text}</Text>\n        </DeleteDialog>\n      </div>\n    );\n  },\n);\n\nFormMultiDocumentView.displayName = 'FormMultiDocumentView';\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css

@@ -0,0 +1,50 @@
+@property st-global(--wds-border-radius-300);
+@property st-global(--wds-color-blue-300);
+@property st-global(--wds-color-blue-500);
+@property st-global(--wds-color-neutral-600);
+@property st-global(--wsr-color-B30);
+@property st-global(--wsr-color-B50);
+@property st-global(--wsr-color-D60);
+
+:vars {
+    BorderRadius: 2px;
+    documentViewBorderRadius: var(--wds-border-radius-300, calc(value(BorderRadius) * 3));
+}
+
+.viewRoot {
+    border-radius: value(documentViewBorderRadius);
+    border: 1px solid var(--wds-color-blue-300, var(--wsr-color-B30));
+}
+
+.singleViewWrapper {
+    border-radius: 0;
+    border-bottom: 1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));
+    background-color: transparent !important;
+}
+
+.viewRoot > div:first-child .singleViewWrapper {
+    border-top-left-radius: value(documentViewBorderRadius);
+    border-top-right-radius: value(documentViewBorderRadius);
+}
+
+.singleViewWrapper:hover {
+    background-color: var(--wds-color-blue-500, var(--wsr-color-B50)) !important;
+}
+
+.singleViewWrapper:focus-visible {
+    border-bottom: 1px solid transparent;
+    position: relative;
+    z-index: 1;
+}
+
+.addDocumentButton {
+    border-bottom-left-radius: value(documentViewBorderRadius);
+    border-bottom-right-radius: value(documentViewBorderRadius);
+}
+
+.addDocumentButton:focus-within {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: value(documentViewBorderRadius);
+    border-bottom-right-radius: value(documentViewBorderRadius);
+}

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -0,0 +1,32 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "formmultidocument853548620";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "formmultidocument853548620__root",
+  "viewRoot": "formmultidocument853548620__viewRoot",
+  "singleViewWrapper": "formmultidocument853548620__singleViewWrapper",
+  "addDocumentButton": "formmultidocument853548620__addDocumentButton"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {
+  "BorderRadius": "2px",
+  "documentViewBorderRadius": "var(--wds-border-radius-300, calc(2px * 3))"
+};
+export var vars = {
+  "wds-border-radius-300": "--wds-border-radius-300",
+  "wds-color-blue-300": "--wds-color-blue-300",
+  "wds-color-blue-500": "--wds-color-blue-500",
+  "wds-color-neutral-600": "--wds-color-neutral-600",
+  "wsr-color-B30": "--wsr-color-B30",
+  "wsr-color-B50": "--wsr-color-B50",
+  "wsr-color-D60": "--wsr-color-D60"
+};
+//# sourceMappingURL=form-multi-document.st.css.js.map

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument853548620\";\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\":\"formmultidocument853548620__root\",\"viewRoot\":\"formmultidocument853548620__viewRoot\",\"singleViewWrapper\":\"formmultidocument853548620__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument853548620__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,UAAU,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,+CAA+C;EAAC,mBAAmB,EAAC;AAA+C,CAAC;AAC1P,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AACnH,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/multi-document-view/multi-document-tags.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { DocumentView } from '../../document';
+export const MultiDocumentTags = _ref => {
+  let {
+    documents,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    width: "100%",
+    gap: "SP1",
+    verticalAlign: "top"
+  }, props), documents == null ? void 0 : documents.map((document, index) => /*#__PURE__*/React.createElement(DocumentView, {
+    data: document,
+    key: `${index}_${document}`
+  })));
+};
+MultiDocumentTags.displayName = 'MultiDocumentTags';
+//# sourceMappingURL=multi-document-tags.js.map

package/dist/esm/cms-fields/components/multi-document/multi-document-view/multi-document-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","DocumentView","MultiDocumentTags","_ref","documents","props","createElement","_extends","width","gap","verticalAlign","map","document","index","data","key","displayName"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-view/multi-document-tags.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport React from 'react';\nimport type { BoxProps } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\nimport { DocumentView } from '../../document';\n\nexport interface MultiDocumentTagsProps extends BoxProps {\n  documents?: string[];\n}\n\nexport const MultiDocumentTags: React.FC<\n  MultiDocumentTagsProps & CSSProperties\n> = ({ documents, ...props }) => {\n  return (\n    <Box width=\"100%\" gap=\"SP1\" verticalAlign=\"top\" {...props}>\n      {documents?.map((document, index) => (\n        <DocumentView data={document} key={`${index}_${document}`} />\n      ))}\n    </Box>\n  );\n};\n\nMultiDocumentTags.displayName = 'MultiDocumentTags';\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,YAAY,QAAQ,gBAAgB;AAM7C,OAAO,MAAMC,iBAEZ,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,SAAS;IAAE,GAAGC;EAAM,CAAC,GAAAF,IAAA;EAC1B,oBACEJ,KAAA,CAAAO,aAAA,CAACN,GAAG,EAAAO,QAAA;IAACC,KAAK,EAAC,MAAM;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC;EAAK,GAAKL,KAAK,GACtDD,SAAS,oBAATA,SAAS,CAAEO,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,kBAC9Bd,KAAA,CAAAO,aAAA,CAACL,YAAY;IAACa,IAAI,EAAEF,QAAS;IAACG,GAAG,EAAE,GAAGF,KAAK,IAAID,QAAQ;EAAG,CAAE,CAC7D,CACE,CAAC;AAEV,CAAC;AAEDV,iBAAiB,CAACc,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/multi-document-view/multi-document-view.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { MultiDocumentTags } from './multi-document-tags';
+export const MultiDocumentView = _ref => {
+  let {
+    data
+  } = _ref;
+  return /*#__PURE__*/React.createElement(MultiDocumentTags, {
+    overflow: "hidden",
+    documents: data
+  });
+};
+MultiDocumentView.displayName = 'MultiDocumentView';
+//# sourceMappingURL=multi-document-view.js.map

package/dist/esm/cms-fields/components/multi-document/multi-document-view/multi-document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MultiDocumentTags","MultiDocumentView","_ref","data","createElement","overflow","documents","displayName"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-view/multi-document-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MultiDocumentTags } from './multi-document-tags';\n\nexport interface MultiDocumentViewProps {\n  data?: string[];\n}\n\nexport const MultiDocumentView: React.FC<MultiDocumentViewProps> = ({\n  data,\n}) => {\n  return <MultiDocumentTags overflow=\"hidden\" documents={data} />;\n};\n\nMultiDocumentView.displayName = 'MultiDocumentView';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,uBAAuB;AAMzD,OAAO,MAAMC,iBAAmD,GAAGC,IAAA,IAE7D;EAAA,IAF8D;IAClEC;EACF,CAAC,GAAAD,IAAA;EACC,oBAAOH,KAAA,CAAAK,aAAA,CAACJ,iBAAiB;IAACK,QAAQ,EAAC,QAAQ;IAACC,SAAS,EAAEH;EAAK,CAAE,CAAC;AACjE,CAAC;AAEDF,iBAAiB,CAACM,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/esm/cms-fields/components/object/form-json-input.js

@@ -0,0 +1,30 @@
+import React, { useRef, useImperativeHandle } from 'react';
+import { JsonInput } from './json-input';
+import { useAutoFocus } from '../../hooks';
+export const FormJsonInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    data,
+    onChange,
+    onInput,
+    autoFocus,
+    readOnly,
+    dataHook
+  } = _ref;
+  const inputRef = useRef(null);
+  useAutoFocus(inputRef, autoFocus);
+
+  // Expose the internal input ref to the parent via forwarded ref
+  useImperativeHandle(ref, () => inputRef.current);
+  return /*#__PURE__*/React.createElement(JsonInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    value: data,
+    onChange: onChange,
+    onInput: onInput,
+    readOnly: readOnly,
+    rows: 5,
+    resizable: true
+  });
+});
+FormJsonInput.displayName = 'FormJsonInput';
+//# sourceMappingURL=form-json-input.js.map

package/dist/esm/cms-fields/components/object/form-json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useImperativeHandle","JsonInput","useAutoFocus","FormJsonInput","forwardRef","_ref","ref","data","onChange","onInput","autoFocus","readOnly","dataHook","inputRef","current","createElement","value","rows","resizable","displayName"],"sources":["../../../../../src/cms-fields/components/object/form-json-input.tsx"],"sourcesContent":["import React, { useRef, useImperativeHandle } from 'react';\n\nimport type { InputArea } from '@wix/design-system';\n\nimport { JsonInput, JsonInputProps } from './json-input';\nimport { FormInputProps } from '../../types';\nimport { useAutoFocus } from '../../hooks';\n\nexport type FormJsonInputProps = FormInputProps<any> & JsonInputProps;\n\nexport const FormJsonInput = React.forwardRef<InputArea, FormJsonInputProps>(\n  ({ data, onChange, onInput, autoFocus, readOnly, dataHook }, ref) => {\n    const inputRef = useRef<InputArea | null>(null);\n    useAutoFocus(inputRef, autoFocus);\n\n    // Expose the internal input ref to the parent via forwarded ref\n    useImperativeHandle(ref, () => inputRef.current as InputArea);\n\n    return (\n      <JsonInput\n        dataHook={dataHook}\n        ref={inputRef}\n        value={data}\n        onChange={onChange}\n        onInput={onInput}\n        readOnly={readOnly}\n        rows={5}\n        resizable\n      />\n    );\n  },\n);\n\nFormJsonInput.displayName = 'FormJsonInput';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,mBAAmB,QAAQ,OAAO;AAI1D,SAASC,SAAS,QAAwB,cAAc;AAExD,SAASC,YAAY,QAAQ,aAAa;AAI1C,OAAO,MAAMC,aAAa,gBAAGL,KAAK,CAACM,UAAU,CAC3C,CAAAC,IAAA,EAA6DC,GAAG,KAAK;EAAA,IAApE;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAAP,IAAA;EACzD,MAAMQ,QAAQ,GAAGd,MAAM,CAAmB,IAAI,CAAC;EAC/CG,YAAY,CAACW,QAAQ,EAAEH,SAAS,CAAC;;EAEjC;EACAV,mBAAmB,CAACM,GAAG,EAAE,MAAMO,QAAQ,CAACC,OAAoB,CAAC;EAE7D,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,SAAS;IACRW,QAAQ,EAAEA,QAAS;IACnBN,GAAG,EAAEO,QAAS;IACdG,KAAK,EAAET,IAAK;IACZC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBM,IAAI,EAAE,CAAE;IACRC,SAAS;EAAA,CACV,CAAC;AAEN,CACF,CAAC;AAEDf,aAAa,CAACgB,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/cms-fields/components/object/index.js

@@ -0,0 +1,3 @@
+export * from './json-view';
+export * from './form-json-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/object/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/object/index.ts"],"sourcesContent":["export * from './json-view';\nexport * from './form-json-input';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/cms-fields/components/object/json-input.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef, useCallback } from 'react';
+import { InputArea } from '@wix/design-system';
+import { useControlledInput, useSetSelectionOnFocus } from '../../hooks';
+import { safeParse, safeStringify } from '../../utils';
+export const JsonInput = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    value,
+    onChange,
+    onInput,
+    onBlur,
+    readOnly,
+    disabled,
+    ...props
+  } = _ref;
+  const [json, setJson] = useControlledInput(safeStringify(value, true));
+  const onJsonChange = useCallback(() => !readOnly && !disabled ? onChange == null ? void 0 : onChange(json ? safeParse(json) : undefined) : undefined, [readOnly, disabled, json, onChange]);
+  const onInputChange = useCallback(event => {
+    setJson(event.target.value);
+    onInput == null || onInput();
+  }, [setJson, onInput]);
+  const onInputFocus = useSetSelectionOnFocus();
+  const onInputBlur = useCallback(event => {
+    onJsonChange();
+    onBlur == null || onBlur(event);
+  }, [onBlur, onJsonChange]);
+  return /*#__PURE__*/React.createElement(InputArea, _extends({}, props, {
+    ref: ref,
+    value: json ?? '',
+    onChange: onInputChange,
+    onFocus: onInputFocus,
+    onBlur: onInputBlur,
+    readOnly: readOnly,
+    disabled: disabled,
+    autoSelect: false
+  }));
+});
+JsonInput.displayName = 'JsonInput';
+//# sourceMappingURL=json-input.js.map

package/dist/esm/cms-fields/components/object/json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","InputArea","useControlledInput","useSetSelectionOnFocus","safeParse","safeStringify","JsonInput","_ref","ref","value","onChange","onInput","onBlur","readOnly","disabled","props","json","setJson","onJsonChange","undefined","onInputChange","event","target","onInputFocus","onInputBlur","createElement","_extends","onFocus","autoSelect","displayName"],"sources":["../../../../../src/cms-fields/components/object/json-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport type { InputAreaProps } from '@wix/design-system';\nimport { InputArea } from '@wix/design-system';\nimport { useControlledInput, useSetSelectionOnFocus } from '../../hooks';\nimport { safeParse, safeStringify } from '../../utils';\n\nexport interface JsonInputProps\n  extends Omit<InputAreaProps, 'value' | 'onChange'> {\n  value?: any;\n  onChange?: (value?: any) => void;\n  onInput?: () => void;\n}\n\nexport const JsonInput = forwardRef<InputArea, JsonInputProps>(\n  ({ value, onChange, onInput, onBlur, readOnly, disabled, ...props }, ref) => {\n    const [json, setJson] = useControlledInput(safeStringify(value, true));\n    const onJsonChange = useCallback(\n      () =>\n        !readOnly && !disabled\n          ? onChange?.(json ? safeParse(json) : undefined)\n          : undefined,\n      [readOnly, disabled, json, onChange],\n    );\n\n    const onInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setJson(event.target.value);\n        onInput?.();\n      },\n      [setJson, onInput],\n    );\n\n    const onInputFocus = useSetSelectionOnFocus();\n    const onInputBlur = useCallback(\n      (event: React.FocusEvent<HTMLTextAreaElement>) => {\n        onJsonChange();\n        onBlur?.(event);\n      },\n      [onBlur, onJsonChange],\n    );\n\n    return (\n      <InputArea\n        {...props}\n        ref={ref}\n        value={json ?? ''}\n        onChange={onInputChange}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        readOnly={readOnly}\n        disabled={disabled}\n        autoSelect={false}\n      />\n    );\n  },\n);\n\nJsonInput.displayName = 'JsonInput';\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AAGtD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,aAAa;AACxE,SAASC,SAAS,EAAEC,aAAa,QAAQ,aAAa;AAStD,OAAO,MAAMC,SAAS,gBAAGP,UAAU,CACjC,CAAAQ,IAAA,EAAqEC,GAAG,KAAK;EAAA,IAA5E;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAR,IAAA;EACjE,MAAM,CAACS,IAAI,EAAEC,OAAO,CAAC,GAAGf,kBAAkB,CAACG,aAAa,CAACI,KAAK,EAAE,IAAI,CAAC,CAAC;EACtE,MAAMS,YAAY,GAAGlB,WAAW,CAC9B,MACE,CAACa,QAAQ,IAAI,CAACC,QAAQ,GAClBJ,QAAQ,oBAARA,QAAQ,CAAGM,IAAI,GAAGZ,SAAS,CAACY,IAAI,CAAC,GAAGG,SAAS,CAAC,GAC9CA,SAAS,EACf,CAACN,QAAQ,EAAEC,QAAQ,EAAEE,IAAI,EAAEN,QAAQ,CACrC,CAAC;EAED,MAAMU,aAAa,GAAGpB,WAAW,CAC9BqB,KAA6C,IAAK;IACjDJ,OAAO,CAACI,KAAK,CAACC,MAAM,CAACb,KAAK,CAAC;IAC3BE,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EACD,CAACM,OAAO,EAAEN,OAAO,CACnB,CAAC;EAED,MAAMY,YAAY,GAAGpB,sBAAsB,CAAC,CAAC;EAC7C,MAAMqB,WAAW,GAAGxB,WAAW,CAC5BqB,KAA4C,IAAK;IAChDH,YAAY,CAAC,CAAC;IACdN,MAAM,YAANA,MAAM,CAAGS,KAAK,CAAC;EACjB,CAAC,EACD,CAACT,MAAM,EAAEM,YAAY,CACvB,CAAC;EAED,oBACEpB,KAAA,CAAA2B,aAAA,CAACxB,SAAS,EAAAyB,QAAA,KACJX,KAAK;IACTP,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAEO,IAAI,IAAI,EAAG;IAClBN,QAAQ,EAAEU,aAAc;IACxBO,OAAO,EAAEJ,YAAa;IACtBX,MAAM,EAAEY,WAAY;IACpBX,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBc,UAAU,EAAE;EAAM,EACnB,CAAC;AAEN,CACF,CAAC;AAEDtB,SAAS,CAACuB,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/esm/cms-fields/components/object/json-view.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { TextView } from '../text';
+import { safeStringify } from '../../utils/safe-json';
+export const JsonView = props => {
+  return /*#__PURE__*/React.createElement(TextView, _extends({}, props, {
+    data: safeStringify(props.data, true, true)
+  }));
+};
+JsonView.displayName = 'JsonView';
+//# sourceMappingURL=json-view.js.map

package/dist/esm/cms-fields/components/object/json-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TextView","safeStringify","JsonView","props","createElement","_extends","data","displayName"],"sources":["../../../../../src/cms-fields/components/object/json-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextView } from '../text';\nimport { safeStringify } from '../../utils/safe-json';\n\nexport const JsonView = (props: { data?: unknown }) => {\n  return <TextView {...props} data={safeStringify(props.data, true, true)} />;\n};\n\nJsonView.displayName = 'JsonView';\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,aAAa,QAAQ,uBAAuB;AAErD,OAAO,MAAMC,QAAQ,GAAIC,KAAyB,IAAK;EACrD,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,QAAQ,EAAAK,QAAA,KAAKF,KAAK;IAAEG,IAAI,EAAEL,aAAa,CAACE,KAAK,CAACG,IAAI,EAAE,IAAI,EAAE,IAAI;EAAE,EAAE,CAAC;AAC7E,CAAC;AAEDJ,QAAQ,CAACK,WAAW,GAAG,UAAU","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Box, Loader } from '@wix/design-system';
+export const InputLoader = props => {
+  return /*#__PURE__*/React.createElement(Box, props, /*#__PURE__*/React.createElement(Loader, {
+    dataHook: "input-loader.loader",
+    size: "tiny"
+  }));
+};
+InputLoader.displayName = 'InputLoader';
+//# sourceMappingURL=input-loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","Loader","InputLoader","props","createElement","dataHook","size","displayName"],"sources":["../../../../../../../src/cms-fields/components/rich-content/components/input-loader/input-loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { BoxProps } from '@wix/design-system';\nimport { Box, Loader } from '@wix/design-system';\n\nexport const InputLoader: React.FC<BoxProps> = (props) => {\n  return (\n    <Box {...props}>\n      <Loader dataHook=\"input-loader.loader\" size=\"tiny\" />\n    </Box>\n  );\n};\n\nInputLoader.displayName = 'InputLoader';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,GAAG,EAAEC,MAAM,QAAQ,oBAAoB;AAEhD,OAAO,MAAMC,WAA+B,GAAIC,KAAK,IAAK;EACxD,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,GAAG,EAAKG,KAAK,eACZJ,KAAA,CAAAK,aAAA,CAACH,MAAM;IAACI,QAAQ,EAAC,qBAAqB;IAACC,IAAI,EAAC;EAAM,CAAE,CACjD,CAAC;AAEV,CAAC;AAEDJ,WAAW,CAACK,WAAW,GAAG,aAAa","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+// Heavy exports - these pull in @wix/ricos editor/viewer (~300kb+ gzipped)
+// Only import this file when you actually need the rich content editor
+export { default as FormRichContentInput } from './rich-content-input/form-input';
+export * from './hooks';
+export * from './rich-content-input/rich-content-editor';
+//# sourceMappingURL=editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","FormRichContentInput"],"sources":["../../../../../src/cms-fields/components/rich-content/editor.ts"],"sourcesContent":["// Heavy exports - these pull in @wix/ricos editor/viewer (~300kb+ gzipped)\n// Only import this file when you actually need the rich content editor\nexport { default as FormRichContentInput } from './rich-content-input/form-input';\nexport * from './hooks';\nexport * from './rich-content-input/rich-content-editor';\n"],"mappings":"AAAA;AACA;AACA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,iCAAiC;AACjF,cAAc,SAAS;AACvB,cAAc,0CAA0C","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+export * from './use-mounted-state';
+export * from './use-plain-text-rich-content';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/cms-fields/components/rich-content/hooks/index.ts"],"sourcesContent":["export * from './use-mounted-state';\nexport * from './use-plain-text-rich-content';\n"],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,+BAA+B","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/hooks/use-mounted-state.js

@@ -0,0 +1,18 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+export const useMountedState = initialState => {
+  const [state, setState] = useState(initialState);
+  const isMountedRef = useRef(false);
+  useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const setMountedState = useCallback(state => {
+    if (isMountedRef.current) {
+      setState(state);
+    }
+  }, []);
+  return [state, setMountedState];
+};
+//# sourceMappingURL=use-mounted-state.js.map

package/dist/esm/cms-fields/components/rich-content/hooks/use-mounted-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","useCallback","useRef","useMountedState","initialState","state","setState","isMountedRef","current","setMountedState"],"sources":["../../../../../../src/cms-fields/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,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAIhE,OAAO,MAAMC,eAAgC,GAAIC,YAAY,IAAK;EAChE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,QAAQ,CAACK,YAAY,CAAC;EAChD,MAAMG,YAAY,GAAGL,MAAM,CAAC,KAAK,CAAC;EAElCF,SAAS,CAAC,MAAM;IACdO,YAAY,CAACC,OAAO,GAAG,IAAI;IAC3B,OAAO,MAAM;MACXD,YAAY,CAACC,OAAO,GAAG,KAAK;IAC9B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAGR,WAAW,CAAEI,KAAK,IAAK;IAC7C,IAAIE,YAAY,CAACC,OAAO,EAAE;MACxBF,QAAQ,CAACD,KAAK,CAAC;IACjB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,CAACA,KAAK,EAAEI,eAAe,CAAC;AACjC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/hooks/use-plain-text-rich-content.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+import { ensureRicosContent, toPlainText } from '@wix/ricos/content';
+import { safeStringify } from '../../../utils';
+import { useMountedState } from './use-mounted-state';
+export const usePlainTextRichContent = content => {
+  const [plainTextContent, setPlainTextContent] = useMountedState('');
+  const [isConverting, setIsConverting] = useMountedState(false);
+  useEffect(() => {
+    if (content) {
+      setIsConverting(true);
+      toPlainText(ensureRicosContent(content), {
+        delimiter: ' '
+      }).catch(() => safeStringify(content)).then(setPlainTextContent).finally(() => setIsConverting(false));
+    } else {
+      setIsConverting(false);
+      setPlainTextContent('');
+    }
+  }, [content, setIsConverting, setPlainTextContent]);
+  return [plainTextContent, isConverting];
+};
+//# sourceMappingURL=use-plain-text-rich-content.js.map

package/dist/esm/cms-fields/components/rich-content/hooks/use-plain-text-rich-content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","ensureRicosContent","toPlainText","safeStringify","useMountedState","usePlainTextRichContent","content","plainTextContent","setPlainTextContent","isConverting","setIsConverting","delimiter","catch","then","finally"],"sources":["../../../../../../src/cms-fields/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,SAASA,SAAS,QAAQ,OAAO;AAGjC,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,oBAAoB;AAEpE,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,eAAe,QAAQ,qBAAqB;AAErD,OAAO,MAAMC,uBAAuB,GAAIC,OAAqB,IAAK;EAChE,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGJ,eAAe,CAAC,EAAE,CAAC;EACnE,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGN,eAAe,CAAC,KAAK,CAAC;EAE9DJ,SAAS,CAAC,MAAM;IACd,IAAIM,OAAO,EAAE;MACXI,eAAe,CAAC,IAAI,CAAC;MACrBR,WAAW,CAACD,kBAAkB,CAACK,OAAO,CAAC,EAAE;QAAEK,SAAS,EAAE;MAAI,CAAC,CAAC,CACzDC,KAAK,CAAC,MAAMT,aAAa,CAACG,OAAO,CAAC,CAAC,CACnCO,IAAI,CAACL,mBAAmB,CAAC,CACzBM,OAAO,CAAC,MAAMJ,eAAe,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,MAAM;MACLA,eAAe,CAAC,KAAK,CAAC;MACtBF,mBAAmB,CAAC,EAAE,CAAC;IACzB;EACF,CAAC,EAAE,CAACF,OAAO,EAAEI,eAAe,EAAEF,mBAAmB,CAAC,CAAC;EAEnD,OAAO,CAACD,gBAAgB,EAAEE,YAAY,CAAC;AACzC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+export * from './rich-content-view';
+// NOTE: Heavy exports (FormRichContentInput, RichContentEditor, hooks) have been moved to './editor' to prevent bundle bloat.
+// Import them explicitly: import { FormRichContentInput } from '../cms-fields/components/rich-content/editor';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/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 '../cms-fields/components/rich-content/editor';\n"],"mappings":"AAAA,cAAc,qBAAqB;AACnC;AACA","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export const CMS_RICOS_APP_ID = '9f87f125-e7d5-4ed9-a16c-999d862e96ab';
+//# sourceMappingURL=consts.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","InputLoader","RichContentDefaultValueReadOnlyInput","RichContentDefaultValueInput","DefaultValueRichContentInput","_ref","isSiteMetadataLoading","props","createElement","readOnly"],"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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,oCAAoC,QAAQ,kCAAkC;AAEvF,SAASC,4BAA4B,QAAQ,oCAAoC;AAOjF,MAAMC,4BAA2D,GAAGC,IAAA,IAG9D;EAAA,IAH+D;IACnEC,qBAAqB;IACrB,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,IAAIC,qBAAqB,EAAE;IACzB,oBAAON,KAAA,CAAAQ,aAAA,CAACP,WAAW,MAAE,CAAC;EACxB;EAEA,IAAIM,KAAK,CAACE,QAAQ,EAAE;IAClB,oBAAOT,KAAA,CAAAQ,aAAA,CAACN,oCAAoC,EAAKK,KAAQ,CAAC;EAC5D;EAEA,oBAAOP,KAAA,CAAAQ,aAAA,CAACL,4BAA4B,EAAKI,KAAQ,CAAC;AACpD,CAAC;AAED,eAAeH,4BAA4B","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export { default } from './default-value-input';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["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,SAAQA,OAAO,QAAO,uBAAuB","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+import React from 'react';
+import { RichContentEditor } from '../rich-content-editor';
+import { useRicosBISettings } from '../rich-content-common';
+import { useRichContentFormInput } from '../form-input/use-rich-content-form-input';
+import { classes as formInputClasses } from '../form-input/rich-content-form-input.st.css.js';
+import { classes } from './rich-content-default-value-input.st.css.js';
+export const RichContentDefaultValueInput = _ref => {
+  let {
+    data,
+    onChange,
+    onCustomEvent,
+    experiments,
+    theme,
+    colorScheme,
+    dataHook
+  } = _ref;
+  const {
+    localValue,
+    injectedValue,
+    autoFocus,
+    handlePublish,
+    handleOnChange,
+    onExitFullScreen,
+    onEnterFullScreen,
+    triggerOnChange
+  } = useRichContentFormInput({
+    data,
+    onChange,
+    onCustomEvent
+  });
+  const biSettings = useRicosBISettings('defaultValueModal');
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input",
+    className: classes.richContentEditorContainer
+  }, /*#__PURE__*/React.createElement(RichContentEditor, {
+    dataHook: dataHook,
+    className: formInputClasses.root,
+    autoFocus: autoFocus,
+    onEnterFullScreen: onEnterFullScreen,
+    onExitFullScreen: onExitFullScreen,
+    onBlur: triggerOnChange,
+    content: localValue,
+    injectedContent: injectedValue,
+    onChange: handleOnChange,
+    biSettings: biSettings,
+    wixExperiments: experiments,
+    theme: theme,
+    colorScheme: colorScheme,
+    onPublish: handlePublish
+  }));
+};
+//# sourceMappingURL=rich-content-default-value-input.js.map

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

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

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

@@ -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/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js

@@ -0,0 +1,23 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentdefaultvalueinput3846461530";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "richcontentdefaultvalueinput3846461530__root",
+  "richContentEditorContainer": "richcontentdefaultvalueinput3846461530__richContentEditorContainer",
+  "editor": "richcontentdefaultvalueinput3846461530__editor"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "topToolbarHeight": "--richcontentdefaultvalueinput3846461530-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentdefaultvalueinput3846461530-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-default-value-input.st.css.js.map