@wix/form-public 0.506.0 → 0.508.0

package/dist/index.js

@@ -53741,7 +53741,9 @@ var DROPDOWN_FIELD_TYPES = [
   FIELD_TYPES.DATE_INPUT,
   FIELD_TYPES.CONTACTS_BIRTHDATE,
   FIELD_TYPES.DATE_TIME_INPUT,
-  FIELD_TYPES.DEXT_DATE_TIME_INPUT
+  FIELD_TYPES.DEXT_DATE_TIME_INPUT,
+  FIELD_TYPES.DATE_PICKER,
+  FIELD_TYPES.DEXT_DATE_PICKER
 ];
 var PHONE_FIELD_TYPES = [
   FIELD_TYPES.PHONE,
@@ -54098,6 +54100,8 @@ var DatePicker = ({ children }) => {
   const { labelId } = useFieldAttributes();
   const { regionalFormat } = useConfig();
   const [container, setContainer] = useState(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const isForcedOpen = useIsForcedOpenDropdown(id6);
   const handleChange = useCallback((dateValue2) => {
     const stringValue = dateValueToString(dateValue2);
     onChange(stringValue);
@@ -54131,8 +54135,12 @@ var DatePicker = ({ children }) => {
       isReadOnly: readOnly,
       isRequired: required,
       onBlur,
-      onFocus
-    }, controlElement, calendarElement))),
+      onFocus,
+      isOpen: isForcedOpen || isOpen,
+      onOpenChange: isForcedOpen ? void 0 : setIsOpen
+    }, controlElement, applyInternalProps(calendarElement, {
+      isForcedOpen
+    })))),
     renderDescription: () => /* @__PURE__ */ React172.createElement(React172.Fragment, null, errorElement, descriptionElement)
   });
 };
@@ -54215,7 +54223,8 @@ var Trigger = ({ children, className }) => {
     className
   }, children);
 };
-var Calendar = ({ children, className }) => {
+var Calendar = ({ children, className, ...internal }) => {
+  const { isForcedOpen } = internal;
   const { regionalFormat, isMobile: isMobile2 } = useConfig();
   const { availability } = useFieldPropsV2();
   const firstDayOfWeek = useMemo(() => getFirstDayOfTheWeek(regionalFormat), [
@@ -54237,7 +54246,10 @@ var Calendar = ({ children, className }) => {
   return /* @__PURE__ */ React172.createElement(NonModalPopover, {
     className,
     containerPadding: 0
-  }, /* @__PURE__ */ React172.createElement(Dialog, null, /* @__PURE__ */ React172.createElement(Calendar$1, {
+  }, /* @__PURE__ */ React172.createElement(CalendarDialog, {
+    isForcedOpen
+  }, /* @__PURE__ */ React172.createElement(Calendar$1, {
+    autoFocus: isForcedOpen ? false : void 0,
     firstDayOfWeek: convertFirstDayOfWeek(firstDayOfWeek),
     isDateUnavailable
   }, /* @__PURE__ */ React172.createElement("header", null, previousTriggerElement, /* @__PURE__ */ React172.createElement(CalendarMonthPicker, null, (aria) => applyInternalProps(monthTriggerElement, {
@@ -54260,12 +54272,15 @@ var Calendar = ({ children, className }) => {
     date
   })))));
 };
-var Day3 = ({ className, ...internal }) => {
+var CalendarDialog = ({ isForcedOpen, children }) => isForcedOpen ? /* @__PURE__ */ React172.createElement("div", {
+  role: "dialog"
+}, children) : /* @__PURE__ */ React172.createElement(Dialog, null, children);
+var Day3 = ({ children, className, ...internal }) => {
   const { date } = internal;
   return /* @__PURE__ */ React172.createElement(CalendarCell, {
     className,
     date
-  });
+  }, children);
 };
 var PreviousTrigger = ({ children, className }) => /* @__PURE__ */ React172.createElement(Button, {
   slot: "previous",
@@ -55342,19 +55357,12 @@ var useInvokeCallback = (callback) => {
 // ../form-fields/dist/esm/ui/events-repeater/events-repeater-headless.js
 var NO_ERRORS2 = [];
 var NO_VALUES = {};
-var GuestCount = ({ children, className, groupClassName, ...internal }) => {
+var GuestCount = ({ children, ...internal }) => {
   const { guestLimit, guestCount, onGuestCountChange } = internal;
-  const { id: id6, label, disabled, readOnly, onBlur, onFocus } = useFieldPropsV2();
-  const { inputId, ariaDescribedBy } = useFieldAttributes();
+  const { label, disabled, readOnly, onBlur, onFocus } = useFieldPropsV2();
   const invokeBlur = useInvokeCallback(onBlur);
-  const ref = useRef(null);
-  useFocusFieldEvent(() => {
-    ref.current?.focus();
-  }, id6);
-  const decrementElement = findChildOfType(children, GuestCount.Decrement);
-  const incrementElement = findChildOfType(children, GuestCount.Increment);
+  const controlElement = findChildOfType(children, GuestCount.Control);
   return /* @__PURE__ */ React172.createElement(NumberField, {
-    className: groupClassName,
     "aria-label": label,
     value: guestCount,
     onChange: onGuestCountChange,
@@ -55365,13 +55373,33 @@ var GuestCount = ({ children, className, groupClassName, ...internal }) => {
     isReadOnly: readOnly,
     onBlur: invokeBlur,
     onFocus
-  }, /* @__PURE__ */ React172.createElement(Input, {
+  }, controlElement);
+};
+var GuestCountControl = ({ children, className }) => {
+  const { disabled, readOnly } = useFieldPropsV2();
+  const inputElement = findChildOfType(children, GuestCount.Input);
+  const decrementElement = findChildOfType(children, GuestCount.Decrement);
+  const incrementElement = findChildOfType(children, GuestCount.Increment);
+  return /* @__PURE__ */ React172.createElement(Group, {
+    className,
+    isDisabled: disabled,
+    isReadOnly: readOnly
+  }, inputElement, incrementElement, decrementElement);
+};
+var GuestCountInput = ({ className }) => {
+  const { id: id6 } = useFieldPropsV2();
+  const { inputId, ariaDescribedBy } = useFieldAttributes();
+  const ref = useRef(null);
+  useFocusFieldEvent(() => {
+    ref.current?.focus();
+  }, id6);
+  return /* @__PURE__ */ React172.createElement(Input, {
     ref,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className,
     inputMode: "numeric"
-  }), incrementElement, decrementElement);
+  });
 };
 var GuestCountDecrement = ({ children, className }) => {
   return /* @__PURE__ */ React172.createElement(Button, {
@@ -55480,6 +55508,8 @@ var Guest = ({ className, ...internal }) => {
     fieldActions
   }));
 };
+GuestCount.Control = GuestCountControl;
+GuestCount.Input = GuestCountInput;
 GuestCount.Decrement = GuestCountDecrement;
 GuestCount.Increment = GuestCountIncrement;
 GuestToggle.Input = SelectionIndicator;