@cdx-ui/primitives 0.0.1-beta.140 → 0.0.1-beta.142
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/checkbox/CheckboxRoot.web.js +91 -28
- package/lib/commonjs/checkbox/CheckboxRoot.web.js.map +1 -1
- package/lib/commonjs/checkbox/useCheckboxRoot.js +33 -19
- package/lib/commonjs/checkbox/useCheckboxRoot.js.map +1 -1
- 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/radio/RadioGroup.js +65 -16
- package/lib/commonjs/radio/RadioGroup.js.map +1 -1
- package/lib/commonjs/radio/RadioRoot.web.js +114 -26
- package/lib/commonjs/radio/RadioRoot.web.js.map +1 -1
- package/lib/commonjs/radio/context.js.map +1 -1
- package/lib/commonjs/radio/useRadioGroupNavigation.js +79 -0
- package/lib/commonjs/radio/useRadioGroupNavigation.js.map +1 -0
- package/lib/commonjs/radio/useRadioRoot.js +14 -13
- package/lib/commonjs/radio/useRadioRoot.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/checkbox/CheckboxRoot.web.js +92 -29
- package/lib/module/checkbox/CheckboxRoot.web.js.map +1 -1
- package/lib/module/checkbox/useCheckboxRoot.js +34 -20
- package/lib/module/checkbox/useCheckboxRoot.js.map +1 -1
- 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/radio/RadioGroup.js +68 -19
- package/lib/module/radio/RadioGroup.js.map +1 -1
- package/lib/module/radio/RadioRoot.web.js +117 -29
- package/lib/module/radio/RadioRoot.web.js.map +1 -1
- package/lib/module/radio/context.js.map +1 -1
- package/lib/module/radio/useRadioGroupNavigation.js +74 -0
- package/lib/module/radio/useRadioGroupNavigation.js.map +1 -0
- package/lib/module/radio/useRadioRoot.js +14 -13
- package/lib/module/radio/useRadioRoot.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/checkbox/CheckboxRoot.web.d.ts +8 -0
- package/lib/typescript/checkbox/CheckboxRoot.web.d.ts.map +1 -1
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +7 -18
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -1
- 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/radio/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/radio/RadioRoot.web.d.ts +8 -0
- package/lib/typescript/radio/RadioRoot.web.d.ts.map +1 -1
- package/lib/typescript/radio/context.d.ts +6 -1
- package/lib/typescript/radio/context.d.ts.map +1 -1
- package/lib/typescript/radio/types.d.ts +7 -0
- package/lib/typescript/radio/types.d.ts.map +1 -1
- package/lib/typescript/radio/useRadioGroupNavigation.d.ts +17 -0
- package/lib/typescript/radio/useRadioGroupNavigation.d.ts.map +1 -0
- package/lib/typescript/radio/useRadioRoot.d.ts +4 -18
- package/lib/typescript/radio/useRadioRoot.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/checkbox/CheckboxRoot.web.tsx +105 -29
- package/src/checkbox/useCheckboxRoot.ts +37 -15
- 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/radio/RadioGroup.tsx +84 -20
- package/src/radio/RadioRoot.web.tsx +136 -31
- package/src/radio/context.tsx +6 -1
- package/src/radio/types.ts +6 -0
- package/src/radio/useRadioGroupNavigation.ts +104 -0
- package/src/radio/useRadioRoot.ts +18 -11
- 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,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.CalendarGrid = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _slot = require("../slot");
|
|
10
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const CalendarGrid = exports.CalendarGrid = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
13
|
+
asChild,
|
|
14
|
+
className,
|
|
15
|
+
style,
|
|
16
|
+
children,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => {
|
|
19
|
+
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
21
|
+
ref: ref,
|
|
22
|
+
className: className,
|
|
23
|
+
style: style,
|
|
24
|
+
accessibilityRole: "none",
|
|
25
|
+
...props,
|
|
26
|
+
...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
|
|
27
|
+
slot: 'calendar-grid'
|
|
28
|
+
})),
|
|
29
|
+
children: children
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
CalendarGrid.displayName = 'CalendarGrid';
|
|
33
|
+
//# sourceMappingURL=CalendarGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_jsxRuntime","CalendarGrid","exports","forwardRef","asChild","className","style","children","props","ref","Comp","Slot","View","jsx","accessibilityRole","mergeDataAttributes","dataAttributes","slot","displayName"],"sourceRoot":"../../../src","sources":["calendar/CalendarGrid.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAA8E,IAAAI,WAAA,GAAAJ,OAAA;AAOvE,MAAMK,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EACpC,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAMC,IAAI,GAAGN,OAAO,GAAGO,UAAI,GAAGC,iBAAI;EAClC,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACH,IAAI;IACHD,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbQ,iBAAiB,EAAC,MAAM;IAAA,GACpBN,KAAK;IAAA,GACL,IAAAO,mCAAmB,EAACP,KAAK,EAAE,IAAAQ,8BAAc,EAAC;MAAEC,IAAI,EAAE;IAAgB,CAAC,CAAC,CAAC;IAAAV,QAAA,EAExEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDN,YAAY,CAACiB,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.CalendarRoot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _formatters = require("@cdx-ui/formatters");
|
|
10
|
+
var _utils = require("@cdx-ui/utils");
|
|
11
|
+
var _slot = require("../slot");
|
|
12
|
+
var _accessibleLabel = require("../utils/accessibleLabel");
|
|
13
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
14
|
+
var _context = require("./context");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
const CalendarRoot = exports.CalendarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
17
|
+
asChild,
|
|
18
|
+
children,
|
|
19
|
+
value: valueProp,
|
|
20
|
+
defaultValue,
|
|
21
|
+
onValueChange,
|
|
22
|
+
monthId: monthIdProp,
|
|
23
|
+
defaultMonthId,
|
|
24
|
+
onMonthIdChange,
|
|
25
|
+
minValue,
|
|
26
|
+
maxValue,
|
|
27
|
+
disabled = false,
|
|
28
|
+
locale = 'en-US',
|
|
29
|
+
labels: labelsProp,
|
|
30
|
+
accessibilityLabel: accessibilityLabelProp,
|
|
31
|
+
'aria-label': ariaLabelProp,
|
|
32
|
+
...props
|
|
33
|
+
}, ref) => {
|
|
34
|
+
const labels = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
|
|
35
|
+
const accessibilityLabel = (0, _accessibleLabel.resolveAccessibleLabel)({
|
|
36
|
+
accessibilityLabel: accessibilityLabelProp,
|
|
37
|
+
'aria-label': ariaLabelProp
|
|
38
|
+
});
|
|
39
|
+
const [value, setValue] = (0, _utils.useControllableState)({
|
|
40
|
+
prop: valueProp,
|
|
41
|
+
defaultProp: defaultValue,
|
|
42
|
+
onChange: onValueChange
|
|
43
|
+
});
|
|
44
|
+
const [monthId, setMonthId] = (0, _utils.useControllableState)({
|
|
45
|
+
prop: monthIdProp,
|
|
46
|
+
defaultProp: defaultMonthId ?? (value ? (0, _formatters.toMonthId)(value) : (0, _formatters.todayMonthId)()),
|
|
47
|
+
onChange: onMonthIdChange
|
|
48
|
+
});
|
|
49
|
+
const prevValueRef = (0, _react.useRef)(value);
|
|
50
|
+
(0, _react.useEffect)(() => {
|
|
51
|
+
if (monthIdProp !== undefined) {
|
|
52
|
+
prevValueRef.current = value;
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
if (value === undefined || prevValueRef.current === value) {
|
|
56
|
+
prevValueRef.current = value;
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
prevValueRef.current = value;
|
|
60
|
+
setMonthId((0, _formatters.toMonthId)(value));
|
|
61
|
+
}, [monthIdProp, setMonthId, value]);
|
|
62
|
+
const [view, setViewState] = (0, _react.useState)('month');
|
|
63
|
+
const setView = (0, _react.useCallback)(next => {
|
|
64
|
+
setViewState(next);
|
|
65
|
+
}, []);
|
|
66
|
+
const contextValue = (0, _react.useMemo)(() => ({
|
|
67
|
+
value,
|
|
68
|
+
onValueChange: setValue,
|
|
69
|
+
monthId: monthId ?? (0, _formatters.todayMonthId)(),
|
|
70
|
+
onMonthIdChange: setMonthId,
|
|
71
|
+
minValue,
|
|
72
|
+
maxValue,
|
|
73
|
+
disabled,
|
|
74
|
+
locale,
|
|
75
|
+
labels,
|
|
76
|
+
view,
|
|
77
|
+
setView
|
|
78
|
+
}), [value, setValue, monthId, setMonthId, minValue, maxValue, disabled, locale, labels, view, setView]);
|
|
79
|
+
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
80
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CalendarContext.Provider, {
|
|
81
|
+
value: contextValue,
|
|
82
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
83
|
+
ref: ref,
|
|
84
|
+
accessibilityRole: "none",
|
|
85
|
+
...props,
|
|
86
|
+
...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
|
|
87
|
+
disabled
|
|
88
|
+
})),
|
|
89
|
+
...(0, _accessibleLabel.accessibleLabelAttributes)(accessibilityLabel),
|
|
90
|
+
children: children
|
|
91
|
+
})
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
CalendarRoot.displayName = 'CalendarRoot';
|
|
95
|
+
//# sourceMappingURL=CalendarRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_slot","_accessibleLabel","_dataAttributes","_context","_jsxRuntime","CalendarRoot","exports","forwardRef","asChild","children","value","valueProp","defaultValue","onValueChange","monthId","monthIdProp","defaultMonthId","onMonthIdChange","minValue","maxValue","disabled","locale","labels","labelsProp","accessibilityLabel","accessibilityLabelProp","ariaLabelProp","props","ref","useMemo","resolveDateComponentLabels","resolveAccessibleLabel","setValue","useControllableState","prop","defaultProp","onChange","setMonthId","toMonthId","todayMonthId","prevValueRef","useRef","useEffect","undefined","current","view","setViewState","useState","setView","useCallback","next","contextValue","Comp","Slot","View","jsx","CalendarContext","Provider","accessibilityRole","mergeDataAttributes","dataAttributes","accessibleLabelAttributes","displayName"],"sourceRoot":"../../../src","sources":["calendar/CalendarRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.CalendarContext = void 0;
|
|
7
|
+
exports.useCalendarContext = useCalendarContext;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
const CalendarContext = exports.CalendarContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
10
|
+
function useCalendarContext() {
|
|
11
|
+
const ctx = (0, _react.useContext)(CalendarContext);
|
|
12
|
+
if (!ctx) {
|
|
13
|
+
throw new Error('Calendar compound components must be used within CalendarRoot');
|
|
14
|
+
}
|
|
15
|
+
return ctx;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","CalendarContext","exports","createContext","useCalendarContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["calendar/context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAmBO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,oBAAa,EAA8B,IAAI,CAAC;AAExE,SAASC,kBAAkBA,CAAA,EAAyB;EACzD,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,eAAe,CAAC;EACvC,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,+DAA+D,CAAC;EAClF;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "CalendarGrid", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _CalendarGrid.CalendarGrid;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "CalendarRoot", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _CalendarRoot.CalendarRoot;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "useCalendarContext", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _context.useCalendarContext;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _CalendarRoot = require("./CalendarRoot");
|
|
25
|
+
var _CalendarGrid = require("./CalendarGrid");
|
|
26
|
+
var _context = require("./context");
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_CalendarRoot","require","_CalendarGrid","_context"],"sourceRoot":"../../../src","sources":["calendar/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["calendar/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -7,12 +7,21 @@ exports.CheckboxRoot = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _visuallyHidden = require("@react-aria/visually-hidden");
|
|
10
|
+
var _utils = require("@cdx-ui/utils");
|
|
10
11
|
var _focus = require("@react-native-aria/focus");
|
|
11
12
|
var _slot = require("../slot");
|
|
12
13
|
var _dataAttributes = require("../utils/dataAttributes");
|
|
13
14
|
var _context = require("./context");
|
|
14
15
|
var _useCheckboxRoot = require("./useCheckboxRoot");
|
|
15
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
/**
|
|
18
|
+
* Web Checkbox root.
|
|
19
|
+
*
|
|
20
|
+
* On web, `@react-native-aria/checkbox` re-exports `@react-aria/checkbox`'s
|
|
21
|
+
* `useCheckbox`, whose `inputProps` target a native `<input type="checkbox">`
|
|
22
|
+
* (selection via `onChange`). Toggle must be applied explicitly on the Pressable —
|
|
23
|
+
* `inputProps.onPress` does **not** call `toggleState.toggle()`.
|
|
24
|
+
*/
|
|
16
25
|
const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
17
26
|
asChild,
|
|
18
27
|
children,
|
|
@@ -39,7 +48,8 @@ const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
39
48
|
isDisabled,
|
|
40
49
|
isHovered,
|
|
41
50
|
mergedRef,
|
|
42
|
-
inputRef
|
|
51
|
+
inputRef,
|
|
52
|
+
toggle
|
|
43
53
|
} = (0, _useCheckboxRoot.useCheckboxRoot)(props, ref, {
|
|
44
54
|
useInputRefForAria: true
|
|
45
55
|
});
|
|
@@ -47,46 +57,99 @@ const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
47
57
|
focusProps,
|
|
48
58
|
isFocusVisible
|
|
49
59
|
} = (0, _focus.useFocusRing)();
|
|
60
|
+
|
|
61
|
+
// Strip native-input / internal props — they must not land on Pressable.
|
|
62
|
+
const {
|
|
63
|
+
onPress: _onPress,
|
|
64
|
+
onChange: _onChange,
|
|
65
|
+
role: _role,
|
|
66
|
+
tabIndex: _tabIndex,
|
|
67
|
+
disabled: _disabled,
|
|
68
|
+
checked: _checked,
|
|
69
|
+
value: _value,
|
|
70
|
+
type: _type,
|
|
71
|
+
name: _name,
|
|
72
|
+
form: _form,
|
|
73
|
+
required: _required,
|
|
74
|
+
...inputAriaProps
|
|
75
|
+
} = groupItemInputProps;
|
|
76
|
+
const resolvedChecked = !!(isChecked || isCheckedProp);
|
|
77
|
+
const resolvedIndeterminate = !!(isIndeterminate || isIndeterminateProp);
|
|
78
|
+
const resolvedDisabled = !!(isDisabled || isDisabledProp);
|
|
79
|
+
const resolvedReadOnly = !!(isReadOnly || isReadOnlyProp);
|
|
80
|
+
const ariaChecked = resolvedIndeterminate ? 'mixed' : resolvedChecked;
|
|
81
|
+
const handleToggle = () => {
|
|
82
|
+
if (resolvedDisabled || resolvedReadOnly) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
toggle();
|
|
86
|
+
};
|
|
87
|
+
const handleKeyDown = event => {
|
|
88
|
+
if (event.key === ' ' || event.key === 'Spacebar') {
|
|
89
|
+
event.preventDefault();
|
|
90
|
+
handleToggle();
|
|
91
|
+
}
|
|
92
|
+
};
|
|
50
93
|
const contextValue = {
|
|
51
|
-
isChecked:
|
|
52
|
-
isDisabled:
|
|
94
|
+
isChecked: resolvedChecked,
|
|
95
|
+
isDisabled: resolvedDisabled,
|
|
53
96
|
isFocusVisible: isFocusVisible || isFocusVisibleProp,
|
|
54
97
|
isHovered: isHovered || isHoveredProp,
|
|
55
98
|
isInvalid: isInvalid || isInvalidProp,
|
|
56
|
-
isReadOnly:
|
|
57
|
-
isIndeterminate:
|
|
99
|
+
isReadOnly: resolvedReadOnly,
|
|
100
|
+
isIndeterminate: resolvedIndeterminate,
|
|
58
101
|
isPressed,
|
|
59
102
|
isFocused
|
|
60
103
|
};
|
|
61
104
|
const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
|
|
62
105
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CheckboxProvider, {
|
|
63
106
|
value: contextValue,
|
|
64
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
65
|
-
...combinedProps,
|
|
66
|
-
ref: mergedRef,
|
|
67
|
-
tabIndex: -1,
|
|
68
|
-
role: "label"
|
|
69
|
-
// eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
|
|
70
|
-
,
|
|
71
|
-
accessibilityRole: "label",
|
|
72
|
-
...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
|
|
73
|
-
checked: isChecked || isCheckedProp,
|
|
74
|
-
disabled: isDisabled || isDisabledProp,
|
|
75
|
-
hover: isHovered || isHoveredProp,
|
|
76
|
-
invalid: isInvalid || isInvalidProp,
|
|
77
|
-
readonly: isReadOnly || isReadOnlyProp,
|
|
78
|
-
active: isPressed,
|
|
79
|
-
focus: isFocused,
|
|
80
|
-
indeterminate: isIndeterminate || isIndeterminateProp,
|
|
81
|
-
focusVisible: isFocusVisible
|
|
82
|
-
})),
|
|
107
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
83
108
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
|
|
84
109
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
110
|
+
ref: inputRef,
|
|
111
|
+
type: "checkbox",
|
|
112
|
+
value: combinedProps.value,
|
|
113
|
+
checked: resolvedChecked,
|
|
114
|
+
disabled: resolvedDisabled,
|
|
115
|
+
tabIndex: -1,
|
|
116
|
+
"aria-hidden": true,
|
|
117
|
+
readOnly: true,
|
|
118
|
+
style: {
|
|
119
|
+
pointerEvents: 'none'
|
|
120
|
+
}
|
|
88
121
|
})
|
|
89
|
-
}),
|
|
122
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
123
|
+
...combinedProps,
|
|
124
|
+
...inputAriaProps,
|
|
125
|
+
ref: mergedRef,
|
|
126
|
+
role: "checkbox",
|
|
127
|
+
"aria-checked": ariaChecked,
|
|
128
|
+
"aria-disabled": resolvedDisabled || undefined,
|
|
129
|
+
accessibilityRole: "checkbox",
|
|
130
|
+
accessibilityState: {
|
|
131
|
+
checked: resolvedIndeterminate ? 'mixed' : resolvedChecked,
|
|
132
|
+
disabled: resolvedDisabled
|
|
133
|
+
},
|
|
134
|
+
tabIndex: resolvedDisabled ? -1 : 0,
|
|
135
|
+
disabled: resolvedDisabled,
|
|
136
|
+
...focusProps,
|
|
137
|
+
onPress: handleToggle,
|
|
138
|
+
onClick: handleToggle,
|
|
139
|
+
onKeyDown: (0, _utils.composeEventHandlers)(combinedProps.onKeyDown, handleKeyDown),
|
|
140
|
+
...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
|
|
141
|
+
checked: resolvedChecked,
|
|
142
|
+
disabled: resolvedDisabled,
|
|
143
|
+
hover: isHovered || isHoveredProp,
|
|
144
|
+
invalid: isInvalid || isInvalidProp,
|
|
145
|
+
readonly: resolvedReadOnly,
|
|
146
|
+
active: isPressed,
|
|
147
|
+
focus: isFocused,
|
|
148
|
+
indeterminate: resolvedIndeterminate,
|
|
149
|
+
focusVisible: isFocusVisible || isFocusVisibleProp
|
|
150
|
+
})),
|
|
151
|
+
children: children
|
|
152
|
+
})]
|
|
90
153
|
})
|
|
91
154
|
});
|
|
92
155
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_visuallyHidden","_focus","_slot","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","CheckboxRoot","exports","forwardRef","asChild","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useCheckboxRoot","useInputRefForAria","focusProps","useFocusRing","contextValue","Comp","Slot","Pressable","jsx","CheckboxProvider","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_visuallyHidden","_utils","_focus","_slot","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","CheckboxRoot","exports","forwardRef","asChild","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","toggle","useCheckboxRoot","useInputRefForAria","focusProps","useFocusRing","onPress","_onPress","onChange","_onChange","role","_role","tabIndex","_tabIndex","disabled","_disabled","checked","_checked","value","_value","type","_type","name","_name","form","_form","required","_required","inputAriaProps","resolvedChecked","resolvedIndeterminate","resolvedDisabled","resolvedReadOnly","ariaChecked","handleToggle","handleKeyDown","event","key","preventDefault","contextValue","Comp","Slot","Pressable","jsx","CheckboxProvider","jsxs","Fragment","VisuallyHidden","readOnly","style","pointerEvents","undefined","accessibilityRole","accessibilityState","onClick","onKeyDown","composeEventHandlers","mergeDataAttributes","dataAttributes","hover","invalid","readonly","active","focus","indeterminate","focusVisible","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxRoot.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,27 +14,35 @@ function useCheckboxRoot(props, ref, {
|
|
|
14
14
|
useInputRefForAria = false
|
|
15
15
|
} = {}) {
|
|
16
16
|
const formControlContext = (0, _utils.useFormControlContext)();
|
|
17
|
-
const
|
|
17
|
+
const checkboxGroupContext = (0, _react.useContext)(_context.CheckboxGroupContext);
|
|
18
|
+
|
|
19
|
+
// Only pull field-state flags from FormControl — never spread the whole context
|
|
20
|
+
// (ids, setters, htmlProps) onto the host element.
|
|
21
|
+
const isInvalid = props.isInvalid ?? formControlContext.isInvalid;
|
|
22
|
+
const isReadOnly = props.isReadOnly ?? formControlContext.isReadOnly ?? checkboxGroupContext?.state.isReadOnly;
|
|
23
|
+
const isDisabled = props.isDisabled ?? formControlContext.isDisabled ?? checkboxGroupContext?.state.isDisabled;
|
|
24
|
+
const isIndeterminate = props.isIndeterminate;
|
|
25
|
+
const combinedProps = {
|
|
26
|
+
...props,
|
|
18
27
|
isInvalid,
|
|
19
28
|
isReadOnly,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
} = {
|
|
23
|
-
...formControlContext,
|
|
24
|
-
...props
|
|
29
|
+
isDisabled,
|
|
30
|
+
isIndeterminate
|
|
25
31
|
};
|
|
26
|
-
const checkboxGroupContext = (0, _react.useContext)(_context.CheckboxGroupContext);
|
|
27
32
|
const state = (0, _toggle.useToggleState)({
|
|
28
|
-
...combinedProps,
|
|
29
33
|
defaultSelected: props.defaultIsChecked,
|
|
30
|
-
isSelected: props.isChecked
|
|
34
|
+
isSelected: props.isChecked,
|
|
35
|
+
onChange: props.onChange,
|
|
36
|
+
isReadOnly,
|
|
37
|
+
isDisabled
|
|
31
38
|
});
|
|
32
39
|
const rootRef = (0, _react.useRef)(null);
|
|
33
40
|
const inputRef = (0, _react.useRef)(null);
|
|
34
41
|
const mergedRootRef = (0, _utils.mergeRefs)(ref, rootRef);
|
|
35
|
-
const ariaLabel =
|
|
42
|
+
const ariaLabel = props['aria-label'] || props.value || 'Checkbox';
|
|
36
43
|
const groupToggleState = (0, _toggle.useToggleState)(checkboxGroupContext ? {
|
|
37
|
-
isReadOnly: isReadOnly
|
|
44
|
+
isReadOnly: !!isReadOnly,
|
|
45
|
+
isDisabled: !!isDisabled,
|
|
38
46
|
isSelected: checkboxGroupContext.state.isSelected(combinedProps.value),
|
|
39
47
|
onChange(isSelected) {
|
|
40
48
|
if (isSelected) {
|
|
@@ -47,24 +55,29 @@ function useCheckboxRoot(props, ref, {
|
|
|
47
55
|
} : {
|
|
48
56
|
isSelected: false
|
|
49
57
|
});
|
|
58
|
+
const toggleState = checkboxGroupContext ? groupToggleState : state;
|
|
50
59
|
const {
|
|
51
60
|
inputProps: groupItemInputProps
|
|
52
61
|
} = (0, _checkbox.useCheckbox)({
|
|
53
62
|
...combinedProps,
|
|
54
63
|
'aria-label': ariaLabel,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
})
|
|
59
|
-
}, checkboxGroupContext ? groupToggleState : state, useInputRefForAria ? inputRef : rootRef);
|
|
64
|
+
isReadOnly: !!isReadOnly,
|
|
65
|
+
isDisabled: !!isDisabled
|
|
66
|
+
}, toggleState, useInputRefForAria ? inputRef : rootRef);
|
|
60
67
|
const {
|
|
61
68
|
checked: isChecked,
|
|
62
|
-
disabled:
|
|
69
|
+
disabled: isDisabledFromInput
|
|
63
70
|
} = groupItemInputProps;
|
|
64
71
|
const {
|
|
65
72
|
hoverProps,
|
|
66
73
|
isHovered
|
|
67
74
|
} = (0, _interactions.useHover)({}, rootRef);
|
|
75
|
+
const toggle = (0, _react.useCallback)(() => {
|
|
76
|
+
if (isDisabled || isReadOnly) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
toggleState.toggle();
|
|
80
|
+
}, [isDisabled, isReadOnly, toggleState]);
|
|
68
81
|
return {
|
|
69
82
|
combinedProps,
|
|
70
83
|
isInvalid,
|
|
@@ -72,11 +85,12 @@ function useCheckboxRoot(props, ref, {
|
|
|
72
85
|
isIndeterminate,
|
|
73
86
|
groupItemInputProps,
|
|
74
87
|
isChecked,
|
|
75
|
-
isDisabled,
|
|
88
|
+
isDisabled: isDisabledFromInput,
|
|
76
89
|
isHovered,
|
|
77
90
|
hoverProps,
|
|
78
91
|
mergedRef: mergedRootRef,
|
|
79
|
-
inputRef
|
|
92
|
+
inputRef,
|
|
93
|
+
toggle
|
|
80
94
|
};
|
|
81
95
|
}
|
|
82
96
|
//# sourceMappingURL=useCheckboxRoot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_utils","_checkbox","_interactions","_toggle","_context","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","useFormControlContext","
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_checkbox","_interactions","_toggle","_context","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","useFormControlContext","checkboxGroupContext","useContext","CheckboxGroupContext","isInvalid","isReadOnly","state","isDisabled","isIndeterminate","combinedProps","useToggleState","defaultSelected","defaultIsChecked","isSelected","isChecked","onChange","rootRef","useRef","inputRef","mergedRootRef","mergeRefs","ariaLabel","value","groupToggleState","addValue","removeValue","toggleState","inputProps","groupItemInputProps","useCheckbox","checked","disabled","isDisabledFromInput","hoverProps","isHovered","useHover","toggle","useCallback","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":"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","ignoreList":[]}
|