@wix/editor-react-components 1.2254.0 → 1.2255.0

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

@@ -1,69 +1,137 @@
-const manifestClasses = {
-  root: "collapsible-text",
-  text: "text",
-  expandControl: "expand-control"
+const DesignStates = {
+  root: {
+    hover: { displayName: "Hover", className: "dropdown--hover" },
+    disabled: { displayName: "Disabled", className: "dropdown--disabled" }
+  }
 };
 const DisplayNames = {
   root: {
-    elementDisplayName: "Collapsible Text",
-    actions: {
-      settings: "Settings",
-      design: "Design"
-    },
+    elementDisplayName: "Dropdown",
     data: {
-      expandMode: {
-        displayName: "Choose what the button does",
+      options: "Options",
+      optionLabel: "Label",
+      optionValue: "Value",
+      value: "Selected value",
+      values: "Selected values",
+      inputValue: "Search query",
+      open: "Open",
+      isDisabled: "Disabled",
+      placeholder: "Placeholder",
+      searchable: "Allow search",
+      multiple: "Allow multiple selection",
+      clearable: "Show clear button",
+      autoHighlight: "Highlight first match",
+      openOnInputClick: "Open list on click",
+      inline: "Show options inline",
+      grid: "Show options in a grid",
+      columns: "Columns",
+      limit: "Max visible options",
+      label: "Label",
+      required: "Required",
+      readOnly: "Read only",
+      description: "Helper text",
+      triggerMode: {
+        displayName: "Apply filter",
         options: {
-          button: "Expands",
-          link: "Links"
+          onSelection: "On selection",
+          onApply: "On button click"
         }
       },
-      text: "Text",
-      readMoreText: "Expand button text",
-      readLessText: "Collapse button text",
-      linkText: "Link text"
-    },
-    elements: {
-      text: "Text",
-      button: "Button"
+      applyButtonLabel: "Apply button text"
     },
     cssCustomProperties: {
-      maxLines: "Lines displayed",
-      expandControlSpacing: "Space between text and button",
-      paragraphAlign: "Paragraph Alignment",
-      textColor: "Text color",
-      textFont: "Font",
-      textLineHeight: "Line spacing",
-      textTextDecoration: "Text Decoration",
-      textTextTransform: "Case"
+      width: "Width",
+      maxWidth: "Max width",
+      backgroundColor: "Background",
+      borderColor: "Border color",
+      borderWidth: "Border width",
+      paddingTop: "Padding top",
+      paddingBottom: "Padding bottom",
+      paddingInlineStart: "Padding start",
+      paddingInlineEnd: "Padding end",
+      gap: "Spacing",
+      textAlign: "Value alignment",
+      font: "Value font",
+      textColor: "Value color",
+      labelFont: "Label font",
+      labelColor: "Label color",
+      helperFont: "Helper text font",
+      helperColor: "Helper text color",
+      optionTextColor: "Option text color",
+      optionHoverBackgroundColor: "Option hover background"
+    },
+    displayGroups: {
+      optionsGroup: "Manage options",
+      sizeGroup: "Size",
+      backgroundGroup: "Background",
+      cornersGroup: "Corner radius",
+      paddingGroup: "Padding"
     }
   }
 };
 const defaultValues = {
-  expandMode: "button"
+  placeholder: "Select a value",
+  inputValue: "",
+  open: false,
+  isDisabled: false,
+  searchable: false,
+  multiple: false,
+  clearable: false,
+  autoHighlight: false,
+  openOnInputClick: true,
+  inline: false,
+  grid: false,
+  columns: 3,
+  limit: -1,
+  label: "",
+  required: false,
+  readOnly: false,
+  name: "",
+  description: "",
+  triggerMode: "onSelection",
+  applyButtonLabel: "Apply",
+  noResultsText: "No results"
 };
-var ExpandModeValues = /* @__PURE__ */ ((ExpandModeValues2) => {
-  ExpandModeValues2["Link"] = "link";
-  ExpandModeValues2["Expand"] = "button";
-  return ExpandModeValues2;
-})(ExpandModeValues || {});
+var TriggerModeValues = /* @__PURE__ */ ((TriggerModeValues2) => {
+  TriggerModeValues2["OnSelection"] = "onSelection";
+  TriggerModeValues2["OnApply"] = "onApply";
+  return TriggerModeValues2;
+})(TriggerModeValues || {});
+const ALL_VALUE = "";
 const TestIds = {
-  root: "collapsible-text-root",
-  textWrapper: "collapsible-text-text-wrapper"
+  root: "dropdown-root",
+  label: "dropdown-label",
+  trigger: "dropdown-trigger",
+  listbox: "dropdown-listbox",
+  clear: "dropdown-clear",
+  applyButton: "dropdown-apply-button",
+  description: "dropdown-description"
+};
+const selectors = {
+  root: "dropdown"
 };
-const FALLBACK_LINE_HEIGHT = 22.4;
-const LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE = 1;
 const semanticClassNames = {
-  root: "collapsible-text",
-  text: "collapsible-text__text"
+  root: "dropdown",
+  trigger: "dropdown__trigger",
+  listbox: "dropdown__listbox",
+  option: "dropdown__option",
+  applyButton: "dropdown__apply-button"
+};
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
+const AriaLabels = {
+  root: { key: "Dropdown_AriaLabel", default: "Dropdown" },
+  clear: { key: "Dropdown_AriaLabel_Clear", default: "Clear" },
+  removeItem: { key: "Dropdown_AriaLabel_RemoveItem", default: "Remove" }
 };
 export {
-  DisplayNames as D,
-  ExpandModeValues as E,
-  FALLBACK_LINE_HEIGHT as F,
-  LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE as L,
+  ALL_VALUE as A,
+  DesignStates as D,
   TestIds as T,
+  TriggerModeValues as a,
+  ARIA_LABEL_NAMESPACE as b,
+  AriaLabels as c,
   defaultValues as d,
-  manifestClasses as m,
+  selectors as e,
+  DisplayNames as f,
   semanticClassNames as s
 };

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

@@ -1,87 +1,69 @@
-const semanticClassNames = {
-  root: "breadcrumbs",
-  itemLabel: "breadcrumbs-item-label",
-  separator: "breadcrumbs-separator",
-  animatedHomeIcon: "animated-icon"
+const manifestClasses = {
+  root: "collapsible-text",
+  text: "text",
+  expandControl: "expand-control"
 };
 const DisplayNames = {
   root: {
-    elementDisplayName: "Breadcrumbs",
-    customActions: {
-      replaceHomeIcon: "Customize Icon"
-    }
-  },
-  item: {
-    elementDisplayName: "Items"
-  },
-  separator: {
-    elementDisplayName: "Separators"
-  },
-  homeIcon: {
-    elementDisplayName: "Home"
-  },
-  data: {
-    separator: "Separator",
-    displayHomepageAs: "Display homepage as",
-    horizontalSpacing: "Space between items",
-    verticalSpacing: "Space between rows",
-    alignment: "Alignment",
-    separatorOptions: {
-      slash: "Forward slash",
-      arrow: "Arrow"
+    elementDisplayName: "Collapsible Text",
+    actions: {
+      settings: "Settings",
+      design: "Design"
     },
-    homepageModeOptions: {
+    data: {
+      expandMode: {
+        displayName: "Choose what the button does",
+        options: {
+          button: "Expands",
+          link: "Links"
+        }
+      },
       text: "Text",
-      icon: "Icon"
+      readMoreText: "Expand button text",
+      readLessText: "Collapse button text",
+      linkText: "Link text"
     },
-    defaultState: "Default state",
-    defaultStateOptions: {
-      fullTrail: "Full trail",
-      hideHomepage: "Hide homepage",
-      hideCurrentPage: "Hide current page"
-    },
-    overflowItems: "Overflow items",
-    overflowItemsOptions: {
-      wrap: "Wrap",
-      collapse: "Collapse (with ellipses)"
+    elements: {
+      text: "Text",
+      button: "Button"
     },
-    beforeEllipsis: "Items before ellipses",
-    afterEllipsis: "Items after ellipses"
-  }
-};
-const DesignStates = {
-  item: {
-    hover: { displayName: "Hover", className: "breadcrumbs__item--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "breadcrumbs__item--selected"
+    cssCustomProperties: {
+      maxLines: "Lines displayed",
+      expandControlSpacing: "Space between text and button",
+      paragraphAlign: "Paragraph Alignment",
+      textColor: "Text color",
+      textFont: "Font",
+      textLineHeight: "Line spacing",
+      textTextDecoration: "Text Decoration",
+      textTextTransform: "Case"
     }
   }
 };
-const componentMetadata = {
-  id: "992fd74f-46fe-4cc3-b803-d70f75a11fbc",
-  type: "wixEditorElements.Breadcrumbs",
-  description: "A navigation component that displays the user's location within a site's hierarchy as a trail of links, allowing navigation back to any ancestor page."
+const defaultValues = {
+  expandMode: "button"
 };
-const separatorValues = {
-  slash: "slash",
-  arrow: "arrow"
+var ExpandModeValues = /* @__PURE__ */ ((ExpandModeValues2) => {
+  ExpandModeValues2["Link"] = "link";
+  ExpandModeValues2["Expand"] = "button";
+  return ExpandModeValues2;
+})(ExpandModeValues || {});
+const TestIds = {
+  root: "collapsible-text-root",
+  textWrapper: "collapsible-text-text-wrapper"
 };
-const homepageModeValues = {
-  text: "text",
-  icon: "icon"
-};
-const defaultStateValues = {
-  fullTrail: "fullTrail",
-  hideHomepage: "hideHomepage",
-  hideCurrentPage: "hideCurrentPage"
+const FALLBACK_LINE_HEIGHT = 22.4;
+const LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE = 1;
+const semanticClassNames = {
+  root: "collapsible-text",
+  text: "collapsible-text__text"
 };
 export {
-  DesignStates as D,
-  DisplayNames as a,
-  separatorValues as b,
-  componentMetadata as c,
-  defaultStateValues as d,
-  homepageModeValues as h,
+  DisplayNames as D,
+  ExpandModeValues as E,
+  FALLBACK_LINE_HEIGHT as F,
+  LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE as L,
+  TestIds as T,
+  defaultValues as d,
+  manifestClasses as m,
   semanticClassNames as s
 };

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

@@ -1,91 +1,87 @@
-const selectors = {
-  root: "audioPlayer",
-  controls: "controls",
-  playButton: "playButton",
-  playIcon: "playIcon",
-  progressBar: "progressBar",
-  progressTrack: "progressTrack",
-  volumeControls: "volumeControls",
-  muteButton: "muteButton",
-  volumeSlider: "volumeSlider",
-  volumeTrack: "volumeTrack",
-  timeDisplay: "timeDisplay",
-  audioTitle: "audioTitle",
-  title: "title",
-  artistName: "artistName",
-  coverMedia: "coverMedia"
-};
-const dataDefaults = {
-  loop: false,
-  volume: 100
-};
-const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
-const ARIA_LABELS = {
-  playButton: "Play",
-  pauseButton: "Pause",
-  muteButton: "Mute",
-  unmuteButton: "Unmute",
-  progressBar: "Seek",
-  volumeSlider: "Volume",
-  volumeControls: "Volume controls"
-};
-const DesignStates = {
-  controls: {
-    hover: {
-      displayName: "Hover",
-      className: "audio-player__controls--hover"
-    }
-  }
+const semanticClassNames = {
+  root: "breadcrumbs",
+  itemLabel: "breadcrumbs-item-label",
+  separator: "breadcrumbs-separator",
+  animatedHomeIcon: "animated-icon"
 };
 const DisplayNames = {
   root: {
-    displayName: "Audio Player",
-    cssProperties: {
-      color: "Background color"
-    },
-    cssCustomProperties: {
-      "content-horizontal-alignment": "Alignment",
-      "vertical-spacing": "Vertical spacing",
-      "audio-title-gap": "Space between track details"
+    elementDisplayName: "Breadcrumbs",
+    customActions: {
+      replaceHomeIcon: "Customize Icon"
     }
   },
-  controls: {
-    displayName: "Playback controls",
-    cssCustomProperties: {
-      "progress-fill-color": "Progress bar color",
-      "volume-control-color": "Volume control color",
-      "time-display-color": "Time display",
-      "play-icon-color": "Play icon color",
-      "play-icon-size": "Play icon size"
-    },
-    displayGroups: {
-      fillColors: "Fill colors",
-      icon: "Icon"
-    }
+  item: {
+    elementDisplayName: "Items"
   },
-  elements: {
-    coverMedia: "Cover art",
-    audioTitle: "Audio title",
-    artistName: "Artist name",
-    progressBar: "Progress bar",
-    timeDisplay: "Time display",
-    volumeControls: "Volume control"
+  separator: {
+    elementDisplayName: "Separators"
   },
-  data: {
-    coverImage: "Image",
-    displayMode: "Display mode",
-    loop: "Plays in a loop",
-    volume: "Volume"
+  homeIcon: {
+    elementDisplayName: "Home"
   },
-  displayGroups: {
-    playbackOptions: "Playback"
+  data: {
+    separator: "Separator",
+    displayHomepageAs: "Display homepage as",
+    horizontalSpacing: "Space between items",
+    verticalSpacing: "Space between rows",
+    alignment: "Alignment",
+    separatorOptions: {
+      slash: "Forward slash",
+      arrow: "Arrow"
+    },
+    homepageModeOptions: {
+      text: "Text",
+      icon: "Icon"
+    },
+    defaultState: "Default state",
+    defaultStateOptions: {
+      fullTrail: "Full trail",
+      hideHomepage: "Hide homepage",
+      hideCurrentPage: "Hide current page"
+    },
+    overflowItems: "Overflow items",
+    overflowItemsOptions: {
+      wrap: "Wrap",
+      collapse: "Collapse (with ellipses)"
+    },
+    beforeEllipsis: "Items before ellipses",
+    afterEllipsis: "Items after ellipses"
+  }
+};
+const DesignStates = {
+  item: {
+    hover: { displayName: "Hover", className: "breadcrumbs__item--hover" },
+    selected: {
+      displayName: "Selected",
+      className: "breadcrumbs__item--selected"
+    }
   }
 };
+const componentMetadata = {
+  id: "992fd74f-46fe-4cc3-b803-d70f75a11fbc",
+  type: "wixEditorElements.Breadcrumbs",
+  description: "A navigation component that displays the user's location within a site's hierarchy as a trail of links, allowing navigation back to any ancestor page."
+};
+const separatorValues = {
+  slash: "slash",
+  arrow: "arrow"
+};
+const homepageModeValues = {
+  text: "text",
+  icon: "icon"
+};
+const defaultStateValues = {
+  fullTrail: "fullTrail",
+  hideHomepage: "hideHomepage",
+  hideCurrentPage: "hideCurrentPage"
+};
 export {
-  ARIA_LABELS as A,
   DesignStates as D,
   DisplayNames as a,
-  borderDefaultValue as b,
-  dataDefaults as d,
-  selectors as s
+  separatorValues as b,
+  componentMetadata as c,
+  defaultStateValues as d,
+  homepageModeValues as h,
+  semanticClassNames as s
 };

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

@@ -1,72 +1,91 @@
-const DISPLAY_NAMES = {
-  component: "Accordion",
-  elements: {
-    accordionItems: "Accordion items",
-    itemContent: "Item content",
-    itemTitles: "Item titles"
-  },
-  actions: {
-    manageAccordion: "Manage Accordion",
-    animatedIcon: "Customize Icon"
-  },
-  data: {
-    items: "Item",
-    title: "Title",
-    activeItem: "Active Item",
-    allowMultipleOpen: "Allow multiple open items",
-    defaultState: "Choose the default state"
-  },
-  defaultStateOptions: {
-    allClosed: "All items closed",
-    firstOpened: "First item opened",
-    allOpened: "All items opened"
-  },
-  displayGroups: {
-    accordionItems: "Accordion Items"
-  },
-  layout: {
-    itemsGap: "Space between items"
-  }
+const selectors = {
+  root: "audioPlayer",
+  controls: "controls",
+  playButton: "playButton",
+  playIcon: "playIcon",
+  progressBar: "progressBar",
+  progressTrack: "progressTrack",
+  volumeControls: "volumeControls",
+  muteButton: "muteButton",
+  volumeSlider: "volumeSlider",
+  volumeTrack: "volumeTrack",
+  timeDisplay: "timeDisplay",
+  audioTitle: "audioTitle",
+  title: "title",
+  artistName: "artistName",
+  coverMedia: "coverMedia"
 };
-const DEFAULT_PROPS = {
-  items: [],
-  defaultOpen: "none",
-  allowMultipleOpen: false,
-  titleHtmlTag: "h3"
+const dataDefaults = {
+  loop: false,
+  volume: 100
 };
-const accordionManifestDefaults = {
-  data: { ...DEFAULT_PROPS },
-  style: {
-    itemsGap: "0px"
-  }
+const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
+const ARIA_LABELS = {
+  playButton: "Play",
+  pauseButton: "Pause",
+  muteButton: "Mute",
+  unmuteButton: "Unmute",
+  progressBar: "Seek",
+  volumeSlider: "Volume",
+  volumeControls: "Volume controls"
 };
-const CONTAINER_INITIAL_HEIGHT = 240;
 const DesignStates = {
-  accordionItem: {
+  controls: {
     hover: {
       displayName: "Hover",
-      className: "accordion-component__accordion-item--hover"
+      className: "audio-player__controls--hover"
+    }
+  }
+};
+const DisplayNames = {
+  root: {
+    displayName: "Audio Player",
+    cssProperties: {
+      color: "Background color"
     },
-    selected: {
-      displayName: "Selected",
-      className: "accordion-component__accordion-item--selected"
+    cssCustomProperties: {
+      "content-horizontal-alignment": "Alignment",
+      "vertical-spacing": "Vertical spacing",
+      "audio-title-gap": "Space between track details"
     }
   },
-  itemTitle: {
-    hover: {
-      displayName: "Hover",
-      className: "accordion-component__item-title--hover"
+  controls: {
+    displayName: "Playback controls",
+    cssCustomProperties: {
+      "progress-fill-color": "Progress bar color",
+      "volume-control-color": "Volume control color",
+      "time-display-color": "Time display",
+      "play-icon-color": "Play icon color",
+      "play-icon-size": "Play icon size"
     },
-    selected: {
-      displayName: "Selected",
-      className: "accordion-component__item-title--selected"
+    displayGroups: {
+      fillColors: "Fill colors",
+      icon: "Icon"
     }
+  },
+  elements: {
+    coverMedia: "Cover art",
+    audioTitle: "Audio title",
+    artistName: "Artist name",
+    progressBar: "Progress bar",
+    timeDisplay: "Time display",
+    volumeControls: "Volume control"
+  },
+  data: {
+    coverImage: "Image",
+    displayMode: "Display mode",
+    loop: "Plays in a loop",
+    volume: "Volume"
+  },
+  displayGroups: {
+    playbackOptions: "Playback"
   }
 };
 export {
-  CONTAINER_INITIAL_HEIGHT as C,
-  DEFAULT_PROPS as D,
-  DesignStates as a,
-  DISPLAY_NAMES as b,
-  accordionManifestDefaults as c
+  ARIA_LABELS as A,
+  DesignStates as D,
+  DisplayNames as a,
+  borderDefaultValue as b,
+  dataDefaults as d,
+  selectors as s
 };