@wix/editor-react-components 1.2326.0 → 1.2327.0

package/dist/site/components/chunks/constants37.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
 };

package/dist/site/components/chunks/constants38.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,
+  DEFAULT_PROPS as D,
+  DesignStates as a,
+  DISPLAY_NAMES as b,
+  accordionManifestDefaults as c
+};

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

@@ -12424,7 +12424,7 @@ const CheckboxIndeterminate = ({ size: size2, ...props }) => /* @__PURE__ */ jsx
 const CheckboxSize = {
   medium: 14
 };
-const Root$2 = /* @__PURE__ */ React.forwardRef(({ className, size: size2 = CheckboxSize.medium, style, ...props }, ref) => /* @__PURE__ */ jsx(CheckboxRoot_CheckboxRoot, {
+const Root$3 = /* @__PURE__ */ React.forwardRef(({ className, size: size2 = CheckboxSize.medium, style, ...props }, ref) => /* @__PURE__ */ jsx(CheckboxRoot_CheckboxRoot, {
   ref,
   className: clsx(Checkbox_module.root, className, "has-custom-focus"),
   style: {
@@ -12433,7 +12433,7 @@ const Root$2 = /* @__PURE__ */ React.forwardRef(({ className, size: size2 = Chec
   },
   ...props
 }));
-Root$2.displayName = "Checkbox.Root";
+Root$3.displayName = "Checkbox.Root";
 const Indicator$1 = /* @__PURE__ */ React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(CheckboxIndicator_CheckboxIndicator, {
   ref,
   keepMounted: true,
@@ -12454,7 +12454,7 @@ const Indicator$1 = /* @__PURE__ */ React.forwardRef(({ className, children, ...
 }));
 Indicator$1.displayName = "Checkbox.Indicator";
 const Checkbox = {
-  Root: Root$2,
+  Root: Root$3,
   Indicator: Indicator$1
 };
 const FieldsetRootContext = /* @__PURE__ */ React.createContext({
@@ -13260,7 +13260,7 @@ const Field_module = {
   labelFloating: "labelFloating-io8BLN",
   item: "item-kQeHOQ"
 };
-const Root$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(FieldRoot_FieldRoot, {
+const Root$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(FieldRoot_FieldRoot, {
   ref,
   className: clsx(Field_module.root, className),
   ...props
@@ -13299,7 +13299,7 @@ const Item$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) =
   ...props
 }));
 const Field = {
-  Root: Root$1,
+  Root: Root$2,
   Label: Label$2,
   Error: Error$1,
   Description,
@@ -18756,6 +18756,24 @@ const FieldsetLegend_FieldsetLegend = /* @__PURE__ */ React.forwardRef(function(
   return element;
 });
 if ("production" !== process.env.NODE_ENV) FieldsetLegend_FieldsetLegend.displayName = "FieldsetLegend";
+const Fieldset_module = {
+  root: "root-v8M2Sx",
+  legend: "legend-OVr_3r"
+};
+const Root$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(FieldsetRoot_FieldsetRoot, {
+  ref,
+  className: clsx(Fieldset_module.root, className),
+  ...props
+}));
+const Legend = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(FieldsetLegend_FieldsetLegend, {
+  ref,
+  className: clsx(Fieldset_module.legend, className),
+  ...props
+}));
+const Fieldset = {
+  Root: Root$1,
+  Legend
+};
 const Form_Form = /* @__PURE__ */ React.forwardRef(function(componentProps, forwardedRef) {
   const { render, className, validationMode = "onSubmit", errors: externalErrors, onSubmit, onFormSubmit, actionsRef, style, ...elementProps } = componentProps;
   const formRef = React.useRef({
@@ -30412,5 +30430,8 @@ export {
   Combobox as C,
   Field as F,
   Input_Input_Input as I,
-  Tooltip as T
+  Tooltip as T,
+  Fieldset as a,
+  CheckboxGroup_CheckboxGroup_CheckboxGroup as b,
+  Checkbox as c
 };

package/dist/site/components/extensions.js

@@ -5,58 +5,59 @@ import manifest$2 from "./AudioPlayer/manifest.js";
 import manifest$3 from "./BoxContainer/manifest.js";
 import manifest$4 from "./Breadcrumbs/manifest.js";
 import manifest$5 from "./Button/manifest.js";
-import manifest$6 from "./CollapsibleText/manifest.js";
-import manifest$7 from "./DatePicker/manifest.js";
-import manifest$8 from "./Dropdown/manifest.js";
-import manifest$9 from "./GoogleMap/manifest.js";
-import manifest$a from "./HipaaIcon/manifest.js";
+import manifest$6 from "./CheckboxGroup/manifest.js";
+import manifest$7 from "./CollapsibleText/manifest.js";
+import manifest$8 from "./DatePicker/manifest.js";
+import manifest$9 from "./Dropdown/manifest.js";
+import manifest$a from "./GoogleMap/manifest.js";
+import manifest$b from "./HipaaIcon/manifest.js";
 import { H as HIPAA_SETTINGS_PANEL_ID } from "./chunks/constants30.js";
-import manifest$b from "./HTMLComponent/manifest.js";
-import manifest$c from "./Image3/manifest.js";
-import manifest$d from "./LegacyAppWidget/manifest.js";
-import manifest$e from "./LegacyContainer/manifest.js";
-import manifest$f from "./LegacyMultiStateBox/manifest.js";
-import manifest$g from "./Line/manifest.js";
-import manifest$h from "./LinkBar/manifest.js";
-import manifest$i from "./Lottie/manifest.js";
-import manifest$j from "./Logo/manifest.js";
-import manifest$k from "./Menu/manifest.js";
-import manifest$l from "./MultiStateBox/manifest.js";
-import manifest$m from "./ProgressBar/manifest.js";
-import manifest$n from "./Repeater/manifest.js";
-import manifest$o from "./ShareButtons/manifest.js";
-import manifest$p from "./SiteLogo/manifest.js";
-import manifest$q from "./SlotsPlaceholder/manifest.js";
-import manifest$r from "./Slideshow/manifest.js";
-import manifest$s from "./SocialPlayerFacebook/manifest.js";
-import manifest$t from "./SocialPlayerInstagram/manifest.js";
-import manifest$u from "./SocialPlayerSnapchat/manifest.js";
-import manifest$v from "./SocialPlayerTikTok/manifest.js";
-import manifest$w from "./SocialPlayerVimeo/manifest.js";
-import manifest$x from "./SocialPlayerYoutube/manifest.js";
-import manifest$y from "./SvgImage/manifest.js";
-import manifest$z from "./Tabs/manifest.js";
-import manifest$A from "./TestComp/manifest.js";
-import manifest$B from "./TextBox/manifest.js";
-import manifest$C from "./TextEffects3d/manifest.js";
-import manifest$D from "./TextEffectsBauhaus/manifest.js";
-import manifest$E from "./TextEffectsGlass/manifest.js";
-import manifest$F from "./TextEffectsGlitch/manifest.js";
-import manifest$G from "./TextEffectsLetterPress/manifest.js";
-import manifest$H from "./TextEffectsMatrix/manifest.js";
-import manifest$I from "./TextEffectsNeonSign/manifest.js";
-import manifest$J from "./TextEffectsNoisy/manifest.js";
-import manifest$K from "./TextEffectsOutlineOut/manifest.js";
-import manifest$L from "./TextEffectsRetro/manifest.js";
-import manifest$M from "./TextEffectsShook/manifest.js";
-import manifest$N from "./TextEffectsSticker/manifest.js";
-import manifest$O from "./TextEffectsStriped/manifest.js";
-import manifest$P from "./TextInput/manifest.js";
-import manifest$Q from "./TextMarquee/manifest.js";
-import manifest$R from "./TimePicker/manifest.js";
-import manifest$S from "./TransparentVideo/manifest.js";
-import manifest$T from "./VideoUpload/manifest.js";
-import manifest$U from "./WRichText/manifest.js";
+import manifest$c from "./HTMLComponent/manifest.js";
+import manifest$d from "./Image3/manifest.js";
+import manifest$e from "./LegacyAppWidget/manifest.js";
+import manifest$f from "./LegacyContainer/manifest.js";
+import manifest$g from "./LegacyMultiStateBox/manifest.js";
+import manifest$h from "./Line/manifest.js";
+import manifest$i from "./LinkBar/manifest.js";
+import manifest$j from "./Lottie/manifest.js";
+import manifest$k from "./Logo/manifest.js";
+import manifest$l from "./Menu/manifest.js";
+import manifest$m from "./MultiStateBox/manifest.js";
+import manifest$n from "./ProgressBar/manifest.js";
+import manifest$o from "./Repeater/manifest.js";
+import manifest$p from "./ShareButtons/manifest.js";
+import manifest$q from "./SiteLogo/manifest.js";
+import manifest$r from "./SlotsPlaceholder/manifest.js";
+import manifest$s from "./Slideshow/manifest.js";
+import manifest$t from "./SocialPlayerFacebook/manifest.js";
+import manifest$u from "./SocialPlayerInstagram/manifest.js";
+import manifest$v from "./SocialPlayerSnapchat/manifest.js";
+import manifest$w from "./SocialPlayerTikTok/manifest.js";
+import manifest$x from "./SocialPlayerVimeo/manifest.js";
+import manifest$y from "./SocialPlayerYoutube/manifest.js";
+import manifest$z from "./SvgImage/manifest.js";
+import manifest$A from "./Tabs/manifest.js";
+import manifest$B from "./TestComp/manifest.js";
+import manifest$C from "./TextBox/manifest.js";
+import manifest$D from "./TextEffects3d/manifest.js";
+import manifest$E from "./TextEffectsBauhaus/manifest.js";
+import manifest$F from "./TextEffectsGlass/manifest.js";
+import manifest$G from "./TextEffectsGlitch/manifest.js";
+import manifest$H from "./TextEffectsLetterPress/manifest.js";
+import manifest$I from "./TextEffectsMatrix/manifest.js";
+import manifest$J from "./TextEffectsNeonSign/manifest.js";
+import manifest$K from "./TextEffectsNoisy/manifest.js";
+import manifest$L from "./TextEffectsOutlineOut/manifest.js";
+import manifest$M from "./TextEffectsRetro/manifest.js";
+import manifest$N from "./TextEffectsShook/manifest.js";
+import manifest$O from "./TextEffectsSticker/manifest.js";
+import manifest$P from "./TextEffectsStriped/manifest.js";
+import manifest$Q from "./TextInput/manifest.js";
+import manifest$R from "./TextMarquee/manifest.js";
+import manifest$S from "./TimePicker/manifest.js";
+import manifest$T from "./TransparentVideo/manifest.js";
+import manifest$U from "./VideoUpload/manifest.js";
+import manifest$V from "./WRichText/manifest.js";
 const animatedIconPanelExtension = extensions.editorReactComponentPanel({
   id: "d8d9ddca-d5e4-453a-bd36-7deb8b302d26",
   displayName: "Animated Icon",
@@ -705,6 +706,10 @@ const appConfig = app().use(
   extensions.editorReactComponent(
     manifest$U
   )
+).use(
+  extensions.editorReactComponent(
+    manifest$V
+  )
 );
 appConfig.use(animatedIconPanelExtension).use(googleMapManageLocationsPanelExtension).use(hipaaIconSettingsPanelExtension).use(htmlComponentPanelExtension).use(maskPanelExtension).use(lineFormatPanelExtension).use(linkBarOrientationPanelExtension).use(logoCustomizePanelExtension).use(menuFormatPanelExtension).use(repeaterFormatPanelExtension).use(shareButtonsFormatPanelExtension).use(shareButtonsManagePanelExtension).use(siteLogoCustomizePanelExtension).use(socialPlayerFacebookSettingsPanelExtension).use(socialPlayerInstagramSettingsPanelExtension).use(socialPlayerSnapchatSettingsPanelExtension).use(socialPlayerTikTokSettingsPanelExtension).use(socialPlayerVimeoSettingsPanelExtension).use(socialPlayerYoutubeSettingsPanelExtension).use(svgImageSvgColorsPanelExtension).use(textEffectsTextTwistPanelExtension).use(textEffectsBauhausPatternsPanelExtension).use(textEffectsGlassPatternsPanelExtension).use(textEffectsGlitchPatternsPanelExtension).use(textEffectsLetterPressPatternsPanelExtension).use(textEffectsMatrixPatternsPanelExtension).use(textEffectsNeonSignPatternsPanelExtension).use(textEffectsNoisyPatternsPanelExtension).use(textEffectsOutlineOutPatternsPanelExtension).use(textEffectsRetroPatternsPanelExtension).use(textEffectsShookPatternsPanelExtension).use(textEffectsStickerPatternsPanelExtension).use(textMarqueePanelExtension).use(transparentVideoPanelExtension).use(videoUploadPanelExtension);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2326.0",
+  "version": "1.2327.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -197,5 +197,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "1802e5d2dd2600dece3b5d9e5792b99bd1c3f451c891992f196bb261"
+  "falconPackageHash": "0bb31f20f346faadd74970f64867d016c93262fa4e503351c6cbca79"
 }