@wix/editor-react-components 1.2640.0 → 1.2642.0

package/dist/site/components/SlotsPlaceholder/component.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { useService } from "@wix/services-manager-react";
 import * as React from "react";
 const Plugin = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M19.35 9.16a.48.48 0 00-.7 0l-3.16 3.16-3.82-3.82 3.13-3.13a.502.502 0 10-.71-.71L11 7.79 9 5.85l-1 1-1.61 1.64a6.442 6.442 0 009.11 9.11l2.63-2.6-1.94-2 3.16-3.16a.5.5 0 000-.68zM7.09 16.89a5.45 5.45 0 010-7.68l7.7 7.69a5.45 5.45 0 01-7.7-.01zm9.34-1.63l-.94.94-7.7-7.7L9 7.27l7.7 7.7-.27.29z" }));

package/dist/site/components/Tabs/component.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../chunks/clsx.js";
 import { O as OVERFLOW_BEHAVIOR, c as classes } from "../chunks/constants20.js";
 import { d as debounce } from "../chunks/performanceUtils.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { H as HAS_CUSTOM_FOCUS_CLASSNAME } from "../chunks/a11y.js";
 const tabs = "tabs__xLDfA";
 const tabMenu = "tab-menu__LMnG9";

package/dist/site/components/TextBox/component.js

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { F as Field, T as Tooltip, I as Input_Input_Input } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";

package/dist/site/components/TextInput/component.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { createContext, useState, useRef, useCallback, Component, createElement, Suspense, useContext } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { b as getAccessibilityAttributes, H as HAS_CUSTOM_FOCUS_CLASSNAME } from "../chunks/a11y.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
@@ -220,6 +220,9 @@ class IconContentFetcher {
     if (this.pendingRequests.has(cacheKey)) {
       throw this.pendingRequests.get(cacheKey);
     }
+    if (typeof fetch !== "function") {
+      return "";
+    }
     const url = `https://static.parastorage.com/services/wix-ui-icons-common/dist/icons/${theme}/${category}/${name}.${hash}.json`;
     const request = fetch(url, {
       signal: createTimeoutSignal(ABORT_SIGNAL_TIMEOUT)

package/dist/site/components/TextMarquee/component.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { L as Link } from "../chunks/Link.js";

package/dist/site/components/TimePicker/component.js

@@ -6,7 +6,7 @@ import { $ as $58246871e4652552$export$c9698ec7f05a07e1, a as $40825cdb76e74f70$
 import { $ as $4e3b923658d69c60$export$8c610744efcf8a1d, a as $4e3b923658d69c60$export$28c660c63b792dea, b as $514c0188e459b4c0$export$5f1af8db9871e1d6, c as $ee014567cb39d3f0$export$f551688fc98f2e09 } from "../chunks/Tooltip.js";
 import { $ as $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 } from "../chunks/filterDOMProps.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
 import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { g as getTranslation } from "../chunks/getTranslation.js";

package/dist/site/components/TransparentVideo/component.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useRef, useState, useEffect, useMemo, useCallback } from "react";
-import { p as parse } from "../chunks/index4.js";
+import { p as parse } from "../chunks/index.js";
 import { F as FilterEffectType, V as VideoStartType, a as VideoEndType, b as VideoPlayingState } from "../chunks/TransparentVideo.types.js";
 import "../chunks/index5.js";
 import { c as clsx } from "../chunks/clsx.js";

package/dist/site/components/VideoUpload/component.js

@@ -4,8 +4,8 @@ import { c as clsx } from "../chunks/clsx.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { V as Video } from "../chunks/Video.js";
 import { useService } from "@wix/services-manager-react";
-import { E as EnvironmentDefinition } from "../chunks/index2.js";
-import { R as RenderingContextDefinition } from "../chunks/index3.js";
+import { E as EnvironmentDefinition } from "../chunks/index3.js";
+import { R as RenderingContextDefinition } from "../chunks/index4.js";
 const semanticClassNames = {
   root: "video-upload",
   title: "video-upload__title"

package/dist/site/components/WRichText/WRichText.types.d.ts

@@ -3,6 +3,7 @@ import { ScreenReaderSDKProps, AriaAttributesSDKProps, LangSDKProps } from '../.
 import { IElementPropsSDKActions } from '../../../common/sdk/props-factories/elementPropsSDKFactory';
 import { IClickPropsSDKActions } from '../../../common/sdk/props-factories/clickPropsSDKFactory';
 import { default as React } from 'react';
+import { Link } from '@wix/editor-react-types';
 type BooleanString = 'true' | 'false';
 type A11yRole = 'region' | 'group' | 'none' | 'status' | 'alert' | 'nav';
 type AriaLive = 'polite' | 'assertive';
@@ -21,6 +22,7 @@ type WRichTextProps = {
     html: string;
     skin: WRichTextSkin;
     a11y?: StyledTextA11yProps;
+    link?: Link;
 };
 type ListMarkersInRtlExperiment = {
     isListInRtlEnabled: boolean;

package/dist/site/components/WRichText/component.js

@@ -6,7 +6,9 @@ import { f as formatClassNames } from "../chunks/classNames.js";
 import { g as getQaDataAttributes, a as getDataAttributes } from "../chunks/dataUtils.js";
 import { a as activateBySpaceOrEnterButton, g as getAccessibilityAttributesSpread } from "../chunks/a11y.js";
 import { p as parseHtml } from "../chunks/parseHtml.js";
+import { i as isValidLink, L as Link } from "../chunks/Link.js";
 import { T as TestIds } from "../chunks/constants.js";
+import { l as libExports } from "../chunks/index.js";
 const semanticClassNames = {
   root: "rich-text"
 };
@@ -24,6 +26,7 @@ const wRichTextClickableSkin = "WRichTextClickableSkin__uOAlS";
 const WRichTextThemeSkin = "WRichTextThemeSkin__MmVol";
 const wRichTextThemeSkin = "WRichTextThemeSkin__MmVol";
 const listDirectionSpec = "list-direction-spec__FK8Gl";
+const componentLink = "componentLink__TMksE";
 const skinsStyle = {
   clickable,
   srOnly,
@@ -39,7 +42,8 @@ const skinsStyle = {
   WRichTextThemeSkin,
   wRichTextThemeSkin,
   "list-direction-spec": "list-direction-spec__FK8Gl",
-  listDirectionSpec
+  listDirectionSpec,
+  componentLink
 };
 function usePopupLinkEvents(htmlWrapperRef, deps = []) {
   const trackedLinkElementsRef = useRef([]);
@@ -64,6 +68,28 @@ function usePopupLinkEvents(htmlWrapperRef, deps = []) {
     return clearPopupLinkListeners;
   }, deps);
 }
+const LINK_BEHAVIOUR_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "href",
+  "target",
+  "rel",
+  "data-popupid",
+  "data-anchor",
+  "data-anchor-comp-id"
+]);
+const demoteInlineAnchors = {
+  replace: (domNode) => {
+    if (domNode.type !== "tag" || domNode.name !== "a") {
+      return void 0;
+    }
+    const anchor = domNode;
+    const keptAttributes = Object.fromEntries(
+      Object.entries(anchor.attribs).filter(
+        ([name]) => !LINK_BEHAVIOUR_ATTRIBUTES.has(name)
+      )
+    );
+    return /* @__PURE__ */ jsx("span", { ...libExports.attributesToProps(keptAttributes, "span"), children: libExports.domToReact(anchor.children, demoteInlineAnchors) });
+  }
+};
 const ScreenReaderAffix = ({
   text,
   testId
@@ -86,12 +112,14 @@ const WRichText$1 = React.forwardRef((props, ref) => {
     isListInRtlEnabled,
     // Should be removed after the specs.thunderbolt.wrichtextListInRtl experiment is open to 100%
     isClassNameToRootEnabled,
-    corvid
+    corvid,
+    link
   } = props;
   const [isInteractive, setIsInteractive] = React.useState(false);
   const { prefix, suffix } = screenReader || {};
   const htmlWrapperRef = React.useRef(null);
-  usePopupLinkEvents(htmlWrapperRef, [html]);
+  const componentLink2 = isValidLink(link) ? link : void 0;
+  usePopupLinkEvents(htmlWrapperRef, [html, Boolean(componentLink2)]);
   const skinsWithContainer = [
     "WRichTextSkin",
     "WRichTextClickableSkin"
@@ -184,7 +212,19 @@ const WRichText$1 = React.forwardRef((props, ref) => {
       testId: TestIds.screenReaderSuffixElement
     }
   );
-  const richTextElement = /* @__PURE__ */ jsx("div", { ...richTextAttributes, children: parseHtml(html) });
+  const parsedHtml = parseHtml(
+    html,
+    componentLink2 ? demoteInlineAnchors : void 0
+  );
+  const richTextElement = /* @__PURE__ */ jsx("div", { ...richTextAttributes, children: componentLink2 ? /* @__PURE__ */ jsx(
+    Link,
+    {
+      ...componentLink2,
+      className: skinsStyle.componentLink,
+      dataTestId: TestIds.componentLink,
+      children: parsedHtml
+    }
+  ) : parsedHtml });
   if (isInContainer) {
     return /* @__PURE__ */ jsxs("div", { ...wrapperAttributes, children: [
       prefixElement,

package/dist/site/components/WRichText/components/demoteInlineAnchors.d.ts

@@ -0,0 +1,2 @@
+import { HTMLReactParserOptions } from 'html-react-parser';
+export declare const demoteInlineAnchors: HTMLReactParserOptions;

package/dist/site/components/WRichText/constants.d.ts

@@ -8,4 +8,5 @@ export declare const TestIds: {
     readonly containerElement: "containerElement";
     readonly screenReaderPrefixElement: "screenReaderPrefixElement";
     readonly screenReaderSuffixElement: "screenReaderSuffixElement";
+    readonly componentLink: "componentLink";
 };

package/dist/site/components/WRichText/css.css

@@ -357,6 +357,23 @@ div) span[style*=color] {
 .list-direction-spec__FK8Gl li {
   margin-inline-start: 1.3em;
   margin-inline-end: 0;
+}
+
+.componentLink__TMksE {
+  display: block;
+  color: inherit;
+  text-decoration: inherit;
+}
+
+@supports (-webkit-appearance: none) and (stroke-color: transparent) {
+  .supportTableDesign__Lc0ts .componentLink__TMksE > * > :first-child {
+    vertical-align: top;
+  }
+}
+@supports (-webkit-touch-callout: none) {
+  .supportTableDesign__Lc0ts .componentLink__TMksE > * > :first-child {
+    vertical-align: top;
+  }
 }.wrichtext__a-BNA {
   word-wrap: break-word;
   overflow-wrap: break-word;

package/dist/site/components/WRichText/manifest.js

@@ -61,6 +61,24 @@ const manifest = {
         dataType: DATA.DATA_TYPE.richText,
         displayName: "Text"
       },
+      // Whole-component link, rendered around the text. No popup links: the
+      // viewer renders it from the resolved href alone.
+      link: {
+        displayName: "Link",
+        dataType: DATA.DATA_TYPE.link,
+        [DATA.DATA_TYPE.link]: {
+          linkTypes: [
+            DATA.LINK_TYPE.pageLink,
+            DATA.LINK_TYPE.dynamicPageLink,
+            DATA.LINK_TYPE.externalLink,
+            DATA.LINK_TYPE.anchorLink,
+            DATA.LINK_TYPE.edgeAnchorLinks,
+            DATA.LINK_TYPE.documentLink,
+            DATA.LINK_TYPE.emailLink,
+            DATA.LINK_TYPE.phoneLink
+          ]
+        }
+      },
       a11y: {
         dataType: DATA.DATA_TYPE.a11y,
         [DATA.DATA_TYPE.a11y]: {

package/dist/site/components/WRichText/sdk.js

@@ -1,6 +1,6 @@
 import { c as createA11ySdk } from "../chunks/a11ySdk.js";
 import { s as sanitizeHTML } from "../chunks/sanitizeHTML.js";
-import { L as LinkUtilsDefinition } from "../chunks/index.js";
+import { L as LinkUtilsDefinition } from "../chunks/index2.js";
 import { w as wixCodeName, a as wixGuard, e as endBlockTagRegex, b as endTagRegex, s as startTagRegex } from "../chunks/constants.js";
 import { i as isNil } from "../chunks/assert.js";
 import { c as createElementPropsSDKFactory } from "../chunks/elementPropsSDKFactory.js";

package/dist/site/components/chunks/Button.js

@@ -12,7 +12,7 @@ import { d as activateByEnterButton, a as activateBySpaceOrEnterButton, r as rem
 import { i as isValidLink } from "./Link.js";
 import { d as defineStaticService } from "./staticService.js";
 import { d as defineService } from "./index8.js";
-import { E as EnvironmentDefinition } from "./index2.js";
+import { E as EnvironmentDefinition } from "./index3.js";
 import { useService } from "@wix/services-manager-react";
 const root = "root__IB9QF";
 const active = "active__lpoVO";

package/dist/site/components/chunks/constants.js

@@ -7,7 +7,8 @@ const TestIds = {
   richTextElement: "richTextElement",
   containerElement: "containerElement",
   screenReaderPrefixElement: "screenReaderPrefixElement",
-  screenReaderSuffixElement: "screenReaderSuffixElement"
+  screenReaderSuffixElement: "screenReaderSuffixElement",
+  componentLink: "componentLink"
 };
 export {
   TestIds as T,