@wix/auto-patterns 1.48.0 → 1.49.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","INSERT_PLUGIN_BUTTONS","Tooltip","isTruthy","classes","BUTTONS_ORDER","IMAGE","VIDEO","GALLERY","LAYOUT","DIVIDER","TABLE","FILE","HTML","INSTAGRAM","TWITTER","TIKTOK","STORES","BOOKINGS","EVENTS","EMOJI","GIF","CODE_BLOCK","COLLAPSIBLE_LIST","BUTTON","UNDO","REDO","ExternalToolbar","constructor","arguments","_defineProperty","event","preventDefault","_ref","onClick","getIcon","isDisabled","dataHook","tooltip","name","Icon","createElement","content","key","className","toolbarButton","disabled","onMouseDown","render","toolbar","map","_this$props$buttons","props","buttons","filter","buttonProps","i","Button","renderButton","_extends"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.tsx"],"sourcesContent":["import React, { Component } from 'react';\n\nimport { INSERT_PLUGIN_BUTTONS, Tooltip } from '@wix/ricos';\n\nimport { isTruthy } from '../../../../utils';\n\nimport { classes } from './rich-content-toolbar.st.css.js';\n\nexport interface ExternalToolbarButton {\n  dataHook?: string;\n  getIcon?: () => React.ComponentType;\n  getLabel?: () => string;\n  isActive?: () => boolean;\n  isDisabled?: () => boolean;\n  name?: string;\n  tooltip?: React.ReactNode;\n  onClick?: () => void;\n  onChange?: (e: unknown) => void;\n  type?: string;\n  accept?: string;\n  multiple?: boolean;\n}\n\nconst BUTTONS_ORDER = [\n  INSERT_PLUGIN_BUTTONS.IMAGE,\n  INSERT_PLUGIN_BUTTONS.VIDEO,\n  INSERT_PLUGIN_BUTTONS.GALLERY,\n  INSERT_PLUGIN_BUTTONS.LAYOUT,\n  INSERT_PLUGIN_BUTTONS.DIVIDER,\n  INSERT_PLUGIN_BUTTONS.TABLE,\n  INSERT_PLUGIN_BUTTONS.FILE,\n  INSERT_PLUGIN_BUTTONS.HTML,\n  INSERT_PLUGIN_BUTTONS.INSTAGRAM,\n  INSERT_PLUGIN_BUTTONS.TWITTER,\n  INSERT_PLUGIN_BUTTONS.TIKTOK,\n  INSERT_PLUGIN_BUTTONS.STORES,\n  INSERT_PLUGIN_BUTTONS.BOOKINGS,\n  INSERT_PLUGIN_BUTTONS.EVENTS,\n  INSERT_PLUGIN_BUTTONS.EMOJI,\n  INSERT_PLUGIN_BUTTONS.GIF,\n  INSERT_PLUGIN_BUTTONS.CODE_BLOCK,\n  INSERT_PLUGIN_BUTTONS.COLLAPSIBLE_LIST,\n  INSERT_PLUGIN_BUTTONS.BUTTON,\n  INSERT_PLUGIN_BUTTONS.UNDO,\n  INSERT_PLUGIN_BUTTONS.REDO,\n];\n\nexport interface ExternalToolbarProps {\n  buttons?: Record<string, ExternalToolbarButton>;\n}\n\nexport class ExternalToolbar extends Component<ExternalToolbarProps> {\n  private onMouseDown = (event: React.MouseEvent) => event.preventDefault();\n\n  private renderButton = ({\n    onClick,\n    getIcon,\n    isDisabled,\n    dataHook,\n    tooltip,\n    name,\n  }: ExternalToolbarButton) => {\n    const Icon = getIcon?.() ?? (() => null);\n    return (\n      <Tooltip content={tooltip!} key={name}>\n        <button\n          className={classes.toolbarButton}\n          disabled={isDisabled?.()}\n          data-hook={dataHook}\n          onClick={onClick}\n          onMouseDown={this.onMouseDown}\n        >\n          <Icon />\n        </button>\n      </Tooltip>\n    );\n  };\n\n  public render() {\n    return (\n      <div className={classes.toolbar}>\n        {BUTTONS_ORDER.map((name) => this.props.buttons?.[name])\n          .filter(isTruthy)\n          .map((buttonProps, i) => {\n            const Button = this.renderButton;\n            return <Button {...buttonProps} key={i} />;\n          })}\n      </div>\n    );\n  }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,qBAAqB,EAAEC,OAAO,QAAQ,YAAY;AAE3D,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,SAASC,OAAO,QAAQ,kCAAkC;AAiB1D,MAAMC,aAAa,GAAG,CACpBJ,qBAAqB,CAACK,KAAK,EAC3BL,qBAAqB,CAACM,KAAK,EAC3BN,qBAAqB,CAACO,OAAO,EAC7BP,qBAAqB,CAACQ,MAAM,EAC5BR,qBAAqB,CAACS,OAAO,EAC7BT,qBAAqB,CAACU,KAAK,EAC3BV,qBAAqB,CAACW,IAAI,EAC1BX,qBAAqB,CAACY,IAAI,EAC1BZ,qBAAqB,CAACa,SAAS,EAC/Bb,qBAAqB,CAACc,OAAO,EAC7Bd,qBAAqB,CAACe,MAAM,EAC5Bf,qBAAqB,CAACgB,MAAM,EAC5BhB,qBAAqB,CAACiB,QAAQ,EAC9BjB,qBAAqB,CAACkB,MAAM,EAC5BlB,qBAAqB,CAACmB,KAAK,EAC3BnB,qBAAqB,CAACoB,GAAG,EACzBpB,qBAAqB,CAACqB,UAAU,EAChCrB,qBAAqB,CAACsB,gBAAgB,EACtCtB,qBAAqB,CAACuB,MAAM,EAC5BvB,qBAAqB,CAACwB,IAAI,EAC1BxB,qBAAqB,CAACyB,IAAI,CAC3B;AAMD,OAAO,MAAMC,eAAe,SAAS3B,SAAS,CAAuB;EAAA4B,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,sBAC5CC,KAAuB,IAAKA,KAAK,CAACC,cAAc,CAAC,CAAC;IAAAF,eAAA,uBAElDG,IAAA,IAOM;MAAA,IAPL;QACtBC,OAAO;QACPC,OAAO;QACPC,UAAU;QACVC,QAAQ;QACRC,OAAO;QACPC;MACqB,CAAC,GAAAN,IAAA;MACtB,MAAMO,IAAI,GAAG,CAAAL,OAAO,oBAAPA,OAAO,CAAG,CAAC,MAAK,MAAM,IAAI,CAAC;MACxC,oBACEpC,KAAA,CAAA0C,aAAA,CAACvC,OAAO;QAACwC,OAAO,EAAEJ,OAAS;QAACK,GAAG,EAAEJ;MAAK,gBACpCxC,KAAA,CAAA0C,aAAA;QACEG,SAAS,EAAExC,OAAO,CAACyC,aAAc;QACjCC,QAAQ,EAAEV,UAAU,oBAAVA,UAAU,CAAG,CAAE;QACzB,aAAWC,QAAS;QACpBH,OAAO,EAAEA,OAAQ;QACjBa,WAAW,EAAE,IAAI,CAACA;MAAY,gBAE9BhD,KAAA,CAAA0C,aAAA,CAACD,IAAI,MAAE,CACD,CACD,CAAC;IAEd,CAAC;EAAA;EAEMQ,MAAMA,CAAA,EAAG;IACd,oBACEjD,KAAA,CAAA0C,aAAA;MAAKG,SAAS,EAAExC,OAAO,CAAC6C;IAAQ,GAC7B5C,aAAa,CAAC6C,GAAG,CAAEX,IAAI;MAAA,IAAAY,mBAAA;MAAA,QAAAA,mBAAA,GAAK,IAAI,CAACC,KAAK,CAACC,OAAO,qBAAlBF,mBAAA,CAAqBZ,IAAI,CAAC;IAAA,EAAC,CACrDe,MAAM,CAACnD,QAAQ,CAAC,CAChB+C,GAAG,CAAC,CAACK,WAAW,EAAEC,CAAC,KAAK;MACvB,MAAMC,MAAM,GAAG,IAAI,CAACC,YAAY;MAChC,oBAAO3D,KAAA,CAAA0C,aAAA,CAACgB,MAAM,EAAAE,QAAA,KAAKJ,WAAW;QAAEZ,GAAG,EAAEa;MAAE,EAAE,CAAC;IAC5C,CAAC,CACA,CAAC;EAEV;AACF","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js

@@ -0,0 +1,20 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontenttoolbar3126773120";
+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": "richcontenttoolbar3126773120__root",
+  "toolbar": "richcontenttoolbar3126773120__toolbar",
+  "toolbarButton": "richcontenttoolbar3126773120__toolbarButton"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=rich-content-toolbar.st.css.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.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/rich-content-editor/rich-content-toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontenttoolbar3126773120\";\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\":\"richcontenttoolbar3126773120__root\",\"toolbar\":\"richcontenttoolbar3126773120__toolbar\",\"toolbarButton\":\"richcontenttoolbar3126773120__toolbarButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,8BAA8B;AAChD,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,oCAAoC;EAAC,SAAS,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAA6C,CAAC;AAClL,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,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { useMemo } from 'react';
+import { pluginTextColorViewer as pluginTextColor, pluginTextHighlightViewer as pluginTextHighlight, pluginLinkViewer as pluginLink, pluginLineSpacingViewer as pluginLineSpacing, pluginImageViewer as pluginImage, pluginVideoViewer as pluginVideo, pluginDividerViewer as pluginDivider, pluginFileUploadViewer as pluginFileUpload, pluginHtmlViewer as pluginHtml, pluginLinkPreviewViewer as pluginLinkPreview, pluginVerticalEmbedViewer as pluginVerticalEmbed, pluginEmojiViewer as pluginEmoji, pluginSpoilerViewer as pluginSpoiler, pluginGiphyViewer as pluginGiphy, pluginCodeBlockViewer as pluginCodeBlock, pluginGalleryViewer as pluginGallery, pluginCollapsibleListViewer as pluginCollapsibleList, pluginTableViewer as pluginTable, pluginLinkButtonViewer as pluginLinkButton } from '@wix/ricos';
+import '@wix/ricos/css/plugin-link-viewer.global.css';
+import '@wix/ricos/css/plugin-image-viewer.global.css';
+import '@wix/ricos/css/plugin-video-viewer.global.css';
+import '@wix/ricos/css/plugin-divider-viewer.global.css';
+import '@wix/ricos/css/plugin-file-upload-viewer.global.css';
+import '@wix/ricos/css/plugin-html-viewer.global.css';
+import '@wix/ricos/css/plugin-link-preview-viewer.global.css';
+import '@wix/ricos/css/plugin-vertical-embed-viewer.global.css';
+import '@wix/ricos/css/plugin-spoiler-viewer.global.css';
+import '@wix/ricos/css/plugin-giphy-viewer.global.css';
+import '@wix/ricos/css/plugin-gallery-viewer.global.css';
+import '@wix/ricos/css/plugin-collapsible-list-viewer.global.css';
+import '@wix/ricos/css/plugin-table-viewer.global.css';
+import '@wix/ricos/css/plugin-button-viewer.global.css';
+import { isTruthy } from '../../../../utils';
+export const usePlugins = () => {
+  return useMemo(() => [pluginTextColor(), pluginTextHighlight(), pluginLineSpacing(), pluginLink(), pluginImage(), pluginVideo(), pluginGallery(), pluginDivider(), pluginTable(), pluginFileUpload(), pluginHtml(), pluginLinkPreview(), pluginVerticalEmbed(), pluginEmoji(), pluginSpoiler(), pluginGiphy(), pluginCodeBlock(), pluginCollapsibleList(), pluginLinkButton()].filter(isTruthy), []);
+};
+//# sourceMappingURL=plugins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","pluginTextColorViewer","pluginTextColor","pluginTextHighlightViewer","pluginTextHighlight","pluginLinkViewer","pluginLink","pluginLineSpacingViewer","pluginLineSpacing","pluginImageViewer","pluginImage","pluginVideoViewer","pluginVideo","pluginDividerViewer","pluginDivider","pluginFileUploadViewer","pluginFileUpload","pluginHtmlViewer","pluginHtml","pluginLinkPreviewViewer","pluginLinkPreview","pluginVerticalEmbedViewer","pluginVerticalEmbed","pluginEmojiViewer","pluginEmoji","pluginSpoilerViewer","pluginSpoiler","pluginGiphyViewer","pluginGiphy","pluginCodeBlockViewer","pluginCodeBlock","pluginGalleryViewer","pluginGallery","pluginCollapsibleListViewer","pluginCollapsibleList","pluginTableViewer","pluginTable","pluginLinkButtonViewer","pluginLinkButton","isTruthy","usePlugins","filter"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/plugins.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport {\n  pluginTextColorViewer as pluginTextColor,\n  pluginTextHighlightViewer as pluginTextHighlight,\n  pluginLinkViewer as pluginLink,\n  pluginLineSpacingViewer as pluginLineSpacing,\n  pluginImageViewer as pluginImage,\n  pluginVideoViewer as pluginVideo,\n  pluginDividerViewer as pluginDivider,\n  pluginFileUploadViewer as pluginFileUpload,\n  pluginHtmlViewer as pluginHtml,\n  pluginLinkPreviewViewer as pluginLinkPreview,\n  pluginVerticalEmbedViewer as pluginVerticalEmbed,\n  pluginEmojiViewer as pluginEmoji,\n  pluginSpoilerViewer as pluginSpoiler,\n  pluginGiphyViewer as pluginGiphy,\n  pluginCodeBlockViewer as pluginCodeBlock,\n  pluginGalleryViewer as pluginGallery,\n  pluginCollapsibleListViewer as pluginCollapsibleList,\n  pluginTableViewer as pluginTable,\n  pluginLinkButtonViewer as pluginLinkButton,\n} from '@wix/ricos';\n\nimport '@wix/ricos/css/plugin-link-viewer.global.css';\nimport '@wix/ricos/css/plugin-image-viewer.global.css';\nimport '@wix/ricos/css/plugin-video-viewer.global.css';\nimport '@wix/ricos/css/plugin-divider-viewer.global.css';\nimport '@wix/ricos/css/plugin-file-upload-viewer.global.css';\nimport '@wix/ricos/css/plugin-html-viewer.global.css';\nimport '@wix/ricos/css/plugin-link-preview-viewer.global.css';\nimport '@wix/ricos/css/plugin-vertical-embed-viewer.global.css';\nimport '@wix/ricos/css/plugin-spoiler-viewer.global.css';\nimport '@wix/ricos/css/plugin-giphy-viewer.global.css';\nimport '@wix/ricos/css/plugin-gallery-viewer.global.css';\nimport '@wix/ricos/css/plugin-collapsible-list-viewer.global.css';\nimport '@wix/ricos/css/plugin-table-viewer.global.css';\nimport '@wix/ricos/css/plugin-button-viewer.global.css';\n\nimport { isTruthy } from '../../../../utils';\n\nexport const usePlugins = () => {\n  return useMemo(\n    () =>\n      [\n        pluginTextColor(),\n        pluginTextHighlight(),\n        pluginLineSpacing(),\n        pluginLink(),\n        pluginImage(),\n        pluginVideo(),\n        pluginGallery(),\n        pluginDivider(),\n        pluginTable(),\n        pluginFileUpload(),\n        pluginHtml(),\n        pluginLinkPreview(),\n        pluginVerticalEmbed(),\n        pluginEmoji(),\n        pluginSpoiler(),\n        pluginGiphy(),\n        pluginCodeBlock(),\n        pluginCollapsibleList(),\n        pluginLinkButton(),\n      ].filter(isTruthy),\n    [],\n  );\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SACEC,qBAAqB,IAAIC,eAAe,EACxCC,yBAAyB,IAAIC,mBAAmB,EAChDC,gBAAgB,IAAIC,UAAU,EAC9BC,uBAAuB,IAAIC,iBAAiB,EAC5CC,iBAAiB,IAAIC,WAAW,EAChCC,iBAAiB,IAAIC,WAAW,EAChCC,mBAAmB,IAAIC,aAAa,EACpCC,sBAAsB,IAAIC,gBAAgB,EAC1CC,gBAAgB,IAAIC,UAAU,EAC9BC,uBAAuB,IAAIC,iBAAiB,EAC5CC,yBAAyB,IAAIC,mBAAmB,EAChDC,iBAAiB,IAAIC,WAAW,EAChCC,mBAAmB,IAAIC,aAAa,EACpCC,iBAAiB,IAAIC,WAAW,EAChCC,qBAAqB,IAAIC,eAAe,EACxCC,mBAAmB,IAAIC,aAAa,EACpCC,2BAA2B,IAAIC,qBAAqB,EACpDC,iBAAiB,IAAIC,WAAW,EAChCC,sBAAsB,IAAIC,gBAAgB,QACrC,YAAY;AAEnB,OAAO,8CAA8C;AACrD,OAAO,+CAA+C;AACtD,OAAO,+CAA+C;AACtD,OAAO,iDAAiD;AACxD,OAAO,qDAAqD;AAC5D,OAAO,8CAA8C;AACrD,OAAO,sDAAsD;AAC7D,OAAO,wDAAwD;AAC/D,OAAO,iDAAiD;AACxD,OAAO,+CAA+C;AACtD,OAAO,iDAAiD;AACxD,OAAO,0DAA0D;AACjE,OAAO,+CAA+C;AACtD,OAAO,gDAAgD;AAEvD,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,OAAOxC,OAAO,CACZ,MACE,CACEE,eAAe,CAAC,CAAC,EACjBE,mBAAmB,CAAC,CAAC,EACrBI,iBAAiB,CAAC,CAAC,EACnBF,UAAU,CAAC,CAAC,EACZI,WAAW,CAAC,CAAC,EACbE,WAAW,CAAC,CAAC,EACboB,aAAa,CAAC,CAAC,EACflB,aAAa,CAAC,CAAC,EACfsB,WAAW,CAAC,CAAC,EACbpB,gBAAgB,CAAC,CAAC,EAClBE,UAAU,CAAC,CAAC,EACZE,iBAAiB,CAAC,CAAC,EACnBE,mBAAmB,CAAC,CAAC,EACrBE,WAAW,CAAC,CAAC,EACbE,aAAa,CAAC,CAAC,EACfE,WAAW,CAAC,CAAC,EACbE,eAAe,CAAC,CAAC,EACjBI,qBAAqB,CAAC,CAAC,EACvBI,gBAAgB,CAAC,CAAC,CACnB,CAACG,MAAM,CAACF,QAAQ,CAAC,EACpB,EACF,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { WixRicosViewer, ensureRicosContent, fromPlainText } from '@wix/ricos';
+import '@wix/ricos/css/ricos-viewer.global.css';
+import { useOpenState } from '../../../../hooks';
+import { preventEvent } from '../../../../utils';
+import { UserSiteFonts } from '../../../user-site-fonts';
+import { FullscreenModal, ToggleFullscreenButton, useWixRicosProps } from '../rich-content-common';
+import { usePlugins } from './plugins';
+import { st, classes } from './rich-content-viewer.st.css.js';
+const RCV = _ref => {
+  let {
+    isFullScreen,
+    onToggleFullscreen,
+    content,
+    className,
+    dataHook,
+    tabIndex,
+    ...ricosProps
+  } = _ref;
+  const wixRicosProps = useWixRicosProps();
+  const plugins = usePlugins();
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.viewer",
+    className: st(classes.root, {
+      isFullScreen
+    }, className),
+    onMouseDown: preventEvent,
+    tabIndex: tabIndex
+  }, /*#__PURE__*/React.createElement(ToggleFullscreenButton, {
+    isFullScreen: isFullScreen,
+    onToggleFullScreen: onToggleFullscreen
+  }), /*#__PURE__*/React.createElement("div", {
+    "data-hook": dataHook,
+    className: classes.viewer
+  }, /*#__PURE__*/React.createElement(WixRicosViewer, _extends({}, ricosProps, wixRicosProps, {
+    plugins: plugins,
+    content: ensureRicosContent(content ?? fromPlainText(''))
+  }))));
+};
+RCV.displayName = 'RCV';
+export const RichContentViewer = _ref2 => {
+  let {
+    fullScreenOnly,
+    onEnterFullScreen,
+    onExitFullScreen,
+    className,
+    tabIndex,
+    ...props
+  } = _ref2;
+  const {
+    isOpen: isFullScreen,
+    onOpen,
+    onClose
+  } = useOpenState(!!fullScreenOnly, {
+    onOpen: onEnterFullScreen,
+    onClose: onExitFullScreen
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UserSiteFonts, null), !fullScreenOnly && /*#__PURE__*/React.createElement(RCV, _extends({}, props, {
+    isFullScreen: false,
+    onToggleFullscreen: onOpen,
+    className: className,
+    tabIndex: tabIndex
+  })), /*#__PURE__*/React.createElement(FullscreenModal, {
+    isOpen: isFullScreen
+  }, /*#__PURE__*/React.createElement(RCV, _extends({}, props, {
+    isFullScreen: true,
+    onToggleFullscreen: onClose,
+    className: classes.modalViewer
+  }))));
+};
+RichContentViewer.displayName = 'RichContentViewer';
+//# sourceMappingURL=rich-content-viewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","WixRicosViewer","ensureRicosContent","fromPlainText","useOpenState","preventEvent","UserSiteFonts","FullscreenModal","ToggleFullscreenButton","useWixRicosProps","usePlugins","st","classes","RCV","_ref","isFullScreen","onToggleFullscreen","content","className","dataHook","tabIndex","ricosProps","wixRicosProps","plugins","createElement","root","onMouseDown","onToggleFullScreen","viewer","_extends","displayName","RichContentViewer","_ref2","fullScreenOnly","onEnterFullScreen","onExitFullScreen","props","isOpen","onOpen","onClose","Fragment","modalViewer"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { WixRicosViewerProps, RichContent } from '@wix/ricos';\nimport { WixRicosViewer, ensureRicosContent, fromPlainText } from '@wix/ricos';\nimport '@wix/ricos/css/ricos-viewer.global.css';\n\nimport { useOpenState } from '../../../../hooks';\nimport { preventEvent } from '../../../../utils';\nimport { UserSiteFonts } from '../../../user-site-fonts';\n\nimport {\n  FullscreenModal,\n  ToggleFullscreenButton,\n  useWixRicosProps,\n} from '../rich-content-common';\nimport { usePlugins } from './plugins';\nimport { st, classes } from './rich-content-viewer.st.css.js';\n\ntype RicosProps = Pick<\n  WixRicosViewerProps,\n  'wixExperiments' | 'biSettings' | 'children' | 'theme'\n>;\n\ninterface RCVProps extends RicosProps {\n  isFullScreen: boolean;\n  onToggleFullscreen: () => void;\n  content?: RichContent;\n  className?: string;\n  tabIndex?: number;\n  dataHook?: string;\n}\n\nconst RCV: React.FC<RCVProps> = ({\n  isFullScreen,\n  onToggleFullscreen,\n  content,\n  className,\n  dataHook,\n  tabIndex,\n  ...ricosProps\n}) => {\n  const wixRicosProps = useWixRicosProps();\n  const plugins = usePlugins();\n\n  return (\n    <div\n      data-hook=\"rich-content.viewer\"\n      className={st(classes.root, { isFullScreen }, className)}\n      onMouseDown={preventEvent}\n      tabIndex={tabIndex}\n    >\n      <ToggleFullscreenButton\n        isFullScreen={isFullScreen}\n        onToggleFullScreen={onToggleFullscreen}\n      />\n      <div data-hook={dataHook} className={classes.viewer}>\n        <WixRicosViewer\n          {...ricosProps}\n          {...wixRicosProps}\n          plugins={plugins}\n          content={ensureRicosContent(content ?? fromPlainText(''))}\n        />\n      </div>\n    </div>\n  );\n};\n\nRCV.displayName = 'RCV';\n\nexport interface RichContentViewerProps\n  extends Omit<RCVProps, 'isFullScreen' | 'onToggleFullscreen'> {\n  fullScreenOnly?: boolean;\n  onEnterFullScreen?: () => void;\n  onExitFullScreen?: () => void;\n}\n\nexport const RichContentViewer: React.FC<RichContentViewerProps> = ({\n  fullScreenOnly,\n  onEnterFullScreen,\n  onExitFullScreen,\n  className,\n  tabIndex,\n  ...props\n}) => {\n  const {\n    isOpen: isFullScreen,\n    onOpen,\n    onClose,\n  } = useOpenState(!!fullScreenOnly, {\n    onOpen: onEnterFullScreen,\n    onClose: onExitFullScreen,\n  });\n\n  return (\n    <>\n      <UserSiteFonts />\n      {!fullScreenOnly && (\n        <RCV\n          {...props}\n          isFullScreen={false}\n          onToggleFullscreen={onOpen}\n          className={className}\n          tabIndex={tabIndex}\n        />\n      )}\n      <FullscreenModal isOpen={isFullScreen}>\n        <RCV\n          {...props}\n          isFullScreen\n          onToggleFullscreen={onClose}\n          className={classes.modalViewer}\n        />\n      </FullscreenModal>\n    </>\n  );\n};\n\nRichContentViewer.displayName = 'RichContentViewer';\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,YAAY;AAC9E,OAAO,wCAAwC;AAE/C,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,gBAAgB,QACX,wBAAwB;AAC/B,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,EAAE,EAAEC,OAAO,QAAQ,iCAAiC;AAgB7D,MAAMC,GAAuB,GAAGC,IAAA,IAQ1B;EAAA,IAR2B;IAC/BC,YAAY;IACZC,kBAAkB;IAClBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAP,IAAA;EACC,MAAMQ,aAAa,GAAGb,gBAAgB,CAAC,CAAC;EACxC,MAAMc,OAAO,GAAGb,UAAU,CAAC,CAAC;EAE5B,oBACEV,KAAA,CAAAwB,aAAA;IACE,aAAU,qBAAqB;IAC/BN,SAAS,EAAEP,EAAE,CAACC,OAAO,CAACa,IAAI,EAAE;MAAEV;IAAa,CAAC,EAAEG,SAAS,CAAE;IACzDQ,WAAW,EAAErB,YAAa;IAC1Be,QAAQ,EAAEA;EAAS,gBAEnBpB,KAAA,CAAAwB,aAAA,CAAChB,sBAAsB;IACrBO,YAAY,EAAEA,YAAa;IAC3BY,kBAAkB,EAAEX;EAAmB,CACxC,CAAC,eACFhB,KAAA,CAAAwB,aAAA;IAAK,aAAWL,QAAS;IAACD,SAAS,EAAEN,OAAO,CAACgB;EAAO,gBAClD5B,KAAA,CAAAwB,aAAA,CAACvB,cAAc,EAAA4B,QAAA,KACTR,UAAU,EACVC,aAAa;IACjBC,OAAO,EAAEA,OAAQ;IACjBN,OAAO,EAAEf,kBAAkB,CAACe,OAAO,IAAId,aAAa,CAAC,EAAE,CAAC;EAAE,EAC3D,CACE,CACF,CAAC;AAEV,CAAC;AAEDU,GAAG,CAACiB,WAAW,GAAG,KAAK;AASvB,OAAO,MAAMC,iBAAmD,GAAGC,KAAA,IAO7D;EAAA,IAP8D;IAClEC,cAAc;IACdC,iBAAiB;IACjBC,gBAAgB;IAChBjB,SAAS;IACTE,QAAQ;IACR,GAAGgB;EACL,CAAC,GAAAJ,KAAA;EACC,MAAM;IACJK,MAAM,EAAEtB,YAAY;IACpBuB,MAAM;IACNC;EACF,CAAC,GAAGnC,YAAY,CAAC,CAAC,CAAC6B,cAAc,EAAE;IACjCK,MAAM,EAAEJ,iBAAiB;IACzBK,OAAO,EAAEJ;EACX,CAAC,CAAC;EAEF,oBACEnC,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAwC,QAAA,qBACExC,KAAA,CAAAwB,aAAA,CAAClB,aAAa,MAAE,CAAC,EAChB,CAAC2B,cAAc,iBACdjC,KAAA,CAAAwB,aAAA,CAACX,GAAG,EAAAgB,QAAA,KACEO,KAAK;IACTrB,YAAY,EAAE,KAAM;IACpBC,kBAAkB,EAAEsB,MAAO;IAC3BpB,SAAS,EAAEA,SAAU;IACrBE,QAAQ,EAAEA;EAAS,EACpB,CACF,eACDpB,KAAA,CAAAwB,aAAA,CAACjB,eAAe;IAAC8B,MAAM,EAAEtB;EAAa,gBACpCf,KAAA,CAAAwB,aAAA,CAACX,GAAG,EAAAgB,QAAA,KACEO,KAAK;IACTrB,YAAY;IACZC,kBAAkB,EAAEuB,OAAQ;IAC5BrB,SAAS,EAAEN,OAAO,CAAC6B;EAAY,EAChC,CACc,CACjB,CAAC;AAEP,CAAC;AAEDV,iBAAiB,CAACD,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js

@@ -0,0 +1,20 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentviewer2198370567";
+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": "richcontentviewer2198370567__root",
+  "viewer": "richcontentviewer2198370567__viewer",
+  "modalViewer": "richcontentviewer2198370567__modalViewer"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=rich-content-viewer.st.css.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.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/rich-content-viewer/rich-content-viewer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentviewer2198370567\";\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\":\"richcontentviewer2198370567__root\",\"viewer\":\"richcontentviewer2198370567__viewer\",\"modalViewer\":\"richcontentviewer2198370567__modalViewer\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,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,QAAQ,EAAC,qCAAqC;EAAC,aAAa,EAAC;AAA0C,CAAC;AACzK,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,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './rich-content-document-http-service';
+export * from './use-rich-content-document-service';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/services/index.ts"],"sourcesContent":["export * from './types';\nexport * from './rich-content-document-http-service';\nexport * from './use-rich-content-document-service';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,sCAAsC;AACpD,cAAc,qCAAqC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/rich-content-document-http-service.js

@@ -0,0 +1,29 @@
+import { ricosDocuments } from '@wix/rich-content';
+import { isRicosLikeObject } from '../../../../auto-cms-field-types';
+const {
+  Plugin,
+  validateDocument
+} = ricosDocuments;
+export const createRichContentDocumentHttpService = httpClient => {
+  return {
+    convertToRichContent: async data => {
+      let document = data;
+      if (typeof document === 'string') {
+        try {
+          document = JSON.parse(document);
+        } catch {
+          return undefined;
+        }
+      }
+      if (!isRicosLikeObject(document)) {
+        return undefined;
+      }
+      const response = await validateDocument(httpClient)(document, {
+        fixDocument: true,
+        plugins: Object.values(Plugin).filter(plugin => plugin !== Plugin.UNKNOWN_PLUGIN)
+      });
+      return response.validDocument;
+    }
+  };
+};
+//# sourceMappingURL=rich-content-document-http-service.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/rich-content-document-http-service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ricosDocuments","isRicosLikeObject","Plugin","validateDocument","createRichContentDocumentHttpService","httpClient","convertToRichContent","data","document","JSON","parse","undefined","response","fixDocument","plugins","Object","values","filter","plugin","UNKNOWN_PLUGIN","validDocument"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/services/rich-content-document-http-service.ts"],"sourcesContent":["import type { WixPatternsContainer } from '@wix/patterns';\nimport { ricosDocuments } from '@wix/rich-content';\nimport type { RichContent } from '@wix/ricos';\nimport { isRicosLikeObject } from '../../../../auto-cms-field-types';\n\nimport { type RichContentDocumentService } from './types';\n\nconst { Plugin, validateDocument } = ricosDocuments;\n\ntype ValidateDocumentFn = (\n  httpClient: WixPatternsContainer['httpClient'],\n) => (\n  document: Record<string, unknown> | null,\n  options?: { fixDocument?: boolean; plugins?: string[] },\n) => Promise<{ validDocument?: RichContent }>;\n\nexport const createRichContentDocumentHttpService = (\n  httpClient: WixPatternsContainer['httpClient'],\n): RichContentDocumentService => {\n  return {\n    convertToRichContent: async (data: unknown) => {\n      let document = data;\n\n      if (typeof document === 'string') {\n        try {\n          document = JSON.parse(document);\n        } catch {\n          return undefined;\n        }\n      }\n\n      if (!isRicosLikeObject(document)) {\n        return undefined;\n      }\n\n      const response = await (\n        validateDocument as unknown as ValidateDocumentFn\n      )(httpClient)(document as Record<string, unknown>, {\n        fixDocument: true,\n        plugins: Object.values(Plugin).filter(\n          (plugin) => plugin !== Plugin.UNKNOWN_PLUGIN,\n        ),\n      });\n\n      return response.validDocument as RichContent | undefined;\n    },\n  };\n};\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,mBAAmB;AAElD,SAASC,iBAAiB,QAAQ,kCAAkC;AAIpE,MAAM;EAAEC,MAAM;EAAEC;AAAiB,CAAC,GAAGH,cAAc;AASnD,OAAO,MAAMI,oCAAoC,GAC/CC,UAA8C,IACf;EAC/B,OAAO;IACLC,oBAAoB,EAAE,MAAOC,IAAa,IAAK;MAC7C,IAAIC,QAAQ,GAAGD,IAAI;MAEnB,IAAI,OAAOC,QAAQ,KAAK,QAAQ,EAAE;QAChC,IAAI;UACFA,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACF,QAAQ,CAAC;QACjC,CAAC,CAAC,MAAM;UACN,OAAOG,SAAS;QAClB;MACF;MAEA,IAAI,CAACV,iBAAiB,CAACO,QAAQ,CAAC,EAAE;QAChC,OAAOG,SAAS;MAClB;MAEA,MAAMC,QAAQ,GAAG,MACfT,gBAAgB,CAChBE,UAAU,CAAC,CAACG,QAAQ,EAA6B;QACjDK,WAAW,EAAE,IAAI;QACjBC,OAAO,EAAEC,MAAM,CAACC,MAAM,CAACd,MAAM,CAAC,CAACe,MAAM,CAClCC,MAAM,IAAKA,MAAM,KAAKhB,MAAM,CAACiB,cAChC;MACF,CAAC,CAAC;MAEF,OAAOP,QAAQ,CAACQ,aAAa;IAC/B;EACF,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/services/types.ts"],"sourcesContent":["import type { RichContent } from '@wix/ricos';\n\nexport interface RichContentDocumentService {\n  convertToRichContent(document: unknown): Promise<RichContent | undefined>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/use-rich-content-document-service.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import { useWixPatternsContainer } from '@wix/patterns';
+import { createRichContentDocumentHttpService } from './rich-content-document-http-service';
+export const useRichContentDocumentService = () => {
+  const {
+    httpClient
+  } = useWixPatternsContainer();
+  return useMemo(() => createRichContentDocumentHttpService(httpClient), [httpClient]);
+};
+//# sourceMappingURL=use-rich-content-document-service.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/use-rich-content-document-service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useWixPatternsContainer","createRichContentDocumentHttpService","useRichContentDocumentService","httpClient"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/services/use-rich-content-document-service.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nimport { createRichContentDocumentHttpService } from './rich-content-document-http-service';\nimport type { RichContentDocumentService } from './types';\n\nexport const useRichContentDocumentService = (): RichContentDocumentService => {\n  const { httpClient } = useWixPatternsContainer();\n\n  return useMemo(\n    () => createRichContentDocumentHttpService(httpClient),\n    [httpClient],\n  );\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,uBAAuB,QAAQ,eAAe;AAEvD,SAASC,oCAAoC,QAAQ,sCAAsC;AAG3F,OAAO,MAAMC,6BAA6B,GAAGA,CAAA,KAAkC;EAC7E,MAAM;IAAEC;EAAW,CAAC,GAAGH,uBAAuB,CAAC,CAAC;EAEhD,OAAOD,OAAO,CACZ,MAAME,oCAAoC,CAACE,UAAU,CAAC,EACtD,CAACA,UAAU,CACb,CAAC;AACH,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Loader } from '@wix/design-system';
+import { TextView } from '../../text';
+import { usePlainTextRichContent } from '../hooks';
+export const RichContentView = _ref => {
+  let {
+    data,
+    ...props
+  } = _ref;
+  const [plainTextContent, isContentConverting] = usePlainTextRichContent(data);
+  return /*#__PURE__*/React.createElement(TextView, _extends({}, props, {
+    data: isContentConverting ? /*#__PURE__*/React.createElement(Loader, {
+      size: "tiny"
+    }) : plainTextContent
+  }));
+};
+RichContentView.displayName = 'RichContentView';
+//# sourceMappingURL=rich-content-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Loader","TextView","usePlainTextRichContent","RichContentView","_ref","data","props","plainTextContent","isContentConverting","createElement","_extends","size","displayName"],"sources":["../../../../../../src/cms-fields/components/rich-content/rich-content-view/rich-content-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Loader } from '@wix/design-system';\nimport { TextView } from '../../text';\n\nimport { usePlainTextRichContent } from '../hooks';\n\nexport const RichContentView: React.FC<any> = ({ data, ...props }) => {\n  const [plainTextContent, isContentConverting] = usePlainTextRichContent(data);\n  return (\n    <TextView\n      {...props}\n      data={isContentConverting ? <Loader size=\"tiny\" /> : plainTextContent}\n    />\n  );\n};\n\nRichContentView.displayName = 'RichContentView';\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,uBAAuB,QAAQ,UAAU;AAElD,OAAO,MAAMC,eAA8B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC,IAAI;IAAE,GAAGC;EAAM,CAAC,GAAAF,IAAA;EAC/D,MAAM,CAACG,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGN,uBAAuB,CAACG,IAAI,CAAC;EAC7E,oBACEN,KAAA,CAAAU,aAAA,CAACR,QAAQ,EAAAS,QAAA,KACHJ,KAAK;IACTD,IAAI,EAAEG,mBAAmB,gBAAGT,KAAA,CAAAU,aAAA,CAACT,MAAM;MAACW,IAAI,EAAC;IAAM,CAAE,CAAC,GAAGJ;EAAiB,EACvE,CAAC;AAEN,CAAC;AAEDJ,eAAe,CAACS,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/rich-content/types.ts"],"sourcesContent":["export type ColorScheme = Record<string, { color: string; index: number }>;\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { TextButton } from '@wix/design-system';
+// Placeholder component for LinkButton
+export const LinkButton = _ref => {
+  let {
+    href,
+    children,
+    onClick,
+    inText
+  } = _ref;
+  if (inText) {
+    return /*#__PURE__*/React.createElement(TextButton, {
+      as: href ? 'a' : 'button',
+      href: href,
+      target: href ? '_blank' : undefined,
+      rel: href ? 'noopener noreferrer' : undefined,
+      onClick: onClick,
+      size: "tiny",
+      underline: "always"
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(TextButton, {
+    as: href ? 'a' : 'button',
+    href: href,
+    onClick: onClick,
+    size: "tiny",
+    underline: "always"
+  }, children);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TextButton","LinkButton","_ref","href","children","onClick","inText","createElement","as","target","undefined","rel","size","underline"],"sources":["../../../../../../../src/cms-fields/components/rich-text/components/link/index.tsx"],"sourcesContent":["import React from 'react';\nimport { TextButton } from '@wix/design-system';\n\nexport interface LinkButtonProps {\n  href?: string;\n  children: React.ReactNode;\n  onClick?: (e: React.MouseEvent) => void;\n  inText?: boolean;\n}\n\n// Placeholder component for LinkButton\nexport const LinkButton: React.FC<LinkButtonProps> = ({\n  href,\n  children,\n  onClick,\n  inText,\n}) => {\n  if (inText) {\n    return (\n      <TextButton\n        as={href ? 'a' : 'button'}\n        href={href}\n        target={href ? '_blank' : undefined}\n        rel={href ? 'noopener noreferrer' : undefined}\n        onClick={onClick}\n        size=\"tiny\"\n        underline=\"always\"\n      >\n        {children}\n      </TextButton>\n    );\n  }\n\n  return (\n    <TextButton\n      as={href ? 'a' : 'button'}\n      href={href}\n      onClick={onClick}\n      size=\"tiny\"\n      underline=\"always\"\n    >\n      {children}\n    </TextButton>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,oBAAoB;AAS/C;AACA,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAK/C;EAAA,IALgD;IACpDC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,GAAAJ,IAAA;EACC,IAAII,MAAM,EAAE;IACV,oBACEP,KAAA,CAAAQ,aAAA,CAACP,UAAU;MACTQ,EAAE,EAAEL,IAAI,GAAG,GAAG,GAAG,QAAS;MAC1BA,IAAI,EAAEA,IAAK;MACXM,MAAM,EAAEN,IAAI,GAAG,QAAQ,GAAGO,SAAU;MACpCC,GAAG,EAAER,IAAI,GAAG,qBAAqB,GAAGO,SAAU;MAC9CL,OAAO,EAAEA,OAAQ;MACjBO,IAAI,EAAC,MAAM;MACXC,SAAS,EAAC;IAAQ,GAEjBT,QACS,CAAC;EAEjB;EAEA,oBACEL,KAAA,CAAAQ,aAAA,CAACP,UAAU;IACTQ,EAAE,EAAEL,IAAI,GAAG,GAAG,GAAG,QAAS;IAC1BA,IAAI,EAAEA,IAAK;IACXE,OAAO,EAAEA,OAAQ;IACjBO,IAAI,EAAC,MAAM;IACXC,SAAS,EAAC;EAAQ,GAEjBT,QACS,CAAC;AAEjB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+export * from './rich-text-view';
+export * from './rich-text-input';
+export * from './components/link';
+export {};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/rich-text/index.ts"],"sourcesContent":["export * from './rich-text-view';\nexport * from './rich-text-input';\n\nexport type { NoOptions, TextKeys } from './types';\nexport * from './components/link';\n"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AAGjC,cAAc,mBAAmB;AAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-text/rich-text-input/data-hooks.js

@@ -0,0 +1,3 @@
+export const richTextToolbarDataHook = 'rich-text-toolbar';
+export const richTextDataHook = 'rich-text';
+//# sourceMappingURL=data-hooks.js.map

package/dist/esm/cms-fields/components/rich-text/rich-text-input/data-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["richTextToolbarDataHook","richTextDataHook"],"sources":["../../../../../../src/cms-fields/components/rich-text/rich-text-input/data-hooks.ts"],"sourcesContent":["export const richTextToolbarDataHook = 'rich-text-toolbar';\nexport const richTextDataHook = 'rich-text';\n"],"mappings":"AAAA,OAAO,MAAMA,uBAAuB,GAAG,mBAAmB;AAC1D,OAAO,MAAMC,gBAAgB,GAAG,WAAW","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { UserSiteFonts } from '../../../user-site-fonts';
+import { RichTextEditor } from '../rich-text-editor';
+export const FormRichTextInput = _ref => {
+  let {
+    data,
+    invalid,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.headingsEnabled && /*#__PURE__*/React.createElement(UserSiteFonts, null), /*#__PURE__*/React.createElement(RichTextEditor, _extends({}, props, {
+    value: data,
+    status: invalid ? 'error' : undefined
+  })));
+};
+//# sourceMappingURL=form-rich-text-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","UserSiteFonts","RichTextEditor","FormRichTextInput","_ref","data","invalid","props","createElement","Fragment","headingsEnabled","_extends","value","status","undefined"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/form-input/form-rich-text-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { FormInputProps } from '../../../../types';\nimport { UserSiteFonts } from '../../../user-site-fonts';\nimport type { RichTextEditorProps } from '../rich-text-editor';\nimport { RichTextEditor } from '../rich-text-editor';\n\nexport type FormRichTextInputProps = FormInputProps<string> &\n  Pick<RichTextEditorProps, 'textStyle' | 'headingsEnabled'>;\n\nexport const FormRichTextInput: React.FC<FormRichTextInputProps> = ({\n  data,\n  invalid,\n  ...props\n}) => {\n  return (\n    <>\n      {props.headingsEnabled && <UserSiteFonts />}\n      <RichTextEditor\n        {...props}\n        value={data}\n        status={invalid ? 'error' : undefined}\n      />\n    </>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SAASC,cAAc,QAAQ,qBAAqB;AAKpD,OAAO,MAAMC,iBAAmD,GAAGC,IAAA,IAI7D;EAAA,IAJ8D;IAClEC,IAAI;IACJC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QACGF,KAAK,CAACG,eAAe,iBAAIV,KAAA,CAAAQ,aAAA,CAACP,aAAa,MAAE,CAAC,eAC3CD,KAAA,CAAAQ,aAAA,CAACN,cAAc,EAAAS,QAAA,KACTJ,KAAK;IACTK,KAAK,EAAEP,IAAK;IACZQ,MAAM,EAAEP,OAAO,GAAG,OAAO,GAAGQ;EAAU,EACvC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export { FormRichTextInput, FormRichTextInput as default } from './form-rich-text-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-text/rich-text-input/form-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormRichTextInput","default"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/form-input/index.ts"],"sourcesContent":["export { FormRichTextInput, FormRichTextInput as default } from './form-rich-text-input';\nexport type { FormRichTextInputProps } from './form-rich-text-input';\n"],"mappings":"AAAA,SAASA,iBAAiB,EAAEA,iBAAiB,IAAIC,OAAO,QAAQ,wBAAwB","ignoreList":[]}

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

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

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

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

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/composite-decorator.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { CompositeDecorator } from 'draft-js';
+const findLinkEntities = (contentBlock, cb, contentState) => {
+  contentBlock.findEntityRanges(character => {
+    const entityKey = character.getEntity();
+    return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
+  }, cb);
+};
+const Link = props => {
+  const {
+    url
+  } = props.contentState.getEntity(props.entityKey).getData();
+  return /*#__PURE__*/React.createElement("a", {
+    href: url,
+    children: props.children
+  });
+};
+export const compositeDecorator = new CompositeDecorator([{
+  strategy: findLinkEntities,
+  component: Link
+}]);
+//# sourceMappingURL=composite-decorator.js.map

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/composite-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CompositeDecorator","findLinkEntities","contentBlock","cb","contentState","findEntityRanges","character","entityKey","getEntity","getType","Link","props","url","getData","createElement","href","children","compositeDecorator","strategy","component"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/composite-decorator.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ContentBlock, ContentState } from 'draft-js';\nimport { CompositeDecorator } from 'draft-js';\n\nexport interface DecoratorComponentProps {\n  entityKey: string;\n  contentState: ContentState;\n}\n\nexport type StrategyFn = (\n  contentBlock: ContentBlock,\n  callback: (start: number, end: number) => void,\n  contentState: ContentState,\n) => void;\n\nconst findLinkEntities: StrategyFn = (contentBlock, cb, contentState) => {\n  contentBlock.findEntityRanges((character: any) => {\n    const entityKey = character.getEntity();\n    return (\n      entityKey !== null &&\n      contentState.getEntity(entityKey).getType() === 'LINK'\n    );\n  }, cb);\n};\n\nconst Link: React.FC<DecoratorComponentProps> = (props) => {\n  const { url } = props.contentState.getEntity(props.entityKey).getData();\n  return <a href={url} children={props.children} />;\n};\n\nexport const compositeDecorator = new CompositeDecorator([\n  {\n    strategy: findLinkEntities,\n    component: Link,\n  },\n]);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,kBAAkB,QAAQ,UAAU;AAa7C,MAAMC,gBAA4B,GAAGA,CAACC,YAAY,EAAEC,EAAE,EAAEC,YAAY,KAAK;EACvEF,YAAY,CAACG,gBAAgB,CAAEC,SAAc,IAAK;IAChD,MAAMC,SAAS,GAAGD,SAAS,CAACE,SAAS,CAAC,CAAC;IACvC,OACED,SAAS,KAAK,IAAI,IAClBH,YAAY,CAACI,SAAS,CAACD,SAAS,CAAC,CAACE,OAAO,CAAC,CAAC,KAAK,MAAM;EAE1D,CAAC,EAAEN,EAAE,CAAC;AACR,CAAC;AAED,MAAMO,IAAuC,GAAIC,KAAK,IAAK;EACzD,MAAM;IAAEC;EAAI,CAAC,GAAGD,KAAK,CAACP,YAAY,CAACI,SAAS,CAACG,KAAK,CAACJ,SAAS,CAAC,CAACM,OAAO,CAAC,CAAC;EACvE,oBAAOd,KAAA,CAAAe,aAAA;IAAGC,IAAI,EAAEH,GAAI;IAACI,QAAQ,EAAEL,KAAK,CAACK;EAAS,CAAE,CAAC;AACnD,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,IAAIjB,kBAAkB,CAAC,CACvD;EACEkB,QAAQ,EAAEjB,gBAAgB;EAC1BkB,SAAS,EAAET;AACb,CAAC,CACF,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/index.js

@@ -0,0 +1,3 @@
+export * from './rich-editor';
+export * from './rich-text-editor';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/index.js.map

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

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/list-items-indentations.js

@@ -0,0 +1,38 @@
+module.exports = {
+  unorderedListMixin(_ref) {
+    let [maxDepth] = _ref;
+    const result = {};
+    for (let i = 0; i <= Number(maxDepth); i++) {
+      result[`& :global(.public-DraftStyleDefault-depth${i})`] = {
+        'margin-inline-start': `${(i + 1) * 2}ch`
+      };
+    }
+    return result;
+  },
+  orderedListMixin(_ref2) {
+    let [maxDepth, maxChars] = _ref2;
+    const result = {};
+
+    // for each depth
+    for (let depth = 0; depth <= Number(maxDepth); depth++) {
+      const depthIndentation = (depth + 1) * 2;
+
+      // selector for first item in list
+      result[`li:global(.public-DraftStyleDefault-depth${depth}):first-child`] = {
+        'margin-inline-start': `${depthIndentation}ch`
+      };
+
+      // for number of chars in list item number (1. ... 10. ... 100. ... 1000.)
+      for (let numChars = 1; numChars <= Number(maxChars); numChars++) {
+        const suffix = numChars > 1 ? `:nth-child(n+${Math.pow(10, numChars - 1)})` : '';
+
+        // each li after first one which have the `depth` and `numChars`
+        result[`li:first-child ~ li:global(.public-DraftStyleDefault-depth${depth})${suffix}`] = {
+          'margin-inline-start': `${depthIndentation + numChars - 1}ch`
+        };
+      }
+    }
+    return result;
+  }
+};
+//# sourceMappingURL=list-items-indentations.js.map

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/list-items-indentations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["module","exports","unorderedListMixin","_ref","maxDepth","result","i","Number","orderedListMixin","_ref2","maxChars","depth","depthIndentation","numChars","suffix","Math","pow"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/list-items-indentations.js"],"sourcesContent":["module.exports = {\n  unorderedListMixin([maxDepth]) {\n    const result = {};\n\n    for (let i = 0; i <= Number(maxDepth); i++) {\n      result[`& :global(.public-DraftStyleDefault-depth${i})`] = {\n        'margin-inline-start': `${(i + 1) * 2}ch`,\n      };\n    }\n\n    return result;\n  },\n\n  orderedListMixin([maxDepth, maxChars]) {\n    const result = {};\n\n    // for each depth\n    for (let depth = 0; depth <= Number(maxDepth); depth++) {\n      const depthIndentation = (depth + 1) * 2;\n\n      // selector for first item in list\n      result[`li:global(.public-DraftStyleDefault-depth${depth}):first-child`] =\n        {\n          'margin-inline-start': `${depthIndentation}ch`,\n        };\n\n      // for number of chars in list item number (1. ... 10. ... 100. ... 1000.)\n      for (let numChars = 1; numChars <= Number(maxChars); numChars++) {\n        const suffix =\n          numChars > 1 ? `:nth-child(n+${Math.pow(10, numChars - 1)})` : '';\n\n        // each li after first one which have the `depth` and `numChars`\n        result[\n          `li:first-child ~ li:global(.public-DraftStyleDefault-depth${depth})${suffix}`\n        ] = {\n          'margin-inline-start': `${depthIndentation + numChars - 1}ch`,\n        };\n      }\n    }\n\n    return result;\n  },\n};\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,kBAAkBA,CAAAC,IAAA,EAAa;IAAA,IAAZ,CAACC,QAAQ,CAAC,GAAAD,IAAA;IAC3B,MAAME,MAAM,GAAG,CAAC,CAAC;IAEjB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAIC,MAAM,CAACH,QAAQ,CAAC,EAAEE,CAAC,EAAE,EAAE;MAC1CD,MAAM,CAAC,4CAA4CC,CAAC,GAAG,CAAC,GAAG;QACzD,qBAAqB,EAAE,GAAG,CAACA,CAAC,GAAG,CAAC,IAAI,CAAC;MACvC,CAAC;IACH;IAEA,OAAOD,MAAM;EACf,CAAC;EAEDG,gBAAgBA,CAAAC,KAAA,EAAuB;IAAA,IAAtB,CAACL,QAAQ,EAAEM,QAAQ,CAAC,GAAAD,KAAA;IACnC,MAAMJ,MAAM,GAAG,CAAC,CAAC;;IAEjB;IACA,KAAK,IAAIM,KAAK,GAAG,CAAC,EAAEA,KAAK,IAAIJ,MAAM,CAACH,QAAQ,CAAC,EAAEO,KAAK,EAAE,EAAE;MACtD,MAAMC,gBAAgB,GAAG,CAACD,KAAK,GAAG,CAAC,IAAI,CAAC;;MAExC;MACAN,MAAM,CAAC,4CAA4CM,KAAK,eAAe,CAAC,GACtE;QACE,qBAAqB,EAAE,GAAGC,gBAAgB;MAC5C,CAAC;;MAEH;MACA,KAAK,IAAIC,QAAQ,GAAG,CAAC,EAAEA,QAAQ,IAAIN,MAAM,CAACG,QAAQ,CAAC,EAAEG,QAAQ,EAAE,EAAE;QAC/D,MAAMC,MAAM,GACVD,QAAQ,GAAG,CAAC,GAAG,gBAAgBE,IAAI,CAACC,GAAG,CAAC,EAAE,EAAEH,QAAQ,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE;;QAEnE;QACAR,MAAM,CACJ,6DAA6DM,KAAK,IAAIG,MAAM,EAAE,CAC/E,GAAG;UACF,qBAAqB,EAAE,GAAGF,gBAAgB,GAAGC,QAAQ,GAAG,CAAC;QAC3D,CAAC;MACH;IACF;IAEA,OAAOR,MAAM;EACf;AACF,CAAC","ignoreList":[]}