@wix/editor-react-components 1.2762.0 → 1.2764.0

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

@@ -1,327 +1,82 @@
-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 semanticClassNames = {
+  root: "repeater",
+  itemsContainer: "repeater-items-container",
+  item: "repeater-item",
+  emptyState: "repeater-empty-state",
+  emptyStateContent: "repeater-empty-state-content"
 };
-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 FunctionalStateKeys = {
+  empty: "empty"
 };
-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 = {
-  buttonsContainer: `${shareButtonsBaseId}-buttonsContainer`
-};
-const TranslationKeys = {
-  ariaLabel: "ShareButtons_AriaLabel"
+  skeleton: "repeater-skeleton",
+  sentinel: "repeater-sentinel",
+  emptyState: "repeater-empty-state",
+  loadMoreButton: "repeater-load-more-button",
+  liveAnnouncer: "repeater-live-announcer"
 };
-const translationKeys = [
-  "wixui_ShareButtons_toast_link_copied",
-  "wixui_ShareButtons_manage_copy_link_default_text",
-  "ShareButtons_AriaLabel"
-];
-const dataHooks = {
-  presetWrapper: "share-buttons-preset-wrapper"
+const DEFAULT_ITEMS_PER_ROW = 4;
+const BORDER_DEFAULT = "0px solid rgba(0, 0, 0, 1)";
+const COLUMN_COUNT_CSS_VAR = "--column-count";
+const LOADING_ITEM_COUNT_CSS_VAR = "--loading-item-count";
+const presets = {
+  cards: "cards",
+  cards_off: "cards_off",
+  list: "list",
+  slider: "slider",
+  slider_vertical: "slider_vertical",
+  grid: "grid"
 };
-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"
+const Descriptions = {
+  root: {
+    data: {
+      items: "Connect the repeater to an array to display the list as individual repeater items."
     }
-  },
-  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 StaticDisplayFilters = {
-  data: { hide: ["buttons"] },
-  elements: { hide: [elementKeys.label, elementKeys.icon] }
-};
-const DesignStates = {
-  button: {
-    hover: { displayName: "Hover", className: "share-buttons__button--hover" }
-  },
-  label: {
-    hover: { displayName: "Hover", className: "share-buttons__label--hover" }
-  },
-  icon: {
-    hover: { displayName: "Hover", className: "share-buttons__icon--hover" }
   }
 };
-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"
-    },
-    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"
+const DisplayNames = {
+  root: {
+    elementDisplayName: "Repeater",
+    data: {
+      items: "Display Items from",
+      emptyState: "Empty State",
+      emptyState_title: "Title",
+      emptyState_description: "Description",
+      isLoading: "Loading State",
+      loadMore: "Load More",
+      emptyStateContent: "Empty State"
     },
-    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"
+    customActions: {
+      presets: "Change Layout"
     },
-    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"
+    states: {
+      empty: "No Items"
     },
-    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"
+    elements: {
+      emptyState: "Empty State"
     },
-    disabled: false,
-    type: "IShareButton",
-    value: "wixui_ShareButtons_manage_pinterest_share_address",
-    isDefault: false
-  },
-  {
-    unavailable: false,
-    label: "Copy link",
-    description: "Copies link",
-    isHidden: false,
-    platformId: "wixui_ShareButtons_copyButton",
-    illustration: {
-      type: "Builder.VectorArt",
-      uri: "11062b_c5c2820390524c06b5aa2793b0eb464d.svg"
+    cssProperties: {
+      emptyStateBackground: "Background"
     },
-    disabled: false,
-    type: "IShareButton",
-    value: "wixui_ShareButtons_manage_copy_link_share_address",
-    isDefault: false
+    presets: {
+      cards: "Cards",
+      cards_off: "Cards Off",
+      list: "List",
+      slider: "Slider",
+      slider_vertical: "Slider Vertical",
+      grid: "Advanced grid"
+    }
   }
-];
-const DisplayConfig = {
-  displayValues: [
-    CSS_PROPERTIES.DISPLAY_VALUE.none,
-    CSS_PROPERTIES.DISPLAY_VALUE.inline_block
-  ]
 };
 export {
-  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
+  BORDER_DEFAULT as B,
+  COLUMN_COUNT_CSS_VAR as C,
+  DEFAULT_ITEMS_PER_ROW as D,
+  FunctionalStateKeys as F,
+  LOADING_ITEM_COUNT_CSS_VAR as L,
+  TestIds as T,
+  DisplayNames as a,
+  Descriptions as b,
+  presets as p,
+  semanticClassNames as s
 };

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

@@ -1,82 +1,111 @@
-const semanticClassNames = {
-  root: "repeater",
-  itemsContainer: "repeater-items-container",
-  item: "repeater-item",
-  emptyState: "repeater-empty-state",
-  emptyStateContent: "repeater-empty-state-content"
-};
-const FunctionalStateKeys = {
-  empty: "empty"
-};
-const TestIds = {
-  skeleton: "repeater-skeleton",
-  sentinel: "repeater-sentinel",
-  emptyState: "repeater-empty-state",
-  loadMoreButton: "repeater-load-more-button",
-  liveAnnouncer: "repeater-live-announcer"
-};
-const DEFAULT_ITEMS_PER_ROW = 4;
-const BORDER_DEFAULT = "0px solid rgba(0, 0, 0, 1)";
-const COLUMN_COUNT_CSS_VAR = "--column-count";
-const LOADING_ITEM_COUNT_CSS_VAR = "--loading-item-count";
-const presets = {
-  cards: "cards",
-  cards_off: "cards_off",
-  list: "list",
-  slider: "slider",
-  slider_vertical: "slider_vertical",
-  grid: "grid"
-};
-const Descriptions = {
+const DisplayNames = {
   root: {
+    elementDisplayName: "Radio Buttons",
     data: {
-      items: "Connect the repeater to an array to display the list as individual repeater items."
+      options: "Options",
+      optionLabel: "Label",
+      optionValue: "Value",
+      optionDisabled: "Disabled",
+      value: "Selected value",
+      firstSelectedByDefault: "Default selection",
+      firstSelectedByDefaultNone: "None",
+      firstSelectedByDefaultFirst: "First Item",
+      label: "Label",
+      tooltip: "Tooltip",
+      required: "Required",
+      readOnly: "Read only",
+      disabled: "Disabled"
+    },
+    cssCustomProperties: {
+      orientation: "Orientation",
+      radiosSpacing: "Space between radio buttons",
+      labelSpacing: "Space between field and field title",
+      radioTextSpacing: "Space between radio button and text",
+      alignment: "Alignment",
+      labelAlignment: "Label alignment"
+    }
+  },
+  radio: {
+    elementDisplayName: "Radio button",
+    cssCustomProperties: {
+      unselectedBackgroundColor: "Unselected background color",
+      unselectedBorderColor: "Unselected border color",
+      selectedBackgroundColor: "Selected background color",
+      selectedBorderColor: "Selected border color",
+      dotColor: "Dot color",
+      size: "Radio button size"
     }
+  },
+  optionLabel: {
+    elementDisplayName: "Option label"
+  },
+  groupLabel: {
+    elementDisplayName: "Group label"
   }
 };
-const DisplayNames = {
-  root: {
-    elementDisplayName: "Repeater",
-    data: {
-      items: "Display Items from",
-      emptyState: "Empty State",
-      emptyState_title: "Title",
-      emptyState_description: "Description",
-      isLoading: "Loading State",
-      loadMore: "Load More",
-      emptyStateContent: "Empty State"
-    },
-    customActions: {
-      presets: "Change Layout"
-    },
-    states: {
-      empty: "No Items"
+const DesignStates = {
+  radio: {
+    hover: { displayName: "Hover", className: "radio-buttons__radio--hover" },
+    focus: { displayName: "Focus", className: "radio-buttons__radio--focus" },
+    disabled: {
+      displayName: "Disabled",
+      className: "radio-buttons__radio--disabled"
     },
-    elements: {
-      emptyState: "Empty State"
-    },
-    cssProperties: {
-      emptyStateBackground: "Background"
-    },
-    presets: {
-      cards: "Cards",
-      cards_off: "Cards Off",
-      list: "List",
-      slider: "Slider",
-      slider_vertical: "Slider Vertical",
-      grid: "Advanced grid"
+    invalid: {
+      displayName: "Invalid",
+      className: "radio-buttons__radio--invalid"
     }
   }
 };
+const defaultOptions = [
+  { value: "option-1", label: "Option 1", disabled: false },
+  { value: "option-2", label: "Option 2", disabled: false },
+  { value: "option-3", label: "Option 3", disabled: false }
+];
+const defaultValues = {
+  label: "Label",
+  tooltip: "",
+  firstSelectedByDefault: "none",
+  required: false,
+  readOnly: false,
+  disabled: false
+};
+const VALUE_MISSING_MESSAGE = "This field is required";
+const TestIds = {
+  root: "radio-buttons-root",
+  group: "radio-buttons-group",
+  legend: "radio-buttons-legend",
+  requiredIndicator: "radio-buttons-required-indicator",
+  tooltipButton: "radio-buttons-tooltip-button",
+  option: "radio-buttons-option",
+  control: "radio-buttons-control",
+  indicator: "radio-buttons-indicator",
+  optionLabel: "radio-buttons-option-label",
+  errorMessage: "radio-buttons-error-message"
+};
+const selectors = {
+  root: "radio-buttons",
+  radio: "radio-buttons__radio",
+  indicator: "radio-buttons__indicator",
+  label: "radio-buttons__label",
+  groupLabel: "radio-buttons__group-label"
+};
+const semanticClassNames = {
+  groupLabel: "radio-buttons__group-label",
+  requiredIndicator: "radio-buttons__required-indicator",
+  option: "radio-buttons__option",
+  radio: "radio-buttons__radio",
+  indicator: "radio-buttons__indicator",
+  label: "radio-buttons__label",
+  errorMessage: "radio-buttons__error-message"
+};
 export {
-  BORDER_DEFAULT as B,
-  COLUMN_COUNT_CSS_VAR as C,
-  DEFAULT_ITEMS_PER_ROW as D,
-  FunctionalStateKeys as F,
-  LOADING_ITEM_COUNT_CSS_VAR as L,
+  DesignStates as D,
   TestIds as T,
-  DisplayNames as a,
-  Descriptions as b,
-  presets as p,
-  semanticClassNames as s
+  VALUE_MISSING_MESSAGE as V,
+  defaultOptions as a,
+  semanticClassNames as b,
+  DisplayNames as c,
+  defaultValues as d,
+  selectors as s
 };