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

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

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":"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","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":[]}

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

@@ -0,0 +1,157 @@
+"use strict";
+
+import { parseDateSegment } from '@cdx-ui/formatters';
+export const SEGMENT_MAX_LENGTH = {
+  month: 2,
+  day: 2,
+  year: 4,
+  hour: 2,
+  minute: 2,
+  second: 2,
+  dayPeriod: 1
+};
+export function getSegmentMaxLength(type) {
+  return SEGMENT_MAX_LENGTH[type] ?? 4;
+}
+
+/** True when another digit cannot produce a different valid value (auto-advance). */
+export function isSegmentDraftComplete(type, draft, options) {
+  if (!draft) {
+    return false;
+  }
+  const maxLength = getSegmentMaxLength(type);
+  if (draft.length >= maxLength) {
+    return true;
+  }
+  const value = Number(draft);
+  if (Number.isNaN(value)) {
+    return false;
+  }
+
+  // Month 1-12: 2-9 cannot be a leading digit of a two-digit month.
+  if (type === 'month') {
+    return value >= 2 && value <= 9;
+  }
+
+  // Day 1-31: 4-9 cannot be a leading digit of a two-digit day.
+  if (type === 'day') {
+    return value >= 4 && value <= 9;
+  }
+  if (type === 'hour') {
+    if (options?.hour12) {
+      return value >= 2 && value <= 9;
+    }
+    // 0-23: 3-9 cannot start a valid two-digit hour.
+    return value >= 3 && value <= 9;
+  }
+
+  // Minute / second 0-59: 6-9 cannot start a valid two-digit value.
+  if (type === 'minute' || type === 'second') {
+    return value >= 6 && value <= 9;
+  }
+  return false;
+}
+function isValidSegmentDraft(type, draft, options) {
+  if (!draft) {
+    return true;
+  }
+  const value = Number(draft);
+  if (Number.isNaN(value)) {
+    return false;
+  }
+  if (type === 'month') {
+    if (draft.length === 1) {
+      return value >= 0 && value <= 9;
+    }
+    return value >= 1 && value <= 12;
+  }
+  if (type === 'day') {
+    if (draft.length === 1) {
+      return value >= 0 && value <= 9;
+    }
+    return value >= 1 && value <= 31;
+  }
+  if (type === 'year') {
+    return draft.length <= 4;
+  }
+  if (type === 'hour') {
+    if (draft.length === 1) {
+      return value >= 0 && value <= 9;
+    }
+    if (options?.hour12) {
+      return value >= 1 && value <= 12;
+    }
+    return value >= 0 && value <= 23;
+  }
+  if (type === 'minute' || type === 'second') {
+    if (draft.length === 1) {
+      return value >= 0 && value <= 9;
+    }
+    return value >= 0 && value <= 59;
+  }
+  return true;
+}
+export function applySegmentDigit(draft, _committedText, isDraftDirty, digit, type, options) {
+  const maxLength = getSegmentMaxLength(type);
+  const base = isDraftDirty ? draft : '';
+  const candidate = `${base}${digit}`.slice(0, maxLength + 1);
+
+  // e.g. month "1" + "5" → invalid 15: commit 1, spill 5 into day.
+  if (base.length > 0 && candidate.length <= maxLength && !isValidSegmentDraft(type, candidate, options) && isValidSegmentDraft(type, base, options) && Number(base) >= 1) {
+    return {
+      draft: base,
+      isDraftDirty: true,
+      shouldCommit: true,
+      spillDigit: digit
+    };
+  }
+  const nextDraft = candidate.slice(0, maxLength);
+  if (!isValidSegmentDraft(type, nextDraft, options)) {
+    // Replace with the new digit alone (e.g. starting fresh).
+    return {
+      draft: digit,
+      isDraftDirty: true,
+      shouldCommit: isSegmentDraftComplete(type, digit, options)
+    };
+  }
+  return {
+    draft: nextDraft,
+    isDraftDirty: true,
+    shouldCommit: isSegmentDraftComplete(type, nextDraft, options)
+  };
+}
+export function commitSegmentDraft(segment, draft) {
+  const parsed = parseDateSegment(segment.type, draft || segment.text);
+  return parsed;
+}
+
+/** Parses day-period input (`A`/`P`/`1`/`2`) into 0 (AM) or 1 (PM). */
+export function commitDayPeriodDraft(draft) {
+  const trimmed = draft.trim().toLowerCase();
+  if (!trimmed) {
+    return null;
+  }
+  if (trimmed === 'a' || trimmed === 'am' || trimmed === '1') {
+    return 0;
+  }
+  if (trimmed === 'p' || trimmed === 'pm' || trimmed === '2') {
+    return 1;
+  }
+  return null;
+}
+export function findAdjacentEditableIndex(segments, fromIndex, direction) {
+  for (let i = fromIndex + direction; direction < 0 ? i >= 0 : i < segments.length; i += direction) {
+    if (segments[i]?.isEditable) {
+      return i;
+    }
+  }
+  return null;
+}
+export function toHour24(hour12, period) {
+  const normalized = hour12 % 12;
+  return normalized + (period === 1 ? 12 : 0);
+}
+export function toHour12(hour24) {
+  return hour24 % 12 || 12;
+}
+//# sourceMappingURL=segmentKeyboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["parseDateSegment","SEGMENT_MAX_LENGTH","month","day","year","hour","minute","second","dayPeriod","getSegmentMaxLength","type","isSegmentDraftComplete","draft","options","maxLength","length","value","Number","isNaN","hour12","isValidSegmentDraft","applySegmentDigit","_committedText","isDraftDirty","digit","base","candidate","slice","shouldCommit","spillDigit","nextDraft","commitSegmentDraft","segment","parsed","text","commitDayPeriodDraft","trimmed","trim","toLowerCase","findAdjacentEditableIndex","segments","fromIndex","direction","i","isEditable","toHour24","period","normalized","toHour12","hour24"],"sourceRoot":"../../../src","sources":["date-field/segmentKeyboard.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["date-field/types.ts"],"mappings":"","ignoreList":[]}