@wix/form-public 0.528.0 → 0.529.0

package/dist/index.cjs

@@ -51802,6 +51802,7 @@ var FIELDSET_RESET_STYLE = {
 };
 var AppointmentSlotPickerContext = React173.createContext(void 0);
 var getTimezoneNoteId = (inputId) => `${inputId}-timezone-note`;
+var getDateTitleId = (inputId) => `${inputId}-date-title`;
 var useAppointmentSlotPickerContext = () => {
   const context = React173.useContext(AppointmentSlotPickerContext);
   if (typeof context === "undefined") {
@@ -51930,15 +51931,13 @@ Dates.NextWeek = NextWeek;
 Dates.Day = Day;
 var RADIO_INPUT_SELECTOR = 'input[type="radio"]';
 var Slots = ({ children, className, ...internal }) => {
-  const { hasTimezoneNote } = internal;
+  const { hasTimezoneNote, hasDateTitle } = internal;
   const { slots, selectedSlotKey, selectSlot, selectedDateLabel, isReloadingSlots, timezoneLabel, pendingFocusIndex, consumePendingFocusIndex } = useAppointmentSlotPickerContext();
   const { id: fieldId, disabled, readOnly, required, hasError } = useFieldPropsV2();
   const { inputId, labelId: fieldLabelId, ariaDescribedBy } = useFieldAttributes();
   const groupRef = React173.useRef(null);
-  const slotsLabelId = `${inputId}-slots-label`;
-  const labelElement = findChildOfType(children, Slots.Label);
   const slotElement = findChildOfType(children, Slots.Slot) ?? /* @__PURE__ */ React173__default.default.createElement(Slots.Slot, null);
-  const hasSlotsLabel = !!labelElement && !!selectedDateLabel;
+  const isLabelledByDateTitle = !!hasDateTitle && !!selectedDateLabel;
   const describedBy = [
     ariaDescribedBy,
     hasTimezoneNote && timezoneLabel ? getTimezoneNoteId(inputId) : void 0
@@ -51978,29 +51977,14 @@ var Slots = ({ children, className, ...internal }) => {
     isReadOnly: readOnly,
     isRequired: required,
     isInvalid: hasError,
-    "aria-labelledby": hasSlotsLabel ? slotsLabelId : fieldLabelId,
+    "aria-labelledby": isLabelledByDateTitle ? getDateTitleId(inputId) : fieldLabelId,
     "aria-describedby": describedBy,
     "data-refetch": isReloadingSlots || void 0
-  }, applyInternalProps(labelElement, {
-    labelId: slotsLabelId
-  }), slots.map((slot) => applyInternalProps(slotElement, {
+  }, slots.map((slot) => applyInternalProps(slotElement, {
     key: slot.key,
     slot
   }))));
 };
-var SlotsLabel = ({ children, className, ...internal }) => {
-  const { selectedDateLabel } = useAppointmentSlotPickerContext();
-  const { labelId } = internal;
-  if (!selectedDateLabel) {
-    return null;
-  }
-  return /* @__PURE__ */ React173__default.default.createElement("div", {
-    id: labelId,
-    className
-  }, children ? children({
-    label: selectedDateLabel
-  }) : selectedDateLabel);
-};
 var Slot = ({ children, className, ...internal }) => {
   const { slot } = internal;
   return /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.RadioField, {
@@ -52010,7 +51994,6 @@ var Slot = ({ children, className, ...internal }) => {
     className
   }, children ? children(slot) : slot.timeRange));
 };
-Slots.Label = SlotsLabel;
 Slots.Slot = Slot;
 var import_cloneDeep = __toESM(require_cloneDeep());
 var createIndicatorNode = (requiredIndicatorType, t, className) => {