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

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

@@ -0,0 +1,100 @@
+"use strict";
+
+import { forwardRef, useEffect } from 'react';
+import { Platform, View } from 'react-native';
+import { DateFieldSegmentIndexProvider } from '../date-field/segmentIndex';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDateTimeFieldContext } from './context';
+import { DateTimeFieldHiddenInput } from './DateTimeFieldHiddenInput';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DateTimeFieldInput = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const ctx = useDateTimeFieldContext();
+  const {
+    segments,
+    labels
+  } = ctx;
+  const keyboardInputLabel = labels.dateFieldKeyboardInput;
+  const Comp = asChild ? Slot : View;
+  useEffect(() => {
+    if (Platform.OS !== 'web' || ctx.focusedSegmentIndex == null || ctx.disabled || ctx.readOnly) {
+      return;
+    }
+    const focusedIndex = ctx.focusedSegmentIndex;
+    const onKeyDown = event => {
+      const activeLabel = typeof document !== 'undefined' ? document.activeElement?.getAttribute?.('aria-label') : null;
+      const inputOwnsFocus = activeLabel === keyboardInputLabel;
+      if (event.key === 'Backspace') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleSegmentBackspace();
+        return;
+      }
+      if (event.key === 'ArrowRight') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.focusNextEditableSegment();
+        return;
+      }
+      if (event.key === 'ArrowLeft') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.focusPrevEditableSegment();
+        return;
+      }
+      if (event.key === 'Tab') {
+        ctx.blurSegment(focusedIndex);
+        return;
+      }
+      if (/^[apAP]$/.test(event.key)) {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleDayPeriodKey(event.key);
+        return;
+      }
+      if (/^\d$/.test(event.key)) {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleSegmentDigit(event.key);
+      }
+    };
+    document.addEventListener('keydown', onKeyDown);
+    return () => document.removeEventListener('keydown', onKeyDown);
+  }, [ctx.blurSegment, ctx.disabled, ctx.focusNextEditableSegment, ctx.focusPrevEditableSegment, ctx.focusedSegmentIndex, ctx.handleDayPeriodKey, ctx.handleSegmentBackspace, ctx.handleSegmentDigit, ctx.readOnly, keyboardInputLabel]);
+  return /*#__PURE__*/_jsxs(Comp, {
+    ref: ref,
+    className: className,
+    style: [{
+      position: 'relative'
+    }, style],
+    accessibilityRole: "none",
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'date-time-field-input'
+    })),
+    children: [segments.map((segment, index) => /*#__PURE__*/_jsx(DateFieldSegmentIndexProvider, {
+      index: index,
+      children: children(segment)
+    }, `${segment.type}-${String(index)}`)), /*#__PURE__*/_jsx(DateTimeFieldHiddenInput, {
+      accessibilityLabel: keyboardInputLabel
+    })]
+  });
+});
+DateTimeFieldInput.displayName = 'DateTimeFieldInput';
+//# sourceMappingURL=DateTimeFieldInput.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","View","formatDateTimeId","getDateTimeFieldSegments","isLocaleHour12","parseDateTimeId","resolveDateComponentLabels","useControllableState","useFormControl","Slot","dataAttributes","mergeDataAttributes","DateTimeFieldContext","useDateTimeFieldSegmentState","jsx","_jsx","DateTimeFieldRoot","asChild","children","value","valueProp","defaultValue","onValueChange","granularity","locale","hour12","hour12Prop","labels","labelsProp","isDisabled","isReadOnly","isInvalid","isRequired","props","ref","formControl","setValue","prop","defaultProp","onChange","segments","fieldDisabled","disabled","fieldReadOnly","readOnly","fieldInvalid","segmentState","contextValue","invalid","Comp","Provider","readonly","displayName","dateTimeIdIncludesSeconds","dateTimeId","length","charAt","applyDateTimePartChange","current","part","partValue","parts","hasSeconds","Boolean","includeSeconds","base","year","month","day","hour","minute","second","Date","getFullYear","getMonth","getDate","dateParts"],"sourceRoot":"../../../src","sources":["date-time-field/DateTimeFieldRoot.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+import { forwardRef, useCallback } from 'react';
+import { Platform, Pressable, Text } from 'react-native';
+import { getDateSegmentAccessibilityLabel } from '@cdx-ui/formatters';
+import { useDateFieldSegmentIndex } from '../date-field/segmentIndex';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDateTimeFieldContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DateTimeFieldSegment = /*#__PURE__*/forwardRef(({
+  asChild,
+  segment,
+  segmentIndex: segmentIndexProp,
+  style,
+  ...props
+}, ref) => {
+  const contextSegmentIndex = useDateFieldSegmentIndex();
+  const segmentIndex = segmentIndexProp ?? contextSegmentIndex;
+  const {
+    disabled,
+    readOnly,
+    focusedSegmentIndex,
+    focusSegment,
+    getSegmentDisplayText,
+    labels
+  } = useDateTimeFieldContext();
+  const isFocused = focusedSegmentIndex === segmentIndex;
+  const displayText = getSegmentDisplayText(segmentIndex);
+  const handlePress = useCallback(() => {
+    focusSegment(segmentIndex);
+  }, [focusSegment, segmentIndex]);
+  const preventWebFocusSteal = useCallback(event => {
+    if (Platform.OS !== 'web') {
+      return;
+    }
+    const maybeDom = event;
+    maybeDom.preventDefault?.();
+  }, []);
+  const dataProps = mergeDataAttributes(props, dataAttributes({
+    slot: 'date-time-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,
+      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
+  });
+});
+DateTimeFieldSegment.displayName = 'DateTimeFieldSegment';
+//# sourceMappingURL=DateTimeFieldSegment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","Platform","Pressable","Text","getDateSegmentAccessibilityLabel","useDateFieldSegmentIndex","Slot","dataAttributes","mergeDataAttributes","useDateTimeFieldContext","jsx","_jsx","DateTimeFieldSegment","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-time-field/DateTimeFieldSegment.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const DateTimeFieldContext = /*#__PURE__*/createContext(null);
+export function useDateTimeFieldContext() {
+  const ctx = useContext(DateTimeFieldContext);
+  if (!ctx) {
+    throw new Error('DateTimeField compound components must be used within DateTimeFieldRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","DateTimeFieldContext","useDateTimeFieldContext","ctx","Error"],"sourceRoot":"../../../src","sources":["date-time-field/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAgCjD,OAAO,MAAMC,oBAAoB,gBAAGF,aAAa,CAAmC,IAAI,CAAC;AAEzF,OAAO,SAASG,uBAAuBA,CAAA,EAA8B;EACnE,MAAMC,GAAG,GAAGH,UAAU,CAACC,oBAAoB,CAAC;EAC5C,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+export { DateTimeFieldRoot, applyDateTimePartChange } from './DateTimeFieldRoot';
+export { DateTimeFieldInput } from './DateTimeFieldInput';
+export { DateTimeFieldSegment } from './DateTimeFieldSegment';
+export { useDateTimeFieldContext } from './context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DateTimeFieldRoot","applyDateTimePartChange","DateTimeFieldInput","DateTimeFieldSegment","useDateTimeFieldContext"],"sourceRoot":"../../../src","sources":["date-time-field/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,uBAAuB,QAAQ,qBAAqB;AAEhF,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,SAASC,uBAAuB,QAAQ,WAAW","ignoreList":[]}