@wix/editor-react-components 1.2806.0 → 1.2807.0

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

@@ -112,6 +112,7 @@ const useAnimationState = (animationConfigMap, initialAnimationState) => {
     skipToExitDone
   };
 };
+const COMPONENT_TYPE = "wixEditorElements.Menu";
 const MenuOrientation = {
   Horizontal: "horizontal",
   Vertical: "vertical"
@@ -401,6 +402,12 @@ const DropdownAnchorPositions = {
 };
 const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const translationsKeys = {
+  menuNavAriaLabel: "menu.navigation.ariaLabel",
+  dropdownButtonAriaLabel: "menu.dropdownButton.ariaLabel",
+  hamburgerOpenButtonAriaLabel: "menu.hamburgerOpenButton.ariaLabel",
+  hamburgerCloseButtonAriaLabel: "menu.hamburgerCloseButton.ariaLabel"
+};
+const legacyTranslationsKeys = {
   menuNavAriaLabel: "dropDownMenu_AriaLabel_TopLevel_SiteNavigation",
   dropdownButtonAriaLabel: "menu_dropdown_chevron_button_aria_label",
   hamburgerOpenButtonAriaLabel: "menu_hamburger_open_button_aria_label",
@@ -430,6 +437,7 @@ const MenuParts = {
 };
 export {
   AnimationPhase as A,
+  COMPONENT_TYPE as C,
   DropdownAnimationName as D,
   HamburgerMenuAnimationName as H,
   MenuAnimationName as M,
@@ -445,6 +453,7 @@ export {
   elementKeys as i,
   MENU_ANIMATED_ICON_SPEC as j,
   states as k,
+  legacyTranslationsKeys as l,
   menuBuiltInActions as m,
   presets as p,
   selectors as s,

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

@@ -1,3 +1,4 @@
+const COMPONENT_TYPE = "wixEditorElements.MarkdownBlock";
 const CONTENT_MAX_LENGTH = 1e5;
 const manifestClasses = {
   root: "markdown-block"
@@ -7,6 +8,9 @@ const defaultValues = {
 };
 const TRANSLATIONS_NAMESPACE = "ariaLabels";
 const TranslationKeys = {
+  scrollerAriaLabel: "markdownBlock.content.ariaLabel"
+};
+const LegacyTranslationKeys = {
   scrollerAriaLabel: "markdownBlock_aria_label_content"
 };
 const DefaultTranslations = {
@@ -31,11 +35,13 @@ const DisplayNames = {
   }
 };
 export {
-  CONTENT_MAX_LENGTH as C,
+  COMPONENT_TYPE as C,
   DefaultTranslations as D,
+  LegacyTranslationKeys as L,
   TranslationKeys as T,
   TRANSLATIONS_NAMESPACE as a,
   DisplayNames as b,
+  CONTENT_MAX_LENGTH as c,
   defaultValues as d,
   manifestClasses as m
 };

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

@@ -1,9 +1,14 @@
+const COMPONENT_TYPE = "wixEditorElements.Lottie";
 const semanticSelectors = {
   root: "lottie",
   playButton: "playButton"
 };
 const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const TranslationKeys = {
+  playButton: "lottie.playButton.ariaLabel",
+  pauseButton: "lottie.pauseButton.ariaLabel"
+};
+const LegacyTranslationKeys = {
   playButton: "lottie_aria_label_play",
   pauseButton: "lottie_aria_label_pause"
 };
@@ -77,7 +82,9 @@ const pauseIconSvg = {
 };
 export {
   ARIA_LABEL_NAMESPACE as A,
+  COMPONENT_TYPE as C,
   DefaultTranslations as D,
+  LegacyTranslationKeys as L,
   TranslationKeys as T,
   playIconSvg as a,
   showButtonOnHoverDefaults as b,

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

@@ -1,3 +1,4 @@
+const COMPONENT_TYPE = "wixEditorElements.SocialBar";
 const presets = {
   horizontal: "horizontal",
   vertical: "vertical"
@@ -42,13 +43,22 @@ const DesignStates = {
   }
 };
 const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const ARIA_LABEL_KEY = "LinkBar_AriaLabel_SocialBarContainer";
-const ARIA_LABEL_DEFAULT = "Social Bar";
+const TranslationKeys = {
+  ariaLabel: "linkBar.container.ariaLabel"
+};
+const LegacyTranslationKeys = {
+  ariaLabel: "LinkBar_AriaLabel_SocialBarContainer"
+};
+const DefaultTranslations = {
+  ariaLabel: "Social Bar"
+};
 export {
   ARIA_LABEL_NAMESPACE as A,
-  DesignStates as D,
-  ARIA_LABEL_KEY as a,
-  ARIA_LABEL_DEFAULT as b,
-  DisplayNames as c,
+  COMPONENT_TYPE as C,
+  DefaultTranslations as D,
+  LegacyTranslationKeys as L,
+  TranslationKeys as T,
+  DesignStates as a,
+  DisplayNames as b,
   presets as p
 };

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

@@ -1,3 +1,4 @@
+const COMPONENT_TYPE = "wixEditorElements.HipaaIcon";
 const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
 const DisplayNames = {
   root: {
@@ -13,6 +14,12 @@ const DisplayNames = {
 };
 const TRANSLATIONS_NAMESPACE = "ariaLabels";
 const TranslationKeys = {
+  ariaLabelCompliant: "hipaaIcon.badge.compliant.ariaLabel",
+  ariaLabelActivate: "hipaaIcon.badge.activate.ariaLabel",
+  activateHeading: "hipaaIcon.activate.title",
+  activateDescription: "hipaaIcon.activate.description"
+};
+const LegacyTranslationKeys = {
   ariaLabelCompliant: "hipaaIcon_aria_label_compliant",
   ariaLabelActivate: "hipaaIcon_aria_label_activate",
   activateHeading: "hipaaIcon_activate_heading",
@@ -25,9 +32,11 @@ const DefaultTranslations = {
   activateDescription: "Go to Manage > Purchase & Activate HIPAA Compliance"
 };
 export {
+  COMPONENT_TYPE as C,
   DefaultTranslations as D,
   HIPAA_SETTINGS_PANEL_ID as H,
-  TranslationKeys as T,
-  TRANSLATIONS_NAMESPACE as a,
+  LegacyTranslationKeys as L,
+  TRANSLATIONS_NAMESPACE as T,
+  TranslationKeys as a,
   DisplayNames as b
 };

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

@@ -1,19 +1,24 @@
+import { a as createConsentTranslations } from "./utils4.js";
+const COMPONENT_TYPE = "wixEditorElements.HTMLComponent";
 const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const BOX_CONTAINER_MIN_HEIGHT_FIX_EXPERIMENT = "boxContainerMinHeightFix";
-const BOX_CONTAINER_MIN_HEIGHT_FIX_VIEWER_EXPERIMENT = "boxContainerMinHeightFixViewer";
-const DisplayNames = {
-  data: {
-    onClick: "On Click",
-    onDblClick: "On Double Click",
-    onMouseIn: "On Mouse In",
-    onMouseOut: "On Mouse Out",
-    onFocus: "On Focus",
-    onBlur: "On Blur"
-  }
-};
+const HTML_COMPONENT_TITLE_KEY = "htmlComponent.iframe.title";
+const LEGACY_HTML_COMPONENT_TITLE_KEY = "HTML_Settings_Aria_Tag";
+const HTML_COMPONENT_TITLE_DEFAULT = "Embedded Content";
+const ConsentTranslations = createConsentTranslations("htmlComponent", {
+  legacyKey: "CookieConsent_Dataset_Component_HtmlComponent",
+  default: "Html Component"
+});
+const DEFAULT_CONSENT_POLICY = "essential";
+const SANDBOX = "allow-same-origin allow-forms allow-popups allow-modals allow-scripts allow-pointer-lock";
+const ALLOWED_PROTOCOLS = ["ftp:", "http:", "https:"];
 export {
-  ARIA_LABEL_NAMESPACE as A,
-  BOX_CONTAINER_MIN_HEIGHT_FIX_EXPERIMENT as B,
-  DisplayNames as D,
-  BOX_CONTAINER_MIN_HEIGHT_FIX_VIEWER_EXPERIMENT as a
+  ALLOWED_PROTOCOLS as A,
+  COMPONENT_TYPE as C,
+  DEFAULT_CONSENT_POLICY as D,
+  HTML_COMPONENT_TITLE_KEY as H,
+  LEGACY_HTML_COMPONENT_TITLE_KEY as L,
+  SANDBOX as S,
+  ARIA_LABEL_NAMESPACE as a,
+  HTML_COMPONENT_TITLE_DEFAULT as b,
+  ConsentTranslations as c
 };

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

@@ -1,3 +1,4 @@
+const COMPONENT_TYPE = "wixEditorElements.Dropdown__DEV__v5";
 const TEXT_PROP_STATIC_VALUE_MAX_LENGTH = 400;
 const DesignStates = {
   input: {
@@ -81,10 +82,15 @@ const editorElementClassNames = {
   errorMessage: "dropdown-error-message"
 };
 const AriaLabels = {
-  root: { key: "Dropdown_AriaLabel", default: "Dropdown" }
+  root: {
+    key: "dropdown.combobox.ariaLabel",
+    legacyKey: "Dropdown_AriaLabel",
+    default: "Dropdown"
+  }
 };
 export {
   AriaLabels as A,
+  COMPONENT_TYPE as C,
   DesignStates as D,
   FunctionalStateKeys as F,
   TestIds as T,

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

@@ -1,3 +1,4 @@
+const COMPONENT_TYPE = "wixEditorElements.DatePicker__DEV__v4";
 const DisplayNames = {
   root: {
     elementDisplayName: "Date Picker",
@@ -111,8 +112,16 @@ const DesignStates = {
 const PREVIEW_CALENDAR_OPEN = "previewCalendarOpen";
 const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const AriaLabels = {
-  root: { key: "datePicker_aria_label", default: "Date picker" },
-  openCalendar: { key: "datePicker_open_calendar", default: "Open calendar" }
+  root: {
+    key: "datePicker.field.ariaLabel",
+    legacyKey: "datePicker_aria_label",
+    default: "Date picker"
+  },
+  openCalendar: {
+    key: "datePicker.calendarButton.ariaLabel",
+    legacyKey: "datePicker_open_calendar",
+    default: "Open calendar"
+  }
 };
 const TestIds = {
   root: "datepicker-root",
@@ -139,6 +148,7 @@ const selectors = {
 };
 export {
   ARIA_LABEL_NAMESPACE as A,
+  COMPONENT_TYPE as C,
   DesignStates as D,
   PREVIEW_CALENDAR_OPEN as P,
   TestIds as T,

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

@@ -78,6 +78,9 @@ const defaultStateValues = {
 };
 const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const translationKeys = {
+  breadcrumbsAriaLabel: "breadcrumbs.trail.ariaLabel"
+};
+const legacyTranslationKeys = {
   breadcrumbsAriaLabel: "breadcrumbs_AriaLabel"
 };
 const defaultTranslations = {
@@ -88,10 +91,11 @@ export {
   DesignStates as D,
   DisplayNames as a,
   defaultStateValues as b,
-  separatorValues as c,
+  componentMetadata as c,
   defaultTranslations as d,
-  componentMetadata as e,
+  separatorValues as e,
   homepageModeValues as h,
+  legacyTranslationKeys as l,
   semanticClassNames as s,
   translationKeys as t
 };

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

@@ -1,91 +1,19 @@
-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 COMPONENT_TYPE = "wixEditorElements.BoxContainer";
+const BOX_CONTAINER_MIN_HEIGHT_FIX_EXPERIMENT = "boxContainerMinHeightFix";
+const BOX_CONTAINER_MIN_HEIGHT_FIX_VIEWER_EXPERIMENT = "boxContainerMinHeightFixViewer";
 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"
-    }
-  },
-  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"
-    }
-  },
-  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"
+    onClick: "On Click",
+    onDblClick: "On Double Click",
+    onMouseIn: "On Mouse In",
+    onMouseOut: "On Mouse Out",
+    onFocus: "On Focus",
+    onBlur: "On Blur"
   }
 };
 export {
-  ARIA_LABELS as A,
-  DesignStates as D,
-  DisplayNames as a,
-  borderDefaultValue as b,
-  dataDefaults as d,
-  selectors as s
+  BOX_CONTAINER_MIN_HEIGHT_FIX_EXPERIMENT as B,
+  COMPONENT_TYPE as C,
+  DisplayNames as D,
+  BOX_CONTAINER_MIN_HEIGHT_FIX_VIEWER_EXPERIMENT as a
 };

package/dist/site/components/chunks/constants43.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,
+  ARIA_LABELS as A,
   DesignStates as D,
-  DEFAULT_PROPS as a,
-  DISPLAY_NAMES as b,
-  accordionManifestDefaults as c
+  DisplayNames as a,
+  borderDefaultValue as b,
+  dataDefaults as d,
+  selectors as s
 };

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

@@ -0,0 +1,72 @@
+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 DEFAULT_PROPS = {
+  items: [],
+  defaultOpen: "none",
+  allowMultipleOpen: false,
+  titleHtmlTag: "h3"
+};
+const accordionManifestDefaults = {
+  data: { ...DEFAULT_PROPS },
+  style: {
+    itemsGap: "0px"
+  }
+};
+const CONTAINER_INITIAL_HEIGHT = 240;
+const DesignStates = {
+  accordionItem: {
+    hover: {
+      displayName: "Hover",
+      className: "accordion-component__accordion-item--hover"
+    },
+    selected: {
+      displayName: "Selected",
+      className: "accordion-component__accordion-item--selected"
+    }
+  },
+  itemTitle: {
+    hover: {
+      displayName: "Hover",
+      className: "accordion-component__item-title--hover"
+    },
+    selected: {
+      displayName: "Selected",
+      className: "accordion-component__item-title--selected"
+    }
+  }
+};
+export {
+  CONTAINER_INITIAL_HEIGHT as C,
+  DesignStates as D,
+  DEFAULT_PROPS as a,
+  DISPLAY_NAMES as b,
+  accordionManifestDefaults as c
+};