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

package/lib/module/date-field/DateFieldHiddenInput.js

@@ -0,0 +1,146 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { Platform, TextInput } from 'react-native';
+import { useDateFieldContext } from './context';
+
+/**
+ * Invisible input that owns keyboard focus while a segment is active.
+ * Kept always mounted (never conditionally unmounted) so focus/blur races
+ * cannot clear segment focus before keystrokes arrive.
+ *
+ * Value is synced to the segment draft so native backspace shortens the text
+ * via onChangeText (iOS number-pad has no delete key; phone-pad does).
+ */
+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 KEYBOARD_TYPE = Platform.select({
+  ios: 'phone-pad',
+  default: 'number-pad'
+});
+export function DateFieldHiddenInput({
+  accessibilityLabel
+}) {
+  const {
+    focusedSegmentIndex,
+    disabled,
+    readOnly,
+    segmentDraft,
+    handleSegmentInputChange,
+    handleSegmentBackspace,
+    focusNextEditableSegment,
+    focusPrevEditableSegment,
+    blurSegment
+  } = useDateFieldContext();
+  const inputRef = useRef(null);
+  const suppressBlurRef = useRef(false);
+  const focusedIndexRef = useRef(focusedSegmentIndex);
+  focusedIndexRef.current = focusedSegmentIndex;
+  const isActive = focusedSegmentIndex != null && !disabled && !readOnly;
+  const draftDigits = 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') {
+      // When draft still has digits, onChangeText mirrors the shortened value.
+      // Only handle empty-draft backspace here (move to previous / clear).
+      if (draftDigits.length === 0) {
+        handleSegmentBackspace();
+      }
+      return;
+    }
+    if (key === 'ArrowRight') {
+      focusNextEditableSegment();
+      return;
+    }
+    if (key === 'ArrowLeft') {
+      focusPrevEditableSegment();
+    }
+  };
+  return /*#__PURE__*/_jsx(TextInput, {
+    testID: "date-field-keyboard-input",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    ref: inputRef,
+    value: isActive ? draftDigits : '',
+    editable: isActive,
+    showSoftInputOnFocus: isActive,
+    pointerEvents: "none",
+    caretHidden: true,
+    importantForAutofill: "no",
+    autoComplete: "off",
+    autoCorrect: false,
+    spellCheck: false,
+    keyboardType: KEYBOARD_TYPE,
+    inputMode: "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=DateFieldHiddenInput.js.map

package/lib/module/date-field/DateFieldHiddenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Platform","TextInput","useDateFieldContext","jsx","_jsx","HIDDEN_INPUT_STYLE","position","opacity","width","height","left","top","zIndex","fontSize","KEYBOARD_TYPE","select","ios","default","DateFieldHiddenInput","accessibilityLabel","focusedSegmentIndex","disabled","readOnly","segmentDraft","handleSegmentInputChange","handleSegmentBackspace","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","inputRef","suppressBlurRef","focusedIndexRef","current","isActive","draftDigits","replace","focusInput","focus","frame","requestAnimationFrame","timer","setTimeout","cancelAnimationFrame","clearTimeout","onKeyPress","event","key","nativeEvent","length","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-field/DateFieldHiddenInput.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,SAAS,QAAqC,cAAc;AAC/E,SAASC,mBAAmB,QAAQ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,SAAAC,GAAA,IAAAC,IAAA;AAQA,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,aAAa,GAAGd,QAAQ,CAACe,MAAM,CAA6B;EAChEC,GAAG,EAAE,WAAW;EAChBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,SAASC,oBAAoBA,CAAC;EAAEC;AAAmD,CAAC,EAAE;EAC3F,MAAM;IACJC,mBAAmB;IACnBC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,wBAAwB;IACxBC,sBAAsB;IACtBC,wBAAwB;IACxBC,wBAAwB;IACxBC;EACF,CAAC,GAAG1B,mBAAmB,CAAC,CAAC;EAEzB,MAAM2B,QAAQ,GAAG9B,MAAM,CAAY,IAAI,CAAC;EACxC,MAAM+B,eAAe,GAAG/B,MAAM,CAAC,KAAK,CAAC;EACrC,MAAMgC,eAAe,GAAGhC,MAAM,CAACqB,mBAAmB,CAAC;EACnDW,eAAe,CAACC,OAAO,GAAGZ,mBAAmB;EAE7C,MAAMa,QAAQ,GAAGb,mBAAmB,IAAI,IAAI,IAAI,CAACC,QAAQ,IAAI,CAACC,QAAQ;EACtE,MAAMY,WAAW,GAAGX,YAAY,CAACY,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;EAEnDrC,SAAS,CAAC,MAAM;IACd,IAAI,CAACmC,QAAQ,EAAE;MACb;IACF;IAEAH,eAAe,CAACE,OAAO,GAAG,IAAI;IAC9B,MAAMI,UAAU,GAAGA,CAAA,KAAM;MACvBP,QAAQ,CAACG,OAAO,EAAEK,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;MACZN,eAAe,CAACE,OAAO,GAAG,KAAK;IACjC,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO,MAAM;MACXU,oBAAoB,CAACJ,KAAK,CAAC;MAC3BK,YAAY,CAACH,KAAK,CAAC;IACrB,CAAC;EACH,CAAC,EAAE,CAACP,QAAQ,EAAEb,mBAAmB,CAAC,CAAC;EAEnC,MAAMwB,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;MACA;MACA,IAAIZ,WAAW,CAACc,MAAM,KAAK,CAAC,EAAE;QAC5BvB,sBAAsB,CAAC,CAAC;MAC1B;MACA;IACF;IACA,IAAIqB,GAAG,KAAK,YAAY,EAAE;MACxBpB,wBAAwB,CAAC,CAAC;MAC1B;IACF;IACA,IAAIoB,GAAG,KAAK,WAAW,EAAE;MACvBnB,wBAAwB,CAAC,CAAC;IAC5B;EACF,CAAC;EAED,oBACEvB,IAAA,CAACH,SAAS;IACRgD,MAAM,EAAC,2BAA2B;IAClC9B,kBAAkB,EAAEA,kBAAmB;IACvC+B,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/CC,GAAG,EAAEvB,QAAS;IACdwB,KAAK,EAAEpB,QAAQ,GAAGC,WAAW,GAAG,EAAG;IACnCoB,QAAQ,EAAErB,QAAS;IACnBsB,oBAAoB,EAAEtB,QAAS;IAC/BuB,aAAa,EAAC,MAAM;IACpBC,WAAW;IACXC,oBAAoB,EAAC,IAAI;IACzBC,YAAY,EAAC,KAAK;IAClBC,WAAW,EAAE,KAAM;IACnBC,UAAU,EAAE,KAAM;IAClBC,YAAY,EAAEhD,aAAc;IAC5BiD,SAAS,EAAC,SAAS;IACnBC,KAAK,EAAE3D,kBAAmB;IAC1B4D,YAAY,EAAGC,IAAI,IAAK;MACtB,IAAI,CAACjC,QAAQ,EAAE;QACb;MACF;MACAT,wBAAwB,CAAC0C,IAAI,CAAC;IAChC,CAAE;IACFtB,UAAU,EAAEA,UAAW;IACvBuB,MAAM,EAAEA,CAAA,KAAM;MACZ,IAAIrC,eAAe,CAACE,OAAO,EAAE;QAC3B;MACF;MACAO,qBAAqB,CAAC,MAAM;QAC1B,IAAIT,eAAe,CAACE,OAAO,EAAE;UAC3B;QACF;QACA,MAAMoC,KAAK,GAAGrC,eAAe,CAACC,OAAO;QACrC,IAAIoC,KAAK,IAAI,IAAI,EAAE;UACjB;QACF;QACA,IAAIpE,QAAQ,CAACqE,EAAE,KAAK,KAAK,EAAE;UACzBzC,WAAW,CAACwC,KAAK,CAAC;UAClB;QACF;QACA,MAAME,IAAI,GAAGzC,QAAQ,CAACG,OAA0D;QAChF,IAAIsC,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,KAAKzD,kBAAkB,EAAE;YAChC;UACF;QACF;QACAS,WAAW,CAACwC,KAAK,CAAC;MACpB,CAAC,CAAC;IACJ;EAAE,CACH,CAAC;AAEN","ignoreList":[]}

package/lib/module/date-field/DateFieldInput.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import { forwardRef, useContext, useEffect } from 'react';
+import { Platform, View } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { DateRangePickerContext } from '../date-range-picker/context';
+import { DateFieldHiddenInput } from './DateFieldHiddenInput';
+import { DateFieldSegmentIndexProvider } from './segmentIndex';
+import { DateFieldContext } from './context';
+import { useRangeDateFieldBridge } from './useRangeDateFieldBridge';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DateFieldInput = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  className,
+  style,
+  slot = 'start',
+  ...props
+}, ref) => {
+  const fieldCtx = useContext(DateFieldContext);
+  const rangeCtx = useContext(DateRangePickerContext);
+  const rangeBridge = useRangeDateFieldBridge(slot, rangeCtx);
+  const ctx = fieldCtx ?? rangeBridge;
+  if (!ctx) {
+    throw new Error('DateField.Input must be used within DateField or DateRangePicker (with slot="start" | "end")');
+  }
+  const {
+    segments,
+    focusedSegmentIndex,
+    labels
+  } = ctx;
+  const keyboardInputLabel = labels.dateFieldKeyboardInput;
+  const Comp = asChild ? Slot : View;
+  useEffect(() => {
+    if (rangeCtx && focusedSegmentIndex != null) {
+      rangeCtx.setFocusedField(slot);
+    }
+  }, [focusedSegmentIndex, rangeCtx, slot]);
+
+  // Web fallback: if the hidden input fails to take focus (some browsers reject
+  // near-invisible inputs), still accept keystrokes at the document level.
+  // Skip when the hidden input is already focused to avoid double-applying digits.
+  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 (/^\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.handleSegmentBackspace, ctx.handleSegmentDigit, ctx.readOnly, keyboardInputLabel]);
+  const input = /*#__PURE__*/_jsxs(Comp, {
+    ref: ref,
+    className: className,
+    style: [{
+      position: 'relative'
+    }, style],
+    accessibilityRole: "none",
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'date-field-input'
+    })),
+    children: [segments.map((segment, index) => /*#__PURE__*/_jsx(DateFieldSegmentIndexProvider, {
+      index: index,
+      children: children(segment)
+    }, `${segment.type}-${String(index)}`)), /*#__PURE__*/_jsx(DateFieldHiddenInput, {
+      accessibilityLabel: keyboardInputLabel
+    })]
+  });
+  if (!fieldCtx && rangeBridge) {
+    return /*#__PURE__*/_jsx(DateFieldContext.Provider, {
+      value: rangeBridge,
+      children: input
+    });
+  }
+  return input;
+});
+DateFieldInput.displayName = 'DateFieldInput';
+//# sourceMappingURL=DateFieldInput.js.map

package/lib/module/date-field/DateFieldInput.js.map

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

package/lib/module/date-field/DateFieldRoot.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { View } from 'react-native';
+import { getDateFieldSegments, resolveDateComponentLabels } from '@cdx-ui/formatters';
+import { useControllableState, useFormControl } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { DateFieldContext } from './context';
+import { useDateFieldSegmentState } from './useDateFieldSegmentState';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DateFieldRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  mode = 'date',
+  locale = 'en-US',
+  labels: labelsProp,
+  isDisabled,
+  isReadOnly,
+  isInvalid,
+  isRequired,
+  ...props
+}, ref) => {
+  const formControl = useFormControl({
+    isDisabled,
+    isReadOnly,
+    isInvalid,
+    isRequired
+  });
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: next => {
+      onValueChange?.(next);
+    }
+  });
+  const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
+  const segments = useMemo(() => getDateFieldSegments(value, {
+    mode,
+    locale
+  }), [value, mode, locale]);
+  const segmentState = useDateFieldSegmentState({
+    mode,
+    segments,
+    value,
+    setValue,
+    disabled: !!formControl.disabled,
+    readOnly: !!formControl.readOnly
+  });
+  const contextValue = useMemo(() => ({
+    value,
+    onValueChange: setValue,
+    mode,
+    locale,
+    labels,
+    segments,
+    disabled: !!formControl.disabled,
+    readOnly: !!formControl.readOnly,
+    invalid: !!formControl['aria-invalid'],
+    ...segmentState
+  }), [value, setValue, mode, locale, labels, segments, formControl.disabled, formControl.readOnly, formControl['aria-invalid'], segmentState]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(DateFieldContext.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
+    })
+  });
+});
+DateFieldRoot.displayName = 'DateFieldRoot';
+//# sourceMappingURL=DateFieldRoot.js.map

package/lib/module/date-field/DateFieldRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","View","getDateFieldSegments","resolveDateComponentLabels","useControllableState","useFormControl","Slot","dataAttributes","mergeDataAttributes","DateFieldContext","useDateFieldSegmentState","jsx","_jsx","DateFieldRoot","asChild","children","value","valueProp","defaultValue","onValueChange","mode","locale","labels","labelsProp","isDisabled","isReadOnly","isInvalid","isRequired","props","ref","formControl","setValue","prop","defaultProp","onChange","next","segments","segmentState","disabled","readOnly","contextValue","invalid","Comp","Provider","readonly","displayName"],"sourceRoot":"../../../src","sources":["date-field/DateFieldRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAA2C,OAAO;AAC9E,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,EAAEC,0BAA0B,QAAQ,oBAAoB;AACrF,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,eAAe;AACpE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,gBAAgB,QAA6B,WAAW;AAEjE,SAASC,wBAAwB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtE,OAAO,MAAMC,aAAa,gBAAGd,UAAU,CACrC,CACE;EACEe,OAAO;EACPC,QAAQ;EACRC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbC,IAAI,GAAG,MAAM;EACbC,MAAM,GAAG,OAAO;EAChBC,MAAM,EAAEC,UAAU;EAClBC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,UAAU;EACV,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,WAAW,GAAGzB,cAAc,CAAC;IACjCmB,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC;EACF,CAAC,CAAC;EAEF,MAAM,CAACX,KAAK,EAAEe,QAAQ,CAAC,GAAG3B,oBAAoB,CAAiB;IAC7D4B,IAAI,EAAEf,SAAS;IACfgB,WAAW,EAAEf,YAAY;IACzBgB,QAAQ,EAAGC,IAAI,IAAK;MAClBhB,aAAa,GAAGgB,IAAI,CAAC;IACvB;EACF,CAAC,CAAC;EAEF,MAAMb,MAAM,GAAGtB,OAAO,CAAC,MAAMG,0BAA0B,CAACoB,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAElF,MAAMa,QAAQ,GAAGpC,OAAO,CACtB,MAAME,oBAAoB,CAACc,KAAK,EAAE;IAAEI,IAAI;IAAEC;EAAO,CAAC,CAAC,EACnD,CAACL,KAAK,EAAEI,IAAI,EAAEC,MAAM,CACtB,CAAC;EAED,MAAMgB,YAAY,GAAG3B,wBAAwB,CAAC;IAC5CU,IAAI;IACJgB,QAAQ;IACRpB,KAAK;IACLe,QAAQ;IACRO,QAAQ,EAAE,CAAC,CAACR,WAAW,CAACQ,QAAQ;IAChCC,QAAQ,EAAE,CAAC,CAACT,WAAW,CAACS;EAC1B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGxC,OAAO,CAC1B,OAAO;IACLgB,KAAK;IACLG,aAAa,EAAEY,QAAQ;IACvBX,IAAI;IACJC,MAAM;IACNC,MAAM;IACNc,QAAQ;IACRE,QAAQ,EAAE,CAAC,CAACR,WAAW,CAACQ,QAAQ;IAChCC,QAAQ,EAAE,CAAC,CAACT,WAAW,CAACS,QAAQ;IAChCE,OAAO,EAAE,CAAC,CAACX,WAAW,CAAC,cAAc,CAAC;IACtC,GAAGO;EACL,CAAC,CAAC,EACF,CACErB,KAAK,EACLe,QAAQ,EACRX,IAAI,EACJC,MAAM,EACNC,MAAM,EACNc,QAAQ,EACRN,WAAW,CAACQ,QAAQ,EACpBR,WAAW,CAACS,QAAQ,EACpBT,WAAW,CAAC,cAAc,CAAC,EAC3BO,YAAY,CAEhB,CAAC;EAED,MAAMK,IAAI,GAAG5B,OAAO,GAAGR,IAAI,GAAGL,IAAI;EAElC,oBACEW,IAAA,CAACH,gBAAgB,CAACkC,QAAQ;IAAC3B,KAAK,EAAEwB,YAAa;IAAAzB,QAAA,eAC7CH,IAAA,CAAC8B,IAAI;MACHb,GAAG,EAAEA,GAAI;MAAA,GACLD,KAAK;MAAA,GACLpB,mBAAmB,CACrBoB,KAAK,EACLrB,cAAc,CAAC;QACb+B,QAAQ,EAAER,WAAW,CAACQ,QAAQ;QAC9BG,OAAO,EAAEX,WAAW,CAAC,cAAc,CAAC;QACpCc,QAAQ,EAAEd,WAAW,CAACS;MACxB,CAAC,CACH,CAAC;MAAAxB,QAAA,EAEAA;IAAQ,CACL;EAAC,CACkB,CAAC;AAEhC,CACF,CAAC;AAEDF,aAAa,CAACgC,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/date-field/DateFieldSegment.js

@@ -0,0 +1,88 @@
+"use strict";
+
+import { forwardRef, useCallback } from 'react';
+import { Platform, Pressable, Text } from 'react-native';
+import { getDateSegmentAccessibilityLabel } from '@cdx-ui/formatters';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDateFieldContext } from './context';
+import { useDateFieldSegmentIndex } from './segmentIndex';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DateFieldSegment = /*#__PURE__*/forwardRef(({
+  asChild,
+  segment,
+  segmentIndex: segmentIndexProp,
+  style,
+  ...props
+}, ref) => {
+  const contextSegmentIndex = useDateFieldSegmentIndex();
+  const segmentIndex = segmentIndexProp ?? contextSegmentIndex;
+  const {
+    disabled,
+    readOnly,
+    focusedSegmentIndex,
+    focusSegment,
+    getSegmentDisplayText,
+    labels
+  } = useDateFieldContext();
+  const isFocused = focusedSegmentIndex === segmentIndex;
+  const displayText = getSegmentDisplayText(segmentIndex);
+  const handlePress = useCallback(() => {
+    focusSegment(segmentIndex);
+  }, [focusSegment, segmentIndex]);
+
+  // On web, prevent the Pressable from taking focus so the hidden TextInput
+  // can keep keyboard ownership after the tap.
+  const preventWebFocusSteal = useCallback(event => {
+    if (Platform.OS !== 'web') {
+      return;
+    }
+    const maybeDom = event;
+    maybeDom.preventDefault?.();
+  }, []);
+  const dataProps = mergeDataAttributes(props, dataAttributes({
+    slot: 'date-field-segment',
+    focus: isFocused,
+    placeholder: segment.text === displayText && !segment.value
+  }));
+  if (segment.isEditable && !asChild) {
+    return /*#__PURE__*/_jsx(Pressable, {
+      accessibilityRole: "spinbutton",
+      accessibilityLabel: getDateSegmentAccessibilityLabel(segment.type, labels),
+      accessibilityState: {
+        disabled,
+        selected: isFocused
+      },
+      disabled: disabled || readOnly,
+      onPress: handlePress,
+      onPressIn: preventWebFocusSteal
+      // Keep segments above the invisible keyboard input for hit-testing.
+      ,
+      style: [{
+        zIndex: 1
+      }, style],
+      ...props,
+      ...dataProps,
+      ...(Platform.OS === 'web' ? {
+        onMouseDown: e => {
+          e.preventDefault();
+        }
+      } : null),
+      children: /*#__PURE__*/_jsx(Text, {
+        children: displayText
+      })
+    });
+  }
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    style: style,
+    ...props,
+    ...dataProps,
+    accessibilityRole: "text",
+    importantForAccessibility: "no",
+    children: displayText
+  });
+});
+DateFieldSegment.displayName = 'DateFieldSegment';
+//# sourceMappingURL=DateFieldSegment.js.map

package/lib/module/date-field/DateFieldSegment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","Platform","Pressable","Text","getDateSegmentAccessibilityLabel","Slot","dataAttributes","mergeDataAttributes","useDateFieldContext","useDateFieldSegmentIndex","jsx","_jsx","DateFieldSegment","asChild","segment","segmentIndex","segmentIndexProp","style","props","ref","contextSegmentIndex","disabled","readOnly","focusedSegmentIndex","focusSegment","getSegmentDisplayText","labels","isFocused","displayText","handlePress","preventWebFocusSteal","event","OS","maybeDom","preventDefault","dataProps","slot","focus","placeholder","text","value","isEditable","accessibilityRole","accessibilityLabel","type","accessibilityState","selected","onPress","onPressIn","zIndex","onMouseDown","e","children","Comp","importantForAccessibility","displayName"],"sourceRoot":"../../../src","sources":["date-field/DateFieldSegment.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,QAA2B,OAAO;AAClE,SACEC,QAAQ,EACRC,SAAS,EACTC,IAAI,QAGC,cAAc;AACrB,SAASC,gCAAgC,QAAQ,oBAAoB;AACrE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,mBAAmB,QAAQ,WAAW;AAC/C,SAASC,wBAAwB,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS1D,OAAO,MAAMC,gBAAgB,gBAAGb,UAAU,CACxC,CAAC;EAAEc,OAAO;EAAEC,OAAO;EAAEC,YAAY,EAAEC,gBAAgB;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9E,MAAMC,mBAAmB,GAAGX,wBAAwB,CAAC,CAAC;EACtD,MAAMM,YAAY,GAAGC,gBAAgB,IAAII,mBAAmB;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,mBAAmB;IAAEC,YAAY;IAAEC,qBAAqB;IAAEC;EAAO,CAAC,GAC5FlB,mBAAmB,CAAC,CAAC;EACvB,MAAMmB,SAAS,GAAGJ,mBAAmB,KAAKR,YAAY;EACtD,MAAMa,WAAW,GAAGH,qBAAqB,CAACV,YAAY,CAAC;EAEvD,MAAMc,WAAW,GAAG7B,WAAW,CAAC,MAAM;IACpCwB,YAAY,CAACT,YAAY,CAAC;EAC5B,CAAC,EAAE,CAACS,YAAY,EAAET,YAAY,CAAC,CAAC;;EAEhC;EACA;EACA,MAAMe,oBAAoB,GAAG9B,WAAW,CAAE+B,KAA4B,IAAK;IACzE,IAAI9B,QAAQ,CAAC+B,EAAE,KAAK,KAAK,EAAE;MACzB;IACF;IACA,MAAMC,QAAQ,GAAGF,KAAmD;IACpEE,QAAQ,CAACC,cAAc,GAAG,CAAC;EAC7B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,SAAS,GAAG5B,mBAAmB,CACnCW,KAAK,EACLZ,cAAc,CAAC;IACb8B,IAAI,EAAE,oBAAoB;IAC1BC,KAAK,EAAEV,SAAS;IAChBW,WAAW,EAAExB,OAAO,CAACyB,IAAI,KAAKX,WAAW,IAAI,CAACd,OAAO,CAAC0B;EACxD,CAAC,CACH,CAAC;EAED,IAAI1B,OAAO,CAAC2B,UAAU,IAAI,CAAC5B,OAAO,EAAE;IAClC,oBACEF,IAAA,CAACT,SAAS;MACRwC,iBAAiB,EAAC,YAAY;MAC9BC,kBAAkB,EAAEvC,gCAAgC,CAACU,OAAO,CAAC8B,IAAI,EAAElB,MAAM,CAAE;MAC3EmB,kBAAkB,EAAE;QAAExB,QAAQ;QAAEyB,QAAQ,EAAEnB;MAAU,CAAE;MACtDN,QAAQ,EAAEA,QAAQ,IAAIC,QAAS;MAC/ByB,OAAO,EAAElB,WAAY;MACrBmB,SAAS,EAAElB;MACX;MAAA;MACAb,KAAK,EAAE,CAAC;QAAEgC,MAAM,EAAE;MAAE,CAAC,EAAEhC,KAAK,CAAE;MAAA,GAC1BC,KAAK;MAAA,GACLiB,SAAS;MAAA,IACRlC,QAAQ,CAAC+B,EAAE,KAAK,KAAK,GACrB;QACCkB,WAAW,EAAGC,CAAiC,IAAK;UAClDA,CAAC,CAACjB,cAAc,CAAC,CAAC;QACpB;MACF,CAAC,GACD,IAAI;MAAAkB,QAAA,eAERzC,IAAA,CAACR,IAAI;QAAAiD,QAAA,EAAExB;MAAW,CAAO;IAAC,CACjB,CAAC;EAEhB;EAEA,MAAMyB,IAAI,GAAGxC,OAAO,GAAGR,IAAI,GAAGF,IAAI;EAElC,oBACEQ,IAAA,CAAC0C,IAAI;IACHlC,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLiB,SAAS;IACbO,iBAAiB,EAAC,MAAM;IACxBY,yBAAyB,EAAC,IAAI;IAAAF,QAAA,EAE7BxB;EAAW,CACR,CAAC;AAEX,CACF,CAAC;AAEDhB,gBAAgB,CAAC2C,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+
+/** A `DateField` carries a `DateId` in date mode and a `MonthId` in month mode. */
+
+export const DateFieldContext = /*#__PURE__*/createContext(null);
+export function useDateFieldContext() {
+  const ctx = useContext(DateFieldContext);
+  if (!ctx) {
+    throw new Error('DateField compound components must be used within DateFieldRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","DateFieldContext","useDateFieldContext","ctx","Error"],"sourceRoot":"../../../src","sources":["date-field/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAA4C,OAAO;;AASrF;;AA8BA,OAAO,MAAMC,gBAAgB,gBAAGF,aAAa,CAA+B,IAAI,CAAC;AAEjF,OAAO,SAASG,mBAAmBA,CAAA,EAA0B;EAC3D,MAAMC,GAAG,GAAGH,UAAU,CAACC,gBAAgB,CAAC;EACxC,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,iEAAiE,CAAC;EACpF;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+export { DateFieldRoot } from './DateFieldRoot';
+export { DateFieldInput } from './DateFieldInput';
+export { DateFieldSegment } from './DateFieldSegment';
+export { useDateFieldContext } from './context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DateFieldRoot","DateFieldInput","DateFieldSegment","useDateFieldContext"],"sourceRoot":"../../../src","sources":["date-field/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,mBAAmB,QAAQ,WAAW","ignoreList":[]}

package/lib/module/date-field/segmentIndex.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SegmentIndexContext = /*#__PURE__*/createContext(0);
+export function DateFieldSegmentIndexProvider({
+  index,
+  children
+}) {
+  return /*#__PURE__*/_jsx(SegmentIndexContext.Provider, {
+    value: index,
+    children: children
+  });
+}
+export function useDateFieldSegmentIndex() {
+  return useContext(SegmentIndexContext);
+}
+//# sourceMappingURL=segmentIndex.js.map

package/lib/module/date-field/segmentIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","jsx","_jsx","SegmentIndexContext","DateFieldSegmentIndexProvider","index","children","Provider","value","useDateFieldSegmentIndex"],"sourceRoot":"../../../src","sources":["date-field/segmentIndex.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElE,MAAMC,mBAAmB,gBAAGJ,aAAa,CAAS,CAAC,CAAC;AAEpD,OAAO,SAASK,6BAA6BA,CAAC;EAC5CC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD,oBAAOJ,IAAA,CAACC,mBAAmB,CAACI,QAAQ;IAACC,KAAK,EAAEH,KAAM;IAAAC,QAAA,EAAEA;EAAQ,CAA+B,CAAC;AAC9F;AAEA,OAAO,SAASG,wBAAwBA,CAAA,EAAW;EACjD,OAAOT,UAAU,CAACG,mBAAmB,CAAC;AACxC","ignoreList":[]}