@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","DialogProvider","jsx","_jsx","DialogRoot","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","DialogProvider","jsx","_jsx","DialogRoot","isOpen","openProp","onOpenChange","defaultOpen","closeOnBackdropPress","closeOnEscKey","role","asChild","children","props","ref","open","setOpenState","prop","defaultProp","onChange","setOpen","newOpen","id","nativeID","contextValue","Comp","value","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAA2B,OAAO;AAClF,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3C,OAAO,MAAMC,UAAU,gBAAGZ,UAAU,CAClC,CACE;EACEa,MAAM,EAAEC,QAAQ;EAChBC,YAAY;EACZC,WAAW,GAAG,KAAK;EACnBC,oBAAoB,GAAG,IAAI;EAC3BC,aAAa,GAAG,IAAI;EACpBC,IAAI,GAAG,QAAQ;EACfC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,IAAI,EAAEC,YAAY,CAAC,GAAGpB,oBAAoB,CAAU;IACzDqB,IAAI,EAAEZ,QAAQ;IACda,WAAW,EAAEX,WAAW;IACxBY,QAAQ,EAAEb;EACZ,CAAC,CAAC;EAEF,MAAMc,OAAO,GAAG5B,WAAW,CACxB6B,OAAgB,IAAK;IACpBL,YAAY,CAACK,OAAO,CAAC;EACvB,CAAC,EACD,CAACL,YAAY,CACf,CAAC;EAED,MAAMM,EAAE,GAAG7B,KAAK,CAAC,CAAC;EAClB,MAAM8B,QAAQ,GAAG,UAAUD,EAAE,EAAE;EAE/B,MAAME,YAAY,GAAG9B,OAAO,CAC1B,OAAO;IACLqB,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBT,YAAY,EAAEc,OAAO;IACrBZ,oBAAoB;IACpBC,aAAa;IACbc,QAAQ;IACRb;EACF,CAAC,CAAC,EACF,CAACK,IAAI,EAAEK,OAAO,EAAEZ,oBAAoB,EAAEC,aAAa,EAAEc,QAAQ,EAAEb,IAAI,CACrE,CAAC;EAED,MAAMe,IAAI,GAAGd,OAAO,GAAGd,IAAI,GAAGF,IAAI;EAElC,oBACEO,IAAA,CAACF,cAAc;IAAC0B,KAAK,EAAEF,YAAa;IAAAZ,QAAA,eAClCV,IAAA,CAACuB,IAAI;MACHX,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACNd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;QAAE6B,KAAK,EAAEZ,IAAI,GAAG,MAAM,GAAG;MAAS,CAAC,CAAC,CAAC;MAAAH,QAAA,EAElFA;IAAQ,CACL;EAAC,CACO,CAAC;AAErB,CACF,CAAC;AAEDT,UAAU,CAACyB,WAAW,GAAG,YAAY","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -11,10 +11,19 @@ export * from './form';
|
|
|
11
11
|
export * from './full-window-overlay';
|
|
12
12
|
export * from './input';
|
|
13
13
|
export * from './otp-input';
|
|
14
|
+
export * from './date-field';
|
|
15
|
+
export * from './calendar';
|
|
16
|
+
export * from './range-calendar';
|
|
17
|
+
export * from './month-calendar';
|
|
18
|
+
export * from './date-picker';
|
|
19
|
+
export * from './date-range-picker';
|
|
20
|
+
export * from './month-picker';
|
|
21
|
+
export * from './date-time-field';
|
|
22
|
+
export * from './date-time-list';
|
|
23
|
+
export * from './date-time-picker';
|
|
14
24
|
export * from './link';
|
|
15
25
|
export * from './list-item';
|
|
16
|
-
export { OverlayInsetsProvider } from './overlay';
|
|
17
|
-
export { useAnchorPosition } from './overlay';
|
|
26
|
+
export { OverlayContainer, OverlayInsetsProvider, useAnchorPosition, useDismissOverlay, useEscapeKey, useOverlayPosition } from './overlay';
|
|
18
27
|
export * from './select';
|
|
19
28
|
export * from './switch';
|
|
20
29
|
export * from './tabs';
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["OverlayInsetsProvider","useAnchorPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,
|
|
1
|
+
{"version":3,"names":["OverlayContainer","OverlayInsetsProvider","useAnchorPosition","useDismissOverlay","useEscapeKey","useOverlayPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAEEA,gBAAgB,EAChBC,qBAAqB,EACrBC,iBAAiB,EACjBC,iBAAiB,EACjBC,YAAY,EACZC,kBAAkB,QAGb,WAAW;AAClB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { Pressable } from 'react-native';
|
|
5
|
+
import { compareMonthIds, formatMonthId } from '@cdx-ui/formatters';
|
|
6
|
+
import { Slot } from '../slot';
|
|
7
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { useMonthCalendarContext } from './context';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export const MonthCalendarCell = /*#__PURE__*/forwardRef(({
|
|
11
|
+
asChild,
|
|
12
|
+
month,
|
|
13
|
+
className,
|
|
14
|
+
style,
|
|
15
|
+
children,
|
|
16
|
+
...props
|
|
17
|
+
}, ref) => {
|
|
18
|
+
const {
|
|
19
|
+
visibleYear,
|
|
20
|
+
value,
|
|
21
|
+
onValueChange,
|
|
22
|
+
disabled,
|
|
23
|
+
minValue,
|
|
24
|
+
maxValue
|
|
25
|
+
} = useMonthCalendarContext();
|
|
26
|
+
const monthId = formatMonthId({
|
|
27
|
+
year: visibleYear,
|
|
28
|
+
month
|
|
29
|
+
});
|
|
30
|
+
const selected = value === monthId;
|
|
31
|
+
const outOfRange = minValue != null && compareMonthIds(monthId, minValue) < 0 || maxValue != null && compareMonthIds(monthId, maxValue) > 0;
|
|
32
|
+
const cellDisabled = disabled || outOfRange;
|
|
33
|
+
const Comp = asChild ? Slot : Pressable;
|
|
34
|
+
return /*#__PURE__*/_jsx(Comp, {
|
|
35
|
+
ref: ref,
|
|
36
|
+
className: className,
|
|
37
|
+
style: style,
|
|
38
|
+
accessibilityRole: "button",
|
|
39
|
+
accessibilityState: {
|
|
40
|
+
selected,
|
|
41
|
+
disabled: cellDisabled
|
|
42
|
+
},
|
|
43
|
+
disabled: cellDisabled,
|
|
44
|
+
onPress: () => {
|
|
45
|
+
if (cellDisabled) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
onValueChange?.(monthId);
|
|
49
|
+
},
|
|
50
|
+
...props,
|
|
51
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
52
|
+
selected,
|
|
53
|
+
disabled: cellDisabled,
|
|
54
|
+
slot: 'month-calendar-cell'
|
|
55
|
+
})),
|
|
56
|
+
children: children
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
MonthCalendarCell.displayName = 'MonthCalendarCell';
|
|
60
|
+
//# sourceMappingURL=MonthCalendarCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","compareMonthIds","formatMonthId","Slot","dataAttributes","mergeDataAttributes","useMonthCalendarContext","jsx","_jsx","MonthCalendarCell","asChild","month","className","style","children","props","ref","visibleYear","value","onValueChange","disabled","minValue","maxValue","monthId","year","selected","outOfRange","cellDisabled","Comp","accessibilityRole","accessibilityState","onPress","slot","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarCell.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,SAAS,QAA8B,cAAc;AAC9D,SAASC,eAAe,EAAEC,aAAa,QAAsB,oBAAoB;AACjF,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpD,OAAO,MAAMC,iBAAiB,gBAAGV,UAAU,CACzC,CAAC;EAAEW,OAAO;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjE,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC,aAAa;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GACvEhB,uBAAuB,CAAC,CAAC;EAC3B,MAAMiB,OAAgB,GAAGrB,aAAa,CAAC;IAAEsB,IAAI,EAAEP,WAAW;IAAEN;EAAM,CAAC,CAAC;EACpE,MAAMc,QAAQ,GAAGP,KAAK,KAAKK,OAAO;EAClC,MAAMG,UAAU,GACbL,QAAQ,IAAI,IAAI,IAAIpB,eAAe,CAACsB,OAAO,EAAEF,QAAQ,CAAC,GAAG,CAAC,IAC1DC,QAAQ,IAAI,IAAI,IAAIrB,eAAe,CAACsB,OAAO,EAAED,QAAQ,CAAC,GAAG,CAAE;EAC9D,MAAMK,YAAY,GAAGP,QAAQ,IAAIM,UAAU;EAC3C,MAAME,IAAI,GAAGlB,OAAO,GAAGP,IAAI,GAAGH,SAAS;EAEvC,oBACEQ,IAAA,CAACoB,IAAI;IACHZ,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbgB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEL,QAAQ;MAAEL,QAAQ,EAAEO;IAAa,CAAE;IACzDP,QAAQ,EAAEO,YAAa;IACvBI,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIJ,YAAY,EAAE;QAChB;MACF;MACAR,aAAa,GAAGI,OAAO,CAAC;IAC1B,CAAE;IAAA,GACER,KAAK;IAAA,GACLV,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;MAAEqB,QAAQ;MAAEL,QAAQ,EAAEO,YAAY;MAAEK,IAAI,EAAE;IAAsB,CAAC,CAClF,CAAC;IAAAlB,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDL,iBAAiB,CAACwB,WAAW,GAAG,mBAAmB","ignoreList":[]}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useEffect, useMemo, useRef } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { parseMonthId, 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 { MonthCalendarContext } from './context';
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
export const MonthCalendarRoot = /*#__PURE__*/forwardRef(({
|
|
13
|
+
asChild,
|
|
14
|
+
children,
|
|
15
|
+
value: valueProp,
|
|
16
|
+
defaultValue,
|
|
17
|
+
onValueChange,
|
|
18
|
+
view: viewProp,
|
|
19
|
+
defaultView = 'month',
|
|
20
|
+
onViewChange,
|
|
21
|
+
visibleYear: visibleYearProp,
|
|
22
|
+
defaultVisibleYear,
|
|
23
|
+
onVisibleYearChange,
|
|
24
|
+
disabled = false,
|
|
25
|
+
minValue,
|
|
26
|
+
maxValue,
|
|
27
|
+
locale = 'en-US',
|
|
28
|
+
labels: labelsProp,
|
|
29
|
+
accessibilityLabel: accessibilityLabelProp,
|
|
30
|
+
'aria-label': ariaLabelProp,
|
|
31
|
+
...props
|
|
32
|
+
}, ref) => {
|
|
33
|
+
const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
|
|
34
|
+
const accessibilityLabel = resolveAccessibleLabel({
|
|
35
|
+
accessibilityLabel: accessibilityLabelProp,
|
|
36
|
+
'aria-label': ariaLabelProp
|
|
37
|
+
});
|
|
38
|
+
const [value, setValue] = useControllableState({
|
|
39
|
+
prop: valueProp,
|
|
40
|
+
defaultProp: defaultValue,
|
|
41
|
+
onChange: onValueChange
|
|
42
|
+
});
|
|
43
|
+
const parsed = value ? parseMonthId(value) : null;
|
|
44
|
+
const [view, setView] = useControllableState({
|
|
45
|
+
prop: viewProp,
|
|
46
|
+
defaultProp: defaultView,
|
|
47
|
+
onChange: onViewChange
|
|
48
|
+
});
|
|
49
|
+
const [visibleYear, setVisibleYear] = useControllableState({
|
|
50
|
+
prop: visibleYearProp,
|
|
51
|
+
defaultProp: defaultVisibleYear ?? parsed?.year ?? new Date().getFullYear(),
|
|
52
|
+
onChange: onVisibleYearChange
|
|
53
|
+
});
|
|
54
|
+
const prevValueRef = useRef(value);
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
if (visibleYearProp !== undefined) {
|
|
57
|
+
prevValueRef.current = value;
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
if (value === undefined || prevValueRef.current === value) {
|
|
61
|
+
prevValueRef.current = value;
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
prevValueRef.current = value;
|
|
65
|
+
const nextParsed = parseMonthId(value);
|
|
66
|
+
if (nextParsed) {
|
|
67
|
+
setVisibleYear(nextParsed.year);
|
|
68
|
+
}
|
|
69
|
+
}, [setVisibleYear, value, visibleYearProp]);
|
|
70
|
+
const contextValue = useMemo(() => ({
|
|
71
|
+
value,
|
|
72
|
+
onValueChange: setValue,
|
|
73
|
+
view: view ?? 'month',
|
|
74
|
+
onViewChange: setView,
|
|
75
|
+
visibleYear: visibleYear ?? new Date().getFullYear(),
|
|
76
|
+
onVisibleYearChange: setVisibleYear,
|
|
77
|
+
disabled,
|
|
78
|
+
minValue,
|
|
79
|
+
maxValue,
|
|
80
|
+
locale,
|
|
81
|
+
labels
|
|
82
|
+
}), [value, setValue, view, setView, visibleYear, setVisibleYear, disabled, minValue, maxValue, locale, labels]);
|
|
83
|
+
const Comp = asChild ? Slot : View;
|
|
84
|
+
return /*#__PURE__*/_jsx(MonthCalendarContext.Provider, {
|
|
85
|
+
value: contextValue,
|
|
86
|
+
children: /*#__PURE__*/_jsx(Comp, {
|
|
87
|
+
ref: ref,
|
|
88
|
+
accessibilityRole: "none",
|
|
89
|
+
...props,
|
|
90
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
91
|
+
disabled
|
|
92
|
+
})),
|
|
93
|
+
...accessibleLabelAttributes(accessibilityLabel),
|
|
94
|
+
children: children
|
|
95
|
+
})
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
MonthCalendarRoot.displayName = 'MonthCalendarRoot';
|
|
99
|
+
//# sourceMappingURL=MonthCalendarRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useEffect","useMemo","useRef","View","parseMonthId","resolveDateComponentLabels","useControllableState","Slot","accessibleLabelAttributes","resolveAccessibleLabel","dataAttributes","mergeDataAttributes","MonthCalendarContext","jsx","_jsx","MonthCalendarRoot","asChild","children","value","valueProp","defaultValue","onValueChange","view","viewProp","defaultView","onViewChange","visibleYear","visibleYearProp","defaultVisibleYear","onVisibleYearChange","disabled","minValue","maxValue","locale","labels","labelsProp","accessibilityLabel","accessibilityLabelProp","ariaLabelProp","props","ref","setValue","prop","defaultProp","onChange","parsed","setView","setVisibleYear","year","Date","getFullYear","prevValueRef","undefined","current","nextParsed","contextValue","Comp","Provider","accessibilityRole","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { Pressable } from 'react-native';
|
|
5
|
+
import { parseMonthId } from '@cdx-ui/formatters';
|
|
6
|
+
import { Slot } from '../slot';
|
|
7
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { useMonthCalendarContext } from './context';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export const MonthCalendarYearCell = /*#__PURE__*/forwardRef(({
|
|
11
|
+
asChild,
|
|
12
|
+
year,
|
|
13
|
+
className,
|
|
14
|
+
style,
|
|
15
|
+
children,
|
|
16
|
+
...props
|
|
17
|
+
}, ref) => {
|
|
18
|
+
const {
|
|
19
|
+
visibleYear,
|
|
20
|
+
onVisibleYearChange,
|
|
21
|
+
onViewChange,
|
|
22
|
+
disabled,
|
|
23
|
+
minValue,
|
|
24
|
+
maxValue
|
|
25
|
+
} = useMonthCalendarContext();
|
|
26
|
+
const selected = visibleYear === year;
|
|
27
|
+
const minYear = minValue ? parseMonthId(minValue)?.year : undefined;
|
|
28
|
+
const maxYear = maxValue ? parseMonthId(maxValue)?.year : undefined;
|
|
29
|
+
const outOfRange = minYear != null && year < minYear || maxYear != null && year > maxYear;
|
|
30
|
+
const cellDisabled = disabled || outOfRange;
|
|
31
|
+
const Comp = asChild ? Slot : Pressable;
|
|
32
|
+
return /*#__PURE__*/_jsx(Comp, {
|
|
33
|
+
ref: ref,
|
|
34
|
+
className: className,
|
|
35
|
+
style: style,
|
|
36
|
+
accessibilityRole: "button",
|
|
37
|
+
accessibilityState: {
|
|
38
|
+
selected,
|
|
39
|
+
disabled: cellDisabled
|
|
40
|
+
},
|
|
41
|
+
disabled: cellDisabled,
|
|
42
|
+
onPress: () => {
|
|
43
|
+
if (cellDisabled) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
onVisibleYearChange(year);
|
|
47
|
+
onViewChange('month');
|
|
48
|
+
},
|
|
49
|
+
...props,
|
|
50
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
51
|
+
selected,
|
|
52
|
+
disabled: cellDisabled,
|
|
53
|
+
slot: 'month-calendar-year-cell'
|
|
54
|
+
})),
|
|
55
|
+
children: children
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
MonthCalendarYearCell.displayName = 'MonthCalendarYearCell';
|
|
59
|
+
//# sourceMappingURL=MonthCalendarYearCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","parseMonthId","Slot","dataAttributes","mergeDataAttributes","useMonthCalendarContext","jsx","_jsx","MonthCalendarYearCell","asChild","year","className","style","children","props","ref","visibleYear","onVisibleYearChange","onViewChange","disabled","minValue","maxValue","selected","minYear","undefined","maxYear","outOfRange","cellDisabled","Comp","accessibilityRole","accessibilityState","onPress","slot","displayName"],"sourceRoot":"../../../src","sources":["month-calendar/MonthCalendarYearCell.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,SAAS,QAA8B,cAAc;AAC9D,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpD,OAAO,MAAMC,qBAAqB,gBAAGT,UAAU,CAG7C,CAAC;EAAEU,OAAO;EAAEC,IAAI;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAM;IAAEC,WAAW;IAAEC,mBAAmB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GACpFhB,uBAAuB,CAAC,CAAC;EAC3B,MAAMiB,QAAQ,GAAGN,WAAW,KAAKN,IAAI;EACrC,MAAMa,OAAO,GAAGH,QAAQ,GAAGnB,YAAY,CAACmB,QAAQ,CAAC,EAAEV,IAAI,GAAGc,SAAS;EACnE,MAAMC,OAAO,GAAGJ,QAAQ,GAAGpB,YAAY,CAACoB,QAAQ,CAAC,EAAEX,IAAI,GAAGc,SAAS;EACnE,MAAME,UAAU,GAAIH,OAAO,IAAI,IAAI,IAAIb,IAAI,GAAGa,OAAO,IAAME,OAAO,IAAI,IAAI,IAAIf,IAAI,GAAGe,OAAQ;EAC7F,MAAME,YAAY,GAAGR,QAAQ,IAAIO,UAAU;EAC3C,MAAME,IAAI,GAAGnB,OAAO,GAAGP,IAAI,GAAGF,SAAS;EAEvC,oBACEO,IAAA,CAACqB,IAAI;IACHb,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbiB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAER,QAAQ;MAAEH,QAAQ,EAAEQ;IAAa,CAAE;IACzDR,QAAQ,EAAEQ,YAAa;IACvBI,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIJ,YAAY,EAAE;QAChB;MACF;MACAV,mBAAmB,CAACP,IAAI,CAAC;MACzBQ,YAAY,CAAC,OAAO,CAAC;IACvB,CAAE;IAAA,GACEJ,KAAK;IAAA,GACLV,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;MAAEmB,QAAQ;MAAEH,QAAQ,EAAEQ,YAAY;MAAEK,IAAI,EAAE;IAA2B,CAAC,CACvF,CAAC;IAAAnB,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFL,qBAAqB,CAACyB,WAAW,GAAG,uBAAuB","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from 'react';
|
|
4
|
+
export const MonthCalendarContext = /*#__PURE__*/createContext(null);
|
|
5
|
+
export function useMonthCalendarContext() {
|
|
6
|
+
const ctx = useContext(MonthCalendarContext);
|
|
7
|
+
if (!ctx) {
|
|
8
|
+
throw new Error('MonthCalendar compound components must be used within MonthCalendarRoot');
|
|
9
|
+
}
|
|
10
|
+
return ctx;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","MonthCalendarContext","useMonthCalendarContext","ctx","Error"],"sourceRoot":"../../../src","sources":["month-calendar/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAqBjD,OAAO,MAAMC,oBAAoB,gBAAGF,aAAa,CAAmC,IAAI,CAAC;AAEzF,OAAO,SAASG,uBAAuBA,CAAA,EAA8B;EACnE,MAAMC,GAAG,GAAGH,UAAU,CAACC,oBAAoB,CAAC;EAC5C,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export { MonthCalendarRoot } from './MonthCalendarRoot';
|
|
4
|
+
export { MonthCalendarCell } from './MonthCalendarCell';
|
|
5
|
+
export { MonthCalendarYearCell } from './MonthCalendarYearCell';
|
|
6
|
+
export { useMonthCalendarContext } from './context';
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["MonthCalendarRoot","MonthCalendarCell","MonthCalendarYearCell","useMonthCalendarContext"],"sourceRoot":"../../../src","sources":["month-calendar/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,qBAAqB;AAEvD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,uBAAuB,QAAQ,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { resolveDateComponentLabels } from '@cdx-ui/formatters';
|
|
6
|
+
import { mergeRefs, useControllableState } from '@cdx-ui/utils';
|
|
7
|
+
import { DateFieldRoot } from '../date-field/DateFieldRoot';
|
|
8
|
+
import { Slot } from '../slot';
|
|
9
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
10
|
+
import { MonthPickerContext } from './context';
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
export const MonthPickerRoot = /*#__PURE__*/forwardRef(({
|
|
13
|
+
asChild,
|
|
14
|
+
children,
|
|
15
|
+
value: valueProp,
|
|
16
|
+
defaultValue,
|
|
17
|
+
onValueChange,
|
|
18
|
+
isOpen: openProp,
|
|
19
|
+
defaultOpen = false,
|
|
20
|
+
onOpenChange,
|
|
21
|
+
isDisabled: disabled = false,
|
|
22
|
+
isReadOnly,
|
|
23
|
+
isInvalid,
|
|
24
|
+
isRequired,
|
|
25
|
+
minValue,
|
|
26
|
+
maxValue,
|
|
27
|
+
locale = 'en-US',
|
|
28
|
+
labels: labelsProp,
|
|
29
|
+
...props
|
|
30
|
+
}, ref) => {
|
|
31
|
+
const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
|
|
32
|
+
const [value, setValue] = useControllableState({
|
|
33
|
+
prop: valueProp,
|
|
34
|
+
defaultProp: defaultValue,
|
|
35
|
+
onChange: onValueChange
|
|
36
|
+
});
|
|
37
|
+
const [open, setOpenState] = useControllableState({
|
|
38
|
+
prop: openProp,
|
|
39
|
+
defaultProp: defaultOpen,
|
|
40
|
+
onChange: onOpenChange
|
|
41
|
+
});
|
|
42
|
+
const [draftValue, setDraftValue] = useState(value);
|
|
43
|
+
const surfacesRef = useRef(new Set());
|
|
44
|
+
const anchorRef = useRef(null);
|
|
45
|
+
const triggerRef = useRef(null);
|
|
46
|
+
const setOpen = useCallback(next => {
|
|
47
|
+
if (disabled && next) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
if (next) {
|
|
51
|
+
setDraftValue(value);
|
|
52
|
+
}
|
|
53
|
+
setOpenState(next);
|
|
54
|
+
}, [disabled, setOpenState, value]);
|
|
55
|
+
const registerSurface = useCallback(type => {
|
|
56
|
+
if (surfacesRef.current.has(type)) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
surfacesRef.current.add(type);
|
|
60
|
+
if (surfacesRef.current.size > 1) {
|
|
61
|
+
console.warn('[Forge UI] MonthPicker: multiple presentation surfaces detected. Use only one of Popover, Dialog, or BottomSheet.');
|
|
62
|
+
}
|
|
63
|
+
}, []);
|
|
64
|
+
useEffect(() => {
|
|
65
|
+
setDraftValue(value);
|
|
66
|
+
}, [value]);
|
|
67
|
+
useEffect(() => {
|
|
68
|
+
if (!open) {
|
|
69
|
+
surfacesRef.current.clear();
|
|
70
|
+
}
|
|
71
|
+
}, [open]);
|
|
72
|
+
const contextValue = useMemo(() => ({
|
|
73
|
+
value,
|
|
74
|
+
onValueChange: setValue,
|
|
75
|
+
draftValue,
|
|
76
|
+
setDraftValue,
|
|
77
|
+
open: open ?? false,
|
|
78
|
+
setOpen,
|
|
79
|
+
disabled,
|
|
80
|
+
minValue,
|
|
81
|
+
maxValue,
|
|
82
|
+
locale,
|
|
83
|
+
labels,
|
|
84
|
+
registerSurface,
|
|
85
|
+
anchorRef,
|
|
86
|
+
triggerRef
|
|
87
|
+
}), [value, setValue, draftValue, open, setOpen, disabled, minValue, maxValue, locale, labels, registerSurface]);
|
|
88
|
+
const Comp = asChild ? Slot : View;
|
|
89
|
+
return /*#__PURE__*/_jsx(MonthPickerContext.Provider, {
|
|
90
|
+
value: contextValue,
|
|
91
|
+
children: /*#__PURE__*/_jsx(Comp, {
|
|
92
|
+
ref: mergeRefs(ref, anchorRef),
|
|
93
|
+
...props,
|
|
94
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
95
|
+
disabled,
|
|
96
|
+
open
|
|
97
|
+
})),
|
|
98
|
+
children: /*#__PURE__*/_jsx(DateFieldRoot, {
|
|
99
|
+
value: value,
|
|
100
|
+
onValueChange: next => setValue(next),
|
|
101
|
+
mode: "month",
|
|
102
|
+
locale: locale,
|
|
103
|
+
labels: labelsProp,
|
|
104
|
+
isDisabled: disabled,
|
|
105
|
+
isReadOnly: isReadOnly,
|
|
106
|
+
isInvalid: isInvalid,
|
|
107
|
+
isRequired: isRequired,
|
|
108
|
+
children: children
|
|
109
|
+
})
|
|
110
|
+
})
|
|
111
|
+
});
|
|
112
|
+
});
|
|
113
|
+
MonthPickerRoot.displayName = 'MonthPickerRoot';
|
|
114
|
+
//# sourceMappingURL=MonthPickerRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","useState","View","resolveDateComponentLabels","mergeRefs","useControllableState","DateFieldRoot","Slot","dataAttributes","mergeDataAttributes","MonthPickerContext","jsx","_jsx","MonthPickerRoot","asChild","children","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","isDisabled","disabled","isReadOnly","isInvalid","isRequired","minValue","maxValue","locale","labels","labelsProp","props","ref","setValue","prop","defaultProp","onChange","open","setOpenState","draftValue","setDraftValue","surfacesRef","Set","anchorRef","triggerRef","setOpen","next","registerSurface","type","current","has","add","size","console","warn","clear","contextValue","Comp","Provider","mode","displayName"],"sourceRoot":"../../../src","sources":["month-picker/MonthPickerRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from 'react';
|
|
4
|
+
export const MonthPickerContext = /*#__PURE__*/createContext(null);
|
|
5
|
+
export function useMonthPickerContext() {
|
|
6
|
+
const ctx = useContext(MonthPickerContext);
|
|
7
|
+
if (!ctx) {
|
|
8
|
+
throw new Error('MonthPicker compound components must be used within MonthPickerRoot');
|
|
9
|
+
}
|
|
10
|
+
return ctx;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","MonthPickerContext","useMonthPickerContext","ctx","Error"],"sourceRoot":"../../../src","sources":["month-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAsBjE,OAAO,MAAMC,kBAAkB,gBAAGF,aAAa,CAAiC,IAAI,CAAC;AAErF,OAAO,SAASG,qBAAqBA,CAAA,EAA4B;EAC/D,MAAMC,GAAG,GAAGH,UAAU,CAACC,kBAAkB,CAAC;EAC1C,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,qEAAqE,CAAC;EACxF;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["MonthPickerRoot","MonthPickerContext","useMonthPickerContext"],"sourceRoot":"../../../src","sources":["month-picker/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,kBAAkB,EAAEC,qBAAqB,QAAsC,WAAW","ignoreList":[]}
|
|
@@ -56,24 +56,35 @@ export function useAnchorPosition(anchorRef, open, options) {
|
|
|
56
56
|
return;
|
|
57
57
|
}
|
|
58
58
|
let cancelled = false;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
const anchor = anchorRef.current;
|
|
63
|
-
if (!anchor) {
|
|
64
|
-
return;
|
|
59
|
+
const runMeasure = () => {
|
|
60
|
+
if (!cancelled) {
|
|
61
|
+
measureAnchor();
|
|
65
62
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
}
|
|
75
|
-
});
|
|
63
|
+
};
|
|
64
|
+
runMeasure();
|
|
65
|
+
if (Platform.OS === 'web') {
|
|
66
|
+
const frame = requestAnimationFrame(runMeasure);
|
|
67
|
+
return () => {
|
|
68
|
+
cancelled = true;
|
|
69
|
+
cancelAnimationFrame(frame);
|
|
70
|
+
};
|
|
76
71
|
}
|
|
72
|
+
const anchor = anchorRef.current;
|
|
73
|
+
if (!anchor) {
|
|
74
|
+
return () => {
|
|
75
|
+
cancelled = true;
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
anchor.measureInWindow((x, y, width, height) => {
|
|
79
|
+
if (!cancelled) {
|
|
80
|
+
setLayoutIfChanged(setLayout, {
|
|
81
|
+
x,
|
|
82
|
+
y,
|
|
83
|
+
width,
|
|
84
|
+
height
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
});
|
|
77
88
|
return () => {
|
|
78
89
|
cancelled = true;
|
|
79
90
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useLayoutEffect","useState","Platform","useIsomorphicLayoutEffect","OS","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","setLayoutIfChanged","setLayout","next","prev","useAnchorPosition","anchorRef","open","options","remeasureKey","trackWhileOpen","layout","measureAnchor","anchor","current","measureInWindow","cancelled","
|
|
1
|
+
{"version":3,"names":["useEffect","useLayoutEffect","useState","Platform","useIsomorphicLayoutEffect","OS","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","setLayoutIfChanged","setLayout","next","prev","useAnchorPosition","anchorRef","open","options","remeasureKey","trackWhileOpen","layout","measureAnchor","anchor","current","measureInWindow","cancelled","runMeasure","frame","requestAnimationFrame","cancelAnimationFrame","frameId","tick","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useEffect, useRef } from 'react';
|
|
4
|
+
function refContainsNode(ref, target) {
|
|
5
|
+
const current = ref.current;
|
|
6
|
+
if (!current || typeof current.contains !== 'function') {
|
|
7
|
+
return false;
|
|
8
|
+
}
|
|
9
|
+
return current.contains(target);
|
|
10
|
+
}
|
|
4
11
|
|
|
5
12
|
/**
|
|
6
13
|
* Dismisses an overlay when the user clicks/presses outside of it or when
|
|
@@ -17,11 +24,11 @@ export function useDismissOverlay(open, contentRef, excludeRefs, onDismiss) {
|
|
|
17
24
|
return;
|
|
18
25
|
}
|
|
19
26
|
const isInsideOverlay = target => {
|
|
20
|
-
if (contentRef
|
|
27
|
+
if (refContainsNode(contentRef, target)) {
|
|
21
28
|
return true;
|
|
22
29
|
}
|
|
23
30
|
for (const ref of excludeRefsRef.current) {
|
|
24
|
-
if (ref
|
|
31
|
+
if (refContainsNode(ref, target)) {
|
|
25
32
|
return true;
|
|
26
33
|
}
|
|
27
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","refContainsNode","ref","target","current","contains","useDismissOverlay","open","contentRef","excludeRefs","onDismiss","onDismissRef","excludeRefsRef","isInsideOverlay","dismissIfOutside","e","document","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.web.ts"],"mappings":";;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,SAASC,eAAeA,CAACC,GAAuB,EAAEC,MAAY,EAAW;EACvE,MAAMC,OAAO,GAAGF,GAAG,CAACE,OAAwD;EAC5E,IAAI,CAACA,OAAO,IAAI,OAAOA,OAAO,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtD,OAAO,KAAK;EACd;EACA,OAAOD,OAAO,CAACC,QAAQ,CAACF,MAAM,CAAC;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,iBAAiBA,CAC/BC,IAAa,EACbC,UAA0B,EAC1BC,WAA6B,EAC7BC,SAAqB,EACrB;EACA,MAAMC,YAAY,GAAGX,MAAM,CAACU,SAAS,CAAC;EACtCC,YAAY,CAACP,OAAO,GAAGM,SAAS;EAEhC,MAAME,cAAc,GAAGZ,MAAM,CAACS,WAAW,CAAC;EAC1CG,cAAc,CAACR,OAAO,GAAGK,WAAW;EAEpCV,SAAS,CAAC,MAAM;IACd,IAAI,CAACQ,IAAI,EAAE;MACT;IACF;IAEA,MAAMM,eAAe,GAAIV,MAAY,IAAK;MACxC,IAAIF,eAAe,CAACO,UAAU,EAAEL,MAAM,CAAC,EAAE;QACvC,OAAO,IAAI;MACb;MACA,KAAK,MAAMD,GAAG,IAAIU,cAAc,CAACR,OAAO,EAAE;QACxC,IAAIH,eAAe,CAACC,GAAG,EAAEC,MAAM,CAAC,EAAE;UAChC,OAAO,IAAI;QACb;MACF;MACA,OAAO,KAAK;IACd,CAAC;IAED,MAAMW,gBAAgB,GAAIC,CAAQ,IAAK;MACrC,IAAI,CAACF,eAAe,CAACE,CAAC,CAACZ,MAAc,CAAC,EAAE;QACtCQ,YAAY,CAACP,OAAO,CAAC,CAAC;MACxB;IACF,CAAC;IAEDY,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAEH,gBAAgB,CAAC;IAC1DE,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,gBAAgB,CAAC;IACtD,OAAO,MAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAEJ,gBAAgB,CAAC;MAC7DE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,gBAAgB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,CAACP,IAAI,EAAEC,UAAU,CAAC,CAAC;AACxB","ignoreList":[]}
|
|
@@ -35,6 +35,9 @@ export const OverlayInsetsProvider = OverlayInsetsContext.Provider;
|
|
|
35
35
|
/** Minimum gap (px) between the overlay edge and the viewport/safe-area boundary. */
|
|
36
36
|
const SCREEN_EDGE_PADDING = 8;
|
|
37
37
|
|
|
38
|
+
/** Gap between anchor and popover content. */
|
|
39
|
+
const POPOVER_GAP = 4;
|
|
40
|
+
|
|
38
41
|
/** Minimum usable space (px) below the anchor before the overlay flips above. */
|
|
39
42
|
const MIN_CONTENT_HEIGHT = 200;
|
|
40
43
|
/**
|
|
@@ -63,7 +66,7 @@ export function useOverlayPosition(anchorLayout) {
|
|
|
63
66
|
const maxHeight = Math.max(0, spaceBelow);
|
|
64
67
|
return {
|
|
65
68
|
style: {
|
|
66
|
-
top: anchorBottom,
|
|
69
|
+
top: anchorBottom + POPOVER_GAP,
|
|
67
70
|
left: anchorLayout.x,
|
|
68
71
|
width: anchorLayout.width,
|
|
69
72
|
maxHeight
|
|
@@ -75,7 +78,7 @@ export function useOverlayPosition(anchorLayout) {
|
|
|
75
78
|
const maxHeight = Math.max(0, spaceAbove);
|
|
76
79
|
return {
|
|
77
80
|
style: {
|
|
78
|
-
bottom: viewportHeight - anchorLayout.y,
|
|
81
|
+
bottom: viewportHeight - anchorLayout.y + POPOVER_GAP,
|
|
79
82
|
left: anchorLayout.x,
|
|
80
83
|
width: anchorLayout.width,
|
|
81
84
|
maxHeight
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","useMemo","useWindowDimensions","DEFAULT_INSETS","top","right","bottom","left","OverlayInsetsContext","OverlayInsetsProvider","Provider","SCREEN_EDGE_PADDING","MIN_CONTENT_HEIGHT","useOverlayPosition","anchorLayout","height","viewportHeight","insetTop","insetBottom","anchorBottom","y","spaceBelow","spaceAbove","preferBelow","maxHeight","Math","max","style","x","width","placement"],"sourceRoot":"../../../src","sources":["overlay/useOverlayPosition.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC1D,SAASC,mBAAmB,QAAwB,cAAc;AAUlE,MAAMC,cAA0B,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,gBAAGT,aAAa,CAAaI,cAAc,CAAC;AAC7E,OAAO,MAAMM,qBAAqB,GAAGD,oBAAoB,CAACE,QAAQ;;AAElE;AACA,MAAMC,mBAAmB,GAAG,CAAC;;AAE7B;AACA,MAAMC,kBAAkB,GAAG,GAAG;AAQ9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,YAAiC,EAA0B;EAC5F,MAAM;IAAEC,MAAM,EAAEC;EAAe,CAAC,
|
|
1
|
+
{"version":3,"names":["createContext","useContext","useMemo","useWindowDimensions","DEFAULT_INSETS","top","right","bottom","left","OverlayInsetsContext","OverlayInsetsProvider","Provider","SCREEN_EDGE_PADDING","POPOVER_GAP","MIN_CONTENT_HEIGHT","useOverlayPosition","anchorLayout","height","viewportHeight","insetTop","insetBottom","anchorBottom","y","spaceBelow","spaceAbove","preferBelow","maxHeight","Math","max","style","x","width","placement"],"sourceRoot":"../../../src","sources":["overlay/useOverlayPosition.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC1D,SAASC,mBAAmB,QAAwB,cAAc;AAUlE,MAAMC,cAA0B,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,gBAAGT,aAAa,CAAaI,cAAc,CAAC;AAC7E,OAAO,MAAMM,qBAAqB,GAAGD,oBAAoB,CAACE,QAAQ;;AAElE;AACA,MAAMC,mBAAmB,GAAG,CAAC;;AAE7B;AACA,MAAMC,WAAW,GAAG,CAAC;;AAErB;AACA,MAAMC,kBAAkB,GAAG,GAAG;AAQ9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,YAAiC,EAA0B;EAC5F,MAAM;IAAEC,MAAM,EAAEC;EAAe,CAAC,GAAGf,mBAAmB,CAAC,CAAC;EACxD,MAAM;IAAEE,GAAG,EAAEc,QAAQ;IAAEZ,MAAM,EAAEa;EAAY,CAAC,GAAGnB,UAAU,CAACQ,oBAAoB,CAAC;EAE/E,OAAOP,OAAO,CAAC,MAAM;IACnB,IAAI,CAACc,YAAY,EAAE,OAAO,IAAI;IAE9B,MAAMK,YAAY,GAAGL,YAAY,CAACM,CAAC,GAAGN,YAAY,CAACC,MAAM;IACzD,MAAMM,UAAU,GAAGL,cAAc,GAAGG,YAAY,GAAGD,WAAW,GAAGR,mBAAmB;IACpF,MAAMY,UAAU,GAAGR,YAAY,CAACM,CAAC,GAAGH,QAAQ,GAAGP,mBAAmB;IAElE,MAAMa,WAAW,GAAGF,UAAU,IAAIT,kBAAkB,IAAIS,UAAU,IAAIC,UAAU;IAEhF,IAAIC,WAAW,EAAE;MACf,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,UAAU,CAAC;MACzC,OAAO;QACLM,KAAK,EAAE;UACLxB,GAAG,EAAEgB,YAAY,GAAGR,WAAW;UAC/BL,IAAI,EAAEQ,YAAY,CAACc,CAAC;UACpBC,KAAK,EAAEf,YAAY,CAACe,KAAK;UACzBL;QACF,CAAC;QACDA,SAAS;QACTM,SAAS,EAAE;MACb,CAAC;IACH;IAEA,MAAMN,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,UAAU,CAAC;IACzC,OAAO;MACLK,KAAK,EAAE;QACLtB,MAAM,EAAEW,cAAc,GAAGF,YAAY,CAACM,CAAC,GAAGT,WAAW;QACrDL,IAAI,EAAEQ,YAAY,CAACc,CAAC;QACpBC,KAAK,EAAEf,YAAY,CAACe,KAAK;QACzBL;MACF,CAAC;MACDA,SAAS;MACTM,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAAChB,YAAY,EAAEE,cAAc,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAC;AAC3D","ignoreList":[]}
|