@cdx-ui/primitives 0.0.1-beta.140 → 0.0.1-beta.141
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/calendar/CalendarGrid.js +33 -0
- package/lib/commonjs/calendar/CalendarGrid.js.map +1 -0
- package/lib/commonjs/calendar/CalendarRoot.js +95 -0
- package/lib/commonjs/calendar/CalendarRoot.js.map +1 -0
- package/lib/commonjs/calendar/context.js +17 -0
- package/lib/commonjs/calendar/context.js.map +1 -0
- package/lib/commonjs/calendar/index.js +27 -0
- package/lib/commonjs/calendar/index.js.map +1 -0
- package/lib/commonjs/calendar/types.js +6 -0
- package/lib/commonjs/calendar/types.js.map +1 -0
- package/lib/commonjs/date-field/DateFieldHiddenInput.js +148 -0
- package/lib/commonjs/date-field/DateFieldHiddenInput.js.map +1 -0
- package/lib/commonjs/date-field/DateFieldInput.js +122 -0
- package/lib/commonjs/date-field/DateFieldInput.js.map +1 -0
- package/lib/commonjs/date-field/DateFieldRoot.js +85 -0
- package/lib/commonjs/date-field/DateFieldRoot.js.map +1 -0
- package/lib/commonjs/date-field/DateFieldSegment.js +92 -0
- package/lib/commonjs/date-field/DateFieldSegment.js.map +1 -0
- package/lib/commonjs/date-field/context.js +19 -0
- package/lib/commonjs/date-field/context.js.map +1 -0
- package/lib/commonjs/date-field/index.js +34 -0
- package/lib/commonjs/date-field/index.js.map +1 -0
- package/lib/commonjs/date-field/segmentIndex.js +23 -0
- package/lib/commonjs/date-field/segmentIndex.js.map +1 -0
- package/lib/commonjs/date-field/segmentKeyboard.js +169 -0
- package/lib/commonjs/date-field/segmentKeyboard.js.map +1 -0
- package/lib/commonjs/date-field/types.js +6 -0
- package/lib/commonjs/date-field/types.js.map +1 -0
- package/lib/commonjs/date-field/useDateFieldSegmentState.js +381 -0
- package/lib/commonjs/date-field/useDateFieldSegmentState.js.map +1 -0
- package/lib/commonjs/date-field/useRangeDateFieldBridge.js +67 -0
- package/lib/commonjs/date-field/useRangeDateFieldBridge.js.map +1 -0
- package/lib/commonjs/date-picker/DatePickerRoot.js +123 -0
- package/lib/commonjs/date-picker/DatePickerRoot.js.map +1 -0
- package/lib/commonjs/date-picker/context.js +17 -0
- package/lib/commonjs/date-picker/context.js.map +1 -0
- package/lib/commonjs/date-picker/index.js +26 -0
- package/lib/commonjs/date-picker/index.js.map +1 -0
- package/lib/commonjs/date-range-picker/DateRangePickerRoot.js +144 -0
- package/lib/commonjs/date-range-picker/DateRangePickerRoot.js.map +1 -0
- package/lib/commonjs/date-range-picker/context.js +23 -0
- package/lib/commonjs/date-range-picker/context.js.map +1 -0
- package/lib/commonjs/date-range-picker/index.js +26 -0
- package/lib/commonjs/date-range-picker/index.js.map +1 -0
- package/lib/commonjs/date-time-field/DateTimeFieldHiddenInput.js +150 -0
- package/lib/commonjs/date-time-field/DateTimeFieldHiddenInput.js.map +1 -0
- package/lib/commonjs/date-time-field/DateTimeFieldInput.js +104 -0
- package/lib/commonjs/date-time-field/DateTimeFieldInput.js.map +1 -0
- package/lib/commonjs/date-time-field/DateTimeFieldRoot.js +159 -0
- package/lib/commonjs/date-time-field/DateTimeFieldRoot.js.map +1 -0
- package/lib/commonjs/date-time-field/DateTimeFieldSegment.js +87 -0
- package/lib/commonjs/date-time-field/DateTimeFieldSegment.js.map +1 -0
- package/lib/commonjs/date-time-field/context.js +17 -0
- package/lib/commonjs/date-time-field/context.js.map +1 -0
- package/lib/commonjs/date-time-field/index.js +40 -0
- package/lib/commonjs/date-time-field/index.js.map +1 -0
- package/lib/commonjs/date-time-field/useDateTimeFieldSegmentState.js +564 -0
- package/lib/commonjs/date-time-field/useDateTimeFieldSegmentState.js.map +1 -0
- package/lib/commonjs/date-time-list/DateTimeListRoot.js +418 -0
- package/lib/commonjs/date-time-list/DateTimeListRoot.js.map +1 -0
- package/lib/commonjs/date-time-list/context.js +26 -0
- package/lib/commonjs/date-time-list/context.js.map +1 -0
- package/lib/commonjs/date-time-list/index.js +62 -0
- package/lib/commonjs/date-time-list/index.js.map +1 -0
- package/lib/commonjs/date-time-picker/DateTimePickerRoot.js +134 -0
- package/lib/commonjs/date-time-picker/DateTimePickerRoot.js.map +1 -0
- package/lib/commonjs/date-time-picker/context.js +17 -0
- package/lib/commonjs/date-time-picker/context.js.map +1 -0
- package/lib/commonjs/date-time-picker/index.js +26 -0
- package/lib/commonjs/date-time-picker/index.js.map +1 -0
- package/lib/commonjs/dialog/DialogRoot.js +1 -1
- package/lib/commonjs/dialog/DialogRoot.js.map +1 -1
- package/lib/commonjs/index.js +148 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/month-calendar/MonthCalendarCell.js +64 -0
- package/lib/commonjs/month-calendar/MonthCalendarCell.js.map +1 -0
- package/lib/commonjs/month-calendar/MonthCalendarRoot.js +103 -0
- package/lib/commonjs/month-calendar/MonthCalendarRoot.js.map +1 -0
- package/lib/commonjs/month-calendar/MonthCalendarYearCell.js +63 -0
- package/lib/commonjs/month-calendar/MonthCalendarYearCell.js.map +1 -0
- package/lib/commonjs/month-calendar/context.js +17 -0
- package/lib/commonjs/month-calendar/context.js.map +1 -0
- package/lib/commonjs/month-calendar/index.js +34 -0
- package/lib/commonjs/month-calendar/index.js.map +1 -0
- package/lib/commonjs/month-picker/MonthPickerRoot.js +118 -0
- package/lib/commonjs/month-picker/MonthPickerRoot.js.map +1 -0
- package/lib/commonjs/month-picker/context.js +17 -0
- package/lib/commonjs/month-picker/context.js.map +1 -0
- package/lib/commonjs/month-picker/index.js +26 -0
- package/lib/commonjs/month-picker/index.js.map +1 -0
- package/lib/commonjs/overlay/useAnchorPosition.js +27 -16
- package/lib/commonjs/overlay/useAnchorPosition.js.map +1 -1
- package/lib/commonjs/overlay/useDismissOverlay.web.js +10 -2
- package/lib/commonjs/overlay/useDismissOverlay.web.js.map +1 -1
- package/lib/commonjs/overlay/useOverlayPosition.js +5 -2
- package/lib/commonjs/overlay/useOverlayPosition.js.map +1 -1
- package/lib/commonjs/portal/portal.js +59 -2
- package/lib/commonjs/portal/portal.js.map +1 -1
- package/lib/commonjs/range-calendar/RangeCalendarRoot.js +148 -0
- package/lib/commonjs/range-calendar/RangeCalendarRoot.js.map +1 -0
- package/lib/commonjs/range-calendar/context.js +17 -0
- package/lib/commonjs/range-calendar/context.js.map +1 -0
- package/lib/commonjs/range-calendar/index.js +20 -0
- package/lib/commonjs/range-calendar/index.js.map +1 -0
- package/lib/commonjs/select/SelectRoot.js +1 -1
- package/lib/commonjs/select/SelectRoot.js.map +1 -1
- package/lib/commonjs/utils/accessibleLabel.js +23 -0
- package/lib/commonjs/utils/accessibleLabel.js.map +1 -0
- package/lib/commonjs/utils/createPortal.web.js +21 -0
- package/lib/commonjs/utils/createPortal.web.js.map +1 -0
- package/lib/module/calendar/CalendarGrid.js +29 -0
- package/lib/module/calendar/CalendarGrid.js.map +1 -0
- package/lib/module/calendar/CalendarRoot.js +91 -0
- package/lib/module/calendar/CalendarRoot.js.map +1 -0
- package/lib/module/calendar/context.js +12 -0
- package/lib/module/calendar/context.js.map +1 -0
- package/lib/module/calendar/index.js +6 -0
- package/lib/module/calendar/index.js.map +1 -0
- package/lib/module/calendar/types.js +4 -0
- package/lib/module/calendar/types.js.map +1 -0
- package/lib/module/date-field/DateFieldHiddenInput.js +146 -0
- package/lib/module/date-field/DateFieldHiddenInput.js.map +1 -0
- package/lib/module/date-field/DateFieldInput.js +118 -0
- package/lib/module/date-field/DateFieldInput.js.map +1 -0
- package/lib/module/date-field/DateFieldRoot.js +81 -0
- package/lib/module/date-field/DateFieldRoot.js.map +1 -0
- package/lib/module/date-field/DateFieldSegment.js +88 -0
- package/lib/module/date-field/DateFieldSegment.js.map +1 -0
- package/lib/module/date-field/context.js +15 -0
- package/lib/module/date-field/context.js.map +1 -0
- package/lib/module/date-field/index.js +7 -0
- package/lib/module/date-field/index.js.map +1 -0
- package/lib/module/date-field/segmentIndex.js +18 -0
- package/lib/module/date-field/segmentIndex.js.map +1 -0
- package/lib/module/date-field/segmentKeyboard.js +157 -0
- package/lib/module/date-field/segmentKeyboard.js.map +1 -0
- package/lib/module/date-field/types.js +4 -0
- package/lib/module/date-field/types.js.map +1 -0
- package/lib/module/date-field/useDateFieldSegmentState.js +378 -0
- package/lib/module/date-field/useDateFieldSegmentState.js.map +1 -0
- package/lib/module/date-field/useRangeDateFieldBridge.js +63 -0
- package/lib/module/date-field/useRangeDateFieldBridge.js.map +1 -0
- package/lib/module/date-picker/DatePickerRoot.js +119 -0
- package/lib/module/date-picker/DatePickerRoot.js.map +1 -0
- package/lib/module/date-picker/context.js +12 -0
- package/lib/module/date-picker/context.js.map +1 -0
- package/lib/module/date-picker/index.js +5 -0
- package/lib/module/date-picker/index.js.map +1 -0
- package/lib/module/date-range-picker/DateRangePickerRoot.js +140 -0
- package/lib/module/date-range-picker/DateRangePickerRoot.js.map +1 -0
- package/lib/module/date-range-picker/context.js +19 -0
- package/lib/module/date-range-picker/context.js.map +1 -0
- package/lib/module/date-range-picker/index.js +5 -0
- package/lib/module/date-range-picker/index.js.map +1 -0
- package/lib/module/date-time-field/DateTimeFieldHiddenInput.js +148 -0
- package/lib/module/date-time-field/DateTimeFieldHiddenInput.js.map +1 -0
- package/lib/module/date-time-field/DateTimeFieldInput.js +100 -0
- package/lib/module/date-time-field/DateTimeFieldInput.js.map +1 -0
- package/lib/module/date-time-field/DateTimeFieldRoot.js +154 -0
- package/lib/module/date-time-field/DateTimeFieldRoot.js.map +1 -0
- package/lib/module/date-time-field/DateTimeFieldSegment.js +83 -0
- package/lib/module/date-time-field/DateTimeFieldSegment.js.map +1 -0
- package/lib/module/date-time-field/context.js +12 -0
- package/lib/module/date-time-field/context.js.map +1 -0
- package/lib/module/date-time-field/index.js +7 -0
- package/lib/module/date-time-field/index.js.map +1 -0
- package/lib/module/date-time-field/useDateTimeFieldSegmentState.js +561 -0
- package/lib/module/date-time-field/useDateTimeFieldSegmentState.js.map +1 -0
- package/lib/module/date-time-list/DateTimeListRoot.js +416 -0
- package/lib/module/date-time-list/DateTimeListRoot.js.map +1 -0
- package/lib/module/date-time-list/context.js +20 -0
- package/lib/module/date-time-list/context.js.map +1 -0
- package/lib/module/date-time-list/index.js +5 -0
- package/lib/module/date-time-list/index.js.map +1 -0
- package/lib/module/date-time-picker/DateTimePickerRoot.js +130 -0
- package/lib/module/date-time-picker/DateTimePickerRoot.js.map +1 -0
- package/lib/module/date-time-picker/context.js +12 -0
- package/lib/module/date-time-picker/context.js.map +1 -0
- package/lib/module/date-time-picker/index.js +5 -0
- package/lib/module/date-time-picker/index.js.map +1 -0
- package/lib/module/dialog/DialogRoot.js +1 -1
- package/lib/module/dialog/DialogRoot.js.map +1 -1
- package/lib/module/index.js +11 -2
- package/lib/module/index.js.map +1 -1
- package/lib/module/month-calendar/MonthCalendarCell.js +60 -0
- package/lib/module/month-calendar/MonthCalendarCell.js.map +1 -0
- package/lib/module/month-calendar/MonthCalendarRoot.js +99 -0
- package/lib/module/month-calendar/MonthCalendarRoot.js.map +1 -0
- package/lib/module/month-calendar/MonthCalendarYearCell.js +59 -0
- package/lib/module/month-calendar/MonthCalendarYearCell.js.map +1 -0
- package/lib/module/month-calendar/context.js +12 -0
- package/lib/module/month-calendar/context.js.map +1 -0
- package/lib/module/month-calendar/index.js +7 -0
- package/lib/module/month-calendar/index.js.map +1 -0
- package/lib/module/month-picker/MonthPickerRoot.js +114 -0
- package/lib/module/month-picker/MonthPickerRoot.js.map +1 -0
- package/lib/module/month-picker/context.js +12 -0
- package/lib/module/month-picker/context.js.map +1 -0
- package/lib/module/month-picker/index.js +5 -0
- package/lib/module/month-picker/index.js.map +1 -0
- package/lib/module/overlay/useAnchorPosition.js +27 -16
- package/lib/module/overlay/useAnchorPosition.js.map +1 -1
- package/lib/module/overlay/useDismissOverlay.web.js +9 -2
- package/lib/module/overlay/useDismissOverlay.web.js.map +1 -1
- package/lib/module/overlay/useOverlayPosition.js +5 -2
- package/lib/module/overlay/useOverlayPosition.js.map +1 -1
- package/lib/module/portal/portal.js +59 -2
- package/lib/module/portal/portal.js.map +1 -1
- package/lib/module/range-calendar/RangeCalendarRoot.js +144 -0
- package/lib/module/range-calendar/RangeCalendarRoot.js.map +1 -0
- package/lib/module/range-calendar/context.js +12 -0
- package/lib/module/range-calendar/context.js.map +1 -0
- package/lib/module/range-calendar/index.js +5 -0
- package/lib/module/range-calendar/index.js.map +1 -0
- package/lib/module/select/SelectRoot.js +1 -1
- package/lib/module/select/SelectRoot.js.map +1 -1
- package/lib/module/utils/accessibleLabel.js +18 -0
- package/lib/module/utils/accessibleLabel.js.map +1 -0
- package/lib/module/utils/createPortal.web.js +17 -0
- package/lib/module/utils/createPortal.web.js.map +1 -0
- package/lib/typescript/calendar/CalendarGrid.d.ts +7 -0
- package/lib/typescript/calendar/CalendarGrid.d.ts.map +1 -0
- package/lib/typescript/calendar/CalendarRoot.d.ts +10 -0
- package/lib/typescript/calendar/CalendarRoot.d.ts.map +1 -0
- package/lib/typescript/calendar/context.d.ts +18 -0
- package/lib/typescript/calendar/context.d.ts.map +1 -0
- package/lib/typescript/calendar/index.d.ts +5 -0
- package/lib/typescript/calendar/index.d.ts.map +1 -0
- package/lib/typescript/calendar/types.d.ts +29 -0
- package/lib/typescript/calendar/types.d.ts.map +1 -0
- package/lib/typescript/date-field/DateFieldHiddenInput.d.ts +4 -0
- package/lib/typescript/date-field/DateFieldHiddenInput.d.ts.map +1 -0
- package/lib/typescript/date-field/DateFieldInput.d.ts +8 -0
- package/lib/typescript/date-field/DateFieldInput.d.ts.map +1 -0
- package/lib/typescript/date-field/DateFieldRoot.d.ts +10 -0
- package/lib/typescript/date-field/DateFieldRoot.d.ts.map +1 -0
- package/lib/typescript/date-field/DateFieldSegment.d.ts +9 -0
- package/lib/typescript/date-field/DateFieldSegment.d.ts.map +1 -0
- package/lib/typescript/date-field/context.d.ts +33 -0
- package/lib/typescript/date-field/context.d.ts.map +1 -0
- package/lib/typescript/date-field/index.d.ts +9 -0
- package/lib/typescript/date-field/index.d.ts.map +1 -0
- package/lib/typescript/date-field/segmentIndex.d.ts +7 -0
- package/lib/typescript/date-field/segmentIndex.d.ts.map +1 -0
- package/lib/typescript/date-field/segmentKeyboard.d.ts +23 -0
- package/lib/typescript/date-field/segmentKeyboard.d.ts.map +1 -0
- package/lib/typescript/date-field/types.d.ts +38 -0
- package/lib/typescript/date-field/types.d.ts.map +1 -0
- package/lib/typescript/date-field/useDateFieldSegmentState.d.ts +26 -0
- package/lib/typescript/date-field/useDateFieldSegmentState.d.ts.map +1 -0
- package/lib/typescript/date-field/useRangeDateFieldBridge.d.ts +4 -0
- package/lib/typescript/date-field/useRangeDateFieldBridge.d.ts.map +1 -0
- package/lib/typescript/date-picker/DatePickerRoot.d.ts +28 -0
- package/lib/typescript/date-picker/DatePickerRoot.d.ts.map +1 -0
- package/lib/typescript/date-picker/context.d.ts +25 -0
- package/lib/typescript/date-picker/context.d.ts.map +1 -0
- package/lib/typescript/date-picker/index.d.ts +5 -0
- package/lib/typescript/date-picker/index.d.ts.map +1 -0
- package/lib/typescript/date-range-picker/DateRangePickerRoot.d.ts +43 -0
- package/lib/typescript/date-range-picker/DateRangePickerRoot.d.ts.map +1 -0
- package/lib/typescript/date-range-picker/context.d.ts +42 -0
- package/lib/typescript/date-range-picker/context.d.ts.map +1 -0
- package/lib/typescript/date-range-picker/index.d.ts +4 -0
- package/lib/typescript/date-range-picker/index.d.ts.map +1 -0
- package/lib/typescript/date-time-field/DateTimeFieldHiddenInput.d.ts +4 -0
- package/lib/typescript/date-time-field/DateTimeFieldHiddenInput.d.ts.map +1 -0
- package/lib/typescript/date-time-field/DateTimeFieldInput.d.ts +10 -0
- package/lib/typescript/date-time-field/DateTimeFieldInput.d.ts.map +1 -0
- package/lib/typescript/date-time-field/DateTimeFieldRoot.d.ts +24 -0
- package/lib/typescript/date-time-field/DateTimeFieldRoot.d.ts.map +1 -0
- package/lib/typescript/date-time-field/DateTimeFieldSegment.d.ts +10 -0
- package/lib/typescript/date-time-field/DateTimeFieldSegment.d.ts.map +1 -0
- package/lib/typescript/date-time-field/context.d.ts +27 -0
- package/lib/typescript/date-time-field/context.d.ts.map +1 -0
- package/lib/typescript/date-time-field/index.d.ts +8 -0
- package/lib/typescript/date-time-field/index.d.ts.map +1 -0
- package/lib/typescript/date-time-field/useDateTimeFieldSegmentState.d.ts +26 -0
- package/lib/typescript/date-time-field/useDateTimeFieldSegmentState.d.ts.map +1 -0
- package/lib/typescript/date-time-list/DateTimeListRoot.d.ts +42 -0
- package/lib/typescript/date-time-list/DateTimeListRoot.d.ts.map +1 -0
- package/lib/typescript/date-time-list/context.d.ts +29 -0
- package/lib/typescript/date-time-list/context.d.ts.map +1 -0
- package/lib/typescript/date-time-list/index.d.ts +4 -0
- package/lib/typescript/date-time-list/index.d.ts.map +1 -0
- package/lib/typescript/date-time-picker/DateTimePickerRoot.d.ts +36 -0
- package/lib/typescript/date-time-picker/DateTimePickerRoot.d.ts.map +1 -0
- package/lib/typescript/date-time-picker/context.d.ts +25 -0
- package/lib/typescript/date-time-picker/context.d.ts.map +1 -0
- package/lib/typescript/date-time-picker/index.d.ts +4 -0
- package/lib/typescript/date-time-picker/index.d.ts.map +1 -0
- package/lib/typescript/dialog/types.d.ts +2 -1
- package/lib/typescript/dialog/types.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +11 -2
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/month-calendar/MonthCalendarCell.d.ts +9 -0
- package/lib/typescript/month-calendar/MonthCalendarCell.d.ts.map +1 -0
- package/lib/typescript/month-calendar/MonthCalendarRoot.d.ts +30 -0
- package/lib/typescript/month-calendar/MonthCalendarRoot.d.ts.map +1 -0
- package/lib/typescript/month-calendar/MonthCalendarYearCell.d.ts +9 -0
- package/lib/typescript/month-calendar/MonthCalendarYearCell.d.ts.map +1 -0
- package/lib/typescript/month-calendar/context.d.ts +20 -0
- package/lib/typescript/month-calendar/context.d.ts.map +1 -0
- package/lib/typescript/month-calendar/index.d.ts +7 -0
- package/lib/typescript/month-calendar/index.d.ts.map +1 -0
- package/lib/typescript/month-picker/MonthPickerRoot.d.ts +29 -0
- package/lib/typescript/month-picker/MonthPickerRoot.d.ts.map +1 -0
- package/lib/typescript/month-picker/context.d.ts +23 -0
- package/lib/typescript/month-picker/context.d.ts.map +1 -0
- package/lib/typescript/month-picker/index.d.ts +4 -0
- package/lib/typescript/month-picker/index.d.ts.map +1 -0
- package/lib/typescript/overlay/useAnchorPosition.d.ts.map +1 -1
- package/lib/typescript/overlay/useDismissOverlay.web.d.ts.map +1 -1
- package/lib/typescript/overlay/useOverlayPosition.d.ts.map +1 -1
- package/lib/typescript/portal/portal.d.ts.map +1 -1
- package/lib/typescript/range-calendar/RangeCalendarRoot.d.ts +34 -0
- package/lib/typescript/range-calendar/RangeCalendarRoot.d.ts.map +1 -0
- package/lib/typescript/range-calendar/context.d.ts +26 -0
- package/lib/typescript/range-calendar/context.d.ts.map +1 -0
- package/lib/typescript/range-calendar/index.d.ts +5 -0
- package/lib/typescript/range-calendar/index.d.ts.map +1 -0
- package/lib/typescript/select/types.d.ts +2 -1
- package/lib/typescript/select/types.d.ts.map +1 -1
- package/lib/typescript/utils/accessibleLabel.d.ts +13 -0
- package/lib/typescript/utils/accessibleLabel.d.ts.map +1 -0
- package/lib/typescript/utils/createPortal.web.d.ts +17 -0
- package/lib/typescript/utils/createPortal.web.d.ts.map +1 -0
- package/package.json +3 -2
- package/src/calendar/CalendarGrid.tsx +29 -0
- package/src/calendar/CalendarRoot.tsx +138 -0
- package/src/calendar/context.tsx +28 -0
- package/src/calendar/index.ts +4 -0
- package/src/calendar/types.ts +30 -0
- package/src/date-field/DateFieldHiddenInput.tsx +152 -0
- package/src/date-field/DateFieldInput.tsx +138 -0
- package/src/date-field/DateFieldRoot.tsx +117 -0
- package/src/date-field/DateFieldSegment.tsx +97 -0
- package/src/date-field/context.tsx +48 -0
- package/src/date-field/index.ts +8 -0
- package/src/date-field/segmentIndex.tsx +17 -0
- package/src/date-field/segmentKeyboard.ts +207 -0
- package/src/date-field/types.ts +40 -0
- package/src/date-field/useDateFieldSegmentState.ts +455 -0
- package/src/date-field/useRangeDateFieldBridge.ts +78 -0
- package/src/date-picker/DatePickerRoot.tsx +186 -0
- package/src/date-picker/context.tsx +34 -0
- package/src/date-picker/index.ts +4 -0
- package/src/date-range-picker/DateRangePickerRoot.tsx +236 -0
- package/src/date-range-picker/context.tsx +48 -0
- package/src/date-range-picker/index.ts +8 -0
- package/src/date-time-field/DateTimeFieldHiddenInput.tsx +156 -0
- package/src/date-time-field/DateTimeFieldInput.tsx +119 -0
- package/src/date-time-field/DateTimeFieldRoot.tsx +209 -0
- package/src/date-time-field/DateTimeFieldSegment.tsx +95 -0
- package/src/date-time-field/context.tsx +41 -0
- package/src/date-time-field/index.ts +7 -0
- package/src/date-time-field/useDateTimeFieldSegmentState.ts +672 -0
- package/src/date-time-list/DateTimeListRoot.tsx +530 -0
- package/src/date-time-list/context.tsx +45 -0
- package/src/date-time-list/index.ts +16 -0
- package/src/date-time-picker/DateTimePickerRoot.tsx +210 -0
- package/src/date-time-picker/context.tsx +33 -0
- package/src/date-time-picker/index.ts +7 -0
- package/src/dialog/DialogRoot.tsx +1 -1
- package/src/dialog/types.ts +2 -1
- package/src/index.ts +21 -2
- package/src/month-calendar/MonthCalendarCell.tsx +53 -0
- package/src/month-calendar/MonthCalendarRoot.tsx +153 -0
- package/src/month-calendar/MonthCalendarYearCell.tsx +54 -0
- package/src/month-calendar/context.tsx +30 -0
- package/src/month-calendar/index.ts +6 -0
- package/src/month-picker/MonthPickerRoot.tsx +183 -0
- package/src/month-picker/context.tsx +31 -0
- package/src/month-picker/index.ts +3 -0
- package/src/overlay/useAnchorPosition.ts +25 -11
- package/src/overlay/useDismissOverlay.web.ts +10 -2
- package/src/overlay/useOverlayPosition.ts +5 -2
- package/src/portal/portal.tsx +79 -2
- package/src/range-calendar/RangeCalendarRoot.tsx +213 -0
- package/src/range-calendar/context.tsx +33 -0
- package/src/range-calendar/index.ts +4 -0
- package/src/select/SelectRoot.tsx +1 -1
- package/src/select/types.ts +2 -1
- package/src/utils/accessibleLabel.ts +22 -0
- package/src/utils/createPortal.web.ts +18 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RangeCalendarContext = void 0;
|
|
7
|
+
exports.useRangeCalendarContext = useRangeCalendarContext;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
const RangeCalendarContext = exports.RangeCalendarContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
10
|
+
function useRangeCalendarContext() {
|
|
11
|
+
const ctx = (0, _react.useContext)(RangeCalendarContext);
|
|
12
|
+
if (!ctx) {
|
|
13
|
+
throw new Error('RangeCalendar compound components must be used within RangeCalendarRoot');
|
|
14
|
+
}
|
|
15
|
+
return ctx;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","RangeCalendarContext","exports","createContext","useRangeCalendarContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["range-calendar/context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAwBO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,oBAAa,EAAmC,IAAI,CAAC;AAElF,SAASC,uBAAuBA,CAAA,EAA8B;EACnE,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,oBAAoB,CAAC;EAC5C,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "RangeCalendarRoot", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _RangeCalendarRoot.RangeCalendarRoot;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "useRangeCalendarContext", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _context.useRangeCalendarContext;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _RangeCalendarRoot = require("./RangeCalendarRoot");
|
|
19
|
+
var _context = require("./context");
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_RangeCalendarRoot","require","_context"],"sourceRoot":"../../../src","sources":["range-calendar/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_dataAttributes","_context","_jsxRuntime","SelectRoot","exports","forwardRef","asChild","children","items","value","valueProp","defaultValue","onValueChange","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_dataAttributes","_context","_jsxRuntime","SelectRoot","exports","forwardRef","asChild","children","items","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","useFormControl","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","useControllableState","prop","defaultProp","onChange","newValue","undefined","open","setOpenState","setOpen","useCallback","newOpen","activeValue","setActiveValue","useState","triggerRef","useRef","reactId","useId","triggerId","id","contentId","ariaDescribedBy","contextValue","useMemo","invalid","Comp","Slot","View","jsx","SelectProvider","mergeDataAttributes","dataAttributes","readonly","displayName"],"sourceRoot":"../../../src","sources":["select/SelectRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.accessibleLabelAttributes = accessibleLabelAttributes;
|
|
7
|
+
exports.resolveAccessibleLabel = resolveAccessibleLabel;
|
|
8
|
+
function resolveAccessibleLabel({
|
|
9
|
+
accessibilityLabel,
|
|
10
|
+
'aria-label': ariaLabel
|
|
11
|
+
}) {
|
|
12
|
+
return accessibilityLabel ?? ariaLabel;
|
|
13
|
+
}
|
|
14
|
+
function accessibleLabelAttributes(label) {
|
|
15
|
+
if (label === undefined) {
|
|
16
|
+
return {};
|
|
17
|
+
}
|
|
18
|
+
return {
|
|
19
|
+
accessibilityLabel: label,
|
|
20
|
+
'aria-label': label
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=accessibleLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["resolveAccessibleLabel","accessibilityLabel","ariaLabel","accessibleLabelAttributes","label","undefined"],"sourceRoot":"../../../src","sources":["utils/accessibleLabel.ts"],"mappings":";;;;;;;AAKO,SAASA,sBAAsBA,CAAC;EACrCC,kBAAkB;EAClB,YAAY,EAAEC;AACM,CAAC,EAAsB;EAC3C,OAAOD,kBAAkB,IAAIC,SAAS;AACxC;AAEO,SAASC,yBAAyBA,CAACC,KAAyB,EAAE;EACnE,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAO,CAAC,CAAC;EACX;EAEA,OAAO;IACLJ,kBAAkB,EAAEG,KAAK;IACzB,YAAY,EAAEA;EAChB,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createPortalFn = void 0;
|
|
7
|
+
var _reactDom = require("react-dom");
|
|
8
|
+
/**
|
|
9
|
+
* Web implementation — statically imports `ReactDOM.createPortal`.
|
|
10
|
+
*
|
|
11
|
+
* The base (`.ts`) module resolves `react-dom` lazily via `require` so native
|
|
12
|
+
* bundles never reference it. That `require` is `undefined` in browser ESM
|
|
13
|
+
* bundles that don't transform mixed CommonJS/ESM (e.g. the docs site's Vite
|
|
14
|
+
* build), so the base module silently resolves `createPortalFn` to `undefined`
|
|
15
|
+
* there. That forces `OverlayContainer` onto its native `Modal` + Reanimated
|
|
16
|
+
* layout-animation path, leaving web overlays (Select, DatePicker) stuck at
|
|
17
|
+
* opacity 0. A static ESM import guarantees `createPortalFn` resolves on web
|
|
18
|
+
* regardless of the bundler's CommonJS interop.
|
|
19
|
+
*/
|
|
20
|
+
const createPortalFn = exports.createPortalFn = _reactDom.createPortal;
|
|
21
|
+
//# sourceMappingURL=createPortal.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactDom","require","createPortalFn","exports","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.web.ts"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAA8B,GAAAC,OAAA,CAAAD,cAAA,GAAGE,sBAAY","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { Slot } from '../slot';
|
|
6
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export const CalendarGrid = /*#__PURE__*/forwardRef(({
|
|
9
|
+
asChild,
|
|
10
|
+
className,
|
|
11
|
+
style,
|
|
12
|
+
children,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const Comp = asChild ? Slot : View;
|
|
16
|
+
return /*#__PURE__*/_jsx(Comp, {
|
|
17
|
+
ref: ref,
|
|
18
|
+
className: className,
|
|
19
|
+
style: style,
|
|
20
|
+
accessibilityRole: "none",
|
|
21
|
+
...props,
|
|
22
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
23
|
+
slot: 'calendar-grid'
|
|
24
|
+
})),
|
|
25
|
+
children: children
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
CalendarGrid.displayName = 'CalendarGrid';
|
|
29
|
+
//# sourceMappingURL=CalendarGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","View","Slot","dataAttributes","mergeDataAttributes","jsx","_jsx","CalendarGrid","asChild","className","style","children","props","ref","Comp","accessibilityRole","slot","displayName"],"sourceRoot":"../../../src","sources":["calendar/CalendarGrid.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO9E,OAAO,MAAMC,YAAY,gBAAGP,UAAU,CACpC,CAAC;EAAEQ,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAMC,IAAI,GAAGN,OAAO,GAAGN,IAAI,GAAGD,IAAI;EAClC,oBACEK,IAAA,CAACQ,IAAI;IACHD,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbK,iBAAiB,EAAC,MAAM;IAAA,GACpBH,KAAK;IAAA,GACLR,mBAAmB,CAACQ,KAAK,EAAET,cAAc,CAAC;MAAEa,IAAI,EAAE;IAAgB,CAAC,CAAC,CAAC;IAAAL,QAAA,EAExEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,YAAY,CAACU,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { todayMonthId, toMonthId, resolveDateComponentLabels } from '@cdx-ui/formatters';
|
|
6
|
+
import { useControllableState } from '@cdx-ui/utils';
|
|
7
|
+
import { Slot } from '../slot';
|
|
8
|
+
import { accessibleLabelAttributes, resolveAccessibleLabel } from '../utils/accessibleLabel';
|
|
9
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
10
|
+
import { CalendarContext } from './context';
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
export const CalendarRoot = /*#__PURE__*/forwardRef(({
|
|
13
|
+
asChild,
|
|
14
|
+
children,
|
|
15
|
+
value: valueProp,
|
|
16
|
+
defaultValue,
|
|
17
|
+
onValueChange,
|
|
18
|
+
monthId: monthIdProp,
|
|
19
|
+
defaultMonthId,
|
|
20
|
+
onMonthIdChange,
|
|
21
|
+
minValue,
|
|
22
|
+
maxValue,
|
|
23
|
+
disabled = false,
|
|
24
|
+
locale = 'en-US',
|
|
25
|
+
labels: labelsProp,
|
|
26
|
+
accessibilityLabel: accessibilityLabelProp,
|
|
27
|
+
'aria-label': ariaLabelProp,
|
|
28
|
+
...props
|
|
29
|
+
}, ref) => {
|
|
30
|
+
const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
|
|
31
|
+
const accessibilityLabel = resolveAccessibleLabel({
|
|
32
|
+
accessibilityLabel: accessibilityLabelProp,
|
|
33
|
+
'aria-label': ariaLabelProp
|
|
34
|
+
});
|
|
35
|
+
const [value, setValue] = useControllableState({
|
|
36
|
+
prop: valueProp,
|
|
37
|
+
defaultProp: defaultValue,
|
|
38
|
+
onChange: onValueChange
|
|
39
|
+
});
|
|
40
|
+
const [monthId, setMonthId] = useControllableState({
|
|
41
|
+
prop: monthIdProp,
|
|
42
|
+
defaultProp: defaultMonthId ?? (value ? toMonthId(value) : todayMonthId()),
|
|
43
|
+
onChange: onMonthIdChange
|
|
44
|
+
});
|
|
45
|
+
const prevValueRef = useRef(value);
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
if (monthIdProp !== undefined) {
|
|
48
|
+
prevValueRef.current = value;
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
if (value === undefined || prevValueRef.current === value) {
|
|
52
|
+
prevValueRef.current = value;
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
prevValueRef.current = value;
|
|
56
|
+
setMonthId(toMonthId(value));
|
|
57
|
+
}, [monthIdProp, setMonthId, value]);
|
|
58
|
+
const [view, setViewState] = useState('month');
|
|
59
|
+
const setView = useCallback(next => {
|
|
60
|
+
setViewState(next);
|
|
61
|
+
}, []);
|
|
62
|
+
const contextValue = useMemo(() => ({
|
|
63
|
+
value,
|
|
64
|
+
onValueChange: setValue,
|
|
65
|
+
monthId: monthId ?? todayMonthId(),
|
|
66
|
+
onMonthIdChange: setMonthId,
|
|
67
|
+
minValue,
|
|
68
|
+
maxValue,
|
|
69
|
+
disabled,
|
|
70
|
+
locale,
|
|
71
|
+
labels,
|
|
72
|
+
view,
|
|
73
|
+
setView
|
|
74
|
+
}), [value, setValue, monthId, setMonthId, minValue, maxValue, disabled, locale, labels, view, setView]);
|
|
75
|
+
const Comp = asChild ? Slot : View;
|
|
76
|
+
return /*#__PURE__*/_jsx(CalendarContext.Provider, {
|
|
77
|
+
value: contextValue,
|
|
78
|
+
children: /*#__PURE__*/_jsx(Comp, {
|
|
79
|
+
ref: ref,
|
|
80
|
+
accessibilityRole: "none",
|
|
81
|
+
...props,
|
|
82
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
83
|
+
disabled
|
|
84
|
+
})),
|
|
85
|
+
...accessibleLabelAttributes(accessibilityLabel),
|
|
86
|
+
children: children
|
|
87
|
+
})
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
CalendarRoot.displayName = 'CalendarRoot';
|
|
91
|
+
//# sourceMappingURL=CalendarRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","useState","View","todayMonthId","toMonthId","resolveDateComponentLabels","useControllableState","Slot","accessibleLabelAttributes","resolveAccessibleLabel","dataAttributes","mergeDataAttributes","CalendarContext","jsx","_jsx","CalendarRoot","asChild","children","value","valueProp","defaultValue","onValueChange","monthId","monthIdProp","defaultMonthId","onMonthIdChange","minValue","maxValue","disabled","locale","labels","labelsProp","accessibilityLabel","accessibilityLabelProp","ariaLabelProp","props","ref","setValue","prop","defaultProp","onChange","setMonthId","prevValueRef","undefined","current","view","setViewState","setView","next","contextValue","Comp","Provider","accessibilityRole","displayName"],"sourceRoot":"../../../src","sources":["calendar/CalendarRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from 'react';
|
|
4
|
+
export const CalendarContext = /*#__PURE__*/createContext(null);
|
|
5
|
+
export function useCalendarContext() {
|
|
6
|
+
const ctx = useContext(CalendarContext);
|
|
7
|
+
if (!ctx) {
|
|
8
|
+
throw new Error('Calendar compound components must be used within CalendarRoot');
|
|
9
|
+
}
|
|
10
|
+
return ctx;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","CalendarContext","useCalendarContext","ctx","Error"],"sourceRoot":"../../../src","sources":["calendar/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAmBjD,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAA8B,IAAI,CAAC;AAE/E,OAAO,SAASG,kBAAkBA,CAAA,EAAyB;EACzD,MAAMC,GAAG,GAAGH,UAAU,CAACC,eAAe,CAAC;EACvC,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,+DAA+D,CAAC;EAClF;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CalendarRoot","CalendarGrid","useCalendarContext"],"sourceRoot":"../../../src","sources":["calendar/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,kBAAkB,QAA2B,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["calendar/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect, useRef } from 'react';
|
|
4
|
+
import { Platform, TextInput } from 'react-native';
|
|
5
|
+
import { useDateFieldContext } from './context';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Invisible input that owns keyboard focus while a segment is active.
|
|
9
|
+
* Kept always mounted (never conditionally unmounted) so focus/blur races
|
|
10
|
+
* cannot clear segment focus before keystrokes arrive.
|
|
11
|
+
*
|
|
12
|
+
* Value is synced to the segment draft so native backspace shortens the text
|
|
13
|
+
* via onChangeText (iOS number-pad has no delete key; phone-pad does).
|
|
14
|
+
*/
|
|
15
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
|
+
const HIDDEN_INPUT_STYLE = {
|
|
17
|
+
position: 'absolute',
|
|
18
|
+
opacity: 0.01,
|
|
19
|
+
width: '100%',
|
|
20
|
+
height: '100%',
|
|
21
|
+
left: 0,
|
|
22
|
+
top: 0,
|
|
23
|
+
zIndex: 0,
|
|
24
|
+
fontSize: 16
|
|
25
|
+
};
|
|
26
|
+
const KEYBOARD_TYPE = Platform.select({
|
|
27
|
+
ios: 'phone-pad',
|
|
28
|
+
default: 'number-pad'
|
|
29
|
+
});
|
|
30
|
+
export function DateFieldHiddenInput({
|
|
31
|
+
accessibilityLabel
|
|
32
|
+
}) {
|
|
33
|
+
const {
|
|
34
|
+
focusedSegmentIndex,
|
|
35
|
+
disabled,
|
|
36
|
+
readOnly,
|
|
37
|
+
segmentDraft,
|
|
38
|
+
handleSegmentInputChange,
|
|
39
|
+
handleSegmentBackspace,
|
|
40
|
+
focusNextEditableSegment,
|
|
41
|
+
focusPrevEditableSegment,
|
|
42
|
+
blurSegment
|
|
43
|
+
} = useDateFieldContext();
|
|
44
|
+
const inputRef = useRef(null);
|
|
45
|
+
const suppressBlurRef = useRef(false);
|
|
46
|
+
const focusedIndexRef = useRef(focusedSegmentIndex);
|
|
47
|
+
focusedIndexRef.current = focusedSegmentIndex;
|
|
48
|
+
const isActive = focusedSegmentIndex != null && !disabled && !readOnly;
|
|
49
|
+
const draftDigits = segmentDraft.replace(/\D/g, '');
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
if (!isActive) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
suppressBlurRef.current = true;
|
|
55
|
+
const focusInput = () => {
|
|
56
|
+
inputRef.current?.focus();
|
|
57
|
+
};
|
|
58
|
+
const frame = requestAnimationFrame(focusInput);
|
|
59
|
+
const timer = setTimeout(() => {
|
|
60
|
+
focusInput();
|
|
61
|
+
suppressBlurRef.current = false;
|
|
62
|
+
}, 50);
|
|
63
|
+
return () => {
|
|
64
|
+
cancelAnimationFrame(frame);
|
|
65
|
+
clearTimeout(timer);
|
|
66
|
+
};
|
|
67
|
+
}, [isActive, focusedSegmentIndex]);
|
|
68
|
+
const onKeyPress = event => {
|
|
69
|
+
if (!isActive) {
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
const key = event.nativeEvent.key;
|
|
73
|
+
if (key === 'Backspace') {
|
|
74
|
+
// When draft still has digits, onChangeText mirrors the shortened value.
|
|
75
|
+
// Only handle empty-draft backspace here (move to previous / clear).
|
|
76
|
+
if (draftDigits.length === 0) {
|
|
77
|
+
handleSegmentBackspace();
|
|
78
|
+
}
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
if (key === 'ArrowRight') {
|
|
82
|
+
focusNextEditableSegment();
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
if (key === 'ArrowLeft') {
|
|
86
|
+
focusPrevEditableSegment();
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
return /*#__PURE__*/_jsx(TextInput, {
|
|
90
|
+
testID: "date-field-keyboard-input",
|
|
91
|
+
accessibilityLabel: accessibilityLabel,
|
|
92
|
+
accessibilityElementsHidden: true,
|
|
93
|
+
importantForAccessibility: "no-hide-descendants",
|
|
94
|
+
ref: inputRef,
|
|
95
|
+
value: isActive ? draftDigits : '',
|
|
96
|
+
editable: isActive,
|
|
97
|
+
showSoftInputOnFocus: isActive,
|
|
98
|
+
pointerEvents: "none",
|
|
99
|
+
caretHidden: true,
|
|
100
|
+
importantForAutofill: "no",
|
|
101
|
+
autoComplete: "off",
|
|
102
|
+
autoCorrect: false,
|
|
103
|
+
spellCheck: false,
|
|
104
|
+
keyboardType: KEYBOARD_TYPE,
|
|
105
|
+
inputMode: "numeric",
|
|
106
|
+
style: HIDDEN_INPUT_STYLE,
|
|
107
|
+
onChangeText: text => {
|
|
108
|
+
if (!isActive) {
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
handleSegmentInputChange(text);
|
|
112
|
+
},
|
|
113
|
+
onKeyPress: onKeyPress,
|
|
114
|
+
onBlur: () => {
|
|
115
|
+
if (suppressBlurRef.current) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
requestAnimationFrame(() => {
|
|
119
|
+
if (suppressBlurRef.current) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
const index = focusedIndexRef.current;
|
|
123
|
+
if (index == null) {
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
if (Platform.OS !== 'web') {
|
|
127
|
+
blurSegment(index);
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
const node = inputRef.current;
|
|
131
|
+
if (node?.isFocused?.()) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
const active = typeof document !== 'undefined' ? document.activeElement : null;
|
|
135
|
+
if (active && active.tagName === 'INPUT') {
|
|
136
|
+
const label = active.getAttribute('aria-label');
|
|
137
|
+
if (label === accessibilityLabel) {
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
blurSegment(index);
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
});
|
|
145
|
+
}
|
|
146
|
+
//# sourceMappingURL=DateFieldHiddenInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useContext, useEffect } from 'react';
|
|
4
|
+
import { Platform, View } from 'react-native';
|
|
5
|
+
import { Slot } from '../slot';
|
|
6
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
7
|
+
import { DateRangePickerContext } from '../date-range-picker/context';
|
|
8
|
+
import { DateFieldHiddenInput } from './DateFieldHiddenInput';
|
|
9
|
+
import { DateFieldSegmentIndexProvider } from './segmentIndex';
|
|
10
|
+
import { DateFieldContext } from './context';
|
|
11
|
+
import { useRangeDateFieldBridge } from './useRangeDateFieldBridge';
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export const DateFieldInput = /*#__PURE__*/forwardRef(({
|
|
14
|
+
asChild,
|
|
15
|
+
children,
|
|
16
|
+
className,
|
|
17
|
+
style,
|
|
18
|
+
slot = 'start',
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => {
|
|
21
|
+
const fieldCtx = useContext(DateFieldContext);
|
|
22
|
+
const rangeCtx = useContext(DateRangePickerContext);
|
|
23
|
+
const rangeBridge = useRangeDateFieldBridge(slot, rangeCtx);
|
|
24
|
+
const ctx = fieldCtx ?? rangeBridge;
|
|
25
|
+
if (!ctx) {
|
|
26
|
+
throw new Error('DateField.Input must be used within DateField or DateRangePicker (with slot="start" | "end")');
|
|
27
|
+
}
|
|
28
|
+
const {
|
|
29
|
+
segments,
|
|
30
|
+
focusedSegmentIndex,
|
|
31
|
+
labels
|
|
32
|
+
} = ctx;
|
|
33
|
+
const keyboardInputLabel = labels.dateFieldKeyboardInput;
|
|
34
|
+
const Comp = asChild ? Slot : View;
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
if (rangeCtx && focusedSegmentIndex != null) {
|
|
37
|
+
rangeCtx.setFocusedField(slot);
|
|
38
|
+
}
|
|
39
|
+
}, [focusedSegmentIndex, rangeCtx, slot]);
|
|
40
|
+
|
|
41
|
+
// Web fallback: if the hidden input fails to take focus (some browsers reject
|
|
42
|
+
// near-invisible inputs), still accept keystrokes at the document level.
|
|
43
|
+
// Skip when the hidden input is already focused to avoid double-applying digits.
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
if (Platform.OS !== 'web' || ctx.focusedSegmentIndex == null || ctx.disabled || ctx.readOnly) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
const focusedIndex = ctx.focusedSegmentIndex;
|
|
49
|
+
const onKeyDown = event => {
|
|
50
|
+
const activeLabel = typeof document !== 'undefined' ? document.activeElement?.getAttribute?.('aria-label') : null;
|
|
51
|
+
const inputOwnsFocus = activeLabel === keyboardInputLabel;
|
|
52
|
+
if (event.key === 'Backspace') {
|
|
53
|
+
if (inputOwnsFocus) {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
event.preventDefault();
|
|
57
|
+
ctx.handleSegmentBackspace();
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
if (event.key === 'ArrowRight') {
|
|
61
|
+
if (inputOwnsFocus) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
event.preventDefault();
|
|
65
|
+
ctx.focusNextEditableSegment();
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
if (event.key === 'ArrowLeft') {
|
|
69
|
+
if (inputOwnsFocus) {
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
event.preventDefault();
|
|
73
|
+
ctx.focusPrevEditableSegment();
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
if (event.key === 'Tab') {
|
|
77
|
+
ctx.blurSegment(focusedIndex);
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
if (/^\d$/.test(event.key)) {
|
|
81
|
+
if (inputOwnsFocus) {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
event.preventDefault();
|
|
85
|
+
ctx.handleSegmentDigit(event.key);
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
document.addEventListener('keydown', onKeyDown);
|
|
89
|
+
return () => document.removeEventListener('keydown', onKeyDown);
|
|
90
|
+
}, [ctx.blurSegment, ctx.disabled, ctx.focusNextEditableSegment, ctx.focusPrevEditableSegment, ctx.focusedSegmentIndex, ctx.handleSegmentBackspace, ctx.handleSegmentDigit, ctx.readOnly, keyboardInputLabel]);
|
|
91
|
+
const input = /*#__PURE__*/_jsxs(Comp, {
|
|
92
|
+
ref: ref,
|
|
93
|
+
className: className,
|
|
94
|
+
style: [{
|
|
95
|
+
position: 'relative'
|
|
96
|
+
}, style],
|
|
97
|
+
accessibilityRole: "none",
|
|
98
|
+
...props,
|
|
99
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
100
|
+
slot: 'date-field-input'
|
|
101
|
+
})),
|
|
102
|
+
children: [segments.map((segment, index) => /*#__PURE__*/_jsx(DateFieldSegmentIndexProvider, {
|
|
103
|
+
index: index,
|
|
104
|
+
children: children(segment)
|
|
105
|
+
}, `${segment.type}-${String(index)}`)), /*#__PURE__*/_jsx(DateFieldHiddenInput, {
|
|
106
|
+
accessibilityLabel: keyboardInputLabel
|
|
107
|
+
})]
|
|
108
|
+
});
|
|
109
|
+
if (!fieldCtx && rangeBridge) {
|
|
110
|
+
return /*#__PURE__*/_jsx(DateFieldContext.Provider, {
|
|
111
|
+
value: rangeBridge,
|
|
112
|
+
children: input
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
return input;
|
|
116
|
+
});
|
|
117
|
+
DateFieldInput.displayName = 'DateFieldInput';
|
|
118
|
+
//# sourceMappingURL=DateFieldInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|