@wix/editor-react-components 1.2761.0 → 1.2763.0

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

@@ -1,61 +1,57 @@
-const DEFAULT_ANIMATION_DURATION = 0.2;
-const AnimatedSvgIds = {
-  animatedSvg: "animatedSvg",
-  animatedTagPath: "animatedPath",
-  animateTagForward: "animateForward",
-  animateTagBackward: "animateBackward"
+const classes = {
+  tabs: "tabs",
+  tabMenu: "tab-menu",
+  tabMenuItemsWrapper: "tab-menu-items-wrapper",
+  tabMenuItems: "tab-menu-items",
+  menuItem: "menu-item",
+  scrollButton: "scroll-button",
+  tabContentContainer: "tab-content-container",
+  tabContentItem: "tab-content-item"
 };
-var AnimationDirection = /* @__PURE__ */ ((AnimationDirection2) => {
-  AnimationDirection2["FORWARD"] = "Forward";
-  AnimationDirection2["BACKWARD"] = "Backward";
-  return AnimationDirection2;
-})(AnimationDirection || {});
-const AnimatedDataAttributes = {
-  [
-    "Forward"
-    /* FORWARD */
-  ]: "data-animated-end-path",
-  [
-    "Backward"
-    /* BACKWARD */
-  ]: "data-animated-start-path"
-};
-const TestIds = {
-  animatedSvg: "animated-svg",
-  animateTagForward: "animate-tag-forward",
-  animateTagBackward: "animate-tag-backward"
+const OVERFLOW_BEHAVIOR = {
+  WRAP: "wrap"
 };
 const DesignStates = {
-  root: {
-    hover: { displayName: "Hover", className: "animated-icon--hover" },
-    disabled: { displayName: "Disabled", className: "animated-icon--disabled" },
-    selected: { displayName: "Selected", className: "animated-icon--selected" }
-  }
-};
-const DisplayNames = {
-  root: {
-    elementDisplayName: "Animated Icon",
-    customActions: {
-      animatedIcon: {
-        displayName: "Icon"
-      }
-    },
-    data: {
-      duration: "Duration"
-    },
-    cssCustomProperties: {
-      size: "Size",
-      fill: "Color",
-      rotation: "Rotation"
-    }
+  menuItem: {
+    hover: { displayName: "Hover", className: "tabs__item--hover" },
+    selected: { displayName: "Selected", className: "tabs__item--selected" }
   }
 };
+const ROOT_MENU_ITEM_CUSTOM_PROPERTIES = [
+  "menu-item-background",
+  "menu-item-box-shadow",
+  "menu-item-color",
+  "menu-item-text-decoration-line",
+  "menu-item-letter-spacing",
+  "menu-item-text-shadow",
+  "menu-item-text-align",
+  "menu-item-flex",
+  "menu-item-border-width-top",
+  "menu-item-border-width-bottom",
+  "menu-item-border-width-inline-start",
+  "menu-item-border-width-inline-end",
+  "menu-item-border-style-top",
+  "menu-item-border-style-bottom",
+  "menu-item-border-style-inline-start",
+  "menu-item-border-style-inline-end",
+  "menu-item-border-color-top",
+  "menu-item-border-color-bottom",
+  "menu-item-border-color-inline-start",
+  "menu-item-border-color-inline-end",
+  "menu-item-border-radius-start-start",
+  "menu-item-border-radius-start-end",
+  "menu-item-border-radius-end-start",
+  "menu-item-border-radius-end-end",
+  "menu-item-padding-top",
+  "menu-item-padding-bottom",
+  "menu-item-padding-inline-start",
+  "menu-item-padding-inline-end"
+];
+const ROOT_MENU_ITEM_CSS_PROPERTIES = ["font"];
 export {
-  AnimatedSvgIds as A,
-  DEFAULT_ANIMATION_DURATION as D,
-  TestIds as T,
-  AnimatedDataAttributes as a,
-  AnimationDirection as b,
-  DesignStates as c,
-  DisplayNames as d
+  DesignStates as D,
+  OVERFLOW_BEHAVIOR as O,
+  ROOT_MENU_ITEM_CSS_PROPERTIES as R,
+  ROOT_MENU_ITEM_CUSTOM_PROPERTIES as a,
+  classes as c
 };

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

@@ -1,57 +1,60 @@
-const classes = {
-  tabs: "tabs",
-  tabMenu: "tab-menu",
-  tabMenuItemsWrapper: "tab-menu-items-wrapper",
-  tabMenuItems: "tab-menu-items",
-  menuItem: "menu-item",
-  scrollButton: "scroll-button",
-  tabContentContainer: "tab-content-container",
-  tabContentItem: "tab-content-item"
+const COMPONENT_TYPE = "wixEditorElements.Button";
+const TestIds = {
+  buttonContent: "buttonContent",
+  buttonLabel: "stylablebutton-label"
 };
-const OVERFLOW_BEHAVIOR = {
-  WRAP: "wrap"
+const TRANSITION_DURATION = 400;
+const DEFAULT_ICON_POSITION = "row-reverse";
+const SEMANTIC_CLASS_NAMES = {
+  root: "button",
+  buttonLabel: "button__label"
 };
 const DesignStates = {
-  menuItem: {
-    hover: { displayName: "Hover", className: "tabs__item--hover" },
-    selected: { displayName: "Selected", className: "tabs__item--selected" }
+  root: {
+    hover: { displayName: "Hover", className: "button--hover" },
+    disabled: { displayName: "Disabled", className: "button--disabled" }
+  },
+  label: {
+    hover: { displayName: "Hover", className: "button__label--hover" },
+    disabled: { displayName: "Disabled", className: "button__label--disabled" }
+  }
+};
+const DisplayNames = {
+  root: {
+    elementDisplayName: "Button",
+    data: {
+      disabled: "Disabled"
+    },
+    cssProperties: {
+      gap: "Space between text and icon"
+    },
+    cssCustomProperties: {
+      "content-horizontal-alignment": "Alignment",
+      "icon-position": "Icon position"
+    },
+    presets: {
+      baseButton: "Base Button"
+    },
+    iconPosition: {
+      beforeText: "Before text",
+      afterText: "After text",
+      belowText: "Below text",
+      aboveText: "Above text"
+    }
+  },
+  label: {
+    elementDisplayName: "Text",
+    cssProperties: {
+      font: "Typography"
+    }
   }
 };
-const ROOT_MENU_ITEM_CUSTOM_PROPERTIES = [
-  "menu-item-background",
-  "menu-item-box-shadow",
-  "menu-item-color",
-  "menu-item-text-decoration-line",
-  "menu-item-letter-spacing",
-  "menu-item-text-shadow",
-  "menu-item-text-align",
-  "menu-item-flex",
-  "menu-item-border-width-top",
-  "menu-item-border-width-bottom",
-  "menu-item-border-width-inline-start",
-  "menu-item-border-width-inline-end",
-  "menu-item-border-style-top",
-  "menu-item-border-style-bottom",
-  "menu-item-border-style-inline-start",
-  "menu-item-border-style-inline-end",
-  "menu-item-border-color-top",
-  "menu-item-border-color-bottom",
-  "menu-item-border-color-inline-start",
-  "menu-item-border-color-inline-end",
-  "menu-item-border-radius-start-start",
-  "menu-item-border-radius-start-end",
-  "menu-item-border-radius-end-start",
-  "menu-item-border-radius-end-end",
-  "menu-item-padding-top",
-  "menu-item-padding-bottom",
-  "menu-item-padding-inline-start",
-  "menu-item-padding-inline-end"
-];
-const ROOT_MENU_ITEM_CSS_PROPERTIES = ["font"];
 export {
+  COMPONENT_TYPE as C,
   DesignStates as D,
-  OVERFLOW_BEHAVIOR as O,
-  ROOT_MENU_ITEM_CSS_PROPERTIES as R,
-  ROOT_MENU_ITEM_CUSTOM_PROPERTIES as a,
-  classes as c
+  SEMANTIC_CLASS_NAMES as S,
+  TRANSITION_DURATION as T,
+  TestIds as a,
+  DisplayNames as b,
+  DEFAULT_ICON_POSITION as c
 };

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

@@ -1,60 +1,327 @@
-const COMPONENT_TYPE = "wixEditorElements.Button";
+import { C as CSS_PROPERTIES } from "./chunk-EVX7ZUBD.js";
+var PagesToShare = /* @__PURE__ */ ((PagesToShare2) => {
+  PagesToShare2["home"] = "home";
+  PagesToShare2["current"] = "current";
+  return PagesToShare2;
+})(PagesToShare || {});
+const componentName = "ShareButtons";
+const shareButtonsBaseId = `wixui_${componentName}`;
+const platformIds = {
+  facebook: `${shareButtonsBaseId}_facebook`,
+  twitter: `${shareButtonsBaseId}_twitter`,
+  linkedin: `${shareButtonsBaseId}_linkedin`,
+  pinterest: `${shareButtonsBaseId}_pinterest`,
+  whatsapp: `${shareButtonsBaseId}_whatsapp`,
+  copyButton: `${shareButtonsBaseId}_copyButton`
+};
+const valueToPlatformId = {
+  "Shares on Facebook": platformIds.facebook,
+  "Shares on Twitter": platformIds.twitter,
+  "Shares on X (Twitter)": platformIds.twitter,
+  "Shares on Whatsapp": platformIds.whatsapp,
+  "Shares on WhatsApp": platformIds.whatsapp,
+  "Shares on LinkedIn": platformIds.linkedin,
+  "Shares on Pinterest": platformIds.pinterest,
+  "Copies Link": platformIds.copyButton
+};
+const shareUrlPrefixes = {
+  [platformIds.facebook]: "https://facebook.com/sharer/sharer.php?u=",
+  [platformIds.twitter]: "https://twitter.com/intent/tweet?url=",
+  [platformIds.linkedin]: "https://www.linkedin.com/shareArticle?mini=true&url=",
+  [platformIds.pinterest]: "https://pinterest.com/pin/create/button/?url=",
+  [platformIds.whatsapp]: "https://api.whatsapp.com/send/?phone&text=",
+  [platformIds.copyButton]: ""
+};
+const noButtonsErrorMessage = "ShareButtons: `buttons` prop must contain at least one button.";
+const defaultRootAriaLabel = "Share Buttons";
+const sharerData = {
+  name: "wix_share_button",
+  params: "width = 635, height = 346"
+};
+const COPY_CONFIRMATION_TIMEOUT = 5e3;
+const TOOLTIP_SUCCESS_TEXT = "Link Copied";
+const TOOLTIP_FAILED_TEXT = "Failed to copy link";
+const linkCopiedTranslationKey = "wixui_ShareButtons_toast_link_copied";
+const linkCopiedFailedTranslationKey = "wixui_ShareButtons_toast_link_copied_failed";
+const HAS_CUSTOM_FOCUS_CLASSNAME = "has-custom-focus";
 const TestIds = {
-  buttonContent: "buttonContent",
-  buttonLabel: "stylablebutton-label"
+  buttonsContainer: `${shareButtonsBaseId}-buttonsContainer`
+};
+const TranslationKeys = {
+  ariaLabel: "ShareButtons_AriaLabel"
+};
+const translationKeys = [
+  "wixui_ShareButtons_toast_link_copied",
+  "wixui_ShareButtons_manage_copy_link_default_text",
+  "ShareButtons_AriaLabel"
+];
+const dataHooks = {
+  presetWrapper: "share-buttons-preset-wrapper"
+};
+const DisplayNames = {
+  elementDisplayName: "Share Buttons",
+  presets: {
+    horizontal: "Horizontal",
+    vertical: "Vertical"
+  },
+  cssCustomProperties: {
+    "buttons-spacing": "Space between buttons",
+    "rows-spacing": "Space between rows",
+    "button-width": "Button width"
+  },
+  data: {
+    pageToShare: "What page is shared?",
+    buttons: {
+      displayName: "Buttons",
+      items: {
+        label: "Label",
+        description: "Description",
+        value: "Value",
+        disabled: "Disabled",
+        isDefault: "Is Default",
+        unavailable: "Unavailable",
+        platformId: "Platform ID",
+        illustration: "Illustration",
+        isHidden: "Is Hidden"
+      }
+    }
+  },
+  button: {
+    elementDisplayName: "Buttons",
+    cssCustomProperties: {
+      "icon-text-spacing": "Space between text and icons",
+      "icon-position": "Icon position"
+    }
+  },
+  label: {
+    elementDisplayName: "Text"
+  },
+  icon: {
+    elementDisplayName: "Icons",
+    cssCustomProperties: {
+      "icon-size": "Size"
+    }
+  },
+  customActions: {
+    format: {
+      displayName: "Change Orientation"
+    },
+    manage: {
+      displayName: "Manage Share Buttons"
+    }
+  }
+};
+const elementKeys = {
+  button: "button",
+  label: "label",
+  icon: "icon"
 };
-const TRANSITION_DURATION = 400;
-const DEFAULT_ICON_POSITION = "row-reverse";
-const SEMANTIC_CLASS_NAMES = {
-  root: "button",
-  buttonLabel: "button__label"
+const StaticDisplayFilters = {
+  data: { hide: ["buttons"] },
+  elements: { hide: [elementKeys.label, elementKeys.icon] }
 };
 const DesignStates = {
-  root: {
-    hover: { displayName: "Hover", className: "button--hover" },
-    disabled: { displayName: "Disabled", className: "button--disabled" }
+  button: {
+    hover: { displayName: "Hover", className: "share-buttons__button--hover" }
   },
   label: {
-    hover: { displayName: "Hover", className: "button__label--hover" },
-    disabled: { displayName: "Disabled", className: "button__label--disabled" }
+    hover: { displayName: "Hover", className: "share-buttons__label--hover" }
+  },
+  icon: {
+    hover: { displayName: "Hover", className: "share-buttons__icon--hover" }
   }
 };
-const DisplayNames = {
-  root: {
-    elementDisplayName: "Button",
-    data: {
-      disabled: "Disabled"
+const DefaultValues = {
+  buttonsSpacing: "10px",
+  rowsSpacing: "10px",
+  align: "center",
+  buttonWidth: "fit-content",
+  iconTextSpacing: "10px",
+  iconPosition: "row",
+  contentAlignment: "start",
+  pageToShare: "home",
+  horizontalPresetWidth: 400
+};
+const ButtonWidthOptions = [
+  {
+    value: "fit-content",
+    displayName: "Fit to text"
+  },
+  {
+    value: "100%",
+    displayName: "Equal"
+  }
+];
+const ColumnFlexDirectionAppliedStyles = [
+  {
+    property: "--align-items-value",
+    value: "var(--horizontal-alignment)"
+  },
+  {
+    property: "--justify-content-value",
+    value: "center"
+  }
+];
+const RowFlexDirectionAppliedStyles = [
+  {
+    property: "--justify-content-value",
+    value: "var(--horizontal-alignment)"
+  },
+  {
+    property: "--align-items-value",
+    value: "center"
+  }
+];
+const IconPositionOptions = [
+  {
+    value: "row",
+    displayName: "Before text",
+    appliedStyles: RowFlexDirectionAppliedStyles
+  },
+  {
+    value: "row-reverse",
+    displayName: "After text",
+    appliedStyles: RowFlexDirectionAppliedStyles
+  },
+  {
+    value: "column-reverse",
+    displayName: "Below text",
+    appliedStyles: ColumnFlexDirectionAppliedStyles
+  },
+  {
+    value: "column",
+    displayName: "Above text",
+    appliedStyles: ColumnFlexDirectionAppliedStyles
+  }
+];
+const PageToShareOptions = [
+  { value: "home", displayName: "Homepage" },
+  { value: "current", displayName: "Current page" }
+];
+const DefaultButtons = [
+  {
+    unavailable: false,
+    label: "Facebook",
+    description: "Shares on Facebook",
+    isHidden: false,
+    platformId: "wixui_ShareButtons_facebook",
+    illustration: {
+      type: "Builder.VectorArt",
+      uri: "11062b_30fe5729438347de94ad9836fa5e803e.svg"
     },
-    cssProperties: {
-      gap: "Space between text and icon"
+    disabled: false,
+    type: "IShareButton",
+    value: "wixui_ShareButtons_manage_facebook_share_address",
+    isDefault: false
+  },
+  {
+    unavailable: false,
+    label: "X",
+    description: "Shares on X",
+    isHidden: false,
+    platformId: "wixui_ShareButtons_twitter",
+    illustration: {
+      type: "Builder.VectorArt",
+      uri: "11062b_2a5163bb94b641168e0a22e56b23e8d4.svg"
     },
-    cssCustomProperties: {
-      "content-horizontal-alignment": "Alignment",
-      "icon-position": "Icon position"
+    disabled: false,
+    type: "IShareButton",
+    value: "wixui_ShareButtons_manage_twitter_share_address",
+    isDefault: false
+  },
+  {
+    unavailable: false,
+    label: "WhatsApp",
+    description: "Shares on WhatsApp",
+    isHidden: false,
+    platformId: "wixui_ShareButtons_whatsapp",
+    illustration: {
+      type: "Builder.VectorArt",
+      uri: "11062b_65971442c3364e5c9d0e5d430674994b.svg"
+    },
+    disabled: false,
+    type: "IShareButton",
+    value: "wixui_ShareButtons_manage_whatsapp_share_address",
+    isDefault: false
+  },
+  {
+    unavailable: false,
+    label: "LinkedIn",
+    description: "Shares on LinkedIn",
+    isHidden: false,
+    platformId: "wixui_ShareButtons_linkedin",
+    illustration: {
+      type: "Builder.VectorArt",
+      uri: "11062b_8cf74ad49bb74f728899d6b43e02e4c0.svg"
     },
-    presets: {
-      baseButton: "Base Button"
+    disabled: false,
+    type: "IShareButton",
+    value: "wixui_ShareButtons_manage_linkedin_share_address",
+    isDefault: false
+  },
+  {
+    unavailable: false,
+    label: "Pinterest",
+    description: "Shares on Pinterest",
+    isHidden: false,
+    platformId: "wixui_ShareButtons_pinterest",
+    illustration: {
+      type: "Builder.VectorArt",
+      uri: "11062b_04de07b936da4bffbe6c9d2daaffeceb.svg"
     },
-    iconPosition: {
-      beforeText: "Before text",
-      afterText: "After text",
-      belowText: "Below text",
-      aboveText: "Above text"
-    }
+    disabled: false,
+    type: "IShareButton",
+    value: "wixui_ShareButtons_manage_pinterest_share_address",
+    isDefault: false
   },
-  label: {
-    elementDisplayName: "Text",
-    cssProperties: {
-      font: "Typography"
-    }
+  {
+    unavailable: false,
+    label: "Copy link",
+    description: "Copies link",
+    isHidden: false,
+    platformId: "wixui_ShareButtons_copyButton",
+    illustration: {
+      type: "Builder.VectorArt",
+      uri: "11062b_c5c2820390524c06b5aa2793b0eb464d.svg"
+    },
+    disabled: false,
+    type: "IShareButton",
+    value: "wixui_ShareButtons_manage_copy_link_share_address",
+    isDefault: false
   }
+];
+const DisplayConfig = {
+  displayValues: [
+    CSS_PROPERTIES.DISPLAY_VALUE.none,
+    CSS_PROPERTIES.DISPLAY_VALUE.inline_block
+  ]
 };
 export {
-  COMPONENT_TYPE as C,
-  DesignStates as D,
-  SEMANTIC_CLASS_NAMES as S,
-  TRANSITION_DURATION as T,
-  TestIds as a,
-  DisplayNames as b,
-  DEFAULT_ICON_POSITION as c
+  ButtonWidthOptions as B,
+  COPY_CONFIRMATION_TIMEOUT as C,
+  DefaultValues as D,
+  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,
+  defaultRootAriaLabel as c,
+  dataHooks as d,
+  TestIds as e,
+  TranslationKeys as f,
+  shareUrlPrefixes as g,
+  elementKeys as h,
+  DesignStates as i,
+  DisplayNames as j,
+  DisplayConfig as k,
+  linkCopiedFailedTranslationKey as l,
+  PageToShareOptions as m,
+  noButtonsErrorMessage as n,
+  DefaultButtons as o,
+  platformIds as p,
+  sharerData as s,
+  translationKeys as t,
+  valueToPlatformId as v
 };