@elliemae/ds-controlled-form 2.0.0-alpha.11 → 2.0.0-alpha.12
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/cjs/controlled-checkbox/ControlledCheckbox.js +11 -4
- package/cjs/controlled-checkbox/config/useValidateProps.js +2 -2
- package/cjs/controlled-checkbox/propTypes.js +5 -4
- package/cjs/controlled-checkbox/styles.js +84 -48
- package/cjs/controlled-checkbox/utils/setMultipleRefs.js +4 -0
- package/cjs/controlled-checkbox/utils/styleHelpers.js +13 -7
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js +1 -18
- package/cjs/controlled-date-range-picker/config/useControlledDateRangePicker.js +19 -3
- package/cjs/controlled-date-range-picker/config/useRangePickerLogic.js +20 -12
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js +7 -0
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeContent.js +29 -8
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js +7 -0
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeToDate.js +7 -0
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerCTX.js +12 -1
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js +5 -0
- package/cjs/controlled-date-time-picker/config/useControlledDateTimePicker.js +154 -13
- package/cjs/controlled-date-time-picker/config/useGetDestructuredValues.js +19 -16
- package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js +5 -6
- package/cjs/controlled-date-time-picker/parts/ClearButton/useClearButton.js +15 -3
- package/cjs/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js +35 -14
- package/cjs/controlled-date-time-picker/parts/DateInputs/DDInput.js +15 -11
- package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js +8 -4
- package/cjs/controlled-date-time-picker/parts/DateInputs/MMInput.js +16 -12
- package/cjs/controlled-date-time-picker/parts/DateInputs/YYYYInput.js +15 -11
- package/cjs/controlled-date-time-picker/parts/DateInputs/useDateInputs.js +101 -33
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js +4 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js +10 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js +4 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js +1 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js +33 -28
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js +10 -17
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js +10 -11
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js +5 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js +20 -10
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js +326 -117
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js +8 -43
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js +47 -21
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js +59 -58
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js +25 -13
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js +2 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +10 -11
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +5 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js +55 -25
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +18 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js +7 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js +1 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js +7 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js +11 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js +201 -80
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js +4 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js +4 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js +2 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +10 -11
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js +5 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +6 -61
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js +8 -5
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js +64 -141
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +11 -7
- package/cjs/controlled-date-time-picker/parts/Styleds.js +70 -26
- package/cjs/controlled-date-time-picker/parts/TimeInputs/HHInput.js +16 -12
- package/cjs/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js +15 -11
- package/cjs/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js +15 -11
- package/cjs/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js +8 -5
- package/cjs/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js +95 -173
- package/cjs/controlled-date-time-picker/propTypes.js +3 -1
- package/cjs/controlled-date-time-picker/utils/constants.js +16 -0
- package/cjs/controlled-date-time-picker/utils/dateHelpers.js +34 -16
- package/cjs/controlled-date-time-picker/utils/dateTimeHelpers.js +5 -0
- package/cjs/controlled-date-time-picker/utils/stringHelpers.js +23 -14
- package/cjs/controlled-date-time-picker/utils/timeHelpers.js +2 -1
- package/cjs/controlled-toggle/ControlledToggle.js +21 -15
- package/cjs/controlled-toggle/styles.js +138 -69
- package/cjs/controlled-toggle/utils/addTooltipOnReadOnly.js +2 -2
- package/cjs/controlled-toggle/utils/styleHelpers.js +15 -9
- package/esm/controlled-checkbox/ControlledCheckbox.js +11 -4
- package/esm/controlled-checkbox/config/useValidateProps.js +2 -2
- package/esm/controlled-checkbox/propTypes.js +5 -4
- package/esm/controlled-checkbox/styles.js +84 -48
- package/esm/controlled-checkbox/utils/setMultipleRefs.js +4 -0
- package/esm/controlled-checkbox/utils/styleHelpers.js +13 -7
- package/esm/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js +1 -18
- package/esm/controlled-date-range-picker/config/useControlledDateRangePicker.js +15 -3
- package/esm/controlled-date-range-picker/config/useRangePickerLogic.js +20 -12
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js +7 -0
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js +28 -8
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js +7 -0
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeToDate.js +7 -0
- package/esm/controlled-date-time-picker/ControlledDateTimePickerCTX.js +12 -1
- package/esm/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js +5 -0
- package/esm/controlled-date-time-picker/config/useControlledDateTimePicker.js +156 -15
- package/esm/controlled-date-time-picker/config/useGetDestructuredValues.js +19 -16
- package/esm/controlled-date-time-picker/parts/ClearButton/ClearButton.js +1 -1
- package/esm/controlled-date-time-picker/parts/ClearButton/useClearButton.js +15 -3
- package/esm/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js +34 -14
- package/esm/controlled-date-time-picker/parts/DateInputs/DDInput.js +15 -11
- package/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.js +8 -4
- package/esm/controlled-date-time-picker/parts/DateInputs/MMInput.js +16 -12
- package/esm/controlled-date-time-picker/parts/DateInputs/YYYYInput.js +15 -11
- package/esm/controlled-date-time-picker/parts/DateInputs/useDateInputs.js +101 -33
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js +4 -3
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js +10 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js +4 -3
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js +1 -0
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js +33 -28
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js +1 -4
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js +7 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js +5 -0
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Day.js +20 -10
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js +321 -113
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js +8 -43
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js +48 -22
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js +60 -59
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js +26 -14
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js +2 -1
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +7 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +5 -0
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js +53 -23
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +18 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js +7 -0
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js +1 -0
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js +7 -0
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js +9 -3
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js +196 -76
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js +4 -3
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js +4 -3
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js +2 -1
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +7 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js +5 -0
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +6 -61
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js +8 -5
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js +65 -142
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +12 -8
- package/esm/controlled-date-time-picker/parts/Styleds.js +68 -24
- package/esm/controlled-date-time-picker/parts/TimeInputs/HHInput.js +16 -12
- package/esm/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js +15 -11
- package/esm/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js +15 -11
- package/esm/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js +8 -5
- package/esm/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js +96 -170
- package/esm/controlled-date-time-picker/propTypes.js +3 -1
- package/esm/controlled-date-time-picker/utils/constants.js +10 -1
- package/esm/controlled-date-time-picker/utils/dateHelpers.js +34 -17
- package/esm/controlled-date-time-picker/utils/dateTimeHelpers.js +5 -0
- package/esm/controlled-date-time-picker/utils/stringHelpers.js +23 -14
- package/esm/controlled-date-time-picker/utils/timeHelpers.js +2 -1
- package/esm/controlled-toggle/ControlledToggle.js +21 -15
- package/esm/controlled-toggle/styles.js +138 -69
- package/esm/controlled-toggle/utils/addTooltipOnReadOnly.js +1 -1
- package/esm/controlled-toggle/utils/styleHelpers.js +15 -9
- package/package.json +21 -12
- package/types/controlled-checkbox/ControlledCheckbox.d.ts +60 -9
- package/types/controlled-checkbox/config/useValidateProps.d.ts +1 -1
- package/types/controlled-checkbox/index.d.d.ts +1 -0
- package/types/controlled-checkbox/propTypes.d.ts +55 -8
- package/types/controlled-checkbox/styles.d.ts +4 -4
- package/types/controlled-checkbox/tests/DSControlledCheckbox.keyboard.test.d.ts +1 -0
- package/types/controlled-checkbox/tests/DSControlledCheckbox.test.d.ts +1 -0
- package/types/controlled-checkbox/tests/DSControllledCheckbox.events.test.d.ts +1 -0
- package/types/controlled-date-range-picker/ControlledDateRangePicker.d.ts +12 -2
- package/types/controlled-date-range-picker/ControlledDateRangePickerDatatestid.d.ts +1 -18
- package/types/controlled-date-range-picker/propTypes.d.ts +7 -1
- package/types/controlled-date-range-picker/tests/date-range-picker.auto-advance.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.classes.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.clear-button.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.keyboard-focus.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.manual-delete-values.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.types-dom.test.d.ts +1 -0
- package/types/controlled-date-time-picker/ControlledDateTimePicker.d.ts +84 -21
- package/types/controlled-date-time-picker/ControlledDateTimePickerDatatestid.d.ts +3 -0
- package/types/controlled-date-time-picker/parts/DateInputs/DDInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/DateInputs/MMInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/DateInputs/YYYYInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.d.ts +16 -67
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.d.ts +1 -3
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.d.ts +2 -17
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.d.ts +3 -6
- package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.d.ts +1 -0
- package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts +6 -23
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.d.ts +16 -67
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.d.ts +1 -0
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.d.ts +3 -12
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.d.ts +1 -10
- package/types/controlled-date-time-picker/parts/Styleds.d.ts +12 -29
- package/types/controlled-date-time-picker/parts/TimeInputs/HHInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/TimeInputs/MinutesInput.d.ts +2 -1
- package/types/controlled-date-time-picker/propTypes.d.ts +79 -20
- package/types/controlled-date-time-picker/tests/date-time-picker.keyboard.data-entry-typing.test.d.ts +1 -0
- package/types/controlled-date-time-picker/tests/date-time-picker.keyboard.fill-with-now.test.d.ts +1 -0
- package/types/controlled-date-time-picker/tests/date-time-picker.keyboard.regressive-backspace.test.d.ts +1 -0
- package/types/controlled-date-time-picker/tests/date-time-picker.keyboard.shortcut-clear.test.d.ts +1 -0
- package/types/controlled-date-time-picker/utils/constants.d.ts +9 -0
- package/types/controlled-date-time-picker/utils/dateHelpers.d.ts +1 -0
- package/types/controlled-toggle/ControlledToggle.d.ts +78 -13
- package/types/controlled-toggle/propTypes.d.ts +73 -12
- package/types/controlled-toggle/styles.d.ts +7 -7
- package/cjs/controlled-date-time-picker/parts/TimeInputs/SSInput.js +0 -53
- package/esm/controlled-date-time-picker/parts/TimeInputs/SSInput.js +0 -45
- package/types/controlled-date-time-picker/parts/TimeInputs/SSInput.d.ts +0 -13
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,29 +1,92 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
/// <reference types="react" />
|
|
2
3
|
import type { DateTimePickerPropsT } from './index.d';
|
|
3
4
|
declare const DSControlledDateTimePicker: {
|
|
4
5
|
(props: DateTimePickerPropsT): JSX.Element;
|
|
5
6
|
propTypes: {
|
|
6
|
-
type:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
7
|
+
type: {
|
|
8
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
9
|
+
};
|
|
10
|
+
disabled: {
|
|
11
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
12
|
+
};
|
|
13
|
+
isClearable: {
|
|
14
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
15
|
+
};
|
|
16
|
+
dateTime: {
|
|
17
|
+
defaultValue<T = unknown>(arg: T): {
|
|
18
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
21
|
+
};
|
|
22
|
+
date: {
|
|
23
|
+
defaultValue<T = unknown>(arg: T): {
|
|
24
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
27
|
+
};
|
|
28
|
+
time: {
|
|
29
|
+
defaultValue<T = unknown>(arg: T): {
|
|
30
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
onDateChange: {
|
|
35
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
36
|
+
};
|
|
37
|
+
onTimeChange: {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
onDateTimeChange: {
|
|
41
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
+
};
|
|
43
|
+
onMonthChange: {
|
|
44
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
45
|
+
};
|
|
46
|
+
onDayChange: {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
onYearChange: {
|
|
50
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
+
};
|
|
52
|
+
onHourChange: {
|
|
53
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
54
|
+
};
|
|
55
|
+
onMinuteChange: {
|
|
56
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
57
|
+
};
|
|
58
|
+
onMeridiemChange: {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
getIsDisabledDay: {
|
|
62
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
63
|
+
};
|
|
64
|
+
getIsOutOfRangeDay: {
|
|
65
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
+
};
|
|
67
|
+
getIsDisabledTime: {
|
|
68
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
69
|
+
};
|
|
70
|
+
emptyPickerStartingMonth: {
|
|
71
|
+
defaultValue<T = unknown>(arg: T): {
|
|
72
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
73
|
+
};
|
|
74
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
75
|
+
};
|
|
76
|
+
onCalendarOpenFocusedDay: {
|
|
77
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
78
|
+
};
|
|
79
|
+
minutesInterval: {
|
|
80
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
81
|
+
};
|
|
82
|
+
'data-testid': {
|
|
83
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
84
|
+
};
|
|
26
85
|
};
|
|
27
86
|
};
|
|
28
|
-
declare const DSControlledDateTimePickerWithSchema:
|
|
87
|
+
declare const DSControlledDateTimePickerWithSchema: {
|
|
88
|
+
(props?: DateTimePickerPropsT | undefined): JSX.Element;
|
|
89
|
+
propTypes: unknown;
|
|
90
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
91
|
+
};
|
|
29
92
|
export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };
|
|
@@ -19,6 +19,9 @@ export declare const ControlledDateTimePickerDatatestid: {
|
|
|
19
19
|
PREV_MONTH: string;
|
|
20
20
|
DAY: string;
|
|
21
21
|
FOCUSED_DAY: string;
|
|
22
|
+
START_RANGE_DAY: string;
|
|
23
|
+
IN_RANGE_DAY: string;
|
|
24
|
+
END_RANGE_DAY: string;
|
|
22
25
|
SELECTED_DAY: string;
|
|
23
26
|
SELECTED_FOCUSED_DAY: string;
|
|
24
27
|
NEXT_MONTH: string;
|
|
@@ -6,9 +6,10 @@ interface DDInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
placeholder: string;
|
|
10
11
|
ariaCurrentValueForInputs: string;
|
|
11
12
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
12
13
|
}
|
|
13
|
-
export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, contextRef, placeholder, ariaCurrentValueForInputs, }: DDInputsPropsT) => JSX.Element>;
|
|
14
|
+
export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, contextRef, placeholder, ariaCurrentValueForInputs, }: DDInputsPropsT) => JSX.Element>;
|
|
14
15
|
export {};
|
|
@@ -7,9 +7,10 @@ interface MMInputsPropsT {
|
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
autoFocusMonthInput: boolean;
|
|
9
9
|
value: string;
|
|
10
|
+
disabled: boolean;
|
|
10
11
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
11
12
|
placeholder: string;
|
|
12
13
|
ariaCurrentValueForInputs: string;
|
|
13
14
|
}
|
|
14
|
-
export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef, autoFocusMonthInput, ariaCurrentValueForInputs, }: MMInputsPropsT) => JSX.Element>;
|
|
15
|
+
export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, autoFocusMonthInput, ariaCurrentValueForInputs, }: MMInputsPropsT) => JSX.Element>;
|
|
15
16
|
export {};
|
|
@@ -6,9 +6,10 @@ interface YYYYInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
ariaCurrentValueForInputs: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef, ariaCurrentValueForInputs, }: YYYYInputsPropsT) => JSX.Element>;
|
|
14
|
+
export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, ariaCurrentValueForInputs, }: YYYYInputsPropsT) => JSX.Element>;
|
|
14
15
|
export {};
|
|
@@ -40,7 +40,7 @@ export interface useCurrentDisplayedMonthYearLogicT {
|
|
|
40
40
|
currentYear?: number;
|
|
41
41
|
daysArray: metaMonthDayT[];
|
|
42
42
|
invisibleFirstDay?: metaMonthDayT;
|
|
43
|
-
daysMatrixByWeekday
|
|
43
|
+
daysMatrixByWeekday?: metaMonthDayT[][];
|
|
44
44
|
invisibleLastDay?: metaMonthDayT;
|
|
45
45
|
handlePrevMonth: () => void;
|
|
46
46
|
handlePrevYear: () => void;
|
|
@@ -54,6 +54,7 @@ export interface CalendarContextT extends KeyboardHandlersT, HeaderButtonsRefsT,
|
|
|
54
54
|
isControllerOnly: boolean;
|
|
55
55
|
isWithTimeWheelToo: boolean;
|
|
56
56
|
autoFocusPrevMonthArrow: boolean;
|
|
57
|
+
disabled: boolean;
|
|
57
58
|
onPrevYearFocus: onFocusFuncT;
|
|
58
59
|
onPrevMonthFocus: onFocusFuncT;
|
|
59
60
|
onNextMonthFocus: onFocusFuncT;
|
|
@@ -1,73 +1,22 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<{
|
|
3
|
-
(props:
|
|
4
|
-
propTypes:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
size: any;
|
|
8
|
-
disabled: any;
|
|
9
|
-
onClick: any;
|
|
10
|
-
onKeyDown: any;
|
|
11
|
-
onBlur: any;
|
|
12
|
-
onFocus: any;
|
|
13
|
-
className: any;
|
|
14
|
-
tabIndex: any;
|
|
15
|
-
innerRef: any;
|
|
16
|
-
'aria-label': any;
|
|
17
|
-
'aria-pressed': any;
|
|
18
|
-
'data-testid': any;
|
|
19
|
-
role: any;
|
|
20
|
-
children: any;
|
|
21
|
-
};
|
|
22
|
-
}, any, {}, never>;
|
|
23
|
-
export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
4
|
+
propTypes: import("react").WeakValidationMap<unknown>;
|
|
5
|
+
}, import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
24
7
|
isControllerOnly: boolean;
|
|
25
8
|
}, never>;
|
|
26
|
-
export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div",
|
|
27
|
-
export declare const StyledHeader: import("styled-components").StyledComponent<"section",
|
|
9
|
+
export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
+
export declare const StyledHeader: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
|
|
28
11
|
export declare const StyledHeaderButton: import("styled-components").StyledComponent<{
|
|
29
|
-
(props:
|
|
30
|
-
propTypes:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
size: any;
|
|
34
|
-
disabled: any;
|
|
35
|
-
onClick: any;
|
|
36
|
-
onKeyDown: any;
|
|
37
|
-
onBlur: any;
|
|
38
|
-
onFocus: any;
|
|
39
|
-
className: any;
|
|
40
|
-
tabIndex: any;
|
|
41
|
-
innerRef: any;
|
|
42
|
-
'aria-label': any;
|
|
43
|
-
'aria-pressed': any;
|
|
44
|
-
'data-testid': any;
|
|
45
|
-
role: any;
|
|
46
|
-
children: any;
|
|
47
|
-
};
|
|
48
|
-
}, any, {}, never>;
|
|
49
|
-
export declare const StyledBody: import("styled-components").StyledComponent<"section", any, {}, never>;
|
|
12
|
+
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
13
|
+
propTypes: import("react").WeakValidationMap<unknown>;
|
|
14
|
+
}, import("styled-components").DefaultTheme, {}, never>;
|
|
15
|
+
export declare const StyledBody: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
|
|
50
16
|
export declare const StyledDayBtn: import("styled-components").StyledComponent<{
|
|
51
|
-
(props:
|
|
52
|
-
propTypes:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
onClick: any;
|
|
58
|
-
onKeyDown: any;
|
|
59
|
-
onBlur: any;
|
|
60
|
-
onFocus: any;
|
|
61
|
-
className: any;
|
|
62
|
-
tabIndex: any;
|
|
63
|
-
innerRef: any;
|
|
64
|
-
'aria-label': any;
|
|
65
|
-
'aria-pressed': any;
|
|
66
|
-
'data-testid': any;
|
|
67
|
-
role: any;
|
|
68
|
-
children: any;
|
|
69
|
-
};
|
|
70
|
-
}, any, {}, never>;
|
|
71
|
-
export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
72
|
-
export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
73
|
-
export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", any, {}, never>;
|
|
17
|
+
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
18
|
+
propTypes: import("react").WeakValidationMap<unknown>;
|
|
19
|
+
}, import("styled-components").DefaultTheme, {}, never>;
|
|
20
|
+
export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
21
|
+
export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
22
|
+
export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { metaMonthDayT } from '../../../index.d';
|
|
3
2
|
import type { FocusLogicT } from './CalendarContext';
|
|
4
3
|
interface useFocusLogicArgsT {
|
|
5
4
|
daysArray: metaMonthDayT[];
|
|
6
|
-
calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;
|
|
7
5
|
showCalendar: boolean;
|
|
8
6
|
}
|
|
9
|
-
export declare const useFocusLogic: ({ daysArray,
|
|
7
|
+
export declare const useFocusLogic: ({ daysArray, showCalendar }: useFocusLogicArgsT) => FocusLogicT;
|
|
10
8
|
export {};
|
|
@@ -1,28 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import type { metaMonthDayT, latestInteractionRegionT } from '../../../index.d';
|
|
1
|
+
import type { metaMonthDayT } from '../../../index.d';
|
|
3
2
|
import type { KeyboardHandlersT, HeaderButtonsRefsT } from './CalendarContext';
|
|
4
3
|
interface useKeyboardHandlersArgsT extends Partial<HeaderButtonsRefsT> {
|
|
5
4
|
focusedDay: metaMonthDayT;
|
|
6
5
|
daysArray: metaMonthDayT[];
|
|
7
6
|
handlePrevMonth: () => void;
|
|
8
7
|
handleNextMonth: () => void;
|
|
9
|
-
pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;
|
|
10
|
-
currMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
11
|
-
currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
12
|
-
isWithTimeWheelToo: boolean;
|
|
13
|
-
isControllerOnly: boolean;
|
|
14
|
-
setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;
|
|
15
|
-
setLatestInteractionRegion: React.Dispatch<React.SetStateAction<latestInteractionRegionT>>;
|
|
16
8
|
handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;
|
|
17
9
|
handleFocusMetaDayByDay: (dayToFocus: Date) => void;
|
|
18
10
|
tryToFocusCurrentlyDataIsFocusedDay: () => void;
|
|
19
|
-
hideDate: boolean;
|
|
20
|
-
hideTime: boolean;
|
|
21
|
-
preventCloseOnSelection: boolean;
|
|
22
|
-
monthInputRef: React.RefObject<HTMLInputElement>;
|
|
23
|
-
hourInputRef: React.RefObject<HTMLInputElement>;
|
|
24
|
-
onPickerOpen: () => void;
|
|
25
|
-
onPickerClose: () => void;
|
|
26
11
|
}
|
|
27
|
-
export declare const useKeyboardHandlers: ({ focusedDay, daysArray, handlePrevMonth, handleNextMonth,
|
|
12
|
+
export declare const useKeyboardHandlers: ({ focusedDay, daysArray, handlePrevMonth, handleNextMonth, handleFocusMetaDay, handleFocusMetaDayByDay, tryToFocusCurrentlyDataIsFocusedDay, }: useKeyboardHandlersArgsT) => KeyboardHandlersT;
|
|
28
13
|
export {};
|
|
@@ -2,14 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import type { metaMonthDayT } from '../../../index.d';
|
|
3
3
|
import type { PopperTriggerLogicT } from './CalendarContext';
|
|
4
4
|
interface usePopperTriggerLogicT {
|
|
5
|
-
|
|
5
|
+
tryToFocusCurrentlyDataIsFocusedDay: () => void;
|
|
6
6
|
resetFocusedDayToStartDate: () => void;
|
|
7
|
-
|
|
8
|
-
pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;
|
|
9
|
-
onPickerOpen: () => void;
|
|
10
|
-
onPickerClose: () => void;
|
|
7
|
+
focusedDay: metaMonthDayT;
|
|
11
8
|
showCalendar: boolean;
|
|
12
9
|
setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;
|
|
13
10
|
}
|
|
14
|
-
export declare const usePopperTriggerLogic: ({ focusedDay, resetFocusedDayToStartDate,
|
|
11
|
+
export declare const usePopperTriggerLogic: ({ focusedDay, resetFocusedDayToStartDate, showCalendar, setShowCalendar, tryToFocusCurrentlyDataIsFocusedDay, }: usePopperTriggerLogicT) => PopperTriggerLogicT;
|
|
15
12
|
export {};
|
|
@@ -13,6 +13,7 @@ export interface CalendarWithTimeWheelContextT {
|
|
|
13
13
|
handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;
|
|
14
14
|
handlePickerIconKeyDown: (e?: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
15
15
|
isControllerOnly: boolean;
|
|
16
|
+
disabled: boolean;
|
|
16
17
|
}
|
|
17
18
|
export declare const defaultCalendarWithTimeWheelContext: CalendarWithTimeWheelContextT;
|
|
18
19
|
/** Context for cross component communication */
|
|
@@ -1,29 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<{
|
|
3
|
-
(props:
|
|
4
|
-
propTypes:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
size: any;
|
|
8
|
-
disabled: any;
|
|
9
|
-
onClick: any;
|
|
10
|
-
onKeyDown: any;
|
|
11
|
-
onBlur: any;
|
|
12
|
-
onFocus: any;
|
|
13
|
-
className: any;
|
|
14
|
-
tabIndex: any;
|
|
15
|
-
innerRef: any;
|
|
16
|
-
'aria-label': any;
|
|
17
|
-
'aria-pressed': any;
|
|
18
|
-
'data-testid': any;
|
|
19
|
-
role: any;
|
|
20
|
-
children: any;
|
|
21
|
-
};
|
|
22
|
-
}, any, {}, never>;
|
|
23
|
-
export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
4
|
+
propTypes: import("react").WeakValidationMap<unknown>;
|
|
5
|
+
}, import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
24
7
|
isControllerOnly: boolean;
|
|
25
8
|
}, never>;
|
|
26
9
|
export declare const StyledCalendar: import("styled-components").StyledComponent<({ className }: {
|
|
27
10
|
className?: string | undefined;
|
|
28
|
-
}) => JSX.Element,
|
|
29
|
-
export declare const CalendarWithTimeWheelFooterMessage: import("styled-components").StyledComponent<"footer",
|
|
11
|
+
}) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
export declare const CalendarWithTimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,79 +1,28 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<{
|
|
3
|
-
(props:
|
|
4
|
-
propTypes:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
size: any;
|
|
8
|
-
disabled: any;
|
|
9
|
-
onClick: any;
|
|
10
|
-
onKeyDown: any;
|
|
11
|
-
onBlur: any;
|
|
12
|
-
onFocus: any;
|
|
13
|
-
className: any;
|
|
14
|
-
tabIndex: any;
|
|
15
|
-
innerRef: any;
|
|
16
|
-
'aria-label': any;
|
|
17
|
-
'aria-pressed': any;
|
|
18
|
-
'data-testid': any;
|
|
19
|
-
role: any;
|
|
20
|
-
children: any;
|
|
21
|
-
};
|
|
22
|
-
}, any, {}, never>;
|
|
23
|
-
export declare const StyledWheelList: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
4
|
+
propTypes: import("react").WeakValidationMap<unknown>;
|
|
5
|
+
}, import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledWheelList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
24
7
|
interface StyledWheelListItemPropsT {
|
|
25
8
|
isCurrentListItem?: boolean;
|
|
26
9
|
selected?: boolean;
|
|
27
10
|
}
|
|
28
|
-
export declare const StyledTimePickerContainer: import("styled-components").StyledComponent<"div",
|
|
11
|
+
export declare const StyledTimePickerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
29
12
|
showShadow?: boolean | undefined;
|
|
30
13
|
isControllerOnly: boolean;
|
|
31
14
|
}, never>;
|
|
32
|
-
export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
33
|
-
export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div",
|
|
34
|
-
export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div",
|
|
15
|
+
export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
16
|
+
export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
17
|
+
export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
35
18
|
export declare const StyledTimeBtn: import("styled-components").StyledComponent<{
|
|
36
|
-
(props:
|
|
37
|
-
propTypes:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
size: any;
|
|
41
|
-
disabled: any;
|
|
42
|
-
onClick: any;
|
|
43
|
-
onKeyDown: any;
|
|
44
|
-
onBlur: any;
|
|
45
|
-
onFocus: any;
|
|
46
|
-
className: any;
|
|
47
|
-
tabIndex: any;
|
|
48
|
-
innerRef: any;
|
|
49
|
-
'aria-label': any;
|
|
50
|
-
'aria-pressed': any;
|
|
51
|
-
'data-testid': any;
|
|
52
|
-
role: any;
|
|
53
|
-
children: any;
|
|
54
|
-
};
|
|
55
|
-
}, any, {}, never>;
|
|
56
|
-
export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", any, StyledWheelListItemPropsT, never>;
|
|
19
|
+
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
20
|
+
propTypes: import("react").WeakValidationMap<unknown>;
|
|
21
|
+
}, import("styled-components").DefaultTheme, {}, never>;
|
|
22
|
+
export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledWheelListItemPropsT, never>;
|
|
57
23
|
export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<{
|
|
58
|
-
(props:
|
|
59
|
-
propTypes:
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
size: any;
|
|
63
|
-
disabled: any;
|
|
64
|
-
onClick: any;
|
|
65
|
-
onKeyDown: any;
|
|
66
|
-
onBlur: any;
|
|
67
|
-
onFocus: any;
|
|
68
|
-
className: any;
|
|
69
|
-
tabIndex: any;
|
|
70
|
-
innerRef: any;
|
|
71
|
-
'aria-label': any;
|
|
72
|
-
'aria-pressed': any;
|
|
73
|
-
'data-testid': any;
|
|
74
|
-
role: any;
|
|
75
|
-
children: any;
|
|
76
|
-
};
|
|
77
|
-
}, any, {}, never>;
|
|
78
|
-
export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", any, {}, never>;
|
|
24
|
+
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
25
|
+
propTypes: import("react").WeakValidationMap<unknown>;
|
|
26
|
+
}, import("styled-components").DefaultTheme, {}, never>;
|
|
27
|
+
export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
|
|
79
28
|
export {};
|
|
@@ -56,6 +56,7 @@ export interface TimeWheelContextT extends PopperTriggerLogicT, useCurrentDispla
|
|
|
56
56
|
tempTimeString: string;
|
|
57
57
|
isControllerOnly: boolean;
|
|
58
58
|
autoFocusHourTimeWheel: boolean;
|
|
59
|
+
disabled: boolean;
|
|
59
60
|
getIsDisabledTime: (val: string) => boolean;
|
|
60
61
|
}
|
|
61
62
|
export declare const defaultTimePickerContext: TimeWheelContextT;
|
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
declare
|
|
4
|
-
hideDate: boolean;
|
|
5
|
-
hideTime: boolean;
|
|
6
|
-
monthInputRef: React.RefObject<HTMLInputElement>;
|
|
7
|
-
hourInputRef: React.RefObject<HTMLInputElement>;
|
|
8
|
-
prevMonthBtnRef: React.RefObject<HTMLButtonElement>;
|
|
9
|
-
isWithCalendarToo: boolean;
|
|
10
|
-
isControllerOnly: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare const useKeyboardHandlers: ({ handlePrevHour, handleNextHour, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMeridiem, prevMonthBtnRef, prevHourBtnRef, currHourBtnRef, nextHourBtnRef, prevMinutesBtnRef, currMinutesBtnRef, nextMinutesBtnRef, prevMeridiemBtnRef, currMeridiemBtnRef, nextMeridiemBtnRef, hideDate, hideTime, monthInputRef, hourInputRef, isWithCalendarToo, isControllerOnly, }: useKeyboardHandlersArgsT) => KeyboardHandlersT;
|
|
1
|
+
import type { useCurrentDisplayedWheelsLogicT, KeyboardHandlersT } from './TimeWheelContext';
|
|
2
|
+
declare type useKeyboardHandlersArgsT = Partial<useCurrentDisplayedWheelsLogicT>;
|
|
3
|
+
export declare const useKeyboardHandlers: ({ handlePrevHour, handleNextHour, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMeridiem, }: useKeyboardHandlersArgsT) => KeyboardHandlersT;
|
|
13
4
|
export {};
|
package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.d.ts
CHANGED
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { PopperTriggerLogicT } from './TimeWheelContext';
|
|
3
|
-
|
|
4
|
-
pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;
|
|
5
|
-
currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
6
|
-
onPickerClose: () => void;
|
|
7
|
-
onPickerOpen: () => void;
|
|
8
|
-
isWithCalendarToo: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const usePopperTriggerLogic: ({ pickerButtonRef, currHourBtnRef, onPickerClose, onPickerOpen, isWithCalendarToo, }: usePopperTriggerLogicT) => PopperTriggerLogicT;
|
|
11
|
-
export {};
|
|
2
|
+
export declare const usePopperTriggerLogic: () => PopperTriggerLogicT;
|
|
@@ -1,33 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
3
|
-
export declare const StyledColonSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
4
|
-
export declare const Styled2DigitsInput: import("styled-components").StyledComponent<"input",
|
|
5
|
-
export declare const StyledMin4DigitsInput: import("styled-components").StyledComponent<"input",
|
|
6
|
-
export declare const StyledInputsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
7
|
-
export declare const StyledDateInputsWrapperGrid: import("styled-components").StyledComponent<"div",
|
|
8
|
-
export declare const StyledTimeInputsWrapperGrid: import("styled-components").StyledComponent<"div",
|
|
9
|
-
export declare const StyledPickersIconsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
2
|
+
export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const StyledColonSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const Styled2DigitsInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const StyledMin4DigitsInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledInputsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const StyledDateInputsWrapperGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const StyledTimeInputsWrapperGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const StyledPickersIconsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
10
10
|
isControllerOnly: boolean;
|
|
11
11
|
}, never>;
|
|
12
|
-
export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
12
|
+
export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
13
13
|
export declare const StyledClearButton: import("styled-components").StyledComponent<{
|
|
14
|
-
(props:
|
|
15
|
-
propTypes:
|
|
16
|
-
|
|
17
|
-
buttonType: any;
|
|
18
|
-
size: any;
|
|
19
|
-
disabled: any;
|
|
20
|
-
onClick: any;
|
|
21
|
-
onKeyDown: any;
|
|
22
|
-
onBlur: any;
|
|
23
|
-
onFocus: any;
|
|
24
|
-
className: any;
|
|
25
|
-
tabIndex: any;
|
|
26
|
-
innerRef: any;
|
|
27
|
-
'aria-label': any;
|
|
28
|
-
'aria-pressed': any;
|
|
29
|
-
'data-testid': any;
|
|
30
|
-
role: any;
|
|
31
|
-
children: any;
|
|
32
|
-
};
|
|
33
|
-
}, any, {}, never>;
|
|
14
|
+
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
15
|
+
propTypes: import("react").WeakValidationMap<unknown>;
|
|
16
|
+
}, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -6,10 +6,11 @@ interface HHInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
ariaCurrentValueForInputs: string;
|
|
12
13
|
autoFocusHourInput: boolean;
|
|
13
14
|
}
|
|
14
|
-
export declare const HHInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, ariaCurrentValueForInputs, contextRef, autoFocusHourInput, }: HHInputsPropsT) => JSX.Element>;
|
|
15
|
+
export declare const HHInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, autoFocusHourInput, }: HHInputsPropsT) => JSX.Element>;
|
|
15
16
|
export {};
|
|
@@ -6,9 +6,10 @@ interface MeridiemInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
ariaCurrentValueForInputs: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const MeridiemInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, ariaCurrentValueForInputs, contextRef, }: MeridiemInputsPropsT) => JSX.Element>;
|
|
14
|
+
export declare const MeridiemInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, }: MeridiemInputsPropsT) => JSX.Element>;
|
|
14
15
|
export {};
|
|
@@ -6,9 +6,10 @@ interface MinutesInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
ariaCurrentValueForInputs: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const MinutesInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, ariaCurrentValueForInputs, contextRef, }: MinutesInputsPropsT) => JSX.Element>;
|
|
14
|
+
export declare const MinutesInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, }: MinutesInputsPropsT) => JSX.Element>;
|
|
14
15
|
export {};
|