@multiplatform.one/forms 7.6.2 → 7.7.0

package/dist/esm/fields/DatePicker/catalog.mjs

@@ -0,0 +1,276 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { DatePickerFieldValueSync } from "./fieldValueSync.mjs";
+import { coerceToDate } from "./utils.mjs";
+import { useProps } from "tamagui";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { t } from "../../shared/t.mjs";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { Input as InputParts } from "../../InputParts/index.mjs";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { CalendarDays, CalendarHeader, CalendarPanelFrame, DatePickerInputTrigger, DatePickerPopoverShell, CalendarViewSwitcher, formatDateDisplay, isSameDay, useCalendarData, useDateNavigation, yearPageSize } from "./parts.mjs";
+import { MultiDatePicker } from "./MultiDatePicker.mjs";
+import { DateRangePicker } from "./DateRangePicker.mjs";
+import { Calendar } from "./Calendar.mjs";
+import { MonthPicker } from "./MonthPicker.mjs";
+import { DatetimePicker } from "./DatetimePicker.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DayGrid({
+  calendarData,
+  selectedDate,
+  onSelectDate,
+  minDate,
+  maxDate
+}) {
+  return /* @__PURE__ */jsx(CalendarDays, {
+    calendarData,
+    minDate,
+    maxDate,
+    isSelected: day => isSameDay(selectedDate, day),
+    onSelect: onSelectDate,
+    onToday: () => onSelectDate(/* @__PURE__ */new Date())
+  });
+}
+function CalendarBody({
+  displayDate,
+  selectedDate,
+  onSelectDate,
+  onNavigateMonth,
+  onSetDisplayDate,
+  minDate,
+  maxDate
+}) {
+  const [viewMode, setViewMode] = useState("day");
+  const calendarData = useCalendarData(displayDate);
+  const [yearPageStart, setYearPageStart] = useState(() => calendarData.year - calendarData.year % yearPageSize);
+  return /* @__PURE__ */jsx(CalendarViewSwitcher, {
+    calendarData,
+    displayDate,
+    onSetDisplayDate,
+    viewMode,
+    setViewMode,
+    yearPageStart,
+    setYearPageStart,
+    children: /* @__PURE__ */jsxs(CalendarPanelFrame, {
+      children: [/* @__PURE__ */jsx(CalendarHeader, {
+        year: calendarData.year,
+        monthName: calendarData.monthName,
+        onPrevMonth: () => onNavigateMonth("prev"),
+        onNextMonth: () => onNavigateMonth("next"),
+        onYearPress: () => {
+          setYearPageStart(calendarData.year - calendarData.year % yearPageSize);
+          setViewMode("year");
+        },
+        onMonthPress: () => setViewMode("month")
+      }), /* @__PURE__ */jsx(DayGrid, {
+        calendarData,
+        selectedDate,
+        onSelectDate,
+        minDate,
+        maxDate
+      })]
+    })
+  });
+}
+function DatePicker(props) {
+  const {
+    defaultValue,
+    value: controlledValue,
+    onChange,
+    onValueChange,
+    form,
+    inputProps: _inputProps,
+    placeholder = t("Select date"),
+    format: _format = "MM/DD/YYYY",
+    minDate,
+    maxDate,
+    disabled,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    readOnly,
+    onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = useProps(props);
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const hasLabel = Boolean(label);
+  const [open, setOpen] = useState(false);
+  const [selectedDate, setSelectedDate] = useState(() => coerceToDate(controlledValue ?? defaultValue));
+  useEffect(() => {
+    if (controlledValue === void 0) return;
+    setSelectedDate(coerceToDate(controlledValue));
+  }, [controlledValue]);
+  const {
+    displayDate,
+    setDisplayDate,
+    navigateMonth
+  } = useDateNavigation(selectedDate ?? void 0);
+  const popoverRef = useRef(null);
+  const closePopover = useCallback(() => {
+    setOpen(false);
+    popoverRef.current?.close();
+  }, []);
+  useEffect(() => {
+    if (selectedDate) closePopover();
+  }, [selectedDate, closePopover]);
+  const handleDateSelect = useCallback((date, fieldChange) => {
+    if (minDate && date < minDate) return;
+    if (maxDate && date > maxDate) return;
+    setSelectedDate(date);
+    setDisplayDate(date);
+    fieldChange?.(date);
+    onChange?.(date);
+    onValueChange?.(date);
+    closePopover();
+  }, [minDate, maxDate, setDisplayDate, closePopover, onChange, onValueChange]);
+  const handleClearDate = useCallback(fieldChange => {
+    setSelectedDate(null);
+    setDisplayDate(/* @__PURE__ */new Date());
+    fieldChange?.(null);
+    onChange?.(null);
+    onValueChange?.(null);
+  }, [setDisplayDate, onChange, onValueChange]);
+  const calendarContent = fieldChange => /* @__PURE__ */jsx(CalendarBody, {
+    displayDate,
+    selectedDate,
+    onSelectDate: date => handleDateSelect(date, fieldChange),
+    onNavigateMonth: navigateMonth,
+    onSetDisplayDate: setDisplayDate,
+    minDate,
+    maxDate
+  });
+  const renderPopover = (hasError, blurHandler, fieldChange) => {
+    if (readOnly) {
+      return /* @__PURE__ */jsx(InputParts.Box, {
+        children: /* @__PURE__ */jsx(InputParts.Area, {
+          value: formatDateDisplay(selectedDate),
+          readOnly: true,
+          "aria-readonly": "true",
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          placeholder
+        })
+      });
+    }
+    const handleOpenChange = isOpen => {
+      if (isOpen && selectedDate) setDisplayDate(selectedDate);
+      setOpen(isOpen);
+      if (!isOpen) {
+        blurHandler?.();
+      }
+    };
+    return /* @__PURE__ */jsx(DatePickerPopoverShell, {
+      open,
+      onOpenChange: handleOpenChange,
+      disabled,
+      popoverRef,
+      triggerA11y: {
+        label: typeof label === "string" && label || t("Date"),
+        value: formatDateDisplay(selectedDate) || placeholder,
+        hint: helperText
+      },
+      trigger: /* @__PURE__ */jsx(DatePickerInputTrigger, {
+        value: formatDateDisplay(selectedDate),
+        placeholder,
+        disabled,
+        open,
+        onReset: () => handleClearDate(fieldChange),
+        onButtonPress: () => {
+          if (selectedDate) setDisplayDate(selectedDate);
+          setOpen(true);
+        },
+        error: !!hasError,
+        id,
+        "aria-label": hasLabel ? void 0 : t("Date"),
+        "aria-describedby": [helperText && id ? `${id}-description` : void 0, hasError && id ? `${id}-error` : void 0].filter(Boolean).join(" ") || void 0,
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0
+      }),
+      clearValue: formatDateDisplay(selectedDate),
+      onClear: () => handleClearDate(fieldChange),
+      children: calendarContent(fieldChange)
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      disabled,
+      children: /* @__PURE__ */jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderPopover(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, errorProp);
+      return /* @__PURE__ */jsxs(Fragment, {
+        children: [/* @__PURE__ */jsx(DatePickerFieldValueSync, {
+          value: field.state.value,
+          onSync: setSelectedDate
+        }), /* @__PURE__ */jsx(FieldLayout, {
+          id,
+          label,
+          labelProps,
+          error: resolvedError,
+          helperText,
+          required,
+          size,
+          knobProps,
+          disabled,
+          children: /* @__PURE__ */jsx(InputParts, {
+            size: size || knobProps.sizeToken,
+            children: renderPopover(!!resolvedError, mergeFieldHandler(field, "handleBlur", onBlur), mergeFieldHandler(field, "handleChange"))
+          })
+        })]
+      });
+    }
+  });
+}
+export { Calendar, DatePicker, DateRangePicker, DatetimePicker, MonthPicker, MultiDatePicker };
+//# sourceMappingURL=catalog.mjs.map

package/dist/esm/fields/DatePicker/catalog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","DatePickerFieldValueSync","coerceToDate","useProps","Field","FieldLayout","t","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Skeleton","CalendarDays","CalendarHeader","CalendarPanelFrame","DatePickerInputTrigger","DatePickerPopoverShell","CalendarViewSwitcher","formatDateDisplay","isSameDay","useCalendarData","useDateNavigation","yearPageSize","MultiDatePicker","DateRangePicker","Calendar","MonthPicker","DatetimePicker","Fragment","jsx","jsxs","DayGrid","calendarData","selectedDate","onSelectDate","minDate","maxDate","isSelected","day","onSelect","onToday","Date","CalendarBody","displayDate","onNavigateMonth","onSetDisplayDate","viewMode","setViewMode","yearPageStart","setYearPageStart","year","children","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","DatePicker","props","defaultValue","value","controlledValue","onChange","onValueChange","form","inputProps","_inputProps","placeholder","format","_format","disabled","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","size","readOnly","onBlur","skeleton","compact","id","idProp","_restProps","resolvedForm","knobProps","resolvedValidators","hasLabel","Boolean","open","setOpen","setSelectedDate","setDisplayDate","navigateMonth","popoverRef","closePopover","current","close","handleDateSelect","date","fieldChange","handleClearDate","calendarContent","renderPopover","hasError","blurHandler","Box","Area","handleOpenChange","isOpen","onOpenChange","triggerA11y","hint","trigger","onReset","onButtonPress","filter","join","clearValue","onClear","variant","width","height","sizeToken","field","resolvedError","state","onSync"],"sources":["../../../../src/fields/DatePicker/catalog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/DatePicker/catalog.native.js

@@ -0,0 +1,317 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { DatePickerFieldValueSync } from "./fieldValueSync.native.js";
+import { coerceToDate } from "./utils.native.js";
+import { useProps } from "tamagui";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { t } from "../../shared/t.native.js";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+import { Input as InputParts } from "../../InputParts/index.native.js";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { CalendarDays, CalendarHeader, CalendarPanelFrame, DatePickerInputTrigger, DatePickerPopoverShell, CalendarViewSwitcher, formatDateDisplay, isSameDay, useCalendarData, useDateNavigation, yearPageSize } from "./parts.native.js";
+import { MultiDatePicker } from "./MultiDatePicker.native.js";
+import { DateRangePicker } from "./DateRangePicker.native.js";
+import { Calendar } from "./Calendar.native.js";
+import { MonthPicker } from "./MonthPicker.native.js";
+import { DatetimePicker } from "./DatetimePicker.native.js";
+function DayGrid(param) {
+  var {
+    calendarData,
+    selectedDate,
+    onSelectDate,
+    minDate,
+    maxDate
+  } = param;
+  return /* @__PURE__ */_jsx(CalendarDays, {
+    calendarData,
+    minDate,
+    maxDate,
+    isSelected: function isSelected(day) {
+      return isSameDay(selectedDate, day);
+    },
+    onSelect: onSelectDate,
+    onToday: function onToday() {
+      return onSelectDate(/* @__PURE__ */new Date());
+    }
+  });
+}
+function CalendarBody(param) {
+  var {
+    displayDate,
+    selectedDate,
+    onSelectDate,
+    onNavigateMonth,
+    onSetDisplayDate,
+    minDate,
+    maxDate
+  } = param;
+  var [viewMode, setViewMode] = useState("day");
+  var calendarData = useCalendarData(displayDate);
+  var [yearPageStart, setYearPageStart] = useState(function () {
+    return calendarData.year - calendarData.year % yearPageSize;
+  });
+  return /* @__PURE__ */_jsx(CalendarViewSwitcher, {
+    calendarData,
+    displayDate,
+    onSetDisplayDate,
+    viewMode,
+    setViewMode,
+    yearPageStart,
+    setYearPageStart,
+    children: /* @__PURE__ */_jsxs(CalendarPanelFrame, {
+      children: [/* @__PURE__ */_jsx(CalendarHeader, {
+        year: calendarData.year,
+        monthName: calendarData.monthName,
+        onPrevMonth: function onPrevMonth() {
+          return onNavigateMonth("prev");
+        },
+        onNextMonth: function onNextMonth() {
+          return onNavigateMonth("next");
+        },
+        onYearPress: function onYearPress() {
+          setYearPageStart(calendarData.year - calendarData.year % yearPageSize);
+          setViewMode("year");
+        },
+        onMonthPress: function onMonthPress() {
+          return setViewMode("month");
+        }
+      }), /* @__PURE__ */_jsx(DayGrid, {
+        calendarData,
+        selectedDate,
+        onSelectDate,
+        minDate,
+        maxDate
+      })]
+    })
+  });
+}
+function DatePicker(props) {
+  var {
+    defaultValue,
+    value: controlledValue,
+    onChange,
+    onValueChange,
+    form,
+    inputProps: _inputProps,
+    placeholder = t("Select date"),
+    format: _format = "MM/DD/YYYY",
+    minDate,
+    maxDate,
+    disabled,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    readOnly,
+    onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = useProps(props);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var hasLabel = Boolean(label);
+  var [open, setOpen] = useState(false);
+  var [selectedDate, setSelectedDate] = useState(function () {
+    return coerceToDate(controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue);
+  });
+  useEffect(function () {
+    if (controlledValue === void 0) return;
+    setSelectedDate(coerceToDate(controlledValue));
+  }, [controlledValue]);
+  var {
+    displayDate,
+    setDisplayDate,
+    navigateMonth
+  } = useDateNavigation(selectedDate !== null && selectedDate !== void 0 ? selectedDate : void 0);
+  var popoverRef = useRef(null);
+  var closePopover = useCallback(function () {
+    var _popoverRef_current;
+    setOpen(false);
+    (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.close();
+  }, []);
+  useEffect(function () {
+    if (selectedDate) closePopover();
+  }, [selectedDate, closePopover]);
+  var handleDateSelect = useCallback(function (date, fieldChange) {
+    if (minDate && date < minDate) return;
+    if (maxDate && date > maxDate) return;
+    setSelectedDate(date);
+    setDisplayDate(date);
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(date);
+    onChange === null || onChange === void 0 ? void 0 : onChange(date);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(date);
+    closePopover();
+  }, [minDate, maxDate, setDisplayDate, closePopover, onChange, onValueChange]);
+  var handleClearDate = useCallback(function (fieldChange) {
+    setSelectedDate(null);
+    setDisplayDate(/* @__PURE__ */new Date());
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(null);
+    onChange === null || onChange === void 0 ? void 0 : onChange(null);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(null);
+  }, [setDisplayDate, onChange, onValueChange]);
+  var calendarContent = function calendarContent2(fieldChange) {
+    return /* @__PURE__ */_jsx(CalendarBody, {
+      displayDate,
+      selectedDate,
+      onSelectDate: function onSelectDate(date) {
+        return handleDateSelect(date, fieldChange);
+      },
+      onNavigateMonth: navigateMonth,
+      onSetDisplayDate: setDisplayDate,
+      minDate,
+      maxDate
+    });
+  };
+  var renderPopover = function renderPopover2(hasError, blurHandler, fieldChange) {
+    if (readOnly) {
+      return /* @__PURE__ */_jsx(InputParts.Box, {
+        children: /* @__PURE__ */_jsx(InputParts.Area, {
+          value: formatDateDisplay(selectedDate),
+          readOnly: true,
+          "aria-readonly": "true",
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          placeholder
+        })
+      });
+    }
+    var handleOpenChange = function handleOpenChange2(isOpen) {
+      if (isOpen && selectedDate) setDisplayDate(selectedDate);
+      setOpen(isOpen);
+      if (!isOpen) {
+        blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
+      }
+    };
+    return /* @__PURE__ */_jsx(DatePickerPopoverShell, {
+      open,
+      onOpenChange: handleOpenChange,
+      // Disabling only the trigger is what LET the panel open: the trigger
+      // goes `pointerEvents:none`, so the click falls through to
+      // FloatingPanel's own reference wrapper, which opens on click unless
+      // it is told the field is disabled (SB-M-614). DatetimePicker and
+      // TimePicker already pass it.
+      disabled,
+      popoverRef,
+      // "Date, Jul 15 2026": VO gets the field name + current value on the
+      // native trigger (the web trigger announces via aria on the Area).
+      triggerA11y: {
+        label: typeof label === "string" && label || t("Date"),
+        value: formatDateDisplay(selectedDate) || placeholder,
+        hint: helperText
+      },
+      trigger: /* @__PURE__ */_jsx(DatePickerInputTrigger, {
+        value: formatDateDisplay(selectedDate),
+        placeholder,
+        disabled,
+        open,
+        onReset: function onReset() {
+          return handleClearDate(fieldChange);
+        },
+        onButtonPress: function onButtonPress() {
+          if (selectedDate) setDisplayDate(selectedDate);
+          setOpen(true);
+        },
+        error: !!hasError,
+        id,
+        // Labelled: FieldLayout's Label wires `aria-labelledby` onto this
+        // id itself — naming it here too doubles the spoken name.
+        "aria-label": hasLabel ? void 0 : t("Date"),
+        "aria-describedby": [helperText && id ? `${id}-description` : void 0, hasError && id ? `${id}-error` : void 0].filter(Boolean).join(" ") || void 0,
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0
+      }),
+      clearValue: formatDateDisplay(selectedDate),
+      onClear: function onClear() {
+        return handleClearDate(fieldChange);
+      },
+      children: calendarContent(fieldChange)
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
+      // the sibling label/helper readable) — it needs the disabled state.
+      disabled,
+      children: /* @__PURE__ */_jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderPopover(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = getFieldError(field, errorProp);
+      return /* @__PURE__ */_jsxs(_Fragment, {
+        children: [
+        /* Form branch displays from `selectedDate` — keep it synced to
+        the live field value (late seeds / programmatic updates). */
+        /* @__PURE__ */
+        _jsx(DatePickerFieldValueSync, {
+          value: field.state.value,
+          onSync: setSelectedDate
+        }), /* @__PURE__ */_jsx(FieldLayout, {
+          id,
+          label,
+          labelProps,
+          error: resolvedError,
+          helperText,
+          required,
+          size,
+          knobProps,
+          // LC-40: see standalone branch — FieldLayout carries dimWhole.
+          disabled,
+          children: /* @__PURE__ */_jsx(InputParts, {
+            size: size || knobProps.sizeToken,
+            children: renderPopover(!!resolvedError, mergeFieldHandler(field, "handleBlur", onBlur), mergeFieldHandler(field, "handleChange"))
+          })
+        })]
+      });
+    }
+  });
+}
+export { Calendar, DatePicker, DateRangePicker, DatetimePicker, MonthPicker, MultiDatePicker };
+//# sourceMappingURL=catalog.native.js.map

package/dist/esm/fields/DatePicker/catalog.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useEffect","useRef","useState","DatePickerFieldValueSync","coerceToDate","useProps","Field","FieldLayout","t","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Skeleton","CalendarDays","CalendarHeader","CalendarPanelFrame","DatePickerInputTrigger","DatePickerPopoverShell","CalendarViewSwitcher","formatDateDisplay","isSameDay","useCalendarData","useDateNavigation","yearPageSize","MultiDatePicker","DateRangePicker","Calendar","MonthPicker","DatetimePicker","DayGrid","param","calendarData","selectedDate","onSelectDate","minDate","maxDate","isSelected","day","onSelect","onToday","Date","CalendarBody","displayDate","onNavigateMonth","onSetDisplayDate","viewMode","setViewMode","yearPageStart","setYearPageStart","year","children","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","DatePicker","props","defaultValue","value","controlledValue","onChange","onValueChange","form","inputProps","_inputProps","placeholder","format","_format","disabled","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","size","readOnly","onBlur","skeleton","compact","id","idProp","_restProps","resolvedForm","knobProps","resolvedValidators","hasLabel","Boolean","open","setOpen","setSelectedDate","setDisplayDate","navigateMonth","popoverRef","closePopover","_popoverRef_current","current","close","handleDateSelect","date","fieldChange","handleClearDate","calendarContent","calendarContent2","renderPopover","renderPopover2","hasError","blurHandler","Box","Area","handleOpenChange","handleOpenChange2","isOpen","onOpenChange","triggerA11y","hint","trigger","onReset","onButtonPress","filter","join","clearValue","onClear","variant","width","height","sizeToken","field","resolvedError","state","onSync"],"sources":["catalog.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { DatePickerFieldValueSync } from \"./fieldValueSync\";\nimport { coerceToDate } from \"./utils\";\nimport { useProps } from \"tamagui\";\nimport { Field, FieldLayout } from \"../../fieldLayout\";\nimport { t } from \"../../shared/t\";\nimport { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from \"../../shared/utils\";\nimport { Input as InputParts } from \"../../InputParts\";\nimport { Skeleton } from \"../../Skeleton\";\nimport { CalendarDays, CalendarHeader, CalendarPanelFrame, DatePickerInputTrigger, DatePickerPopoverShell, CalendarViewSwitcher, formatDateDisplay, isSameDay, useCalendarData, useDateNavigation, yearPageSize } from \"./parts\";\nimport { MultiDatePicker } from \"./MultiDatePicker\";\nimport { DateRangePicker } from \"./DateRangePicker\";\nimport { Calendar } from \"./Calendar\";\nimport { MonthPicker } from \"./MonthPicker\";\nimport { DatetimePicker } from \"./DatetimePicker\";\nfunction DayGrid(param) {\n  var { calendarData, selectedDate, onSelectDate, minDate, maxDate } = param;\n  return /* @__PURE__ */ _jsx(CalendarDays, {\n    calendarData,\n    minDate,\n    maxDate,\n    isSelected: function isSelected(day) {\n      return isSameDay(selectedDate, day);\n    },\n    onSelect: onSelectDate,\n    onToday: function onToday() {\n      return onSelectDate(/* @__PURE__ */ new Date());\n    }\n  });\n}\nfunction CalendarBody(param) {\n  var { displayDate, selectedDate, onSelectDate, onNavigateMonth, onSetDisplayDate, minDate, maxDate } = param;\n  var [viewMode, setViewMode] = useState(\"day\");\n  var calendarData = useCalendarData(displayDate);\n  var [yearPageStart, setYearPageStart] = useState(function() {\n    return calendarData.year - calendarData.year % yearPageSize;\n  });\n  return /* @__PURE__ */ _jsx(CalendarViewSwitcher, {\n    calendarData,\n    displayDate,\n    onSetDisplayDate,\n    viewMode,\n    setViewMode,\n    yearPageStart,\n    setYearPageStart,\n    children: /* @__PURE__ */ _jsxs(CalendarPanelFrame, {\n      children: [\n        /* @__PURE__ */ _jsx(CalendarHeader, {\n          year: calendarData.year,\n          monthName: calendarData.monthName,\n          onPrevMonth: function onPrevMonth() {\n            return onNavigateMonth(\"prev\");\n          },\n          onNextMonth: function onNextMonth() {\n            return onNavigateMonth(\"next\");\n          },\n          onYearPress: function onYearPress() {\n            setYearPageStart(calendarData.year - calendarData.year % yearPageSize);\n            setViewMode(\"year\");\n          },\n          onMonthPress: function onMonthPress() {\n            return setViewMode(\"month\");\n          }\n        }),\n        /* @__PURE__ */ _jsx(DayGrid, {\n          calendarData,\n          selectedDate,\n          onSelectDate,\n          minDate,\n          maxDate\n        })\n      ]\n    })\n  });\n}\nfunction DatePicker(props) {\n  var { defaultValue, value: controlledValue, onChange, onValueChange, form, inputProps: _inputProps, placeholder = t(\"Select date\"), format: _format = \"MM/DD/YYYY\", minDate, maxDate, disabled, mode, name, preserveValue, validators, label, labelProps, error: errorProp, helperText, required, size, readOnly, onBlur, skeleton, compact, id: idProp, ..._restProps } = useProps(props);\n  var { resolvedForm, knobProps, id } = useFormField({\n    form,\n    id: idProp,\n    compact\n  });\n  var resolvedValidators = useResolvedValidators(required, validators, label, name);\n  var hasLabel = Boolean(label);\n  var [open, setOpen] = useState(false);\n  var [selectedDate, setSelectedDate] = useState(function() {\n    return coerceToDate(controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue);\n  });\n  useEffect(function() {\n    if (controlledValue === void 0) return;\n    setSelectedDate(coerceToDate(controlledValue));\n  }, [\n    controlledValue\n  ]);\n  var { displayDate, setDisplayDate, navigateMonth } = useDateNavigation(selectedDate !== null && selectedDate !== void 0 ? selectedDate : void 0);\n  var popoverRef = useRef(null);\n  var closePopover = useCallback(function() {\n    var _popoverRef_current;\n    setOpen(false);\n    (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.close();\n  }, []);\n  useEffect(function() {\n    if (selectedDate) closePopover();\n  }, [\n    selectedDate,\n    closePopover\n  ]);\n  var handleDateSelect = useCallback(function(date, fieldChange) {\n    if (minDate && date < minDate) return;\n    if (maxDate && date > maxDate) return;\n    setSelectedDate(date);\n    setDisplayDate(date);\n    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(date);\n    onChange === null || onChange === void 0 ? void 0 : onChange(date);\n    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(date);\n    closePopover();\n  }, [\n    minDate,\n    maxDate,\n    setDisplayDate,\n    closePopover,\n    onChange,\n    onValueChange\n  ]);\n  var handleClearDate = useCallback(function(fieldChange) {\n    setSelectedDate(null);\n    setDisplayDate(/* @__PURE__ */ new Date());\n    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null);\n    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(null);\n  }, [\n    setDisplayDate,\n    onChange,\n    onValueChange\n  ]);\n  var calendarContent = function calendarContent2(fieldChange) {\n    return /* @__PURE__ */ _jsx(CalendarBody, {\n      displayDate,\n      selectedDate,\n      onSelectDate: function onSelectDate(date) {\n        return handleDateSelect(date, fieldChange);\n      },\n      onNavigateMonth: navigateMonth,\n      onSetDisplayDate: setDisplayDate,\n      minDate,\n      maxDate\n    });\n  };\n  var renderPopover = function renderPopover2(hasError, blurHandler, fieldChange) {\n    if (readOnly) {\n      return /* @__PURE__ */ _jsx(InputParts.Box, {\n        children: /* @__PURE__ */ _jsx(InputParts.Area, {\n          value: formatDateDisplay(selectedDate),\n          readOnly: true,\n          \"aria-readonly\": \"true\",\n          \"aria-required\": required || void 0,\n          \"aria-invalid\": hasError || void 0,\n          placeholder\n        })\n      });\n    }\n    var handleOpenChange = function handleOpenChange2(isOpen) {\n      if (isOpen && selectedDate) setDisplayDate(selectedDate);\n      setOpen(isOpen);\n      if (!isOpen) {\n        blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();\n      }\n    };\n    return /* @__PURE__ */ _jsx(DatePickerPopoverShell, {\n      open,\n      onOpenChange: handleOpenChange,\n      // Disabling only the trigger is what LET the panel open: the trigger\n      // goes `pointerEvents:none`, so the click falls through to\n      // FloatingPanel's own reference wrapper, which opens on click unless\n      // it is told the field is disabled (SB-M-614). DatetimePicker and\n      // TimePicker already pass it.\n      disabled,\n      popoverRef,\n      // \"Date, Jul 15 2026\": VO gets the field name + current value on the\n      // native trigger (the web trigger announces via aria on the Area).\n      triggerA11y: {\n        label: typeof label === \"string\" && label || t(\"Date\"),\n        value: formatDateDisplay(selectedDate) || placeholder,\n        hint: helperText\n      },\n      trigger: /* @__PURE__ */ _jsx(DatePickerInputTrigger, {\n        value: formatDateDisplay(selectedDate),\n        placeholder,\n        disabled,\n        open,\n        onReset: function onReset() {\n          return handleClearDate(fieldChange);\n        },\n        onButtonPress: function onButtonPress() {\n          if (selectedDate) setDisplayDate(selectedDate);\n          setOpen(true);\n        },\n        error: !!hasError,\n        id,\n        // Labelled: FieldLayout's Label wires `aria-labelledby` onto this\n        // id itself — naming it here too doubles the spoken name.\n        \"aria-label\": hasLabel ? void 0 : t(\"Date\"),\n        \"aria-describedby\": [\n          helperText && id ? `${id}-description` : void 0,\n          hasError && id ? `${id}-error` : void 0\n        ].filter(Boolean).join(\" \") || void 0,\n        \"aria-required\": required || void 0,\n        \"aria-invalid\": hasError || void 0\n      }),\n      clearValue: formatDateDisplay(selectedDate),\n      onClear: function onClear() {\n        return handleClearDate(fieldChange);\n      },\n      children: calendarContent(fieldChange)\n    });\n  };\n  if (skeleton) {\n    return /* @__PURE__ */ _jsx(FieldLayout, {\n      id,\n      label,\n      size,\n      knobProps,\n      children: /* @__PURE__ */ _jsx(Skeleton, {\n        variant: \"rounded\",\n        width: \"100%\",\n        height: knobProps.sizeToken\n      })\n    });\n  }\n  if (!resolvedForm || !name) {\n    return /* @__PURE__ */ _jsx(FieldLayout, {\n      id,\n      label,\n      labelProps,\n      error: errorProp,\n      helperText,\n      required,\n      size,\n      knobProps,\n      onBlur,\n      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins\n      // the sibling label/helper readable) — it needs the disabled state.\n      disabled,\n      children: /* @__PURE__ */ _jsx(InputParts, {\n        size: size || knobProps.sizeToken,\n        children: renderPopover(!!errorProp)\n      })\n    });\n  }\n  return /* @__PURE__ */ _jsx(Field, {\n    defaultValue,\n    form: resolvedForm,\n    mode,\n    name,\n    preserveValue,\n    validators: resolvedValidators,\n    children: function children(field) {\n      var resolvedError = getFieldError(field, errorProp);\n      return /* @__PURE__ */ _jsxs(_Fragment, {\n        children: [\n          /* Form branch displays from `selectedDate` — keep it synced to\n          the live field value (late seeds / programmatic updates). */\n          /* @__PURE__ */ _jsx(DatePickerFieldValueSync, {\n            value: field.state.value,\n            onSync: setSelectedDate\n          }),\n          /* @__PURE__ */ _jsx(FieldLayout, {\n            id,\n            label,\n            labelProps,\n            error: resolvedError,\n            helperText,\n            required,\n            size,\n            knobProps,\n            // LC-40: see standalone branch — FieldLayout carries dimWhole.\n            disabled,\n            children: /* @__PURE__ */ _jsx(InputParts, {\n              size: size || knobProps.sizeToken,\n              children: renderPopover(!!resolvedError, mergeFieldHandler(field, \"handleBlur\", onBlur), mergeFieldHandler(field, \"handleChange\"))\n            })\n          })\n        ]\n      });\n    }\n  });\n}\nexport {\n  Calendar,\n  DatePicker,\n  DateRangePicker,\n  DatetimePicker,\n  MonthPicker,\n  MultiDatePicker\n};\n//# sourceMappingURL=catalog.js.map\n"],"mappings":"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","ignoreList":[]}