@cdx-ui/primitives 0.0.1-beta.98 → 0.1.0

package/lib/module/checkbox/useCheckboxRoot.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { useContext, useRef } from 'react';
+import { useCallback, useContext, useRef } from 'react';
 import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
 import { useCheckbox } from '@react-native-aria/checkbox';
 import { useHover } from '@react-native-aria/interactions';
@@ -10,27 +10,35 @@ export function useCheckboxRoot(props, ref, {
   useInputRefForAria = false
 } = {}) {
   const formControlContext = useFormControlContext();
-  const {
+  const checkboxGroupContext = useContext(CheckboxGroupContext);
+
+  // Only pull field-state flags from FormControl — never spread the whole context
+  // (ids, setters, htmlProps) onto the host element.
+  const isInvalid = props.isInvalid ?? formControlContext.isInvalid;
+  const isReadOnly = props.isReadOnly ?? formControlContext.isReadOnly ?? checkboxGroupContext?.state.isReadOnly;
+  const isDisabled = props.isDisabled ?? formControlContext.isDisabled ?? checkboxGroupContext?.state.isDisabled;
+  const isIndeterminate = props.isIndeterminate;
+  const combinedProps = {
+    ...props,
     isInvalid,
     isReadOnly,
-    isIndeterminate,
-    ...combinedProps
-  } = {
-    ...formControlContext,
-    ...props
+    isDisabled,
+    isIndeterminate
   };
-  const checkboxGroupContext = useContext(CheckboxGroupContext);
   const state = useToggleState({
-    ...combinedProps,
     defaultSelected: props.defaultIsChecked,
-    isSelected: props.isChecked
+    isSelected: props.isChecked,
+    onChange: props.onChange,
+    isReadOnly,
+    isDisabled
   });
   const rootRef = useRef(null);
   const inputRef = useRef(null);
   const mergedRootRef = mergeRefs(ref, rootRef);
-  const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Checkbox';
+  const ariaLabel = props['aria-label'] || props.value || 'Checkbox';
   const groupToggleState = useToggleState(checkboxGroupContext ? {
-    isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
+    isReadOnly: !!isReadOnly,
+    isDisabled: !!isDisabled,
     isSelected: checkboxGroupContext.state.isSelected(combinedProps.value),
     onChange(isSelected) {
       if (isSelected) {
@@ -43,36 +51,49 @@ export function useCheckboxRoot(props, ref, {
   } : {
     isSelected: false
   });
+  const toggleState = checkboxGroupContext ? groupToggleState : state;
   const {
     inputProps: groupItemInputProps
   } = useCheckbox({
     ...combinedProps,
     'aria-label': ariaLabel,
-    ...(checkboxGroupContext && {
-      isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
-      isDisabled: combinedProps.isDisabled || checkboxGroupContext.state.isDisabled
+    isReadOnly: !!isReadOnly,
+    isDisabled: !!isDisabled
+  }, toggleState, useInputRefForAria ? inputRef : rootRef);
+  const resolvedGroupItemInputProps = {
+    ...groupItemInputProps,
+    ...(isReadOnly && {
+      'aria-readonly': true
     })
-  }, checkboxGroupContext ? groupToggleState : state, useInputRefForAria ? inputRef : rootRef);
+  };
   const {
     checked: isChecked,
-    disabled: isDisabled
-  } = groupItemInputProps;
+    disabled: isDisabledFromInput
+  } = resolvedGroupItemInputProps;
   const {
     hoverProps,
-    isHovered
+    isHovered: isHoveredState
   } = useHover({}, rootRef);
+  const isHovered = isReadOnly ? false : isHoveredState;
+  const toggle = useCallback(() => {
+    if (isDisabled || isReadOnly) {
+      return;
+    }
+    toggleState.toggle();
+  }, [isDisabled, isReadOnly, toggleState]);
   return {
     combinedProps,
     isInvalid,
     isReadOnly,
     isIndeterminate,
-    groupItemInputProps,
+    groupItemInputProps: resolvedGroupItemInputProps,
     isChecked,
-    isDisabled,
+    isDisabled: isDisabledFromInput,
     isHovered,
     hoverProps,
     mergedRef: mergedRootRef,
-    inputRef
+    inputRef,
+    toggle
   };
 }
 //# sourceMappingURL=useCheckboxRoot.js.map

package/lib/module/checkbox/useCheckboxRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useRef","mergeRefs","useFormControlContext","useCheckbox","useHover","useToggleState","CheckboxGroupContext","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","state","defaultSelected","defaultIsChecked","isSelected","isChecked","rootRef","inputRef","mergedRootRef","ariaLabel","value","groupToggleState","onChange","addValue","removeValue","inputProps","groupItemInputProps","isDisabled","checked","disabled","hoverProps","isHovered","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,eAAe;AAChE,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,oBAAoB,QAAQ,WAAW;AAOhD,OAAO,SAASC,eAAeA,CAC7BC,KAAqB,EACrBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA8B,CAAC,GAAG,CAAC,CAAC,EAC3D;EACA,MAAMC,kBAAkB,GAAGT,qBAAqB,CAAC,CAAC;EAElD,MAAM;IAAEU,SAAS;IAAEC,UAAU;IAAEC,eAAe;IAAE,GAAGC;EAAc,CAAC,GAAG;IACnE,GAAGJ,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMQ,oBAAoB,GAAGjB,UAAU,CAACO,oBAAoB,CAAC;EAE7D,MAAMW,KAAK,GAAGZ,cAAc,CAAC;IAC3B,GAAGU,aAAa;IAChBG,eAAe,EAAEV,KAAK,CAACW,gBAAgB;IACvCC,UAAU,EAAEZ,KAAK,CAACa;EACpB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGtB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMuB,QAAQ,GAAGvB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMwB,aAAa,GAAGvB,SAAS,CAACQ,GAAG,EAASa,OAAc,CAAC;EAC3D,MAAMG,SAAS,GAAGV,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACW,KAAK,IAAI,UAAU;EAElF,MAAMC,gBAAgB,GAAGtB,cAAc,CACrCW,oBAAoB,GAChB;IACEH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;IAC/DO,UAAU,EAAEJ,oBAAoB,CAACC,KAAK,CAACG,UAAU,CAACL,aAAa,CAACW,KAAK,CAAC;IACtEE,QAAQA,CAACR,UAAmB,EAAE;MAC5B,IAAIA,UAAU,EAAE;QACdJ,oBAAoB,CAACC,KAAK,CAACY,QAAQ,CAACd,aAAa,CAACW,KAAK,CAAC;MAC1D,CAAC,MAAM;QACLV,oBAAoB,CAACC,KAAK,CAACa,WAAW,CAACf,aAAa,CAACW,KAAK,CAAC;MAC7D;MACAX,aAAa,CAACa,QAAQ,GAAGR,UAAU,CAAC;IACtC;EACF,CAAC,GACD;IAAEA,UAAU,EAAE;EAAM,CAC1B,CAAC;EAED,MAAM;IAAEW,UAAU,EAAEC;EAAoB,CAAC,GAAG7B,WAAW,CACrD;IACE,GAAGY,aAAa;IAChB,YAAY,EAAEU,SAAS;IACvB,IAAIT,oBAAoB,IAAI;MAC1BH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;MAC/DoB,UAAU,EAAElB,aAAa,CAACkB,UAAU,IAAIjB,oBAAoB,CAACC,KAAK,CAACgB;IACrE,CAAC;EACH,CAAC,EACDjB,oBAAoB,GAAGW,gBAAgB,GAAGV,KAAK,EAC9CP,kBAAkB,GAAGa,QAAQ,GAAGD,OACnC,CAAC;EAED,MAAM;IAAEY,OAAO,EAAEb,SAAS;IAAEc,QAAQ,EAAEF;EAAW,CAAC,GAAGD,mBAAmB;EAExE,MAAM;IAAEI,UAAU;IAAEC;EAAU,CAAC,GAAGjC,QAAQ,CAAC,CAAC,CAAC,EAAEkB,OAAO,CAAC;EAEvD,OAAO;IACLP,aAAa;IACbH,SAAS;IACTC,UAAU;IACVC,eAAe;IACfkB,mBAAmB;IACnBX,SAAS;IACTY,UAAU;IACVI,SAAS;IACTD,UAAU;IACVE,SAAS,EAAEd,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useCallback","useContext","useRef","mergeRefs","useFormControlContext","useCheckbox","useHover","useToggleState","CheckboxGroupContext","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","checkboxGroupContext","isInvalid","isReadOnly","state","isDisabled","isIndeterminate","combinedProps","defaultSelected","defaultIsChecked","isSelected","isChecked","onChange","rootRef","inputRef","mergedRootRef","ariaLabel","value","groupToggleState","addValue","removeValue","toggleState","inputProps","groupItemInputProps","resolvedGroupItemInputProps","checked","disabled","isDisabledFromInput","hoverProps","isHovered","isHoveredState","toggle","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/chip/ChipRoot.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { forwardRef, useMemo } from 'react';
-import { Pressable, View } from 'react-native';
+import { Platform, Pressable, View } from 'react-native';
 import { composeEventHandlers } from '@cdx-ui/utils';
 import { useFocus, useFocusRing } from '@react-native-aria/focus';
 import { useHover, usePress } from '@react-native-aria/interactions';
@@ -12,7 +12,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const rowStyle = {
   flexDirection: 'row',
   alignItems: 'center',
-  alignSelf: 'flex-start'
+  ...(Platform.OS === 'web' ? {} : {
+    alignSelf: 'flex-start'
+  })
 };
 export const ChipRoot = /*#__PURE__*/forwardRef(({
   asChild = false,

package/lib/module/chip/ChipRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useMemo","Pressable","View","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","ChipProvider","jsx","_jsx","rowStyle","flexDirection","alignItems","alignSelf","ChipRoot","asChild","children","onPress","disabled","accessibilityRole","style","restProps","ref","asChildInteractive","isValidElement","isPressableRoot","pressState","isDisabled","isPressed","pressProps","hoverProps","isHovered","isFocused","focusProps","isFocusVisible","focusRingProps","childDisabled","props","resolvedDisabled","contextValue","hover","focus","active","focusVisible","slotMergeProps","accessibilityState","value","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","undefined","displayName"],"sourceRoot":"../../../src","sources":["chip/ChipRoot.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useMemo","Platform","Pressable","View","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","ChipProvider","jsx","_jsx","rowStyle","flexDirection","alignItems","OS","alignSelf","ChipRoot","asChild","children","onPress","disabled","accessibilityRole","style","restProps","ref","asChildInteractive","isValidElement","isPressableRoot","pressState","isDisabled","isPressed","pressProps","hoverProps","isHovered","isFocused","focusProps","isFocusVisible","focusRingProps","childDisabled","props","resolvedDisabled","contextValue","hover","focus","active","focusVisible","slotMergeProps","accessibilityState","value","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","undefined","displayName"],"sourceRoot":"../../../src","sources":["chip/ChipRoot.tsx"],"mappings":"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","ignoreList":[]}

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":"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","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":";;AAAA,SAASA,UAAU,EAAEC,UAAU,EAAEC,SAAS,QAA2B,OAAO;AAC5E,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAE7C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,6BAA6B,QAAQ,gBAAgB;AAC9D,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,uBAAuB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQpE,OAAO,MAAMC,cAAc,gBAAGjB,UAAU,CACtC,CAAC;EAAEkB,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAEC,IAAI,GAAG,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1E,MAAMC,QAAQ,GAAGxB,UAAU,CAACU,gBAAgB,CAAC;EAC7C,MAAMe,QAAQ,GAAGzB,UAAU,CAACO,sBAAsB,CAAC;EACnD,MAAMmB,WAAW,GAAGf,uBAAuB,CAACU,IAAI,EAAEI,QAAQ,CAAC;EAC3D,MAAME,GAAG,GAAGH,QAAQ,IAAIE,WAAW;EACnC,IAAI,CAACC,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CACb,8FACF,CAAC;EACH;EACA,MAAM;IAAEC,QAAQ;IAAEC,mBAAmB;IAAEC;EAAO,CAAC,GAAGJ,GAAG;EACrD,MAAMK,kBAAkB,GAAGD,MAAM,CAACE,sBAAsB;EACxD,MAAMC,IAAI,GAAGjB,OAAO,GAAGb,IAAI,GAAGD,IAAI;EAElCF,SAAS,CAAC,MAAM;IACd,IAAIwB,QAAQ,IAAIK,mBAAmB,IAAI,IAAI,EAAE;MAC3CL,QAAQ,CAACU,eAAe,CAACd,IAAI,CAAC;IAChC;EACF,CAAC,EAAE,CAACS,mBAAmB,EAAEL,QAAQ,EAAEJ,IAAI,CAAC,CAAC;;EAEzC;EACA;EACA;EACApB,SAAS,CAAC,MAAM;IACd,IACEC,QAAQ,CAACkC,EAAE,KAAK,KAAK,IACrBT,GAAG,CAACG,mBAAmB,IAAI,IAAI,IAC/BH,GAAG,CAACU,QAAQ,IACZV,GAAG,CAACW,QAAQ,EACZ;MACA;IACF;IAEA,MAAMC,YAAY,GAAGZ,GAAG,CAACG,mBAAmB;IAE5C,MAAMU,SAAS,GAAIC,KAAoB,IAAK;MAC1C,MAAMC,WAAW,GACf,OAAOC,QAAQ,KAAK,WAAW,GAC3BA,QAAQ,CAACC,aAAa,EAAEC,YAAY,GAAG,YAAY,CAAC,GACpD,IAAI;MACV,MAAMC,cAAc,GAAGJ,WAAW,KAAKV,kBAAkB;MAEzD,IAAIS,KAAK,CAACM,GAAG,KAAK,WAAW,EAAE;QAC7B,IAAID,cAAc,EAAE;UAClB;QACF;QACAL,KAAK,CAACO,cAAc,CAAC,CAAC;QACtBrB,GAAG,CAACsB,sBAAsB,CAAC,CAAC;QAC5B;MACF;MACA,IAAIR,KAAK,CAACM,GAAG,KAAK,YAAY,EAAE;QAC9B,IAAID,cAAc,EAAE;UAClB;QACF;QACAL,KAAK,CAACO,cAAc,CAAC,CAAC;QACtBrB,GAAG,CAACuB,wBAAwB,CAAC,CAAC;QAC9B;MACF;MACA,IAAIT,KAAK,CAACM,GAAG,KAAK,WAAW,EAAE;QAC7B,IAAID,cAAc,EAAE;UAClB;QACF;QACAL,KAAK,CAACO,cAAc,CAAC,CAAC;QACtBrB,GAAG,CAACwB,wBAAwB,CAAC,CAAC;QAC9B;MACF;MACA,IAAIV,KAAK,CAACM,GAAG,KAAK,KAAK,EAAE;QACvBpB,GAAG,CAACyB,WAAW,CAACb,YAAY,CAAC;QAC7B;MACF;MACA,IAAI,MAAM,CAACc,IAAI,CAACZ,KAAK,CAACM,GAAG,CAAC,EAAE;QAC1B,IAAID,cAAc,EAAE;UAClB;QACF;QACAL,KAAK,CAACO,cAAc,CAAC,CAAC;QACtBrB,GAAG,CAAC2B,kBAAkB,CAACb,KAAK,CAACM,GAAG,CAAC;MACnC;IACF,CAAC;IAEDJ,QAAQ,CAACY,gBAAgB,CAAC,SAAS,EAAEf,SAAS,CAAC;IAC/C,OAAO,MAAMG,QAAQ,CAACa,mBAAmB,CAAC,SAAS,EAAEhB,SAAS,CAAC;EACjE,CAAC,EAAE,CACDb,GAAG,CAACyB,WAAW,EACfzB,GAAG,CAACU,QAAQ,EACZV,GAAG,CAACuB,wBAAwB,EAC5BvB,GAAG,CAACwB,wBAAwB,EAC5BxB,GAAG,CAACG,mBAAmB,EACvBH,GAAG,CAACsB,sBAAsB,EAC1BtB,GAAG,CAAC2B,kBAAkB,EACtB3B,GAAG,CAACW,QAAQ,EACZN,kBAAkB,CACnB,CAAC;EAEF,MAAMyB,KAAK,gBACT1C,KAAA,CAACmB,IAAI;IACHX,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAE,CAAC;MAAEsC,QAAQ,EAAE;IAAW,CAAC,EAAEtC,KAAK,CAAE;IACzCuC,iBAAiB,EAAC,MAAM;IAAA,GACpBrC,KAAK;IAAA,GACLhB,mBAAmB,CAACgB,KAAK,EAAEjB,cAAc,CAAC;MAAEgB,IAAI,EAAE;IAAmB,CAAC,CAAC,CAAC;IAAAH,QAAA,GAE3EW,QAAQ,CAAC+B,GAAG,CAAC,CAACC,OAAoB,EAAEC,KAAa,kBAChDjD,IAAA,CAACJ,6BAA6B;MAA0CqD,KAAK,EAAEA,KAAM;MAAA5C,QAAA,EAClFA,QAAQ,CAAC2C,OAAO;IAAC,GADgB,GAAGA,OAAO,CAACE,IAAI,IAAIC,MAAM,CAACF,KAAK,CAAC,EAErC,CAChC,CAAC,eACFjD,IAAA,CAACL,oBAAoB;MAACyD,kBAAkB,EAAEjC;IAAmB,CAAE,CAAC;EAAA,CAC5D,CACP;EAED,IAAI,CAACR,QAAQ,IAAIE,WAAW,EAAE;IAC5B,oBAAOb,IAAA,CAACH,gBAAgB,CAACwD,QAAQ;MAACC,KAAK,EAAEzC,WAAY;MAAAR,QAAA,EAAEuC;IAAK,CAA4B,CAAC;EAC3F;EAEA,OAAOA,KAAK;AACd,CACF,CAAC;AAEDzC,cAAc,CAACoD,WAAW,GAAG,gBAAgB","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":"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","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