npm - @wix/auto-patterns - Versions diffs - 1.48.0 → 1.50.0 - Mend

@wix/auto-patterns 1.48.0 → 1.50.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1058) hide show

package/dist/esm/cms-fields/components/media-tag/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './web-media-tag';
+export * from './highlighted-media-tag';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/media-tag/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-tag/index.ts"],"sourcesContent":["export * from './web-media-tag';\nexport * from './highlighted-media-tag';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/web-media-tag/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { MediaTag } from './media-tag';
+export { TableMediaTagView } from './table-media-tag-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/media-tag/web-media-tag/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["MediaTag","TableMediaTagView"],"sources":["../../../../../../src/cms-fields/components/media-tag/web-media-tag/index.ts"],"sourcesContent":["export { MediaTag } from './media-tag';\nexport type { MediaTagProps } from './media-tag';\nexport { TableMediaTagView } from './table-media-tag-view';\nexport type { TableMediaTagViewProps } from './table-media-tag-view';\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AAEtC,SAASC,iBAAiB,QAAQ,wBAAwB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.js ADDED Viewed

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Box, Text } from '@wix/design-system';
+import { style, classes } from './media-tag.st.css.js';
+export const MediaTag = _ref => {
+  let {
+    thumb,
+    title,
+    titleTextProps,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Box, _extends({}, props, {
+    className: style(classes.root, className)
+  }), /*#__PURE__*/React.createElement(Box, {
+    width: "18px",
+    height: "18px",
+    children: thumb
+  }), /*#__PURE__*/React.createElement(Box, {
+    minWidth: "0",
+    marginLeft: "SP1",
+    verticalAlign: "middle"
+  }, /*#__PURE__*/React.createElement(Text, _extends({
+    ellipsis: true,
+    size: "small",
+    children: title
+  }, titleTextProps))), children);
+};
+MediaTag.displayName = 'MediaTag';
+//# sourceMappingURL=media-tag.js.map

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","Box","Text","style","classes","MediaTag","_ref","thumb","title","titleTextProps","className","children","props","createElement","_extends","root","width","height","minWidth","marginLeft","verticalAlign","ellipsis","size","displayName"],"sources":["../../../../../../src/cms-fields/components/media-tag/web-media-tag/media-tag.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport React from 'react';\n\nimport type { BoxProps, TextProps } from '@wix/design-system';\nimport { Box, Text } from '@wix/design-system';\n\nimport { style, classes } from './media-tag.st.css.js';\n\nexport interface MediaTagProps extends BoxProps {\n thumb: React.ReactNode;\n title: React.ReactNode;\n titleTextProps?: TextProps;\n}\n\nexport const MediaTag: React.FC<\n MediaTagProps & Omit<CSSProperties, 'direction'>\n> = ({ thumb, title, titleTextProps, className, children, ...props }) => {\n return (\n <Box {...props} className={style(classes.root, className)}>\n <Box width=\"18px\" height=\"18px\" children={thumb} />\n <Box minWidth=\"0\" marginLeft=\"SP1\" verticalAlign=\"middle\">\n <Text ellipsis size=\"small\" children={title} {...titleTextProps} />\n </Box>\n {children}\n </Box>\n );\n};\n\nMediaTag.displayName = 'MediaTag';\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,oBAAoB;AAE9C,SAASC,KAAK,EAAEC,OAAO,QAAQ,uBAAuB;AAQtD,OAAO,MAAMC,QAEZ,GAAGC,IAAA,IAAqE;EAAA,IAApE;IAAEC,KAAK;IAAEC,KAAK;IAAEC,cAAc;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAN,IAAA;EAClE,oBACEN,KAAA,CAAAa,aAAA,CAACZ,GAAG,EAAAa,QAAA,KAAKF,KAAK;IAAEF,SAAS,EAAEP,KAAK,CAACC,OAAO,CAACW,IAAI,EAAEL,SAAS;EAAE,iBACxDV,KAAA,CAAAa,aAAA,CAACZ,GAAG;IAACe,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACN,QAAQ,EAAEJ;EAAM,CAAE,CAAC,eACnDP,KAAA,CAAAa,aAAA,CAACZ,GAAG;IAACiB,QAAQ,EAAC,GAAG;IAACC,UAAU,EAAC,KAAK;IAACC,aAAa,EAAC;EAAQ,gBACvDpB,KAAA,CAAAa,aAAA,CAACX,IAAI,EAAAY,QAAA;IAACO,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACX,QAAQ,EAAEH;EAAM,GAAKC,cAAc,CAAG,CAC/D,CAAC,EACLE,QACE,CAAC;AAEV,CAAC;AAEDN,QAAQ,CAACkB,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.st.css.js ADDED Viewed

@@ -0,0 +1,21 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "mediatag1376618674";
+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": "mediatag1376618674__root"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-blue-400": "--wds-color-blue-400",
+  "wsr-color-B40": "--wsr-color-B40"
+};
+//# sourceMappingURL=media-tag.st.css.js.map

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.st.css.js.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/esm/cms-fields/components/media-tag/web-media-tag/table-media-tag-view.js ADDED Viewed

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { getMediaTitle } from '../../../utils';
+import { MediaTag } from './media-tag';
+const TableMediaTagBox = props => /*#__PURE__*/React.createElement(Box, _extends({}, props, {
+  paddingLeft: "SP2",
+  paddingRight: "SP2",
+  boxSizing: "border-box",
+  verticalAlign: "middle",
+  width: "100%",
+  height: "100%"
+}));
+export const TableMediaTagView = _ref => {
+  let {
+    data,
+    thumb
+  } = _ref;
+  return /*#__PURE__*/React.createElement(TableMediaTagBox, null, data && /*#__PURE__*/React.createElement(MediaTag, {
+    thumb: thumb,
+    title: getMediaTitle(data)
+  }));
+};
+TableMediaTagView.displayName = 'TableMediaTagView';
+//# sourceMappingURL=table-media-tag-view.js.map

package/dist/esm/cms-fields/components/media-tag/web-media-tag/table-media-tag-view.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","Box","getMediaTitle","MediaTag","TableMediaTagBox","props","createElement","_extends","paddingLeft","paddingRight","boxSizing","verticalAlign","width","height","TableMediaTagView","_ref","data","thumb","title","displayName"],"sources":["../../../../../../src/cms-fields/components/media-tag/web-media-tag/table-media-tag-view.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\nimport type { BoxProps } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\n\nimport { getMediaTitle } from '../../../utils';\nimport { MediaTag } from './media-tag';\n\nconst TableMediaTagBox: FC<BoxProps> = (props) => (\n <Box\n {...props}\n paddingLeft=\"SP2\"\n paddingRight=\"SP2\"\n boxSizing=\"border-box\"\n verticalAlign=\"middle\"\n width=\"100%\"\n height=\"100%\"\n />\n);\n\nexport interface TableMediaTagViewProps {\n data?: string;\n thumb?: React.ReactNode;\n}\n\nexport const TableMediaTagView: FC<TableMediaTagViewProps> = ({\n data,\n thumb,\n}) => {\n return (\n <TableMediaTagBox>\n {data && <MediaTag thumb={thumb} title={getMediaTitle(data)} />}\n </TableMediaTagBox>\n );\n};\n\nTableMediaTagView.displayName = 'TableMediaTagView';\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,oBAAoB;AAExC,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,QAAQ,QAAQ,aAAa;AAEtC,MAAMC,gBAA8B,GAAIC,KAAK,iBAC3CL,KAAA,CAAAM,aAAA,CAACL,GAAG,EAAAM,QAAA,KACEF,KAAK;EACTG,WAAW,EAAC,KAAK;EACjBC,YAAY,EAAC,KAAK;EAClBC,SAAS,EAAC,YAAY;EACtBC,aAAa,EAAC,QAAQ;EACtBC,KAAK,EAAC,MAAM;EACZC,MAAM,EAAC;AAAM,EACd,CACF;AAOD,OAAO,MAAMC,iBAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,IAAI;IACJC;EACF,CAAC,GAAAF,IAAA;EACC,oBACEf,KAAA,CAAAM,aAAA,CAACF,gBAAgB,QACdY,IAAI,iBAAIhB,KAAA,CAAAM,aAAA,CAACH,QAAQ;IAACc,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEhB,aAAa,CAACc,IAAI;EAAE,CAAE,CAC9C,CAAC;AAEvB,CAAC;AAEDF,iBAAiB,CAACK,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { MultiDocumentView } from './multi-document-view/multi-document-view';
+export { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/multi-document/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["MultiDocumentView","FormMultiDocumentField"],"sources":["../../../../../src/cms-fields/components/multi-document/index.ts"],"sourcesContent":["export { MultiDocumentView } from './multi-document-view/multi-document-view';\nexport { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,2CAA2C;AAC7E,SAASC,sBAAsB,QAAQ,kDAAkD","ignoreList":[]}

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

@@ -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 ADDED Viewed

@@ -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":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,WAAW,QAAQ,OAAO;AAElD,SAASC,WAAW,QAAQ,4BAA4B;AAIxD,SACEC,YAAY,EACZC,eAAe,EACfC,eAAe,QACV,qBAAqB;AAC5B,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AAEjE,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,OAAO,MAAMC,sBAEZ,GAAGC,IAAA,IAQE;EAAA,IARD;IACHC,IAAI;IACJC,QAAQ,EAAEC,qBAAqB;IAC/BC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES;EAAE,CAAC,GAAGb,eAAe,CAAC,CAAC;EAE/B,MAAMM,QAAQ,GAAGL,eAAe,CAACM,qBAAqB,EAAEC,OAAO,CAAC;EAEhE,MAAMM,QAAQ,GAAGrB,MAAM,CAAiB,IAAI,CAAC;EAC7C,MAAMsB,oBAAoB,GAAGtB,MAAM,CAAiB,IAAI,CAAC;EAEzD,MAAM;IAAEuB,SAAS;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAGrB,eAAe,CAAC;IAC5DsB,SAAS,EAAExB,WAAW,CAACyB,SAAS;IAChCC,KAAK,EAAEhB,IAAI;IACXC,QAAQ;IACRG,SAAS;IACTC,QAAQ;IACRI,QAAQ;IACRQ,OAAO,EAAEP,oBAAoB;IAC7BQ,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,iBAAiB,GAAG9B,WAAW,CACnC,CAAC2B,KAAa,EAAEI,cAAuB,KAAK;IAC1C,IAAIA,cAAc,KAAKC,SAAS,EAAE;MAChC,MAAMC,QAAQ,GAAG,CAAC,IAAItB,IAAI,IAAI,EAAE,CAAC,CAAC;MAClCsB,QAAQ,CAACC,MAAM,CAACH,cAAc,EAAE,CAAC,EAAEJ,KAAK,CAAC;MACzCf,QAAQ,CAACqB,QAAQ,CAAC;IACpB,CAAC,MAAM;MACLrB,QAAQ,CAAC,CAAC,IAAID,IAAI,IAAI,EAAE,CAAC,EAAEgB,KAAK,CAAC,CAAC;IACpC;EACF,CAAC,EACD,CAAChB,IAAI,EAAEC,QAAQ,CACjB,CAAC;EAED,MAAM;IAAEuB,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC,MAAM;IAAEZ;EAAM,CAAC,GAAGvB,eAAe,CAAC;IACxEQ,QAAQ,EAAEkB;EACZ,CAAC,CAAC;EAEF,oBACEhC,KAAA,CAAA0C,aAAA,CAAA1C,KAAA,CAAA2C,QAAA,QACG9B,IAAI,YAAJA,IAAI,CAAE+B,MAAM,gBACX5C,KAAA,CAAA0C,aAAA,CAAChC,qBAAqB;IACpBU,QAAQ,EAAEA,QAAS;IACnBP,IAAI,EAAEA,IAAK;IACXK,QAAQ,EAAEA,QAAS;IACnBM,SAAS,EAAEA,SAAU;IACrBqB,UAAU,EAAEnB,aAAc;IAC1BZ,QAAQ,EAAEA,QAAS;IACnBgC,GAAG,EAAEvB,oBAAqB;IAC1BE,OAAO,EAAEA,OAAQ;IACjBsB,kBAAkB,EAAER;EAAO,CAC5B,CAAC,gBAEFvC,KAAA,CAAA0C,aAAA,CAACnC,iBAAiB;IAChBa,QAAQ,EAAEA,QAAS;IACnB0B,GAAG,EAAExB,QAAS;IACd0B,KAAK,EAAC,QAAQ;IACdC,QAAQ,EAAE/B,QAAS;IACnBO,OAAO,EAAEA,OAAQ;IACjByB,KAAK,EAAE/B,OAAQ;IACfgC,iBAAiB,EAAC,QAAQ;IAC1BC,gBAAgB,EAAE5B,SAAiC;IACnD6B,qBAAqB,EAAEd,MAAM,CAAC;MAC5BD,KAAK,EAAEjB,CAAC,CAAC,6BAA6B;IACxC,CAAC;EAAE,CACJ,CACF,eACDrB,KAAA,CAAA0C,aAAA,CAACtC,YAAY;IACXkC,KAAK,EAAEA,KAAM;IACbT,KAAK,EAAEA,KAAM;IACbyB,IAAI,EAAEjB,MAAO;IACbkB,UAAU,EAAEf,OAAQ;IACpBC,MAAM,EAAEA;EAAO,CAChB,CACD,CAAC;AAEP,CAAC;AAED9B,sBAAsB,CAAC6C,WAAW,GAAG,wBAAwB","ignoreList":[]}

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,32 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "formmultidocument1505728389";
+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": "formmultidocument1505728389__root",
+  "viewRoot": "formmultidocument1505728389__viewRoot",
+  "singleViewWrapper": "formmultidocument1505728389__singleViewWrapper",
+  "addDocumentButton": "formmultidocument1505728389__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 ADDED Viewed

@@ -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_ = \"formmultidocument1505728389\";\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\":\"formmultidocument1505728389__root\",\"viewRoot\":\"formmultidocument1505728389__viewRoot\",\"singleViewWrapper\":\"formmultidocument1505728389__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument1505728389__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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

	@@ -0,0 +1 @@
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 ADDED Viewed

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

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

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

	@@ -0,0 +1 @@
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":[]}