@cdx-ui/primitives 0.0.1-beta.17 → 0.0.1-beta.170

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":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,SAAS,QAAqC,cAAc;AAC/E,SAASC,uBAAuB,QAAQ,WAAW;;AAEnD;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAIA,MAAMC,kBAAkB,GAAG;EACzBC,QAAQ,EAAE,UAAmB;EAC7BC,OAAO,EAAE,IAAI;EACbC,KAAK,EAAE,MAAe;EACtBC,MAAM,EAAE,MAAe;EACvBC,IAAI,EAAE,CAAC;EACPC,GAAG,EAAE,CAAC;EACNC,MAAM,EAAE,CAAC;EACTC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,gBAAgB,GAAGd,QAAQ,CAACe,MAAM,CAA6B;EACnEC,GAAG,EAAE,WAAW;EAChBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,SAASC,wBAAwBA,CAAC;EAAEC;AAAmD,CAAC,EAAE;EAC/F,MAAM;IACJC,mBAAmB;IACnBC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,wBAAwB;IACxBC,sBAAsB;IACtBC,kBAAkB;IAClBC,wBAAwB;IACxBC,wBAAwB;IACxBC;EACF,CAAC,GAAG5B,uBAAuB,CAAC,CAAC;EAE7B,MAAM6B,QAAQ,GAAGhC,MAAM,CAAY,IAAI,CAAC;EACxC,MAAMiC,eAAe,GAAGjC,MAAM,CAAC,KAAK,CAAC;EACrC,MAAMkC,eAAe,GAAGlC,MAAM,CAACqB,mBAAmB,CAAC;EACnDa,eAAe,CAACC,OAAO,GAAGd,mBAAmB;EAE7C,MAAMe,cAAc,GAAGf,mBAAmB,IAAI,IAAI,GAAGC,QAAQ,CAACD,mBAAmB,CAAC,GAAGgB,SAAS;EAC9F,MAAMC,WAAW,GAAGF,cAAc,EAAEG,IAAI,KAAK,WAAW;EACxD,MAAMC,QAAQ,GAAGnB,mBAAmB,IAAI,IAAI,IAAI,CAACE,QAAQ,IAAI,CAACC,QAAQ;EACtE,MAAMiB,UAAU,GAAGH,WAAW,GAC1Bb,YAAY,CAACiB,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,GACtCjB,YAAY,CAACiB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;EAEnC3C,SAAS,CAAC,MAAM;IACd,IAAI,CAACyC,QAAQ,EAAE;MACb;IACF;IAEAP,eAAe,CAACE,OAAO,GAAG,IAAI;IAC9B,MAAMQ,UAAU,GAAGA,CAAA,KAAM;MACvBX,QAAQ,CAACG,OAAO,EAAES,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,MAAMC,KAAK,GAAGC,qBAAqB,CAACH,UAAU,CAAC;IAC/C,MAAMI,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7BL,UAAU,CAAC,CAAC;MACZV,eAAe,CAACE,OAAO,GAAG,KAAK;IACjC,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO,MAAM;MACXc,oBAAoB,CAACJ,KAAK,CAAC;MAC3BK,YAAY,CAACH,KAAK,CAAC;IACrB,CAAC;EACH,CAAC,EAAE,CAACP,QAAQ,EAAEnB,mBAAmB,CAAC,CAAC;EAEnC,MAAM8B,UAAU,GAAIC,KAA6B,IAAK;IACpD,IAAI,CAACZ,QAAQ,EAAE;MACb;IACF;IACA,MAAMa,GAAG,GAAGD,KAAK,CAACE,WAAW,CAACD,GAAG;IACjC,IAAIA,GAAG,KAAK,WAAW,EAAE;MACvB,IAAIZ,UAAU,CAACc,MAAM,KAAK,CAAC,EAAE;QAC3B5B,sBAAsB,CAAC,CAAC;MAC1B;MACA;IACF;IACA,IAAI0B,GAAG,KAAK,YAAY,EAAE;MACxBxB,wBAAwB,CAAC,CAAC;MAC1B;IACF;IACA,IAAIwB,GAAG,KAAK,WAAW,EAAE;MACvBvB,wBAAwB,CAAC,CAAC;MAC1B;IACF;IACA,IAAIQ,WAAW,IAAI,UAAU,CAACkB,IAAI,CAACH,GAAG,CAAC,EAAE;MACvCzB,kBAAkB,CAACyB,GAAG,CAAC;IACzB;EACF,CAAC;EAED,oBACEhD,IAAA,CAACH,SAAS;IACRuD,MAAM,EAAC,gCAAgC;IACvCrC,kBAAkB,EAAEA,kBAAmB;IACvCsC,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/CC,GAAG,EAAE5B,QAAS;IACd6B,KAAK,EAAErB,QAAQ,GAAGC,UAAU,GAAG,EAAG;IAClCqB,QAAQ,EAAEtB,QAAS;IACnBuB,oBAAoB,EAAEvB,QAAS;IAC/BwB,aAAa,EAAC,MAAM;IACpBC,WAAW;IACXC,oBAAoB,EAAC,IAAI;IACzBC,YAAY,EAAC,KAAK;IAClBC,WAAW,EAAE,KAAM;IACnBC,UAAU,EAAE,KAAM;IAClBC,YAAY,EAAEhC,WAAW,GAAG,SAAS,GAAGvB,gBAAiB;IACzDwD,SAAS,EAAEjC,WAAW,GAAG,MAAM,GAAG,SAAU;IAC5CkC,KAAK,EAAElE,kBAAmB;IAC1BmE,YAAY,EAAGC,IAAI,IAAK;MACtB,IAAI,CAAClC,QAAQ,EAAE;QACb;MACF;MACAd,wBAAwB,CAACgD,IAAI,CAAC;IAChC,CAAE;IACFvB,UAAU,EAAEA,UAAW;IACvBwB,MAAM,EAAEA,CAAA,KAAM;MACZ,IAAI1C,eAAe,CAACE,OAAO,EAAE;QAC3B;MACF;MACAW,qBAAqB,CAAC,MAAM;QAC1B,IAAIb,eAAe,CAACE,OAAO,EAAE;UAC3B;QACF;QACA,MAAMyC,KAAK,GAAG1C,eAAe,CAACC,OAAO;QACrC,IAAIyC,KAAK,IAAI,IAAI,EAAE;UACjB;QACF;QACA,IAAI3E,QAAQ,CAAC4E,EAAE,KAAK,KAAK,EAAE;UACzB9C,WAAW,CAAC6C,KAAK,CAAC;UAClB;QACF;QACA,MAAME,IAAI,GAAG9C,QAAQ,CAACG,OAA0D;QAChF,IAAI2C,IAAI,EAAEC,SAAS,GAAG,CAAC,EAAE;UACvB;QACF;QACA,MAAMC,MAAM,GAAG,OAAOC,QAAQ,KAAK,WAAW,GAAGA,QAAQ,CAACC,aAAa,GAAG,IAAI;QAC9E,IAAIF,MAAM,IAAKA,MAAM,CAAiBG,OAAO,KAAK,OAAO,EAAE;UACzD,MAAMC,KAAK,GAAIJ,MAAM,CAAiBK,YAAY,CAAC,YAAY,CAAC;UAChE,IAAID,KAAK,KAAKhE,kBAAkB,EAAE;YAChC;UACF;QACF;QACAW,WAAW,CAAC6C,KAAK,CAAC;MACpB,CAAC,CAAC;IACJ;EAAE,CACH,CAAC;AAEN","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":[]}

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

@@ -0,0 +1,154 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { View } from 'react-native';
+import { formatDateTimeId, getDateTimeFieldSegments, isLocaleHour12, parseDateTimeId, resolveDateComponentLabels } from '@cdx-ui/formatters';
+import { useControllableState, useFormControl } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { DateTimeFieldContext } from './context';
+import { useDateTimeFieldSegmentState } from './useDateTimeFieldSegmentState';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DateTimeFieldRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  granularity = 'minute',
+  locale = 'en-US',
+  hour12: hour12Prop,
+  labels: labelsProp,
+  isDisabled,
+  isReadOnly,
+  isInvalid,
+  isRequired,
+  ...props
+}, ref) => {
+  const hour12 = hour12Prop ?? isLocaleHour12(locale);
+  const formControl = useFormControl({
+    isDisabled,
+    isReadOnly,
+    isInvalid,
+    isRequired
+  });
+  const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const segments = useMemo(() => getDateTimeFieldSegments(value, {
+    granularity,
+    locale,
+    hour12
+  }), [value, granularity, locale, hour12]);
+  const fieldDisabled = !!formControl.disabled;
+  const fieldReadOnly = !!formControl.readOnly;
+  const fieldInvalid = !!formControl['aria-invalid'];
+  const segmentState = useDateTimeFieldSegmentState({
+    granularity,
+    hour12,
+    locale,
+    segments,
+    value,
+    setValue,
+    disabled: fieldDisabled,
+    readOnly: fieldReadOnly
+  });
+  const contextValue = useMemo(() => ({
+    value,
+    onValueChange: setValue,
+    granularity,
+    locale,
+    hour12,
+    labels,
+    segments,
+    disabled: fieldDisabled,
+    readOnly: fieldReadOnly,
+    invalid: fieldInvalid,
+    ...segmentState
+  }), [value, setValue, granularity, locale, hour12, labels, segments, fieldDisabled, fieldReadOnly, fieldInvalid, segmentState]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(DateTimeFieldContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled: formControl.disabled,
+        invalid: formControl['aria-invalid'],
+        readonly: formControl.readOnly
+      })),
+      children: children
+    })
+  });
+});
+DateTimeFieldRoot.displayName = 'DateTimeFieldRoot';
+
+/** Local `DateTimeId` includes seconds when the time segment is `HH:mm:ss` (colon at index 16). */
+function dateTimeIdIncludesSeconds(dateTimeId) {
+  return dateTimeId.length >= 19 && dateTimeId.charAt(16) === ':';
+}
+export function applyDateTimePartChange(current, part, partValue) {
+  const parts = current ? parseDateTimeId(current) : null;
+  const hasSeconds = Boolean(current && dateTimeIdIncludesSeconds(current));
+  const includeSeconds = hasSeconds || part === 'second';
+  const base = parts ? {
+    year: parts.year,
+    month: parts.month,
+    day: parts.day,
+    hour: parts.hour,
+    minute: parts.minute,
+    ...(includeSeconds ? {
+      second: parts.second ?? 0
+    } : {})
+  } : {
+    year: new Date().getFullYear(),
+    month: new Date().getMonth() + 1,
+    day: new Date().getDate(),
+    hour: 0,
+    minute: 0,
+    ...(includeSeconds ? {
+      second: 0
+    } : {})
+  };
+  if (part === 'date' && typeof partValue === 'string') {
+    const dateParts = parseDateTimeId(`${partValue}T00:00:00`);
+    if (dateParts) {
+      return formatDateTimeId({
+        ...base,
+        year: dateParts.year,
+        month: dateParts.month,
+        day: dateParts.day
+      });
+    }
+  }
+  if (part === 'hour' && typeof partValue === 'number') {
+    return formatDateTimeId({
+      ...base,
+      hour: partValue
+    });
+  }
+  if (part === 'minute' && typeof partValue === 'number') {
+    return formatDateTimeId({
+      ...base,
+      minute: partValue
+    });
+  }
+  if (part === 'second' && typeof partValue === 'number') {
+    return formatDateTimeId({
+      ...base,
+      second: partValue
+    });
+  }
+  if (part === 'period' && typeof partValue === 'number') {
+    const hour = base.hour % 12 + (partValue === 1 ? 12 : 0);
+    return formatDateTimeId({
+      ...base,
+      hour
+    });
+  }
+  return formatDateTimeId(base);
+}
+//# sourceMappingURL=DateTimeFieldRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","View","formatDateTimeId","getDateTimeFieldSegments","isLocaleHour12","parseDateTimeId","resolveDateComponentLabels","useControllableState","useFormControl","Slot","dataAttributes","mergeDataAttributes","DateTimeFieldContext","useDateTimeFieldSegmentState","jsx","_jsx","DateTimeFieldRoot","asChild","children","value","valueProp","defaultValue","onValueChange","granularity","locale","hour12","hour12Prop","labels","labelsProp","isDisabled","isReadOnly","isInvalid","isRequired","props","ref","formControl","setValue","prop","defaultProp","onChange","segments","fieldDisabled","disabled","fieldReadOnly","readOnly","fieldInvalid","segmentState","contextValue","invalid","Comp","Provider","readonly","displayName","dateTimeIdIncludesSeconds","dateTimeId","length","charAt","applyDateTimePartChange","current","part","partValue","parts","hasSeconds","Boolean","includeSeconds","base","year","month","day","hour","minute","second","Date","getFullYear","getMonth","getDate","dateParts"],"sourceRoot":"../../../src","sources":["date-time-field/DateTimeFieldRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAA2C,OAAO;AAC9E,SAASC,IAAI,QAAwB,cAAc;AACnD,SACEC,gBAAgB,EAChBC,wBAAwB,EACxBC,cAAc,EACdC,eAAe,EACfC,0BAA0B,QAIrB,oBAAoB;AAC3B,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,eAAe;AACpE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAASC,4BAA4B,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqB9E,OAAO,MAAMC,iBAAiB,gBAAGjB,UAAU,CACzC,CACE;EACEkB,OAAO;EACPC,QAAQ;EACRC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbC,WAAW,GAAG,QAAQ;EACtBC,MAAM,GAAG,OAAO;EAChBC,MAAM,EAAEC,UAAU;EAClBC,MAAM,EAAEC,UAAU;EAClBC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,UAAU;EACV,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMT,MAAM,GAAGC,UAAU,IAAItB,cAAc,CAACoB,MAAM,CAAC;EACnD,MAAMW,WAAW,GAAG3B,cAAc,CAAC;IACjCqB,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC;EACF,CAAC,CAAC;EAEF,MAAML,MAAM,GAAG3B,OAAO,CAAC,MAAMM,0BAA0B,CAACsB,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAElF,MAAM,CAACT,KAAK,EAAEiB,QAAQ,CAAC,GAAG7B,oBAAoB,CAAyB;IACrE8B,IAAI,EAAEjB,SAAS;IACfkB,WAAW,EAAEjB,YAAY;IACzBkB,QAAQ,EAAEjB;EACZ,CAAC,CAAC;EAEF,MAAMkB,QAAQ,GAAGxC,OAAO,CACtB,MAAMG,wBAAwB,CAACgB,KAAK,EAAE;IAAEI,WAAW;IAAEC,MAAM;IAAEC;EAAO,CAAC,CAAC,EACtE,CAACN,KAAK,EAAEI,WAAW,EAAEC,MAAM,EAAEC,MAAM,CACrC,CAAC;EAED,MAAMgB,aAAa,GAAG,CAAC,CAACN,WAAW,CAACO,QAAQ;EAC5C,MAAMC,aAAa,GAAG,CAAC,CAACR,WAAW,CAACS,QAAQ;EAC5C,MAAMC,YAAY,GAAG,CAAC,CAACV,WAAW,CAAC,cAAc,CAAC;EAElD,MAAMW,YAAY,GAAGjC,4BAA4B,CAAC;IAChDU,WAAW;IACXE,MAAM;IACND,MAAM;IACNgB,QAAQ;IACRrB,KAAK;IACLiB,QAAQ;IACRM,QAAQ,EAAED,aAAa;IACvBG,QAAQ,EAAED;EACZ,CAAC,CAAC;EAEF,MAAMI,YAAY,GAAG/C,OAAO,CAC1B,OAAO;IACLmB,KAAK;IACLG,aAAa,EAAEc,QAAQ;IACvBb,WAAW;IACXC,MAAM;IACNC,MAAM;IACNE,MAAM;IACNa,QAAQ;IACRE,QAAQ,EAAED,aAAa;IACvBG,QAAQ,EAAED,aAAa;IACvBK,OAAO,EAAEH,YAAY;IACrB,GAAGC;EACL,CAAC,CAAC,EACF,CACE3B,KAAK,EACLiB,QAAQ,EACRb,WAAW,EACXC,MAAM,EACNC,MAAM,EACNE,MAAM,EACNa,QAAQ,EACRC,aAAa,EACbE,aAAa,EACbE,YAAY,EACZC,YAAY,CAEhB,CAAC;EAED,MAAMG,IAAI,GAAGhC,OAAO,GAAGR,IAAI,GAAGR,IAAI;EAElC,oBACEc,IAAA,CAACH,oBAAoB,CAACsC,QAAQ;IAAC/B,KAAK,EAAE4B,YAAa;IAAA7B,QAAA,eACjDH,IAAA,CAACkC,IAAI;MACHf,GAAG,EAAEA,GAAI;MAAA,GACLD,KAAK;MAAA,GACLtB,mBAAmB,CACrBsB,KAAK,EACLvB,cAAc,CAAC;QACbgC,QAAQ,EAAEP,WAAW,CAACO,QAAQ;QAC9BM,OAAO,EAAEb,WAAW,CAAC,cAAc,CAAC;QACpCgB,QAAQ,EAAEhB,WAAW,CAACS;MACxB,CAAC,CACH,CAAC;MAAA1B,QAAA,EAEAA;IAAQ,CACL;EAAC,CACsB,CAAC;AAEpC,CACF,CAAC;AAEDF,iBAAiB,CAACoC,WAAW,GAAG,mBAAmB;;AAEnD;AACA,SAASC,yBAAyBA,CAACC,UAAkB,EAAW;EAC9D,OAAOA,UAAU,CAACC,MAAM,IAAI,EAAE,IAAID,UAAU,CAACE,MAAM,CAAC,EAAE,CAAC,KAAK,GAAG;AACjE;AAEA,OAAO,SAASC,uBAAuBA,CACrCC,OAA+B,EAC/BC,IAAsD,EACtDC,SAA0B,EACd;EACZ,MAAMC,KAAK,GAAGH,OAAO,GAAGrD,eAAe,CAACqD,OAAO,CAAC,GAAG,IAAI;EACvD,MAAMI,UAAU,GAAGC,OAAO,CAACL,OAAO,IAAIL,yBAAyB,CAACK,OAAO,CAAC,CAAC;EACzE,MAAMM,cAAc,GAAGF,UAAU,IAAIH,IAAI,KAAK,QAAQ;EACtD,MAAMM,IAAI,GAAGJ,KAAK,GACd;IACEK,IAAI,EAAEL,KAAK,CAACK,IAAI;IAChBC,KAAK,EAAEN,KAAK,CAACM,KAAK;IAClBC,GAAG,EAAEP,KAAK,CAACO,GAAG;IACdC,IAAI,EAAER,KAAK,CAACQ,IAAI;IAChBC,MAAM,EAAET,KAAK,CAACS,MAAM;IACpB,IAAIN,cAAc,GAAG;MAAEO,MAAM,EAAEV,KAAK,CAACU,MAAM,IAAI;IAAE,CAAC,GAAG,CAAC,CAAC;EACzD,CAAC,GACD;IACEL,IAAI,EAAE,IAAIM,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;IAC9BN,KAAK,EAAE,IAAIK,IAAI,CAAC,CAAC,CAACE,QAAQ,CAAC,CAAC,GAAG,CAAC;IAChCN,GAAG,EAAE,IAAII,IAAI,CAAC,CAAC,CAACG,OAAO,CAAC,CAAC;IACzBN,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACT,IAAIN,cAAc,GAAG;MAAEO,MAAM,EAAE;IAAE,CAAC,GAAG,CAAC,CAAC;EACzC,CAAC;EAEL,IAAIZ,IAAI,KAAK,MAAM,IAAI,OAAOC,SAAS,KAAK,QAAQ,EAAE;IACpD,MAAMgB,SAAS,GAAGvE,eAAe,CAAC,GAAGuD,SAAS,WAAyB,CAAC;IACxE,IAAIgB,SAAS,EAAE;MACb,OAAO1E,gBAAgB,CAAC;QACtB,GAAG+D,IAAI;QACPC,IAAI,EAAEU,SAAS,CAACV,IAAI;QACpBC,KAAK,EAAES,SAAS,CAACT,KAAK;QACtBC,GAAG,EAAEQ,SAAS,CAACR;MACjB,CAAC,CAAC;IACJ;EACF;EAEA,IAAIT,IAAI,KAAK,MAAM,IAAI,OAAOC,SAAS,KAAK,QAAQ,EAAE;IACpD,OAAO1D,gBAAgB,CAAC;MAAE,GAAG+D,IAAI;MAAEI,IAAI,EAAET;IAAU,CAAC,CAAC;EACvD;EAEA,IAAID,IAAI,KAAK,QAAQ,IAAI,OAAOC,SAAS,KAAK,QAAQ,EAAE;IACtD,OAAO1D,gBAAgB,CAAC;MAAE,GAAG+D,IAAI;MAAEK,MAAM,EAAEV;IAAU,CAAC,CAAC;EACzD;EAEA,IAAID,IAAI,KAAK,QAAQ,IAAI,OAAOC,SAAS,KAAK,QAAQ,EAAE;IACtD,OAAO1D,gBAAgB,CAAC;MAAE,GAAG+D,IAAI;MAAEM,MAAM,EAAEX;IAAU,CAAC,CAAC;EACzD;EAEA,IAAID,IAAI,KAAK,QAAQ,IAAI,OAAOC,SAAS,KAAK,QAAQ,EAAE;IACtD,MAAMS,IAAI,GAAIJ,IAAI,CAACI,IAAI,GAAG,EAAE,IAAKT,SAAS,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC1D,OAAO1D,gBAAgB,CAAC;MAAE,GAAG+D,IAAI;MAAEI;IAAK,CAAC,CAAC;EAC5C;EAEA,OAAOnE,gBAAgB,CAAC+D,IAAI,CAAC;AAC/B","ignoreList":[]}