@wix/ricos-editor-elements 11.21.2 → 11.22.0

package/dist/lib/Viewer.js

@@ -1,3 +1,4 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { truncateContent, RicosViewer, pluginEmojiViewer, pluginHashtagViewer, pluginLinkViewer, pluginMentionsViewer, pluginTextColorViewer, pluginTextHighlightViewer, pluginSpoilerViewer } from "@wix/ricos";
 import { pluginCollapsibleListLazy, pluginDividerLazy, pluginGiphyLazy, pluginImageLazy, pluginGalleryLazy, pluginVideoLazy, pluginAudioLazy, pluginFileUploadLazy, pluginTableLazy, pluginHtmlLazy, pluginLinkPreviewLazy, pluginVerticalEmbedLazy, pluginPollLazy, pluginLinkButtonLazy, pluginTocLazy } from "@wix/ricos/lazy";
 import { useService } from "@wix/services-manager-react";
@@ -26,7 +27,7 @@ import "@wix/ricos/css/plugin-table-viewer.global.css";
 import "@wix/ricos/css/plugin-video-viewer.global.css";
 import "@wix/ricos/css/plugin-audio-viewer.global.css";
 import "@wix/ricos/css/plugin-toc-viewer.global.css";
-import React, { useState } from "react";
+import { useState } from "react";
 import { CSS_PROPERTIES, DISPLAY_GROUPS, ELEMENTS, DATA, ACTIONS, LAYOUT } from "@wix/react-component-schema";
 import './Viewer.css';const customPropKey = (tag, cssVar) => `editor-ricos-${tag}-${cssVar}`;
 const elementClassName = (tag) => `editor-ricos-${tag}`;
@@ -179,20 +180,23 @@ const ContentTrimmer = ({
 }) => {
   const [collapsed, setCollapsed] = useState(true);
   if (!trimEnabled) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children(content));
+    return /* @__PURE__ */ jsx(Fragment, { children: children(content) });
   }
   const { content: truncated, isTruncated } = trimMode === "word" ? trimByWords(content, trimLengthWord) : trimByBlocks(content, trimLengthParagraph, trimExclude === "plugins");
   const shownContent = isTruncated && collapsed ? trimTrailingEmptyParagraph(truncated) : content;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, children(shownContent), isTruncated && trimEllipsisEnabled ? /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      style: { ...defaultEllipsisStyle, ...ellipsisStyle },
-      onClick: () => setCollapsed((isCollapsed) => !isCollapsed),
-      "data-hook": "trim-ellipsis-button"
-    },
-    collapsed ? trimEllipsisExpandText : trimEllipsisCollapseText
-  ) : null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children(shownContent),
+    isTruncated && trimEllipsisEnabled ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        style: { ...defaultEllipsisStyle, ...ellipsisStyle },
+        onClick: () => setCollapsed((isCollapsed) => !isCollapsed),
+        "data-hook": "trim-ellipsis-button",
+        children: collapsed ? trimEllipsisExpandText : trimEllipsisCollapseText
+      }
+    ) : null
+  ] });
 };
 const DEFAULT_CONTENT_TEXT = "No content provided";
 const DEFAULT_CONTENT_NODE_ID = "ricos-viewer-default-content";
@@ -583,7 +587,7 @@ const ViewerContent = ({
   const { language } = useService(LocaleDefinition);
   const { siteId: metaSiteId } = useService(SiteInfoDefinition);
   const { siteUrl } = useService(UrlDefinition);
-  return /* @__PURE__ */ React.createElement("div", { className: `${s.root} ${className}`, id }, /* @__PURE__ */ React.createElement("div", { className: elementClassNames }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: `${s.root} ${className}`, id, children: /* @__PURE__ */ jsx("div", { className: elementClassNames, children: /* @__PURE__ */ jsx(
     ContentTrimmer,
     {
       content,
@@ -594,63 +598,63 @@ const ViewerContent = ({
       trimExclude,
       trimEllipsisEnabled,
       trimEllipsisExpandText,
-      trimEllipsisCollapseText
-    },
-    (trimmedContent) => /* @__PURE__ */ React.createElement(
-      RicosViewer,
-      {
-        firstFoldNodeCount: 8,
-        responsiveBehavior: "viewport",
-        isMobile: deviceType === "Smartphone",
-        locale: language,
-        biSettings: {
-          consumer: editorName,
-          platform: "Livesite",
-          postId: "",
-          containerId: ""
-        },
-        msid: metaSiteId,
-        baseUrl: siteUrl,
-        content: trimmedContent,
-        theme: {
-          colorPalette: viewerColorPalette,
-          customStyles: {
-            ...viewerCustomStyles,
-            button: { ...viewerButtonStyle, buttonSize },
-            image: viewerImageStyle
-          }
-        },
-        plugins: [
-          pluginCollapsibleListLazy(),
-          pluginDividerLazy(),
-          pluginEmojiViewer(),
-          pluginGiphyLazy(),
-          pluginHashtagViewer(),
-          pluginImageLazy(),
-          pluginGalleryLazy(),
-          pluginVideoLazy(),
-          pluginAudioLazy(),
-          pluginFileUploadLazy({ resolveFileUrl }),
-          pluginLinkViewer(),
-          pluginMentionsViewer(),
-          pluginTableLazy(),
-          pluginTextColorViewer(),
-          pluginTextHighlightViewer(),
-          pluginHtmlLazy(),
-          pluginLinkPreviewLazy(),
-          pluginVerticalEmbedLazy(),
-          pluginSpoilerViewer(),
-          pluginPollLazy(),
-          pluginLinkButtonLazy(),
-          pluginTocLazy()
-        ]
-      }
-    )
-  )));
+      trimEllipsisCollapseText,
+      children: (trimmedContent) => /* @__PURE__ */ jsx(
+        RicosViewer,
+        {
+          firstFoldNodeCount: 8,
+          responsiveBehavior: "viewport",
+          isMobile: deviceType === "Smartphone",
+          locale: language,
+          biSettings: {
+            consumer: editorName,
+            platform: "Livesite",
+            postId: "",
+            containerId: ""
+          },
+          msid: metaSiteId,
+          baseUrl: siteUrl,
+          content: trimmedContent,
+          theme: {
+            colorPalette: viewerColorPalette,
+            customStyles: {
+              ...viewerCustomStyles,
+              button: { ...viewerButtonStyle, buttonSize },
+              image: viewerImageStyle
+            }
+          },
+          plugins: [
+            pluginCollapsibleListLazy(),
+            pluginDividerLazy(),
+            pluginEmojiViewer(),
+            pluginGiphyLazy(),
+            pluginHashtagViewer(),
+            pluginImageLazy(),
+            pluginGalleryLazy(),
+            pluginVideoLazy(),
+            pluginAudioLazy(),
+            pluginFileUploadLazy({ resolveFileUrl }),
+            pluginLinkViewer(),
+            pluginMentionsViewer(),
+            pluginTableLazy(),
+            pluginTextColorViewer(),
+            pluginTextHighlightViewer(),
+            pluginHtmlLazy(),
+            pluginLinkPreviewLazy(),
+            pluginVerticalEmbedLazy(),
+            pluginSpoilerViewer(),
+            pluginPollLazy(),
+            pluginLinkButtonLazy(),
+            pluginTocLazy()
+          ]
+        }
+      )
+    }
+  ) }) });
 };
-const Viewer = ({ content, ...props }) => isContentProvided(content) ? /* @__PURE__ */ React.createElement(ViewerContent, { ...props, content }) : (
+const Viewer = ({ content, ...props }) => isContentProvided(content) ? /* @__PURE__ */ jsx(ViewerContent, { ...props, content }) : (
   // Keep the root so the platform still finds the component node.
-  /* @__PURE__ */ React.createElement("div", { className: `${s.root} ${props.className}`, id: props.id })
+  /* @__PURE__ */ jsx("div", { className: `${s.root} ${props.className}`, id: props.id })
 );
 export {
   ViewerContent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/ricos-editor-elements",
-  "version": "11.21.2",
+  "version": "11.22.0",
   "files": [
     "dist/lib/**"
   ],
@@ -36,14 +36,14 @@
     "generate-translation-keys": "babel-cli"
   },
   "dependencies": {
-    "@wix/astro": "^2.75.3",
+    "@wix/custom-extensions": "^0.2.28",
     "@wix/dashboard": "^1.3.48",
     "@wix/design-system": "^1.338.0",
     "@wix/editor": "^1.956.0",
     "@wix/essentials": "^1.0.15",
     "@wix/fed-cli-i18next": "^1.7.0",
     "@wix/react-component-schema": "^1.10.0",
-    "@wix/ricos": "11.21.2",
+    "@wix/ricos": "11.22.0",
     "@wix/services-manager": "^1.0.7",
     "@wix/services-manager-react": "^1.0.8",
     "@wix/site-service-device-info": "^1.0.8",
@@ -52,12 +52,9 @@
     "@wix/site-service-site-info": "^1.0.8",
     "@wix/site-service-url": "^1.0.9",
     "@wix/wix-ui-icons-common": "^3.190.8",
-    "astro": "^5.18.1",
     "lodash": "^4.17.15"
   },
   "devDependencies": {
-    "@astrojs/cloudflare": "^12.6.13",
-    "@astrojs/react": "^4.4.2",
     "@playwright/test": "~1.51.0",
     "@storybook/react-vite": "^10.4.1",
     "@testing-library/dom": "^10.4.1",
@@ -68,6 +65,7 @@
     "@wix/babel-cli": "^1.20.0",
     "@wix/cli": "^1.1.263",
     "@wix/fed-cli-oxlint": "^1.0.6",
+    "@wix/fed-cli-plugin": "^1.0.1",
     "@wix/fed-cli-sled": "^1.0.39",
     "@wix/fed-cli-vitest": "^1.0.17",
     "@wix/sdk-types": "^1.17.12",
@@ -107,5 +105,5 @@
       ]
     }
   },
-  "falconPackageHash": "73a13614655772a35d6ba4504e8b482546dd4968a12fcce2e8639291"
+  "falconPackageHash": "f7cbb1a371e2cf95ed5d98f90c5b03a83a61066975f1085ba9dd6692"
 }