@cdx-ui/primitives 0.0.1-beta.140 → 0.0.1-beta.142

package/lib/module/date-picker/DatePickerRoot.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
+import { View } from 'react-native';
+import { resolveDateComponentLabels } from '@cdx-ui/formatters';
+import { mergeRefs, useControllableState } from '@cdx-ui/utils';
+import { DateFieldRoot } from '../date-field/DateFieldRoot';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { DatePickerContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DatePickerRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  isOpen: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled: disabled = false,
+  isReadOnly,
+  isInvalid,
+  isRequired,
+  minValue,
+  maxValue,
+  locale = 'en-US',
+  labels: labelsProp,
+  ...props
+}, ref) => {
+  const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: next => {
+      onValueChange?.(next);
+    }
+  });
+  const [open, setOpenState] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [draftValue, setDraftValue] = useControllableState({
+    prop: undefined,
+    defaultProp: value
+  });
+  const surfacesRef = useRef(new Set());
+  const anchorRef = useRef(null);
+  const triggerRef = useRef(null);
+  const setOpen = useCallback(next => {
+    if (disabled && next) {
+      return;
+    }
+    if (next) {
+      setDraftValue(value);
+    }
+    setOpenState(next);
+  }, [disabled, setDraftValue, setOpenState, value]);
+  const registerSurface = useCallback(type => {
+    if (surfacesRef.current.has(type)) {
+      return;
+    }
+    surfacesRef.current.add(type);
+    if (surfacesRef.current.size > 1) {
+      console.warn('[Forge UI] DatePicker: multiple presentation surfaces detected. Use only one of Popover, Dialog, or BottomSheet.');
+    }
+  }, []);
+  useEffect(() => {
+    setDraftValue(value);
+  }, [setDraftValue, value]);
+  useEffect(() => {
+    if (!open) {
+      surfacesRef.current.clear();
+    }
+  }, [open]);
+  const contextValue = useMemo(() => ({
+    value,
+    onValueChange: setValue,
+    draftValue,
+    setDraftValue,
+    open: open ?? false,
+    setOpen,
+    disabled,
+    minValue,
+    maxValue,
+    locale,
+    labels,
+    registerSurface,
+    anchorRef,
+    triggerRef
+  }), [value, setValue, draftValue, setDraftValue, open, setOpen, disabled, minValue, maxValue, locale, labels, registerSurface]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(DatePickerContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: mergeRefs(ref, anchorRef),
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled,
+        open
+      })),
+      children: /*#__PURE__*/_jsx(DateFieldRoot, {
+        value: value,
+        onValueChange: next => setValue(next),
+        mode: "date",
+        locale: locale,
+        labels: labelsProp,
+        isDisabled: disabled,
+        isReadOnly: isReadOnly,
+        isInvalid: isInvalid,
+        isRequired: isRequired,
+        children: children
+      })
+    })
+  });
+});
+DatePickerRoot.displayName = 'DatePickerRoot';
+//# sourceMappingURL=DatePickerRoot.js.map

package/lib/module/date-picker/DatePickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","View","resolveDateComponentLabels","mergeRefs","useControllableState","DateFieldRoot","Slot","dataAttributes","mergeDataAttributes","DatePickerContext","jsx","_jsx","DatePickerRoot","asChild","children","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","isDisabled","disabled","isReadOnly","isInvalid","isRequired","minValue","maxValue","locale","labels","labelsProp","props","ref","setValue","prop","defaultProp","onChange","next","open","setOpenState","draftValue","setDraftValue","undefined","surfacesRef","Set","anchorRef","triggerRef","setOpen","registerSurface","type","current","has","add","size","console","warn","clear","contextValue","Comp","Provider","mode","displayName"],"sourceRoot":"../../../src","sources":["date-picker/DatePickerRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/date-picker/context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const DatePickerContext = /*#__PURE__*/createContext(null);
+export function useDatePickerContext() {
+  const ctx = useContext(DatePickerContext);
+  if (!ctx) {
+    throw new Error('DatePicker compound components must be used within DatePickerRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

package/lib/module/date-picker/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","DatePickerContext","useDatePickerContext","ctx","Error"],"sourceRoot":"../../../src","sources":["date-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAyBjE,OAAO,MAAMC,iBAAiB,gBAAGF,aAAa,CAAgC,IAAI,CAAC;AAEnF,OAAO,SAASG,oBAAoBA,CAAA,EAA2B;EAC7D,MAAMC,GAAG,GAAGH,UAAU,CAACC,iBAAiB,CAAC;EACzC,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,mEAAmE,CAAC;EACtF;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}

package/lib/module/date-picker/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { DatePickerRoot } from './DatePickerRoot';
+export { DatePickerContext, useDatePickerContext } from './context';
+//# sourceMappingURL=index.js.map

package/lib/module/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DatePickerRoot","DatePickerContext","useDatePickerContext"],"sourceRoot":"../../../src","sources":["date-picker/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,kBAAkB;AAEjD,SAASC,iBAAiB,EAAEC,oBAAoB,QAAqC,WAAW","ignoreList":[]}

package/lib/module/date-range-picker/DateRangePickerRoot.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { resolveDateComponentLabels } from '@cdx-ui/formatters';
+import { useControllableState, mergeRefs } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { DateRangePickerContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DateRangePickerRoot = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    asChild,
+    children,
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    focusedField: focusedProp,
+    defaultFocusedField = 'start',
+    onFocusedFieldChange,
+    isOpen: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    isDisabled: disabled = false,
+    isReadOnly = false,
+    isInvalid = false,
+    isRequired = false,
+    locale = 'en-US',
+    labels: labelsProp,
+    ...rest
+  } = props;
+  const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
+  const isRangeControlled = 'value' in props;
+  const [uncontrolledStart, setUncontrolledStart] = useState(defaultValue?.startId);
+  const [uncontrolledEnd, setUncontrolledEnd] = useState(defaultValue?.endId);
+  const startValue = isRangeControlled ? valueProp?.startId : uncontrolledStart;
+  const endValue = isRangeControlled ? valueProp?.endId : uncontrolledEnd;
+  const [open, setOpenState] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [draftStart, setDraftStart] = useState(startValue);
+  const [draftEnd, setDraftEnd] = useState(endValue);
+  const [focusedField, setFocusedField] = useControllableState({
+    prop: focusedProp,
+    defaultProp: defaultFocusedField,
+    onChange: onFocusedFieldChange
+  });
+  const surfacesRef = useRef(new Set());
+  const anchorRef = useRef(null);
+  const triggerRef = useRef(null);
+  const commitRange = useCallback(range => {
+    if (!isRangeControlled) {
+      setUncontrolledStart(range?.startId);
+      setUncontrolledEnd(range?.endId);
+    }
+    setDraftStart(range?.startId);
+    setDraftEnd(range?.endId);
+    onValueChange?.(range);
+  }, [isRangeControlled, onValueChange]);
+  const setDraftRange = useCallback(range => {
+    if (range.startId === null) {
+      setDraftStart(undefined);
+    } else if (range.startId !== undefined) {
+      setDraftStart(range.startId);
+    }
+    if (range.endId === null) {
+      setDraftEnd(undefined);
+    } else if (range.endId !== undefined) {
+      setDraftEnd(range.endId);
+    }
+  }, []);
+
+  // Sync draft from committed values when they change externally (presets, typed fields).
+  useEffect(() => {
+    setDraftStart(startValue);
+    setDraftEnd(endValue);
+  }, [endValue, startValue]);
+  const setOpen = useCallback(next => {
+    if (disabled && next) {
+      return;
+    }
+    if (next) {
+      setDraftStart(startValue);
+      setDraftEnd(endValue);
+    }
+    setOpenState(next);
+  }, [disabled, endValue, setOpenState, startValue]);
+  const registerSurface = useCallback(type => {
+    if (surfacesRef.current.has(type)) {
+      return;
+    }
+    surfacesRef.current.add(type);
+    if (surfacesRef.current.size > 1) {
+      console.warn('[Forge UI] DateRangePicker: multiple presentation surfaces detected. Use only one of Popover, Dialog, or BottomSheet.');
+    }
+  }, []);
+  useEffect(() => {
+    if (!open) {
+      surfacesRef.current.clear();
+    }
+  }, [open]);
+  const contextValue = useMemo(() => ({
+    startValue,
+    endValue,
+    onRangeChange: commitRange,
+    draftStart,
+    draftEnd,
+    setDraftRange,
+    focusedField: focusedField ?? 'start',
+    setFocusedField,
+    open: open ?? false,
+    setOpen,
+    disabled,
+    readOnly: isReadOnly,
+    invalid: isInvalid,
+    required: isRequired,
+    locale,
+    labels,
+    registerSurface,
+    anchorRef,
+    triggerRef
+  }), [startValue, endValue, commitRange, draftStart, draftEnd, setDraftRange, focusedField, setFocusedField, open, setOpen, disabled, isReadOnly, isInvalid, isRequired, locale, labels, registerSurface]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(DateRangePickerContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: mergeRefs(ref, anchorRef),
+      ...rest,
+      ...mergeDataAttributes(rest, dataAttributes({
+        disabled,
+        open
+      })),
+      children: children
+    })
+  });
+});
+DateRangePickerRoot.displayName = 'DateRangePickerRoot';
+//# sourceMappingURL=DateRangePickerRoot.js.map

package/lib/module/date-range-picker/DateRangePickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","useState","View","resolveDateComponentLabels","useControllableState","mergeRefs","Slot","dataAttributes","mergeDataAttributes","DateRangePickerContext","jsx","_jsx","DateRangePickerRoot","props","ref","asChild","children","value","valueProp","defaultValue","onValueChange","focusedField","focusedProp","defaultFocusedField","onFocusedFieldChange","isOpen","openProp","defaultOpen","onOpenChange","isDisabled","disabled","isReadOnly","isInvalid","isRequired","locale","labels","labelsProp","rest","isRangeControlled","uncontrolledStart","setUncontrolledStart","startId","uncontrolledEnd","setUncontrolledEnd","endId","startValue","endValue","open","setOpenState","prop","defaultProp","onChange","draftStart","setDraftStart","draftEnd","setDraftEnd","setFocusedField","surfacesRef","Set","anchorRef","triggerRef","commitRange","range","setDraftRange","undefined","setOpen","next","registerSurface","type","current","has","add","size","console","warn","clear","contextValue","onRangeChange","readOnly","invalid","required","Comp","Provider","displayName"],"sourceRoot":"../../../src","sources":["date-range-picker/DateRangePickerRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/date-range-picker/context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+
+/**
+ * A date range value. `endId` is optional: while the user is mid-selection (only
+ * the first endpoint chosen) the range carries `startId` alone. Build the ids
+ * with `dateId(...)` from `@cdx-ui/formatters`.
+ */
+
+export const DateRangePickerContext = /*#__PURE__*/createContext(null);
+export function useDateRangePickerContext() {
+  const ctx = useContext(DateRangePickerContext);
+  if (!ctx) {
+    throw new Error('DateRangePicker compound components must be used within DateRangePickerRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

package/lib/module/date-range-picker/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","DateRangePickerContext","useDateRangePickerContext","ctx","Error"],"sourceRoot":"../../../src","sources":["date-range-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;;AAMjE;AACA;AACA;AACA;AACA;;AA6BA,OAAO,MAAMC,sBAAsB,gBAAGF,aAAa,CAAqC,IAAI,CAAC;AAE7F,OAAO,SAASG,yBAAyBA,CAAA,EAAgC;EACvE,MAAMC,GAAG,GAAGH,UAAU,CAACC,sBAAsB,CAAC;EAC9C,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,6EAA6E,CAAC;EAChG;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}

package/lib/module/date-range-picker/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { DateRangePickerRoot } from './DateRangePickerRoot';
+export { DateRangePickerContext, useDateRangePickerContext } from './context';
+//# sourceMappingURL=index.js.map

package/lib/module/date-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DateRangePickerRoot","DateRangePickerContext","useDateRangePickerContext"],"sourceRoot":"../../../src","sources":["date-range-picker/index.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,uBAAuB;AAE3D,SACEC,sBAAsB,EACtBC,yBAAyB,QAGpB,WAAW","ignoreList":[]}

package/lib/module/date-time-field/DateTimeFieldHiddenInput.js

@@ -0,0 +1,148 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { Platform, TextInput } from 'react-native';
+import { useDateTimeFieldContext } from './context';
+
+/**
+ * Invisible input that owns keyboard focus while a segment is active.
+ * Mirrors `DateFieldHiddenInput`; switches to a default keyboard for day-period (A/P).
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const HIDDEN_INPUT_STYLE = {
+  position: 'absolute',
+  opacity: 0.01,
+  width: '100%',
+  height: '100%',
+  left: 0,
+  top: 0,
+  zIndex: 0,
+  fontSize: 16
+};
+const NUMERIC_KEYBOARD = Platform.select({
+  ios: 'phone-pad',
+  default: 'number-pad'
+});
+export function DateTimeFieldHiddenInput({
+  accessibilityLabel
+}) {
+  const {
+    focusedSegmentIndex,
+    segments,
+    disabled,
+    readOnly,
+    segmentDraft,
+    handleSegmentInputChange,
+    handleSegmentBackspace,
+    handleDayPeriodKey,
+    focusNextEditableSegment,
+    focusPrevEditableSegment,
+    blurSegment
+  } = useDateTimeFieldContext();
+  const inputRef = useRef(null);
+  const suppressBlurRef = useRef(false);
+  const focusedIndexRef = useRef(focusedSegmentIndex);
+  focusedIndexRef.current = focusedSegmentIndex;
+  const focusedSegment = focusedSegmentIndex != null ? segments[focusedSegmentIndex] : undefined;
+  const isDayPeriod = focusedSegment?.type === 'dayPeriod';
+  const isActive = focusedSegmentIndex != null && !disabled && !readOnly;
+  const draftValue = isDayPeriod ? segmentDraft.replace(/[^aApP12]/g, '') : segmentDraft.replace(/\D/g, '');
+  useEffect(() => {
+    if (!isActive) {
+      return;
+    }
+    suppressBlurRef.current = true;
+    const focusInput = () => {
+      inputRef.current?.focus();
+    };
+    const frame = requestAnimationFrame(focusInput);
+    const timer = setTimeout(() => {
+      focusInput();
+      suppressBlurRef.current = false;
+    }, 50);
+    return () => {
+      cancelAnimationFrame(frame);
+      clearTimeout(timer);
+    };
+  }, [isActive, focusedSegmentIndex]);
+  const onKeyPress = event => {
+    if (!isActive) {
+      return;
+    }
+    const key = event.nativeEvent.key;
+    if (key === 'Backspace') {
+      if (draftValue.length === 0) {
+        handleSegmentBackspace();
+      }
+      return;
+    }
+    if (key === 'ArrowRight') {
+      focusNextEditableSegment();
+      return;
+    }
+    if (key === 'ArrowLeft') {
+      focusPrevEditableSegment();
+      return;
+    }
+    if (isDayPeriod && /^[apAP]$/.test(key)) {
+      handleDayPeriodKey(key);
+    }
+  };
+  return /*#__PURE__*/_jsx(TextInput, {
+    testID: "date-time-field-keyboard-input",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    ref: inputRef,
+    value: isActive ? draftValue : '',
+    editable: isActive,
+    showSoftInputOnFocus: isActive,
+    pointerEvents: "none",
+    caretHidden: true,
+    importantForAutofill: "no",
+    autoComplete: "off",
+    autoCorrect: false,
+    spellCheck: false,
+    keyboardType: isDayPeriod ? 'default' : NUMERIC_KEYBOARD,
+    inputMode: isDayPeriod ? 'text' : 'numeric',
+    style: HIDDEN_INPUT_STYLE,
+    onChangeText: text => {
+      if (!isActive) {
+        return;
+      }
+      handleSegmentInputChange(text);
+    },
+    onKeyPress: onKeyPress,
+    onBlur: () => {
+      if (suppressBlurRef.current) {
+        return;
+      }
+      requestAnimationFrame(() => {
+        if (suppressBlurRef.current) {
+          return;
+        }
+        const index = focusedIndexRef.current;
+        if (index == null) {
+          return;
+        }
+        if (Platform.OS !== 'web') {
+          blurSegment(index);
+          return;
+        }
+        const node = inputRef.current;
+        if (node?.isFocused?.()) {
+          return;
+        }
+        const active = typeof document !== 'undefined' ? document.activeElement : null;
+        if (active && active.tagName === 'INPUT') {
+          const label = active.getAttribute('aria-label');
+          if (label === accessibilityLabel) {
+            return;
+          }
+        }
+        blurSegment(index);
+      });
+    }
+  });
+}
+//# sourceMappingURL=DateTimeFieldHiddenInput.js.map

package/lib/module/date-time-field/DateTimeFieldHiddenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Platform","TextInput","useDateTimeFieldContext","jsx","_jsx","HIDDEN_INPUT_STYLE","position","opacity","width","height","left","top","zIndex","fontSize","NUMERIC_KEYBOARD","select","ios","default","DateTimeFieldHiddenInput","accessibilityLabel","focusedSegmentIndex","segments","disabled","readOnly","segmentDraft","handleSegmentInputChange","handleSegmentBackspace","handleDayPeriodKey","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","inputRef","suppressBlurRef","focusedIndexRef","current","focusedSegment","undefined","isDayPeriod","type","isActive","draftValue","replace","focusInput","focus","frame","requestAnimationFrame","timer","setTimeout","cancelAnimationFrame","clearTimeout","onKeyPress","event","key","nativeEvent","length","test","testID","accessibilityElementsHidden","importantForAccessibility","ref","value","editable","showSoftInputOnFocus","pointerEvents","caretHidden","importantForAutofill","autoComplete","autoCorrect","spellCheck","keyboardType","inputMode","style","onChangeText","text","onBlur","index","OS","node","isFocused","active","document","activeElement","tagName","label","getAttribute"],"sourceRoot":"../../../src","sources":["date-time-field/DateTimeFieldHiddenInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/date-time-field/DateTimeFieldInput.js

@@ -0,0 +1,100 @@
+"use strict";
+
+import { forwardRef, useEffect } from 'react';
+import { Platform, View } from 'react-native';
+import { DateFieldSegmentIndexProvider } from '../date-field/segmentIndex';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDateTimeFieldContext } from './context';
+import { DateTimeFieldHiddenInput } from './DateTimeFieldHiddenInput';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DateTimeFieldInput = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const ctx = useDateTimeFieldContext();
+  const {
+    segments,
+    labels
+  } = ctx;
+  const keyboardInputLabel = labels.dateFieldKeyboardInput;
+  const Comp = asChild ? Slot : View;
+  useEffect(() => {
+    if (Platform.OS !== 'web' || ctx.focusedSegmentIndex == null || ctx.disabled || ctx.readOnly) {
+      return;
+    }
+    const focusedIndex = ctx.focusedSegmentIndex;
+    const onKeyDown = event => {
+      const activeLabel = typeof document !== 'undefined' ? document.activeElement?.getAttribute?.('aria-label') : null;
+      const inputOwnsFocus = activeLabel === keyboardInputLabel;
+      if (event.key === 'Backspace') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleSegmentBackspace();
+        return;
+      }
+      if (event.key === 'ArrowRight') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.focusNextEditableSegment();
+        return;
+      }
+      if (event.key === 'ArrowLeft') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.focusPrevEditableSegment();
+        return;
+      }
+      if (event.key === 'Tab') {
+        ctx.blurSegment(focusedIndex);
+        return;
+      }
+      if (/^[apAP]$/.test(event.key)) {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleDayPeriodKey(event.key);
+        return;
+      }
+      if (/^\d$/.test(event.key)) {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleSegmentDigit(event.key);
+      }
+    };
+    document.addEventListener('keydown', onKeyDown);
+    return () => document.removeEventListener('keydown', onKeyDown);
+  }, [ctx.blurSegment, ctx.disabled, ctx.focusNextEditableSegment, ctx.focusPrevEditableSegment, ctx.focusedSegmentIndex, ctx.handleDayPeriodKey, ctx.handleSegmentBackspace, ctx.handleSegmentDigit, ctx.readOnly, keyboardInputLabel]);
+  return /*#__PURE__*/_jsxs(Comp, {
+    ref: ref,
+    className: className,
+    style: [{
+      position: 'relative'
+    }, style],
+    accessibilityRole: "none",
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'date-time-field-input'
+    })),
+    children: [segments.map((segment, index) => /*#__PURE__*/_jsx(DateFieldSegmentIndexProvider, {
+      index: index,
+      children: children(segment)
+    }, `${segment.type}-${String(index)}`)), /*#__PURE__*/_jsx(DateTimeFieldHiddenInput, {
+      accessibilityLabel: keyboardInputLabel
+    })]
+  });
+});
+DateTimeFieldInput.displayName = 'DateTimeFieldInput';
+//# sourceMappingURL=DateTimeFieldInput.js.map

package/lib/module/date-time-field/DateTimeFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","Platform","View","DateFieldSegmentIndexProvider","Slot","dataAttributes","mergeDataAttributes","useDateTimeFieldContext","DateTimeFieldHiddenInput","jsx","_jsx","jsxs","_jsxs","DateTimeFieldInput","asChild","children","className","style","props","ref","ctx","segments","labels","keyboardInputLabel","dateFieldKeyboardInput","Comp","OS","focusedSegmentIndex","disabled","readOnly","focusedIndex","onKeyDown","event","activeLabel","document","activeElement","getAttribute","inputOwnsFocus","key","preventDefault","handleSegmentBackspace","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","test","handleDayPeriodKey","handleSegmentDigit","addEventListener","removeEventListener","position","accessibilityRole","slot","map","segment","index","type","String","accessibilityLabel","displayName"],"sourceRoot":"../../../src","sources":["date-time-field/DateTimeFieldInput.tsx"],"mappings":"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","ignoreList":[]}