@elliemae/ds-form-date-time-picker 3.4.3-rc.1 → 3.4.3
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/dist/cjs/ControlledDateTimePicker.js +9 -5
- package/dist/cjs/ControlledDateTimePicker.js.map +1 -1
- package/dist/cjs/ControlledDateTimePickerCTX.js +4 -1
- package/dist/cjs/ControlledDateTimePickerCTX.js.map +1 -1
- package/dist/cjs/ControlledDateTimePickerDatatestid.js +4 -1
- package/dist/cjs/ControlledDateTimePickerDatatestid.js.map +1 -1
- package/dist/cjs/ControlledDateTimePickerTypes.js +4 -1
- package/dist/cjs/ControlledDateTimePickerTypes.js.map +1 -1
- package/dist/cjs/config/useChangeHandlers.js +261 -219
- package/dist/cjs/config/useChangeHandlers.js.map +1 -1
- package/dist/cjs/config/useControlledDateTimePicker.js +34 -28
- package/dist/cjs/config/useControlledDateTimePicker.js.map +2 -2
- package/dist/cjs/config/useFocusTracker.js +130 -124
- package/dist/cjs/config/useFocusTracker.js.map +1 -1
- package/dist/cjs/config/useGetDestructuredValues.js +50 -38
- package/dist/cjs/config/useGetDestructuredValues.js.map +1 -1
- package/dist/cjs/config/useGetFlags.js +16 -5
- package/dist/cjs/config/useGetFlags.js.map +2 -2
- package/dist/cjs/config/useGetPropsBasedOnType.js +60 -54
- package/dist/cjs/config/useGetPropsBasedOnType.js.map +1 -1
- package/dist/cjs/config/useGetPropsWithDefault.js +4 -1
- package/dist/cjs/config/useGetPropsWithDefault.js.map +1 -1
- package/dist/cjs/config/useGetReferences.js +35 -29
- package/dist/cjs/config/useGetReferences.js.map +1 -1
- package/dist/cjs/config/useGlobalKeyHandlers.js +63 -51
- package/dist/cjs/config/useGlobalKeyHandlers.js.map +1 -1
- package/dist/cjs/config/useRelevantValueFromProps.js +15 -9
- package/dist/cjs/config/useRelevantValueFromProps.js.map +1 -1
- package/dist/cjs/config/useValidateProps.js +33 -14
- package/dist/cjs/config/useValidateProps.js.map +1 -1
- package/dist/cjs/exported-related/theming.js +4 -1
- package/dist/cjs/exported-related/theming.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/parts/ClearButton/ClearButton.js +12 -7
- package/dist/cjs/parts/ClearButton/ClearButton.js.map +1 -1
- package/dist/cjs/parts/ClearButton/useClearButton.js +45 -33
- package/dist/cjs/parts/ClearButton/useClearButton.js.map +1 -1
- package/dist/cjs/parts/ControlledDateTimePickerContent.js +31 -16
- package/dist/cjs/parts/ControlledDateTimePickerContent.js.map +1 -1
- package/dist/cjs/parts/DateInputs/DDInput.js +42 -33
- package/dist/cjs/parts/DateInputs/DDInput.js.map +2 -2
- package/dist/cjs/parts/DateInputs/DateInputs.js +63 -42
- package/dist/cjs/parts/DateInputs/DateInputs.js.map +2 -2
- package/dist/cjs/parts/DateInputs/MMInput.js +56 -35
- package/dist/cjs/parts/DateInputs/MMInput.js.map +3 -3
- package/dist/cjs/parts/DateInputs/YYYYInput.js +42 -33
- package/dist/cjs/parts/DateInputs/YYYYInput.js.map +2 -2
- package/dist/cjs/parts/DateInputs/useDateInputs.js +296 -254
- package/dist/cjs/parts/DateInputs/useDateInputs.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/Calendar.js +24 -9
- package/dist/cjs/parts/Pickers/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js +14 -4
- package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js +18 -7
- package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarContext.js +4 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarContext.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarDaysList.js +35 -27
- package/dist/cjs/parts/Pickers/Calendar/CalendarDaysList.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js +10 -5
- package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js +112 -83
- package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js +21 -13
- package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js +7 -3
- package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js +55 -34
- package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js +11 -6
- package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/Day.js +73 -58
- package/dist/cjs/parts/Pickers/Calendar/Day.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/Styleds.js +4 -1
- package/dist/cjs/parts/Pickers/Calendar/Styleds.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/useConfigCalendarCTX.js +29 -23
- package/dist/cjs/parts/Pickers/Calendar/useConfigCalendarCTX.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js +38 -26
- package/dist/cjs/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/useFocusLogic.js +34 -18
- package/dist/cjs/parts/Pickers/Calendar/useFocusLogic.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/useKeyboardHandlers.js +190 -166
- package/dist/cjs/parts/Pickers/Calendar/useKeyboardHandlers.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/usePopperTriggerLogic.js +33 -21
- package/dist/cjs/parts/Pickers/Calendar/usePopperTriggerLogic.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js +22 -8
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js +14 -5
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js +7 -2
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +10 -5
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +27 -19
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +11 -6
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/Styleds.js +4 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/Styleds.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +67 -52
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js.map +1 -1
- package/dist/cjs/parts/Pickers/PickersIcons.js +13 -4
- package/dist/cjs/parts/Pickers/PickersIcons.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js +90 -72
- package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js +102 -76
- package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js +87 -69
- package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/Styleds.js +4 -1
- package/dist/cjs/parts/Pickers/TimeWheel/Styleds.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheel.js +24 -9
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheel.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js +35 -6
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContext.js +4 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContext.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelFooter.js +10 -5
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +21 -13
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelWrapper.js +11 -6
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +12 -6
- package/dist/cjs/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js +99 -61
- package/dist/cjs/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/useKeyboardHandlers.js +163 -145
- package/dist/cjs/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +42 -30
- package/dist/cjs/parts/Pickers/TimeWheel/usePopperTriggerLogic.js.map +1 -1
- package/dist/cjs/parts/Styleds.js +4 -1
- package/dist/cjs/parts/Styleds.js.map +1 -1
- package/dist/cjs/parts/TimeInputs/HHInput.js +44 -35
- package/dist/cjs/parts/TimeInputs/HHInput.js.map +2 -2
- package/dist/cjs/parts/TimeInputs/MeridiemInput.js +42 -33
- package/dist/cjs/parts/TimeInputs/MeridiemInput.js.map +2 -2
- package/dist/cjs/parts/TimeInputs/MinutesInput.js +42 -33
- package/dist/cjs/parts/TimeInputs/MinutesInput.js.map +2 -2
- package/dist/cjs/parts/TimeInputs/TimeInputs.js +60 -40
- package/dist/cjs/parts/TimeInputs/TimeInputs.js.map +1 -1
- package/dist/cjs/parts/TimeInputs/useTimeInputs.js +234 -201
- package/dist/cjs/parts/TimeInputs/useTimeInputs.js.map +1 -1
- package/dist/cjs/parts/config.js +4 -1
- package/dist/cjs/parts/config.js.map +1 -1
- package/dist/cjs/propTypes.js +19 -6
- package/dist/cjs/propTypes.js.map +2 -2
- package/dist/cjs/sharedTypes.js +4 -1
- package/dist/cjs/sharedTypes.js.map +2 -2
- package/dist/cjs/utils/constants.js +4 -1
- package/dist/cjs/utils/constants.js.map +1 -1
- package/dist/cjs/utils/dateHelpers.js +15 -10
- package/dist/cjs/utils/dateHelpers.js.map +1 -1
- package/dist/cjs/utils/dateTimeHelpers.js +4 -1
- package/dist/cjs/utils/dateTimeHelpers.js.map +1 -1
- package/dist/cjs/utils/hooks/useGetDayFromDateString.js +4 -1
- package/dist/cjs/utils/hooks/useGetDayFromDateString.js.map +1 -1
- package/dist/cjs/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js +4 -1
- package/dist/cjs/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js.map +1 -1
- package/dist/cjs/utils/hooks/useGetStartingFocusedDay.js +9 -2
- package/dist/cjs/utils/hooks/useGetStartingFocusedDay.js.map +1 -1
- package/dist/cjs/utils/hooks/useOnClickOutside.js +4 -1
- package/dist/cjs/utils/hooks/useOnClickOutside.js.map +1 -1
- package/dist/cjs/utils/numberHelpers.js +4 -1
- package/dist/cjs/utils/numberHelpers.js.map +1 -1
- package/dist/cjs/utils/stringHelpers.js +4 -1
- package/dist/cjs/utils/stringHelpers.js.map +1 -1
- package/dist/cjs/utils/timeHelpers.js +4 -1
- package/dist/cjs/utils/timeHelpers.js.map +1 -1
- package/dist/cjs/utils/typeGuards.js +4 -1
- package/dist/cjs/utils/typeGuards.js.map +1 -1
- package/dist/esm/ControlledDateTimePicker.js +5 -4
- package/dist/esm/ControlledDateTimePicker.js.map +1 -1
- package/dist/esm/ControlledDateTimePickerCTX.js.map +1 -1
- package/dist/esm/ControlledDateTimePickerDatatestid.js.map +1 -1
- package/dist/esm/ControlledDateTimePickerTypes.js.map +1 -1
- package/dist/esm/config/useChangeHandlers.js +257 -218
- package/dist/esm/config/useChangeHandlers.js.map +1 -1
- package/dist/esm/config/useControlledDateTimePicker.js +30 -27
- package/dist/esm/config/useControlledDateTimePicker.js.map +2 -2
- package/dist/esm/config/useFocusTracker.js +126 -123
- package/dist/esm/config/useFocusTracker.js.map +1 -1
- package/dist/esm/config/useGetDestructuredValues.js +46 -37
- package/dist/esm/config/useGetDestructuredValues.js.map +1 -1
- package/dist/esm/config/useGetFlags.js +12 -4
- package/dist/esm/config/useGetFlags.js.map +2 -2
- package/dist/esm/config/useGetPropsBasedOnType.js +56 -53
- package/dist/esm/config/useGetPropsBasedOnType.js.map +1 -1
- package/dist/esm/config/useGetPropsWithDefault.js.map +1 -1
- package/dist/esm/config/useGetReferences.js +31 -28
- package/dist/esm/config/useGetReferences.js.map +1 -1
- package/dist/esm/config/useGlobalKeyHandlers.js +59 -50
- package/dist/esm/config/useGlobalKeyHandlers.js.map +1 -1
- package/dist/esm/config/useRelevantValueFromProps.js +11 -8
- package/dist/esm/config/useRelevantValueFromProps.js.map +1 -1
- package/dist/esm/config/useValidateProps.js +29 -13
- package/dist/esm/config/useValidateProps.js.map +1 -1
- package/dist/esm/exported-related/theming.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/parts/ClearButton/ClearButton.js +8 -6
- package/dist/esm/parts/ClearButton/ClearButton.js.map +1 -1
- package/dist/esm/parts/ClearButton/useClearButton.js +41 -32
- package/dist/esm/parts/ClearButton/useClearButton.js.map +1 -1
- package/dist/esm/parts/ControlledDateTimePickerContent.js +27 -15
- package/dist/esm/parts/ControlledDateTimePickerContent.js.map +1 -1
- package/dist/esm/parts/DateInputs/DDInput.js +38 -32
- package/dist/esm/parts/DateInputs/DDInput.js.map +2 -2
- package/dist/esm/parts/DateInputs/DateInputs.js +59 -41
- package/dist/esm/parts/DateInputs/DateInputs.js.map +2 -2
- package/dist/esm/parts/DateInputs/MMInput.js +53 -35
- package/dist/esm/parts/DateInputs/MMInput.js.map +3 -3
- package/dist/esm/parts/DateInputs/YYYYInput.js +38 -32
- package/dist/esm/parts/DateInputs/YYYYInput.js.map +2 -2
- package/dist/esm/parts/DateInputs/useDateInputs.js +292 -253
- package/dist/esm/parts/DateInputs/useDateInputs.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/Calendar.js +20 -8
- package/dist/esm/parts/Pickers/Calendar/Calendar.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarBody.js +10 -3
- package/dist/esm/parts/Pickers/Calendar/CalendarBody.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarContent.js +14 -6
- package/dist/esm/parts/Pickers/Calendar/CalendarContent.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarContext.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarDaysList.js +31 -26
- package/dist/esm/parts/Pickers/Calendar/CalendarDaysList.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js +6 -4
- package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarHead.js +108 -82
- package/dist/esm/parts/Pickers/Calendar/CalendarHead.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarIconTrigger.js +17 -12
- package/dist/esm/parts/Pickers/Calendar/CalendarIconTrigger.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarMonthDays.js +3 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarMonthDays.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarWeekDays.js +51 -33
- package/dist/esm/parts/Pickers/Calendar/CalendarWeekDays.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarWrapper.js +7 -5
- package/dist/esm/parts/Pickers/Calendar/CalendarWrapper.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/Day.js +69 -57
- package/dist/esm/parts/Pickers/Calendar/Day.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/Styleds.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/useConfigCalendarCTX.js +25 -22
- package/dist/esm/parts/Pickers/Calendar/useConfigCalendarCTX.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js +34 -25
- package/dist/esm/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/useFocusLogic.js +30 -17
- package/dist/esm/parts/Pickers/Calendar/useFocusLogic.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/useKeyboardHandlers.js +186 -165
- package/dist/esm/parts/Pickers/Calendar/useKeyboardHandlers.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/usePopperTriggerLogic.js +29 -20
- package/dist/esm/parts/Pickers/Calendar/usePopperTriggerLogic.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js +18 -7
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js +10 -4
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js +3 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +6 -4
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +23 -18
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +7 -5
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/Styleds.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +63 -51
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js.map +1 -1
- package/dist/esm/parts/Pickers/PickersIcons.js +9 -3
- package/dist/esm/parts/Pickers/PickersIcons.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/HoursList.js +86 -71
- package/dist/esm/parts/Pickers/TimeWheel/HoursList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js +98 -75
- package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js +83 -68
- package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/Styleds.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheel.js +20 -8
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheel.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js +31 -5
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContext.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js +6 -4
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +17 -12
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelWrapper.js +7 -5
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +8 -5
- package/dist/esm/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js +95 -60
- package/dist/esm/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/useKeyboardHandlers.js +159 -144
- package/dist/esm/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +38 -29
- package/dist/esm/parts/Pickers/TimeWheel/usePopperTriggerLogic.js.map +1 -1
- package/dist/esm/parts/Styleds.js.map +1 -1
- package/dist/esm/parts/TimeInputs/HHInput.js +40 -34
- package/dist/esm/parts/TimeInputs/HHInput.js.map +2 -2
- package/dist/esm/parts/TimeInputs/MeridiemInput.js +38 -32
- package/dist/esm/parts/TimeInputs/MeridiemInput.js.map +2 -2
- package/dist/esm/parts/TimeInputs/MinutesInput.js +38 -32
- package/dist/esm/parts/TimeInputs/MinutesInput.js.map +2 -2
- package/dist/esm/parts/TimeInputs/TimeInputs.js +56 -39
- package/dist/esm/parts/TimeInputs/TimeInputs.js.map +1 -1
- package/dist/esm/parts/TimeInputs/useTimeInputs.js +230 -200
- package/dist/esm/parts/TimeInputs/useTimeInputs.js.map +1 -1
- package/dist/esm/parts/config.js.map +1 -1
- package/dist/esm/propTypes.js +15 -5
- package/dist/esm/propTypes.js.map +2 -2
- package/dist/esm/sharedTypes.js.map +1 -1
- package/dist/esm/utils/constants.js.map +1 -1
- package/dist/esm/utils/dateHelpers.js +11 -9
- package/dist/esm/utils/dateHelpers.js.map +1 -1
- package/dist/esm/utils/dateTimeHelpers.js.map +1 -1
- package/dist/esm/utils/hooks/useGetDayFromDateString.js.map +1 -1
- package/dist/esm/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js.map +1 -1
- package/dist/esm/utils/hooks/useGetStartingFocusedDay.js +5 -1
- package/dist/esm/utils/hooks/useGetStartingFocusedDay.js.map +1 -1
- package/dist/esm/utils/hooks/useOnClickOutside.js.map +1 -1
- package/dist/esm/utils/numberHelpers.js.map +1 -1
- package/dist/esm/utils/stringHelpers.js.map +1 -1
- package/dist/esm/utils/timeHelpers.js.map +1 -1
- package/dist/esm/utils/typeGuards.js.map +1 -1
- package/package.json +8 -8
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/TimeWheel/TimeWheelWrapper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { TimeWheelContent } from './TimeWheelContent';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const TimeWheelWrapper = (): JSX.Element => {\n const { referenceElement, closeTimePicker } = useContext(TimeWheelContext);\n const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n if (isControllerOnly) return <TimeWheelContent />;\n return (\n <DSPopperJS\n showPopover\n data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL}\n referenceElement={referenceElement}\n withoutArrow\n onClickOutside={closeTimePicker}\n >\n <TimeWheelContent />\n </DSPopperJS>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,8BAAiC;AACjC,8BAAiC;AAE1B,MAAM,mBAAmB,MAAmB;AACjD,QAAM,EAAE,kBAAkB,gBAAgB,QAAI,yBAAW,wCAAgB;AACzE,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,MAAI;AAAkB,WAAO,4CAAC,4CAAiB;AAC/C,SACE,4CAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,6EAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,sDAAC,4CAAiB;AAAA,GACpB;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var useConfigTimePickerCTX_exports = {};
|
|
23
26
|
__export(useConfigTimePickerCTX_exports, {
|
|
@@ -33,10 +36,13 @@ const useConfigTimePickerCTX = () => {
|
|
|
33
36
|
const currentDisplayedTimeWheelLogic = (0, import_useCurrentDisplayedWheelsLogic.useCurrentDisplayedWheelsLogic)();
|
|
34
37
|
const popperLogic = (0, import_usePopperTriggerLogic.usePopperTriggerLogic)();
|
|
35
38
|
const keyboardHandlers = (0, import_useKeyboardHandlers.useKeyboardHandlers)({ currentDisplayedTimeWheelLogic });
|
|
36
|
-
return (0, import_react.useMemo)(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
return (0, import_react.useMemo)(
|
|
40
|
+
() => ({
|
|
41
|
+
...currentDisplayedTimeWheelLogic,
|
|
42
|
+
...popperLogic,
|
|
43
|
+
...keyboardHandlers
|
|
44
|
+
}),
|
|
45
|
+
[currentDisplayedTimeWheelLogic, popperLogic, keyboardHandlers]
|
|
46
|
+
);
|
|
41
47
|
};
|
|
42
48
|
//# sourceMappingURL=useConfigTimePickerCTX.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/TimeWheel/useConfigTimePickerCTX.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo } from 'react';\nimport { usePopperTriggerLogic } from './usePopperTriggerLogic';\nimport { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic';\nimport { useKeyboardHandlers } from './useKeyboardHandlers';\n\nexport type TimeWheelContextT = ReturnType<typeof useCurrentDisplayedWheelsLogic> &\n ReturnType<typeof usePopperTriggerLogic> &\n ReturnType<typeof useKeyboardHandlers>;\n\nexport const useConfigTimePickerCTX = (): TimeWheelContextT => {\n const currentDisplayedTimeWheelLogic = useCurrentDisplayedWheelsLogic();\n const popperLogic = usePopperTriggerLogic();\n const keyboardHandlers = useKeyboardHandlers({ currentDisplayedTimeWheelLogic });\n\n return useMemo(\n () => ({\n ...currentDisplayedTimeWheelLogic,\n ...popperLogic,\n ...keyboardHandlers,\n }),\n [currentDisplayedTimeWheelLogic, popperLogic, keyboardHandlers],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwB;AACxB,mCAAsC;AACtC,4CAA+C;AAC/C,iCAAoC;AAM7B,MAAM,yBAAyB,MAAyB;AAC7D,QAAM,qCAAiC,sEAA+B;AACtE,QAAM,kBAAc,oDAAsB;AAC1C,QAAM,uBAAmB,gDAAoB,EAAE,+BAA+B,CAAC;AAE/E,aAAO;AAAA,IACL,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,gCAAgC,aAAa,gBAAgB;AAAA,EAChE;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var useCurrentDisplayedWheelsLogic_exports = {};
|
|
23
26
|
__export(useCurrentDisplayedWheelsLogic_exports, {
|
|
@@ -38,7 +41,9 @@ const getTotalMinuteListWithStep = (step = 1) => {
|
|
|
38
41
|
return new Array(length).fill("_").map((_v, i) => (0, import_stringHelpers.prependStringWithPlaceHolders)(`${i * step}`, 2));
|
|
39
42
|
};
|
|
40
43
|
const useCurrentDisplayedWheelsLogic = () => {
|
|
41
|
-
const { minutesInterval, onTimeWheelOpenStartingTime, hours, minutes, meridiem } = (0, import_react.useContext)(
|
|
44
|
+
const { minutesInterval, onTimeWheelOpenStartingTime, hours, minutes, meridiem } = (0, import_react.useContext)(
|
|
45
|
+
import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext
|
|
46
|
+
);
|
|
42
47
|
const { handleChangeHours, handleChangeMinutes, handleChangeMeridiem } = (0, import_useTimeInputs.useTimeInputs)();
|
|
43
48
|
const { startingHours, startingMinutes, startingMeridiem } = (0, import_react.useMemo)(() => {
|
|
44
49
|
const startingVals = (0, import_stringHelpers.deconstructValuesFromTimeString)(onTimeWheelOpenStartingTime);
|
|
@@ -77,7 +82,10 @@ const useCurrentDisplayedWheelsLogic = () => {
|
|
|
77
82
|
}, [meridiem, startingMeridiem]);
|
|
78
83
|
const totalMinutesList = (0, import_react.useMemo)(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);
|
|
79
84
|
const currMinuteIndex = (0, import_react.useMemo)(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);
|
|
80
|
-
const currHoursIndex = (0, import_react.useMemo)(
|
|
85
|
+
const currHoursIndex = (0, import_react.useMemo)(
|
|
86
|
+
() => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset,
|
|
87
|
+
[currHourNum]
|
|
88
|
+
);
|
|
81
89
|
const visibleHours = (0, import_react.useMemo)(() => {
|
|
82
90
|
const newHours = [];
|
|
83
91
|
if (currHoursIndex >= 1)
|
|
@@ -104,63 +112,93 @@ const useCurrentDisplayedWheelsLogic = () => {
|
|
|
104
112
|
newMinutes.push(null);
|
|
105
113
|
return newMinutes;
|
|
106
114
|
}, [currMinuteIndex, totalMinutesList]);
|
|
107
|
-
const handleTimeWheelBtnChangeHours = (0, import_react.useCallback)(
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
const
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
115
|
+
const handleTimeWheelBtnChangeHours = (0, import_react.useCallback)(
|
|
116
|
+
(newHours, e) => {
|
|
117
|
+
handleChangeHours(newHours, e);
|
|
118
|
+
},
|
|
119
|
+
[handleChangeHours]
|
|
120
|
+
);
|
|
121
|
+
const handleChangeCurrHour = (0, import_react.useCallback)(
|
|
122
|
+
(offset, e) => {
|
|
123
|
+
const newH = currHourNum + offset;
|
|
124
|
+
if (newH > 0 && newH <= 12)
|
|
125
|
+
handleChangeHours((0, import_stringHelpers.prependStringWithPlaceHolders)(`${newH}`, 2), e);
|
|
126
|
+
},
|
|
127
|
+
[currHourNum, handleChangeHours]
|
|
128
|
+
);
|
|
129
|
+
const handlePrevHour = (0, import_react.useCallback)(
|
|
130
|
+
(e) => {
|
|
131
|
+
handleChangeCurrHour(-1, e);
|
|
132
|
+
},
|
|
133
|
+
[handleChangeCurrHour]
|
|
134
|
+
);
|
|
135
|
+
const handleNextHour = (0, import_react.useCallback)(
|
|
136
|
+
(e) => {
|
|
137
|
+
handleChangeCurrHour(1, e);
|
|
138
|
+
},
|
|
139
|
+
[handleChangeCurrHour]
|
|
140
|
+
);
|
|
141
|
+
const handleTimeWheelBtnChangeMinutes = (0, import_react.useCallback)(
|
|
142
|
+
(newMinutes, e) => {
|
|
143
|
+
handleChangeMinutes(newMinutes, e);
|
|
144
|
+
},
|
|
145
|
+
[handleChangeMinutes]
|
|
146
|
+
);
|
|
147
|
+
const handleChangeCurrMinute = (0, import_react.useCallback)(
|
|
148
|
+
(offset, e) => {
|
|
149
|
+
const newM = currMinuteNum + offset;
|
|
150
|
+
if (newM >= 0 && newM <= 59)
|
|
151
|
+
handleChangeMinutes((0, import_stringHelpers.prependStringWithPlaceHolders)(`${newM}`, 2), e);
|
|
152
|
+
},
|
|
153
|
+
[currMinuteNum, handleChangeMinutes]
|
|
154
|
+
);
|
|
155
|
+
const handlePrevMinute = (0, import_react.useCallback)(
|
|
156
|
+
(e) => {
|
|
157
|
+
handleChangeCurrMinute(-minutesInterval, e);
|
|
158
|
+
},
|
|
159
|
+
[handleChangeCurrMinute, minutesInterval]
|
|
160
|
+
);
|
|
161
|
+
const handleNextMinute = (0, import_react.useCallback)(
|
|
162
|
+
(e) => {
|
|
163
|
+
handleChangeCurrMinute(minutesInterval, e);
|
|
164
|
+
},
|
|
165
|
+
[handleChangeCurrMinute, minutesInterval]
|
|
166
|
+
);
|
|
167
|
+
const handleTimeWheelBtnChangeMeridiem = (0, import_react.useCallback)(
|
|
168
|
+
(newMeridiem, e) => {
|
|
169
|
+
handleChangeMeridiem(newMeridiem, e);
|
|
170
|
+
},
|
|
171
|
+
[handleChangeMeridiem]
|
|
172
|
+
);
|
|
173
|
+
return (0, import_react.useMemo)(
|
|
174
|
+
() => ({
|
|
175
|
+
currHourNum,
|
|
176
|
+
visibleHours,
|
|
177
|
+
handlePrevHour,
|
|
178
|
+
handleNextHour,
|
|
179
|
+
handleTimeWheelBtnChangeHours,
|
|
180
|
+
currMinuteNum,
|
|
181
|
+
visibleMinutes,
|
|
182
|
+
handlePrevMinute,
|
|
183
|
+
handleNextMinute,
|
|
184
|
+
handleTimeWheelBtnChangeMinutes,
|
|
185
|
+
handleTimeWheelBtnChangeMeridiem,
|
|
186
|
+
currMeridiem
|
|
187
|
+
}),
|
|
188
|
+
[
|
|
189
|
+
currHourNum,
|
|
190
|
+
currMinuteNum,
|
|
191
|
+
currMeridiem,
|
|
192
|
+
handleNextHour,
|
|
193
|
+
handleNextMinute,
|
|
194
|
+
handlePrevHour,
|
|
195
|
+
handlePrevMinute,
|
|
196
|
+
handleTimeWheelBtnChangeHours,
|
|
197
|
+
handleTimeWheelBtnChangeMeridiem,
|
|
198
|
+
handleTimeWheelBtnChangeMinutes,
|
|
199
|
+
visibleHours,
|
|
200
|
+
visibleMinutes
|
|
201
|
+
]
|
|
202
|
+
);
|
|
165
203
|
};
|
|
166
204
|
//# sourceMappingURL=useCurrentDisplayedWheelsLogic.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useCallback, useContext } from 'react';\nimport { useTimeInputs } from '../../TimeInputs/useTimeInputs';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { prependStringWithPlaceHolders, deconstructValuesFromTimeString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerT } from '../../../propTypes';\n\nconst totalHoursList = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];\nconst hoursInterval = 1; // using this just to unify the logic between how hours and minutes are handled\nconst hoursStartPositionOffset = 1; // if array start from 01, this is 1, if start from 02, it's 2 ...\n\nconst getTotalMinuteListWithStep = (step = 1) => {\n const length = Math.ceil(60 / step);\n return new Array(length).fill('_').map((_v, i) => prependStringWithPlaceHolders(`${i * step}`, 2));\n};\ninterface UseCurrentDisplayedWheelsLogic {\n currHourNum: number;\n visibleHours: (string | null)[];\n handlePrevHour: (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n handleNextHour: (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n handleTimeWheelBtnChangeHours: (newVal: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n currMinuteNum: number;\n visibleMinutes: (string | null)[];\n handlePrevMinute: (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n handleNextMinute: (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n handleTimeWheelBtnChangeMinutes: (newVal: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => void;\n handleTimeWheelBtnChangeMeridiem: (\n newMeridiem: string,\n e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n ) => void;\n currMeridiem: string;\n}\nexport const useCurrentDisplayedWheelsLogic = (): UseCurrentDisplayedWheelsLogic => {\n const { minutesInterval, onTimeWheelOpenStartingTime, hours, minutes, meridiem } = useContext(\n ControlledDateTimePickerContext,\n );\n const { handleChangeHours, handleChangeMinutes, handleChangeMeridiem } = useTimeInputs();\n const { startingHours, startingMinutes, startingMeridiem } = useMemo(() => {\n const startingVals = deconstructValuesFromTimeString(onTimeWheelOpenStartingTime);\n return {\n startingHours: startingVals.hours,\n startingMinutes: startingVals.minutes,\n startingMeridiem: startingVals.meridiem,\n };\n }, [onTimeWheelOpenStartingTime]);\n\n const currHourNum = useMemo(() => {\n const hoursAsNum = convertToPositiveNumberIfPossible(hours);\n if (hours && hoursAsNum !== -1) {\n return hoursAsNum;\n }\n const startingHoursAsNum = convertToPositiveNumberIfPossible(startingHours);\n if (startingHoursAsNum === -1) return 1;\n return startingHoursAsNum;\n }, [hours, startingHours]);\n\n const currMinuteNum = useMemo(() => {\n const minutesAsNum = convertToPositiveNumberIfPossible(minutes);\n if (minutes && minutesAsNum !== -1) {\n return minutesAsNum;\n }\n const startingMinutesAsNum = convertToPositiveNumberIfPossible(startingMinutes);\n if (startingMinutesAsNum === -1) return 0;\n return startingMinutesAsNum;\n }, [minutes, startingMinutes]);\n\n const currMeridiem = useMemo(() => {\n if (meridiem !== '') return meridiem;\n if (startingMeridiem !== '') return startingMeridiem;\n return 'AM';\n }, [meridiem, startingMeridiem]);\n\n const totalMinutesList = useMemo(() => getTotalMinuteListWithStep(minutesInterval), [minutesInterval]);\n const currMinuteIndex = useMemo(() => Math.floor(currMinuteNum / minutesInterval), [currMinuteNum, minutesInterval]);\n const currHoursIndex = useMemo(\n () => Math.floor(currHourNum / hoursInterval) - hoursStartPositionOffset,\n [currHourNum],\n );\n\n const visibleHours = useMemo(() => {\n const newHours = [];\n if (currHoursIndex >= 1) newHours.push(totalHoursList[currHoursIndex - 1]);\n else newHours.push(null);\n newHours.push(totalHoursList[currHoursIndex]);\n if (currHoursIndex <= 11) newHours.push(totalHoursList[currHoursIndex + 1]);\n else newHours.push(null);\n\n return newHours;\n }, [currHoursIndex]);\n const visibleMinutes = useMemo(() => {\n const newMinutes = [];\n\n if (currMinuteIndex >= 1) newMinutes.push(totalMinutesList[currMinuteIndex - 1]);\n else newMinutes.push(null);\n newMinutes.push(totalMinutesList[currMinuteIndex]);\n if (currMinuteIndex < totalMinutesList.length) newMinutes.push(totalMinutesList[currMinuteIndex + 1]);\n else newMinutes.push(null);\n return newMinutes;\n }, [currMinuteIndex, totalMinutesList]);\n\n const handleTimeWheelBtnChangeHours = useCallback(\n (newHours: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n handleChangeHours(newHours, e);\n },\n [handleChangeHours],\n );\n const handleChangeCurrHour = useCallback(\n (offset: number, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n const newH = currHourNum + offset;\n if (newH > 0 && newH <= 12) handleChangeHours(prependStringWithPlaceHolders(`${newH}`, 2), e);\n },\n [currHourNum, handleChangeHours],\n );\n const handlePrevHour = useCallback(\n (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n handleChangeCurrHour(-1, e);\n },\n [handleChangeCurrHour],\n );\n const handleNextHour = useCallback(\n (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n handleChangeCurrHour(1, e);\n },\n [handleChangeCurrHour],\n );\n\n const handleTimeWheelBtnChangeMinutes = useCallback(\n (newMinutes: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n handleChangeMinutes(newMinutes, e);\n },\n [handleChangeMinutes],\n );\n const handleChangeCurrMinute = useCallback(\n (offset: number, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n const newM = currMinuteNum + offset;\n if (newM >= 0 && newM <= 59) handleChangeMinutes(prependStringWithPlaceHolders(`${newM}`, 2), e);\n },\n [currMinuteNum, handleChangeMinutes],\n );\n const handlePrevMinute = useCallback(\n (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n handleChangeCurrMinute(-minutesInterval, e);\n },\n [handleChangeCurrMinute, minutesInterval],\n );\n const handleNextMinute = useCallback(\n (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n handleChangeCurrMinute(minutesInterval, e);\n },\n [handleChangeCurrMinute, minutesInterval],\n );\n\n const handleTimeWheelBtnChangeMeridiem = useCallback(\n (newMeridiem: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n handleChangeMeridiem(newMeridiem, e);\n },\n [handleChangeMeridiem],\n );\n\n return useMemo(\n () => ({\n currHourNum,\n visibleHours,\n handlePrevHour,\n handleNextHour,\n handleTimeWheelBtnChangeHours,\n currMinuteNum,\n visibleMinutes,\n handlePrevMinute,\n handleNextMinute,\n handleTimeWheelBtnChangeMinutes,\n handleTimeWheelBtnChangeMeridiem,\n currMeridiem,\n }),\n [\n currHourNum,\n currMinuteNum,\n currMeridiem,\n handleNextHour,\n handleNextMinute,\n handlePrevHour,\n handlePrevMinute,\n handleTimeWheelBtnChangeHours,\n handleTimeWheelBtnChangeMeridiem,\n handleTimeWheelBtnChangeMinutes,\n visibleHours,\n visibleMinutes,\n ],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var useKeyboardHandlers_exports = {};
|
|
23
26
|
__export(useKeyboardHandlers_exports, {
|
|
@@ -55,154 +58,169 @@ const useKeyboardHandlers = ({ currentDisplayedTimeWheelLogic }) => {
|
|
|
55
58
|
const onHomeKeyDownTriggerIcon = (0, import_react.useCallback)(() => {
|
|
56
59
|
trackFocusFirstSegment();
|
|
57
60
|
}, [trackFocusFirstSegment]);
|
|
58
|
-
const handlePickerIconKeyDown = (0, import_react.useCallback)(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
if (["Home", "End"].includes(key))
|
|
63
|
-
e.stopPropagation();
|
|
64
|
-
if (key === "Home")
|
|
65
|
-
onHomeKeyDownTriggerIcon();
|
|
66
|
-
if (key === "Backspace" && withAnyInputs) {
|
|
67
|
-
if (isWithTimeInputs)
|
|
68
|
-
trackFocusMeridiemInput();
|
|
69
|
-
else if (isWithDateInputs)
|
|
70
|
-
trackFocusYearInput();
|
|
71
|
-
}
|
|
72
|
-
}, [
|
|
73
|
-
isWithDateInputs,
|
|
74
|
-
isWithTimeInputs,
|
|
75
|
-
onHomeKeyDownTriggerIcon,
|
|
76
|
-
trackFocusMeridiemInput,
|
|
77
|
-
trackFocusYearInput,
|
|
78
|
-
withAnyInputs
|
|
79
|
-
]);
|
|
80
|
-
const handleCurrHourOnKeyDown = (0, import_react.useCallback)((e) => {
|
|
81
|
-
const { key, shiftKey } = e;
|
|
82
|
-
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
83
|
-
e.preventDefault();
|
|
84
|
-
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
85
|
-
e.stopPropagation();
|
|
86
|
-
let didTriggerHourChange = false;
|
|
87
|
-
if (key === "ArrowUp") {
|
|
88
|
-
handlePrevHour(e);
|
|
89
|
-
didTriggerHourChange = true;
|
|
90
|
-
}
|
|
91
|
-
if (key === "ArrowDown") {
|
|
92
|
-
handleNextHour(e);
|
|
93
|
-
didTriggerHourChange = true;
|
|
94
|
-
}
|
|
95
|
-
if (key === "ArrowRight") {
|
|
96
|
-
trackFocusTimewheelCurrMinute();
|
|
97
|
-
}
|
|
98
|
-
if (key === "Home")
|
|
99
|
-
onHomeKeyDownInsideTimeWheel();
|
|
100
|
-
if (key === "End")
|
|
101
|
-
onEndKeyDownInsideTimeWheel();
|
|
102
|
-
if (didTriggerHourChange)
|
|
103
|
-
trackFocusTimewheelCurrHour();
|
|
104
|
-
if (!isControllerOnly) {
|
|
105
|
-
if (key === "Tab" && shiftKey && !isWithCalendarToo) {
|
|
61
|
+
const handlePickerIconKeyDown = (0, import_react.useCallback)(
|
|
62
|
+
(e) => {
|
|
63
|
+
const { key } = e;
|
|
64
|
+
if (["Home", "End"].includes(key))
|
|
106
65
|
e.preventDefault();
|
|
66
|
+
if (["Home", "End"].includes(key))
|
|
67
|
+
e.stopPropagation();
|
|
68
|
+
if (key === "Home")
|
|
69
|
+
onHomeKeyDownTriggerIcon();
|
|
70
|
+
if (key === "Backspace" && withAnyInputs) {
|
|
71
|
+
if (isWithTimeInputs)
|
|
72
|
+
trackFocusMeridiemInput();
|
|
73
|
+
else if (isWithDateInputs)
|
|
74
|
+
trackFocusYearInput();
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
[
|
|
78
|
+
isWithDateInputs,
|
|
79
|
+
isWithTimeInputs,
|
|
80
|
+
onHomeKeyDownTriggerIcon,
|
|
81
|
+
trackFocusMeridiemInput,
|
|
82
|
+
trackFocusYearInput,
|
|
83
|
+
withAnyInputs
|
|
84
|
+
]
|
|
85
|
+
);
|
|
86
|
+
const handleCurrHourOnKeyDown = (0, import_react.useCallback)(
|
|
87
|
+
(e) => {
|
|
88
|
+
const { key, shiftKey } = e;
|
|
89
|
+
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
90
|
+
e.preventDefault();
|
|
91
|
+
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
92
|
+
e.stopPropagation();
|
|
93
|
+
let didTriggerHourChange = false;
|
|
94
|
+
if (key === "ArrowUp") {
|
|
95
|
+
handlePrevHour(e);
|
|
96
|
+
didTriggerHourChange = true;
|
|
97
|
+
}
|
|
98
|
+
if (key === "ArrowDown") {
|
|
99
|
+
handleNextHour(e);
|
|
100
|
+
didTriggerHourChange = true;
|
|
101
|
+
}
|
|
102
|
+
if (key === "ArrowRight") {
|
|
103
|
+
trackFocusTimewheelCurrMinute();
|
|
104
|
+
}
|
|
105
|
+
if (key === "Home")
|
|
106
|
+
onHomeKeyDownInsideTimeWheel();
|
|
107
|
+
if (key === "End")
|
|
108
|
+
onEndKeyDownInsideTimeWheel();
|
|
109
|
+
if (didTriggerHourChange)
|
|
110
|
+
trackFocusTimewheelCurrHour();
|
|
111
|
+
if (!isControllerOnly) {
|
|
112
|
+
if (key === "Tab" && shiftKey && !isWithCalendarToo) {
|
|
113
|
+
e.preventDefault();
|
|
114
|
+
trackFocusTimewheelCurrMeridiem();
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
[
|
|
119
|
+
handleNextHour,
|
|
120
|
+
handlePrevHour,
|
|
121
|
+
isControllerOnly,
|
|
122
|
+
isWithCalendarToo,
|
|
123
|
+
onEndKeyDownInsideTimeWheel,
|
|
124
|
+
onHomeKeyDownInsideTimeWheel,
|
|
125
|
+
trackFocusTimewheelCurrHour,
|
|
126
|
+
trackFocusTimewheelCurrMeridiem,
|
|
127
|
+
trackFocusTimewheelCurrMinute
|
|
128
|
+
]
|
|
129
|
+
);
|
|
130
|
+
const handleCurrMinutesOnKeyDown = (0, import_react.useCallback)(
|
|
131
|
+
(e) => {
|
|
132
|
+
const { key } = e;
|
|
133
|
+
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
134
|
+
e.preventDefault();
|
|
135
|
+
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
136
|
+
e.stopPropagation();
|
|
137
|
+
let didTriggerMinuteChange = false;
|
|
138
|
+
if (key === "ArrowUp") {
|
|
139
|
+
handlePrevMinute(e);
|
|
140
|
+
didTriggerMinuteChange = true;
|
|
141
|
+
}
|
|
142
|
+
if (key === "ArrowDown") {
|
|
143
|
+
handleNextMinute(e);
|
|
144
|
+
didTriggerMinuteChange = true;
|
|
145
|
+
}
|
|
146
|
+
if (key === "ArrowLeft") {
|
|
147
|
+
trackFocusTimewheelCurrHour();
|
|
148
|
+
}
|
|
149
|
+
if (key === "ArrowRight") {
|
|
107
150
|
trackFocusTimewheelCurrMeridiem();
|
|
108
151
|
}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
didTriggerMinuteChange = true;
|
|
131
|
-
}
|
|
132
|
-
if (key === "ArrowDown") {
|
|
133
|
-
handleNextMinute(e);
|
|
134
|
-
didTriggerMinuteChange = true;
|
|
135
|
-
}
|
|
136
|
-
if (key === "ArrowLeft") {
|
|
137
|
-
trackFocusTimewheelCurrHour();
|
|
138
|
-
}
|
|
139
|
-
if (key === "ArrowRight") {
|
|
140
|
-
trackFocusTimewheelCurrMeridiem();
|
|
141
|
-
}
|
|
142
|
-
if (key === "Home")
|
|
143
|
-
onHomeKeyDownInsideTimeWheel();
|
|
144
|
-
if (key === "End")
|
|
145
|
-
onEndKeyDownInsideTimeWheel();
|
|
146
|
-
if (didTriggerMinuteChange)
|
|
147
|
-
trackFocusTimewheelCurrMinute();
|
|
148
|
-
}, [
|
|
149
|
-
onHomeKeyDownInsideTimeWheel,
|
|
150
|
-
onEndKeyDownInsideTimeWheel,
|
|
151
|
-
handlePrevMinute,
|
|
152
|
-
handleNextMinute,
|
|
153
|
-
trackFocusTimewheelCurrHour,
|
|
154
|
-
trackFocusTimewheelCurrMeridiem,
|
|
155
|
-
trackFocusTimewheelCurrMinute
|
|
156
|
-
]);
|
|
157
|
-
const handleCurrMeridiemOnKeyDown = (0, import_react.useCallback)((e) => {
|
|
158
|
-
const { key, shiftKey } = e;
|
|
159
|
-
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
160
|
-
e.preventDefault();
|
|
161
|
-
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
162
|
-
e.stopPropagation();
|
|
163
|
-
let didTriggerMeridiemChange = false;
|
|
164
|
-
if (key === "ArrowUp") {
|
|
165
|
-
handleTimeWheelBtnChangeMeridiem("AM", e);
|
|
166
|
-
didTriggerMeridiemChange = true;
|
|
167
|
-
}
|
|
168
|
-
if (key === "ArrowDown") {
|
|
169
|
-
handleTimeWheelBtnChangeMeridiem("PM", e);
|
|
170
|
-
didTriggerMeridiemChange = true;
|
|
171
|
-
}
|
|
172
|
-
if (key === "ArrowLeft") {
|
|
173
|
-
trackFocusTimewheelCurrMinute();
|
|
174
|
-
}
|
|
175
|
-
if (key === "Home")
|
|
176
|
-
onHomeKeyDownInsideTimeWheel();
|
|
177
|
-
if (key === "End")
|
|
178
|
-
onEndKeyDownInsideTimeWheel();
|
|
179
|
-
if (didTriggerMeridiemChange)
|
|
180
|
-
trackFocusTimewheelCurrMeridiem();
|
|
181
|
-
if (!isControllerOnly) {
|
|
182
|
-
if (key === "Tab" && !shiftKey) {
|
|
152
|
+
if (key === "Home")
|
|
153
|
+
onHomeKeyDownInsideTimeWheel();
|
|
154
|
+
if (key === "End")
|
|
155
|
+
onEndKeyDownInsideTimeWheel();
|
|
156
|
+
if (didTriggerMinuteChange)
|
|
157
|
+
trackFocusTimewheelCurrMinute();
|
|
158
|
+
},
|
|
159
|
+
[
|
|
160
|
+
onHomeKeyDownInsideTimeWheel,
|
|
161
|
+
onEndKeyDownInsideTimeWheel,
|
|
162
|
+
handlePrevMinute,
|
|
163
|
+
handleNextMinute,
|
|
164
|
+
trackFocusTimewheelCurrHour,
|
|
165
|
+
trackFocusTimewheelCurrMeridiem,
|
|
166
|
+
trackFocusTimewheelCurrMinute
|
|
167
|
+
]
|
|
168
|
+
);
|
|
169
|
+
const handleCurrMeridiemOnKeyDown = (0, import_react.useCallback)(
|
|
170
|
+
(e) => {
|
|
171
|
+
const { key, shiftKey } = e;
|
|
172
|
+
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
183
173
|
e.preventDefault();
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
174
|
+
if (["Home", "End", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key))
|
|
175
|
+
e.stopPropagation();
|
|
176
|
+
let didTriggerMeridiemChange = false;
|
|
177
|
+
if (key === "ArrowUp") {
|
|
178
|
+
handleTimeWheelBtnChangeMeridiem("AM", e);
|
|
179
|
+
didTriggerMeridiemChange = true;
|
|
188
180
|
}
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
181
|
+
if (key === "ArrowDown") {
|
|
182
|
+
handleTimeWheelBtnChangeMeridiem("PM", e);
|
|
183
|
+
didTriggerMeridiemChange = true;
|
|
184
|
+
}
|
|
185
|
+
if (key === "ArrowLeft") {
|
|
186
|
+
trackFocusTimewheelCurrMinute();
|
|
187
|
+
}
|
|
188
|
+
if (key === "Home")
|
|
189
|
+
onHomeKeyDownInsideTimeWheel();
|
|
190
|
+
if (key === "End")
|
|
191
|
+
onEndKeyDownInsideTimeWheel();
|
|
192
|
+
if (didTriggerMeridiemChange)
|
|
193
|
+
trackFocusTimewheelCurrMeridiem();
|
|
194
|
+
if (!isControllerOnly) {
|
|
195
|
+
if (key === "Tab" && !shiftKey) {
|
|
196
|
+
e.preventDefault();
|
|
197
|
+
if (isWithCalendarToo)
|
|
198
|
+
trackFocusCalendarPrevMonth();
|
|
199
|
+
else
|
|
200
|
+
trackFocusTimewheelCurrHour();
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
[
|
|
205
|
+
handleTimeWheelBtnChangeMeridiem,
|
|
206
|
+
isControllerOnly,
|
|
207
|
+
isWithCalendarToo,
|
|
208
|
+
onEndKeyDownInsideTimeWheel,
|
|
209
|
+
onHomeKeyDownInsideTimeWheel,
|
|
210
|
+
trackFocusCalendarPrevMonth,
|
|
211
|
+
trackFocusTimewheelCurrHour,
|
|
212
|
+
trackFocusTimewheelCurrMeridiem,
|
|
213
|
+
trackFocusTimewheelCurrMinute
|
|
214
|
+
]
|
|
215
|
+
);
|
|
216
|
+
return (0, import_react.useMemo)(
|
|
217
|
+
() => ({
|
|
218
|
+
handleCurrHourOnKeyDown,
|
|
219
|
+
handleCurrMinutesOnKeyDown,
|
|
220
|
+
handleCurrMeridiemOnKeyDown,
|
|
221
|
+
handlePickerIconKeyDown
|
|
222
|
+
}),
|
|
223
|
+
[handleCurrHourOnKeyDown, handleCurrMeridiemOnKeyDown, handleCurrMinutesOnKeyDown, handlePickerIconKeyDown]
|
|
224
|
+
);
|
|
207
225
|
};
|
|
208
226
|
//# sourceMappingURL=useKeyboardHandlers.js.map
|