@wix/editor-react-components 1.2562.0 → 1.2564.0

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

@@ -2,16 +2,20 @@ import { VectorArt, A11y, Direction } from '@wix/editor-react-types';
 import { ReactNode } from 'react';
 import { PagesToShare } from './constants';
 import { SdkFunctionMouseHoverProps } from '../../../utils/functions/sdkFunctionCallbackProps';
+export type ShareButtonInlineElementProps = {
+    className?: string;
+};
 export type ShareButtonElementProps = {
-    button?: {
-        className?: string;
-    };
-    label?: {
-        className?: string;
-    };
-    icon?: {
-        className?: string;
+    button?: ShareButtonInlineElementProps & {
+        elementProps?: {
+            label?: ShareButtonInlineElementProps;
+            icon?: ShareButtonInlineElementProps;
+        };
     };
+    /** @deprecated Replaced by `button.elementProps.label`. Kept so existing sites keep resolving their persisted overrides. */
+    label?: ShareButtonInlineElementProps;
+    /** @deprecated Replaced by `button.elementProps.icon`. Kept so existing sites keep resolving their persisted overrides. */
+    icon?: ShareButtonInlineElementProps;
 };
 export type ShareButtonsProps = Partial<any> & SdkFunctionMouseHoverProps & {
     onClick?: () => void;

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

@@ -302,18 +302,21 @@ const ShareButton = ({
   translations,
   elementProps
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e, _f;
+  const buttonElementProps = (_a = elementProps == null ? void 0 : elementProps.button) == null ? void 0 : _a.elementProps;
   const iconClassName = clsx(
     shareButtonStyles.icon,
     "icon",
-    (_a = elementProps == null ? void 0 : elementProps.icon) == null ? void 0 : _a.className
+    (_b = elementProps == null ? void 0 : elementProps.icon) == null ? void 0 : _b.className,
+    (_c = buttonElementProps == null ? void 0 : buttonElementProps.icon) == null ? void 0 : _c.className
   );
   const labelClassName = clsx(
     shareButtonStyles.label,
     "label",
-    (_b = elementProps == null ? void 0 : elementProps.label) == null ? void 0 : _b.className
+    (_d = elementProps == null ? void 0 : elementProps.label) == null ? void 0 : _d.className,
+    (_e = buttonElementProps == null ? void 0 : buttonElementProps.label) == null ? void 0 : _e.className
   );
-  const buttonClassName = (_c = elementProps == null ? void 0 : elementProps.button) == null ? void 0 : _c.className;
+  const buttonClassName = (_f = elementProps == null ? void 0 : elementProps.button) == null ? void 0 : _f.className;
   const platformIdWithFallback = getPlatformIdWithFallback(platformId, value);
   const translatedCopyLinkLabel = translations == null ? void 0 : translations[label2];
   const buttonLabel = platformIdWithFallback === platformIds.copyButton && translatedCopyLinkLabel ? translatedCopyLinkLabel : label2;

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

@@ -97,6 +97,19 @@ export declare const DisplayNames: {
         };
     };
 };
+export declare const elementKeys: {
+    readonly button: "button";
+    readonly label: "label";
+    readonly icon: "icon";
+};
+export declare const StaticDisplayFilters: {
+    data: {
+        hide: string[];
+    };
+    elements: {
+        hide: ("label" | "icon")[];
+    };
+};
 export declare const DesignStates: {
     readonly button: {
         readonly hover: {

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

@@ -1,5 +1,5 @@
-import { N as NativeStateType, C as CSS_PROPERTIES, E as ELEMENTS, a as ACTIONS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-IO6HLVLV.js";
-import { h as DesignStates, i as DisplayNames, j as DisplayConfig, D as DefaultValues, I as IconPositionOptions, k as PageToShareOptions, m as DefaultButtons, B as ButtonWidthOptions } from "../chunks/constants22.js";
+import { C as CSS_PROPERTIES, N as NativeStateType, E as ELEMENTS, a as ACTIONS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-IO6HLVLV.js";
+import { h as elementKeys, i as DesignStates, j as DisplayNames, k as DisplayConfig, D as DefaultValues, I as IconPositionOptions, S as StaticDisplayFilters, m as PageToShareOptions, o as DefaultButtons, B as ButtonWidthOptions } from "../chunks/constants22.js";
 import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
@@ -7,6 +7,26 @@ const presets = {
   horizontal: "horizontal",
   vertical: "vertical"
 };
+const textPartCssProperties = {
+  font: {},
+  color: {},
+  letterSpacing: {
+    defaultValue: "0em"
+  },
+  textDecorationLine: {
+    statesDefaultValues: { hover: "underline" }
+  },
+  textTransform: {}
+};
+const iconPartCssCustomProperties = {
+  "icon-size": {
+    displayName: DisplayNames.icon.cssCustomProperties["icon-size"],
+    cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.length
+  },
+  "icon-rotation": {
+    cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.angle
+  }
+};
 const manifest = {
   id: "b1e2c3d4-5f6a-7b8c-9d0e-1f2a3b4c5d6e",
   type: "wixEditorElements.ShareButtons",
@@ -226,12 +246,10 @@ const manifest = {
       }
     },
     displayFilters: {
-      data: {
-        hide: ["buttons"]
-      }
+      ...StaticDisplayFilters
     },
     elements: {
-      button: {
+      [elementKeys.button]: {
         elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
         inlineElement: {
           displayName: DisplayNames.button.elementDisplayName,
@@ -276,10 +294,65 @@ const manifest = {
               className: DesignStates.button.hover.className,
               pseudoClass: NativeStateType.hover
             })
+          },
+          elements: {
+            [elementKeys.label]: {
+              elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+              inlineElement: {
+                displayName: DisplayNames.label.elementDisplayName,
+                selector: ".button .label",
+                behaviors: {
+                  removable: true,
+                  selectable: false
+                },
+                cssProperties: {
+                  display: {
+                    display: DisplayConfig
+                  },
+                  ...textPartCssProperties
+                },
+                states: {
+                  hover: withSpec({
+                    spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+                    displayName: DesignStates.label.hover.displayName,
+                    className: DesignStates.label.hover.className,
+                    pseudoClass: NativeStateType.hover
+                  })
+                }
+              }
+            },
+            [elementKeys.icon]: {
+              elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+              inlineElement: {
+                displayName: DisplayNames.icon.elementDisplayName,
+                selector: ".button .icon",
+                behaviors: {
+                  removable: true,
+                  selectable: false
+                },
+                cssProperties: {
+                  display: {
+                    display: DisplayConfig
+                  }
+                },
+                cssCustomProperties: {
+                  ...iconPartCssCustomProperties
+                },
+                states: {
+                  hover: withSpec({
+                    spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+                    displayName: DesignStates.icon.hover.displayName,
+                    className: DesignStates.icon.hover.className,
+                    pseudoClass: NativeStateType.hover
+                  })
+                }
+              }
+            }
           }
         }
       },
-      label: {
+      // Deprecated: replaced by the nested button.elements.label part. Kept so existing sites keep resolving their persisted overrides.
+      [elementKeys.label]: {
         elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
         inlineElement: {
           displayName: DisplayNames.label.elementDisplayName,
@@ -293,15 +366,7 @@ const manifest = {
               defaultValue: "inline-block",
               display: DisplayConfig
             },
-            font: {},
-            color: {},
-            letterSpacing: {
-              defaultValue: "0em"
-            },
-            textDecorationLine: {
-              statesDefaultValues: { hover: "underline" }
-            },
-            textTransform: {}
+            ...textPartCssProperties
           },
           states: {
             hover: withSpec({
@@ -313,7 +378,8 @@ const manifest = {
           }
         }
       },
-      icon: {
+      // Deprecated: replaced by the nested button.elements.icon part. Kept so existing sites keep resolving their persisted overrides.
+      [elementKeys.icon]: {
         elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
         inlineElement: {
           displayName: DisplayNames.icon.elementDisplayName,
@@ -329,13 +395,7 @@ const manifest = {
             }
           },
           cssCustomProperties: {
-            "icon-size": {
-              displayName: DisplayNames.icon.cssCustomProperties["icon-size"],
-              cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.length
-            },
-            "icon-rotation": {
-              cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.angle
-            }
+            ...iconPartCssCustomProperties
           },
           states: {
             hover: withSpec({

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

@@ -111,6 +111,15 @@ const DisplayNames = {
     }
   }
 };
+const elementKeys = {
+  button: "button",
+  label: "label",
+  icon: "icon"
+};
+const StaticDisplayFilters = {
+  data: { hide: ["buttons"] },
+  elements: { hide: [elementKeys.label, elementKeys.icon] }
+};
 const DesignStates = {
   button: {
     hover: { displayName: "Hover", className: "share-buttons__button--hover" }
@@ -294,6 +303,7 @@ export {
   HAS_CUSTOM_FOCUS_CLASSNAME as H,
   IconPositionOptions as I,
   PagesToShare as P,
+  StaticDisplayFilters as S,
   TOOLTIP_SUCCESS_TEXT as T,
   TOOLTIP_FAILED_TEXT as a,
   linkCopiedTranslationKey as b,
@@ -302,13 +312,14 @@ export {
   TestIds as e,
   TranslationKeys as f,
   shareUrlPrefixes as g,
-  DesignStates as h,
-  DisplayNames as i,
-  DisplayConfig as j,
-  PageToShareOptions as k,
+  elementKeys as h,
+  DesignStates as i,
+  DisplayNames as j,
+  DisplayConfig as k,
   linkCopiedFailedTranslationKey as l,
-  DefaultButtons as m,
+  PageToShareOptions as m,
   noButtonsErrorMessage as n,
+  DefaultButtons as o,
   platformIds as p,
   sharerData as s,
   translationKeys as t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2562.0",
+  "version": "1.2564.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -84,7 +84,7 @@
     "@wix/site-service-business-logger": "^1.0.0",
     "@wix/site-service-configuration": "^1.0.1",
     "@wix/site-service-rendering-context": "^1.0.1",
-    "@wix/site-ui": "1.238.0",
+    "@wix/site-ui": "1.240.0",
     "@wix/video": "^1.106.0",
     "@wix/viewer-service-consent-policy": "^1.0.101",
     "@wix/web-bi-logger": "^2.1.29",
@@ -199,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "d51825f08663affd8594dfcbc2ab6aec0ae82de3b9871fbbe1f92ace"
+  "falconPackageHash": "7856aad79fc45322b5fdae0379972b8f3892236d0603869540f54bde"
 }