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

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

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePickerRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _DateFieldRoot = require("../date-field/DateFieldRoot");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const DatePickerRoot = exports.DatePickerRoot = /*#__PURE__*/(0, _react.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 = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
+  const [value, setValue] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: next => {
+      onValueChange?.(next);
+    }
+  });
+  const [open, setOpenState] = (0, _utils.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [draftValue, setDraftValue] = (0, _utils.useControllableState)({
+    prop: undefined,
+    defaultProp: value
+  });
+  const surfacesRef = (0, _react.useRef)(new Set());
+  const anchorRef = (0, _react.useRef)(null);
+  const triggerRef = (0, _react.useRef)(null);
+  const setOpen = (0, _react.useCallback)(next => {
+    if (disabled && next) {
+      return;
+    }
+    if (next) {
+      setDraftValue(value);
+    }
+    setOpenState(next);
+  }, [disabled, setDraftValue, setOpenState, value]);
+  const registerSurface = (0, _react.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.');
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    setDraftValue(value);
+  }, [setDraftValue, value]);
+  (0, _react.useEffect)(() => {
+    if (!open) {
+      surfacesRef.current.clear();
+    }
+  }, [open]);
+  const contextValue = (0, _react.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.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.DatePickerContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: (0, _utils.mergeRefs)(ref, anchorRef),
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        disabled,
+        open
+      })),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateFieldRoot.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/commonjs/date-picker/DatePickerRoot.js.map

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

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePickerContext = void 0;
+exports.useDatePickerContext = useDatePickerContext;
+var _react = require("react");
+const DatePickerContext = exports.DatePickerContext = /*#__PURE__*/(0, _react.createContext)(null);
+function useDatePickerContext() {
+  const ctx = (0, _react.useContext)(DatePickerContext);
+  if (!ctx) {
+    throw new Error('DatePicker compound components must be used within DatePickerRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","DatePickerContext","exports","createContext","useDatePickerContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["date-picker/context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAyBO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAAgC,IAAI,CAAC;AAE5E,SAASC,oBAAoBA,CAAA,EAA2B;EAC7D,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,iBAAiB,CAAC;EACzC,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,mEAAmE,CAAC;EACtF;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DatePickerContext", {
+  enumerable: true,
+  get: function () {
+    return _context.DatePickerContext;
+  }
+});
+Object.defineProperty(exports, "DatePickerRoot", {
+  enumerable: true,
+  get: function () {
+    return _DatePickerRoot.DatePickerRoot;
+  }
+});
+Object.defineProperty(exports, "useDatePickerContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useDatePickerContext;
+  }
+});
+var _DatePickerRoot = require("./DatePickerRoot");
+var _context = require("./context");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_DatePickerRoot","require","_context"],"sourceRoot":"../../../src","sources":["date-picker/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

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

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePickerRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const DateRangePickerRoot = exports.DateRangePickerRoot = /*#__PURE__*/(0, _react.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 = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
+  const isRangeControlled = 'value' in props;
+  const [uncontrolledStart, setUncontrolledStart] = (0, _react.useState)(defaultValue?.startId);
+  const [uncontrolledEnd, setUncontrolledEnd] = (0, _react.useState)(defaultValue?.endId);
+  const startValue = isRangeControlled ? valueProp?.startId : uncontrolledStart;
+  const endValue = isRangeControlled ? valueProp?.endId : uncontrolledEnd;
+  const [open, setOpenState] = (0, _utils.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [draftStart, setDraftStart] = (0, _react.useState)(startValue);
+  const [draftEnd, setDraftEnd] = (0, _react.useState)(endValue);
+  const [focusedField, setFocusedField] = (0, _utils.useControllableState)({
+    prop: focusedProp,
+    defaultProp: defaultFocusedField,
+    onChange: onFocusedFieldChange
+  });
+  const surfacesRef = (0, _react.useRef)(new Set());
+  const anchorRef = (0, _react.useRef)(null);
+  const triggerRef = (0, _react.useRef)(null);
+  const commitRange = (0, _react.useCallback)(range => {
+    if (!isRangeControlled) {
+      setUncontrolledStart(range?.startId);
+      setUncontrolledEnd(range?.endId);
+    }
+    setDraftStart(range?.startId);
+    setDraftEnd(range?.endId);
+    onValueChange?.(range);
+  }, [isRangeControlled, onValueChange]);
+  const setDraftRange = (0, _react.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).
+  (0, _react.useEffect)(() => {
+    setDraftStart(startValue);
+    setDraftEnd(endValue);
+  }, [endValue, startValue]);
+  const setOpen = (0, _react.useCallback)(next => {
+    if (disabled && next) {
+      return;
+    }
+    if (next) {
+      setDraftStart(startValue);
+      setDraftEnd(endValue);
+    }
+    setOpenState(next);
+  }, [disabled, endValue, setOpenState, startValue]);
+  const registerSurface = (0, _react.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.');
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!open) {
+      surfacesRef.current.clear();
+    }
+  }, [open]);
+  const contextValue = (0, _react.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.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.DateRangePickerContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: (0, _utils.mergeRefs)(ref, anchorRef),
+      ...rest,
+      ...(0, _dataAttributes.mergeDataAttributes)(rest, (0, _dataAttributes.dataAttributes)({
+        disabled,
+        open
+      })),
+      children: children
+    })
+  });
+});
+DateRangePickerRoot.displayName = 'DateRangePickerRoot';
+//# sourceMappingURL=DateRangePickerRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_slot","_dataAttributes","_context","_jsxRuntime","DateRangePickerRoot","exports","forwardRef","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","useMemo","resolveDateComponentLabels","isRangeControlled","uncontrolledStart","setUncontrolledStart","useState","startId","uncontrolledEnd","setUncontrolledEnd","endId","startValue","endValue","open","setOpenState","useControllableState","prop","defaultProp","onChange","draftStart","setDraftStart","draftEnd","setDraftEnd","setFocusedField","surfacesRef","useRef","Set","anchorRef","triggerRef","commitRange","useCallback","range","setDraftRange","undefined","useEffect","setOpen","next","registerSurface","type","current","has","add","size","console","warn","clear","contextValue","onRangeChange","readOnly","invalid","required","Comp","Slot","View","jsx","DateRangePickerContext","Provider","mergeRefs","mergeDataAttributes","dataAttributes","displayName"],"sourceRoot":"../../../src","sources":["date-range-picker/DateRangePickerRoot.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePickerContext = void 0;
+exports.useDateRangePickerContext = useDateRangePickerContext;
+var _react = require("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`.
+ */
+
+const DateRangePickerContext = exports.DateRangePickerContext = /*#__PURE__*/(0, _react.createContext)(null);
+function useDateRangePickerContext() {
+  const ctx = (0, _react.useContext)(DateRangePickerContext);
+  if (!ctx) {
+    throw new Error('DateRangePicker compound components must be used within DateRangePickerRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","DateRangePickerContext","exports","createContext","useDateRangePickerContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["date-range-picker/context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA;AACA;;AA6BO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAG,IAAAE,oBAAa,EAAqC,IAAI,CAAC;AAEtF,SAASC,yBAAyBA,CAAA,EAAgC;EACvE,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,sBAAsB,CAAC;EAC9C,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,6EAA6E,CAAC;EAChG;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateRangePickerContext", {
+  enumerable: true,
+  get: function () {
+    return _context.DateRangePickerContext;
+  }
+});
+Object.defineProperty(exports, "DateRangePickerRoot", {
+  enumerable: true,
+  get: function () {
+    return _DateRangePickerRoot.DateRangePickerRoot;
+  }
+});
+Object.defineProperty(exports, "useDateRangePickerContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useDateRangePickerContext;
+  }
+});
+var _DateRangePickerRoot = require("./DateRangePickerRoot");
+var _context = require("./context");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_DateRangePickerRoot","require","_context"],"sourceRoot":"../../../src","sources":["date-range-picker/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

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

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeFieldHiddenInput = DateTimeFieldHiddenInput;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Invisible input that owns keyboard focus while a segment is active.
+ * Mirrors `DateFieldHiddenInput`; switches to a default keyboard for day-period (A/P).
+ */const HIDDEN_INPUT_STYLE = {
+  position: 'absolute',
+  opacity: 0.01,
+  width: '100%',
+  height: '100%',
+  left: 0,
+  top: 0,
+  zIndex: 0,
+  fontSize: 16
+};
+const NUMERIC_KEYBOARD = _reactNative.Platform.select({
+  ios: 'phone-pad',
+  default: 'number-pad'
+});
+function DateTimeFieldHiddenInput({
+  accessibilityLabel
+}) {
+  const {
+    focusedSegmentIndex,
+    segments,
+    disabled,
+    readOnly,
+    segmentDraft,
+    handleSegmentInputChange,
+    handleSegmentBackspace,
+    handleDayPeriodKey,
+    focusNextEditableSegment,
+    focusPrevEditableSegment,
+    blurSegment
+  } = (0, _context.useDateTimeFieldContext)();
+  const inputRef = (0, _react.useRef)(null);
+  const suppressBlurRef = (0, _react.useRef)(false);
+  const focusedIndexRef = (0, _react.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, '');
+  (0, _react.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__*/(0, _jsxRuntime.jsx)(_reactNative.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 (_reactNative.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/commonjs/date-time-field/DateTimeFieldHiddenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_context","_jsxRuntime","HIDDEN_INPUT_STYLE","position","opacity","width","height","left","top","zIndex","fontSize","NUMERIC_KEYBOARD","Platform","select","ios","default","DateTimeFieldHiddenInput","accessibilityLabel","focusedSegmentIndex","segments","disabled","readOnly","segmentDraft","handleSegmentInputChange","handleSegmentBackspace","handleDayPeriodKey","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","useDateTimeFieldContext","inputRef","useRef","suppressBlurRef","focusedIndexRef","current","focusedSegment","undefined","isDayPeriod","type","isActive","draftValue","replace","useEffect","focusInput","focus","frame","requestAnimationFrame","timer","setTimeout","cancelAnimationFrame","clearTimeout","onKeyPress","event","key","nativeEvent","length","test","jsx","TextInput","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/commonjs/date-time-field/DateTimeFieldInput.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeFieldInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _segmentIndex = require("../date-field/segmentIndex");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _DateTimeFieldHiddenInput = require("./DateTimeFieldHiddenInput");
+var _jsxRuntime = require("react/jsx-runtime");
+const DateTimeFieldInput = exports.DateTimeFieldInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const ctx = (0, _context.useDateTimeFieldContext)();
+  const {
+    segments,
+    labels
+  } = ctx;
+  const keyboardInputLabel = labels.dateFieldKeyboardInput;
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  (0, _react.useEffect)(() => {
+    if (_reactNative.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__*/(0, _jsxRuntime.jsxs)(Comp, {
+    ref: ref,
+    className: className,
+    style: [{
+      position: 'relative'
+    }, style],
+    accessibilityRole: "none",
+    ...props,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'date-time-field-input'
+    })),
+    children: [segments.map((segment, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmentIndex.DateFieldSegmentIndexProvider, {
+      index: index,
+      children: children(segment)
+    }, `${segment.type}-${String(index)}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimeFieldHiddenInput.DateTimeFieldHiddenInput, {
+      accessibilityLabel: keyboardInputLabel
+    })]
+  });
+});
+DateTimeFieldInput.displayName = 'DateTimeFieldInput';
+//# sourceMappingURL=DateTimeFieldInput.js.map