@wix/auto-patterns 1.48.0 → 1.49.0

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

@@ -0,0 +1,87 @@
+import React, { useRef, useCallback } from 'react';
+import { MEDIA_TYPES } from '../../../utils/media-utils';
+import { PasteURLForm, useMediaControl, usePasteURLForm } from '../../media-control';
+import { FormDocumentInput } from '../../document/form';
+import { useTranslations, useWithCallback } from '../../../hooks';
+import { FormMultiDocumentView } from './form-multi-document-view';
+export const FormMultiDocumentField = _ref => {
+  let {
+    data,
+    onChange: onChangeMultiDocument,
+    onInput,
+    autoFocus,
+    readOnly,
+    invalid,
+    dataHook
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const onChange = useWithCallback(onChangeMultiDocument, onInput);
+  const inputRef = useRef(null);
+  const firstDocumentViewRef = useRef(null);
+  const {
+    callMedia,
+    loading,
+    downloadMedia
+  } = useMediaControl({
+    mediaType: MEDIA_TYPES.ALL_MEDIA,
+    value: data,
+    onChange,
+    autoFocus,
+    readOnly,
+    inputRef,
+    viewRef: firstDocumentViewRef,
+    multiSelect: true
+  });
+  const onPastedURLChange = useCallback((value, indexToReplace) => {
+    if (indexToReplace !== undefined) {
+      const nextData = [...(data ?? [])];
+      nextData.splice(indexToReplace, 1, value);
+      onChange(nextData);
+    } else {
+      onChange([...(data ?? []), value]);
+    }
+  }, [data, onChange]);
+  const {
+    isOpen,
+    title,
+    onOpen,
+    onClose,
+    onSave,
+    value
+  } = usePasteURLForm({
+    onChange: onPastedURLChange
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, data != null && data.length ? /*#__PURE__*/React.createElement(FormMultiDocumentView, {
+    dataHook: dataHook,
+    data: data,
+    readOnly: readOnly,
+    callMedia: callMedia,
+    onDownload: downloadMedia,
+    onChange: onChange,
+    ref: firstDocumentViewRef,
+    loading: loading,
+    onOpenPasteURLForm: onOpen
+  }) : /*#__PURE__*/React.createElement(FormDocumentInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    theme: "dashes",
+    disabled: readOnly,
+    loading: loading,
+    error: invalid,
+    loaderBorderStyle: "dashed",
+    onAddButtonClick: callMedia,
+    onPasteURLButtonClick: onOpen({
+      title: t('CMS.document.pasteUrl.title')
+    })
+  }), /*#__PURE__*/React.createElement(PasteURLForm, {
+    title: title,
+    value: value,
+    show: isOpen,
+    closeModal: onClose,
+    onSave: onSave
+  }));
+};
+FormMultiDocumentField.displayName = 'FormMultiDocumentField';
+//# sourceMappingURL=form-multi-document-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useCallback","MEDIA_TYPES","PasteURLForm","useMediaControl","usePasteURLForm","FormDocumentInput","useTranslations","useWithCallback","FormMultiDocumentView","FormMultiDocumentField","_ref","data","onChange","onChangeMultiDocument","onInput","autoFocus","readOnly","invalid","dataHook","t","inputRef","firstDocumentViewRef","callMedia","loading","downloadMedia","mediaType","ALL_MEDIA","value","viewRef","multiSelect","onPastedURLChange","indexToReplace","undefined","nextData","splice","isOpen","title","onOpen","onClose","onSave","createElement","Fragment","length","onDownload","ref","onOpenPasteURLForm","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","show","closeModal","displayName"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-input/form-multi-document-field.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\n\nimport { MEDIA_TYPES } from '../../../utils/media-utils';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport type { FormMediaControlProps } from '../../media-control';\nimport {\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../../media-control';\nimport { FormDocumentInput } from '../../document/form';\nimport { useTranslations, useWithCallback } from '../../../hooks';\n\nimport { FormMultiDocumentView } from './form-multi-document-view';\n\nexport const FormMultiDocumentField: React.FC<\n  FormMediaControlProps<string[]>\n> = ({\n  data,\n  onChange: onChangeMultiDocument,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeMultiDocument, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const firstDocumentViewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, loading, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef: firstDocumentViewRef,\n    multiSelect: true,\n  });\n\n  const onPastedURLChange = useCallback(\n    (value: string, indexToReplace?: number) => {\n      if (indexToReplace !== undefined) {\n        const nextData = [...(data ?? [])];\n        nextData.splice(indexToReplace, 1, value);\n        onChange(nextData);\n      } else {\n        onChange([...(data ?? []), value]);\n      }\n    },\n    [data, onChange],\n  );\n\n  const { isOpen, title, onOpen, onClose, onSave, value } = usePasteURLForm({\n    onChange: onPastedURLChange,\n  });\n\n  return (\n    <>\n      {data?.length ? (\n        <FormMultiDocumentView\n          dataHook={dataHook}\n          data={data}\n          readOnly={readOnly}\n          callMedia={callMedia}\n          onDownload={downloadMedia}\n          onChange={onChange}\n          ref={firstDocumentViewRef}\n          loading={loading}\n          onOpenPasteURLForm={onOpen}\n        />\n      ) : (\n        <FormDocumentInput\n          dataHook={dataHook}\n          ref={inputRef}\n          theme=\"dashes\"\n          disabled={readOnly}\n          loading={loading}\n          error={invalid}\n          loaderBorderStyle=\"dashed\"\n          onAddButtonClick={callMedia as () => Promise<void>}\n          onPasteURLButtonClick={onOpen({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n      )}\n      <PasteURLForm\n        title={title}\n        value={value}\n        show={isOpen}\n        closeModal={onClose}\n        onSave={onSave}\n      />\n    </>\n  );\n};\n\nFormMultiDocumentField.displayName = 'FormMultiDocumentField';\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+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,
+    onDownload
+  } = _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),
+    onDownload: onDownload,
+    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","onDownload","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  onDownload: (mediaURI?: string) => 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      onDownload,\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              onDownload={onDownload}\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.js

@@ -0,0 +1,32 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "formmultidocument1350733450";
+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": "formmultidocument1350733450__root",
+  "viewRoot": "formmultidocument1350733450__viewRoot",
+  "singleViewWrapper": "formmultidocument1350733450__singleViewWrapper",
+  "addDocumentButton": "formmultidocument1350733450__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_ = \"formmultidocument1350733450\";\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\":\"formmultidocument1350733450__root\",\"viewRoot\":\"formmultidocument1350733450__viewRoot\",\"singleViewWrapper\":\"formmultidocument1350733450__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument1350733450__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,6BAA6B;AAC/C,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,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AAC9P,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/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.js

@@ -0,0 +1,23 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentdefaultvalueinput2357320826";
+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": "richcontentdefaultvalueinput2357320826__root",
+  "richContentEditorContainer": "richcontentdefaultvalueinput2357320826__richContentEditorContainer",
+  "editor": "richcontentdefaultvalueinput2357320826__editor"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "topToolbarHeight": "--richcontentdefaultvalueinput2357320826-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentdefaultvalueinput2357320826-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-default-value-input.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentdefaultvalueinput2357320826\";\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\":\"richcontentdefaultvalueinput2357320826__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput2357320826__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput2357320826__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--richcontentdefaultvalueinput2357320826-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentdefaultvalueinput2357320826-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,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,8CAA8C;EAAC,4BAA4B,EAAC,oEAAoE;EAAC,QAAQ,EAAC;AAAgD,CAAC;AACxO,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,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,kBAAkB,EAAC,2DAA2D;EAAC,qBAAqB,EAAC;AAA8D,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export * from './rich-content-form-read-only-input';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { RichContentViewer } from '../rich-content-viewer';
+import { useRicosBISettings } from '../rich-content-common';
+import { classes } from '../form-read-only-input/rich-content-form-read-only-input.st.css.js';
+export const RichContentDefaultValueReadOnlyInput = _ref => {
+  let {
+    data,
+    theme,
+    experiments,
+    dataHook
+  } = _ref;
+  const biSettings = useRicosBISettings('defaultValueModal');
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input.readOnly"
+  }, /*#__PURE__*/React.createElement(RichContentViewer, {
+    dataHook: dataHook,
+    className: classes.root,
+    content: data,
+    wixExperiments: experiments,
+    biSettings: biSettings,
+    theme: theme,
+    tabIndex: 0
+  }));
+};
+RichContentDefaultValueReadOnlyInput.displayName = 'RichContentDefaultValueReadOnlyInput';
+//# sourceMappingURL=rich-content-form-read-only-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","RichContentViewer","useRicosBISettings","classes","RichContentDefaultValueReadOnlyInput","_ref","data","theme","experiments","dataHook","biSettings","createElement","className","root","content","wixExperiments","tabIndex","displayName"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\nimport { RichContentViewer } from '../rich-content-viewer';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\nimport { classes } from '../form-read-only-input/rich-content-form-read-only-input.st.css.js';\n\nexport type RichContentDefaultValueInputProps = FormInputProps<RichContent> &\n  RichContentInputProps;\n\nexport const RichContentDefaultValueReadOnlyInput: React.FC<\n  RichContentDefaultValueInputProps\n> = ({ data, theme, experiments, dataHook }) => {\n  const biSettings = useRicosBISettings('defaultValueModal');\n\n  return (\n    <div data-hook=\"rich-content.input.readOnly\">\n      <RichContentViewer\n        dataHook={dataHook}\n        className={classes.root}\n        content={data}\n        wixExperiments={experiments}\n        biSettings={biSettings}\n        theme={theme}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nRichContentDefaultValueReadOnlyInput.displayName =\n  'RichContentDefaultValueReadOnlyInput';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,SAASC,OAAO,QAAQ,qEAAqE;AAK7F,OAAO,MAAMC,oCAEZ,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,IAAI;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAJ,IAAA;EACzC,MAAMK,UAAU,GAAGR,kBAAkB,CAAC,mBAAmB,CAAC;EAE1D,oBACEF,KAAA,CAAAW,aAAA;IAAK,aAAU;EAA6B,gBAC1CX,KAAA,CAAAW,aAAA,CAACV,iBAAiB;IAChBQ,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAET,OAAO,CAACU,IAAK;IACxBC,OAAO,EAAER,IAAK;IACdS,cAAc,EAAEP,WAAY;IAC5BE,UAAU,EAAEA,UAAW;IACvBH,KAAK,EAAEA,KAAM;IACbS,QAAQ,EAAE;EAAE,CACb,CACE,CAAC;AAEV,CAAC;AAEDZ,oCAAoC,CAACa,WAAW,GAC9C,sCAAsC","ignoreList":[]}

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

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