@elliemae/ds-form-date-time-picker 3.3.0-next.4 → 3.3.0-next.5
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/config/useChangeHandlers.js +47 -37
- package/dist/cjs/config/useChangeHandlers.js.map +1 -1
- package/dist/cjs/config/useControlledDateTimePicker.js +12 -18
- package/dist/cjs/config/useControlledDateTimePicker.js.map +1 -1
- package/dist/cjs/config/useGetDestructuredValues.js +4 -15
- package/dist/cjs/config/useGetDestructuredValues.js.map +1 -1
- package/dist/cjs/config/useGetFlags.js +12 -23
- package/dist/cjs/config/useGetFlags.js.map +1 -1
- package/dist/cjs/config/useGlobalKeyHandlers.js +5 -19
- package/dist/cjs/config/useGlobalKeyHandlers.js.map +1 -1
- package/dist/cjs/parts/ClearButton/ClearButton.js +4 -17
- package/dist/cjs/parts/ClearButton/ClearButton.js.map +1 -1
- package/dist/cjs/parts/ControlledDateTimePickerContent.js +6 -17
- package/dist/cjs/parts/ControlledDateTimePickerContent.js.map +1 -1
- package/dist/cjs/parts/DateInputs/useDateInputs.js +12 -23
- package/dist/cjs/parts/DateInputs/useDateInputs.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/Day.js +5 -21
- package/dist/cjs/parts/Pickers/Calendar/Day.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/useConfigCalendarCTX.js +7 -17
- package/dist/cjs/parts/Pickers/Calendar/useConfigCalendarCTX.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js +5 -20
- package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js +11 -24
- package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js +5 -20
- package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +5 -15
- package/dist/cjs/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map +1 -1
- package/dist/cjs/propTypes.js +4 -19
- package/dist/cjs/propTypes.js.map +1 -1
- package/dist/cjs/utils/dateTimeHelpers.js +4 -15
- package/dist/cjs/utils/dateTimeHelpers.js.map +1 -1
- package/dist/cjs/utils/hooks/useGetStartingFocusedDay.js +1 -15
- package/dist/cjs/utils/hooks/useGetStartingFocusedDay.js.map +1 -1
- package/dist/esm/config/useChangeHandlers.js +47 -39
- package/dist/esm/config/useChangeHandlers.js.map +1 -1
- package/dist/esm/config/useControlledDateTimePicker.js +12 -20
- package/dist/esm/config/useControlledDateTimePicker.js.map +1 -1
- package/dist/esm/config/useGetDestructuredValues.js +4 -17
- package/dist/esm/config/useGetDestructuredValues.js.map +1 -1
- package/dist/esm/config/useGetFlags.js +12 -25
- package/dist/esm/config/useGetFlags.js.map +1 -1
- package/dist/esm/config/useGlobalKeyHandlers.js +5 -21
- package/dist/esm/config/useGlobalKeyHandlers.js.map +1 -1
- package/dist/esm/parts/ClearButton/ClearButton.js +4 -19
- package/dist/esm/parts/ClearButton/ClearButton.js.map +1 -1
- package/dist/esm/parts/ControlledDateTimePickerContent.js +6 -19
- package/dist/esm/parts/ControlledDateTimePickerContent.js.map +1 -1
- package/dist/esm/parts/DateInputs/useDateInputs.js +12 -25
- package/dist/esm/parts/DateInputs/useDateInputs.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/Day.js +5 -23
- package/dist/esm/parts/Pickers/Calendar/Day.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/useConfigCalendarCTX.js +7 -19
- package/dist/esm/parts/Pickers/Calendar/useConfigCalendarCTX.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/HoursList.js +5 -22
- package/dist/esm/parts/Pickers/TimeWheel/HoursList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js +11 -26
- package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js +5 -22
- package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +5 -17
- package/dist/esm/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map +1 -1
- package/dist/esm/propTypes.js +4 -21
- package/dist/esm/propTypes.js.map +1 -1
- package/dist/esm/utils/dateTimeHelpers.js +4 -17
- package/dist/esm/utils/dateTimeHelpers.js.map +1 -1
- package/dist/esm/utils/hooks/useGetStartingFocusedDay.js +1 -17
- package/dist/esm/utils/hooks/useGetStartingFocusedDay.js.map +1 -1
- package/package.json +8 -8
|
@@ -1,27 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
8
|
var __export = (target, all) => {
|
|
26
9
|
for (var name in all)
|
|
27
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -70,12 +53,18 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
70
53
|
const { trackFocusFirstSegment } = focusTrackers;
|
|
71
54
|
const getDateMetaInfo = (0, import_react.useCallback)((newDateString = null, metaInfo = {}) => {
|
|
72
55
|
const finalDateString = newDateString || tempDateString;
|
|
73
|
-
const finalMetaInfo =
|
|
56
|
+
const finalMetaInfo = {
|
|
57
|
+
...metaInfo,
|
|
58
|
+
...(0, import_dateHelpers.getValidationDateStringMetaInfo)(finalDateString, getIsOutOfRangeDay, getIsDisabledDay)
|
|
59
|
+
};
|
|
74
60
|
return finalMetaInfo;
|
|
75
61
|
}, [tempDateString, getIsDisabledDay, getIsOutOfRangeDay]);
|
|
76
62
|
const getTimeMetaInfo = (0, import_react.useCallback)((newTimeString = null, metaInfo = {}) => {
|
|
77
63
|
const finalTimeString = newTimeString || tempTimeString;
|
|
78
|
-
const finalMetaInfo =
|
|
64
|
+
const finalMetaInfo = {
|
|
65
|
+
...metaInfo,
|
|
66
|
+
...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(finalTimeString, getIsDisabledTime)
|
|
67
|
+
};
|
|
79
68
|
return finalMetaInfo;
|
|
80
69
|
}, [tempTimeString, getIsDisabledTime]);
|
|
81
70
|
const handleChangeComposedDateTimeString = (0, import_react.useCallback)((newDateString, newTimeString, metaInfo) => {
|
|
@@ -86,11 +75,14 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
86
75
|
appOnTimeChange(appTimeString, metaInfo);
|
|
87
76
|
setTimeString(newTimeString);
|
|
88
77
|
const newDateTimeString = `${newDateString} ${newTimeString}`;
|
|
89
|
-
const newMetaInfo =
|
|
78
|
+
const newMetaInfo = {
|
|
79
|
+
...metaInfo,
|
|
80
|
+
...getTimeMetaInfo(newTimeString, metaInfo),
|
|
81
|
+
...getDateMetaInfo(newDateString, metaInfo),
|
|
90
82
|
newDateString,
|
|
91
83
|
newTimeString,
|
|
92
84
|
newDateTimeString
|
|
93
|
-
}
|
|
85
|
+
};
|
|
94
86
|
const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
|
|
95
87
|
appOnDateTimeChange(appDateTimeString, newMetaInfo);
|
|
96
88
|
}, [
|
|
@@ -107,11 +99,14 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
107
99
|
appOnDateChange(appDateString, metaInfo);
|
|
108
100
|
setTempDateString(newDateString);
|
|
109
101
|
const newDateTimeString = `${newDateString} ${tempTimeString}`;
|
|
110
|
-
const newMetaInfo =
|
|
102
|
+
const newMetaInfo = {
|
|
103
|
+
...metaInfo,
|
|
104
|
+
...getTimeMetaInfo(tempTimeString, metaInfo),
|
|
105
|
+
...getDateMetaInfo(newDateString, metaInfo),
|
|
111
106
|
newDateString,
|
|
112
107
|
newTimeString: tempTimeString,
|
|
113
108
|
newDateTimeString
|
|
114
|
-
}
|
|
109
|
+
};
|
|
115
110
|
const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
|
|
116
111
|
appOnDateTimeChange(appDateTimeString, newMetaInfo);
|
|
117
112
|
}, [appOnDateChange, setTempDateString, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
|
|
@@ -120,11 +115,14 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
120
115
|
appOnTimeChange(appTimeString, metaInfo);
|
|
121
116
|
setTimeString(newTimeString);
|
|
122
117
|
const newDateTimeString = `${tempDateString} ${newTimeString}`;
|
|
123
|
-
const newMetaInfo =
|
|
118
|
+
const newMetaInfo = {
|
|
119
|
+
...metaInfo,
|
|
120
|
+
...getTimeMetaInfo(newTimeString, metaInfo),
|
|
121
|
+
...getDateMetaInfo(tempDateString, metaInfo),
|
|
124
122
|
newDateTimeString,
|
|
125
123
|
newDateString: tempDateString,
|
|
126
124
|
newTimeString
|
|
127
|
-
}
|
|
125
|
+
};
|
|
128
126
|
const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
|
|
129
127
|
appOnDateTimeChange(appDateTimeString, newMetaInfo);
|
|
130
128
|
}, [appOnTimeChange, setTimeString, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
|
|
@@ -134,9 +132,11 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
134
132
|
day,
|
|
135
133
|
year
|
|
136
134
|
});
|
|
137
|
-
const finalMetaInfo =
|
|
135
|
+
const finalMetaInfo = {
|
|
136
|
+
...metaInfo,
|
|
137
|
+
...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
|
|
138
138
|
newDateString
|
|
139
|
-
}
|
|
139
|
+
};
|
|
140
140
|
appOnMonthChange(newMonth, e, finalMetaInfo);
|
|
141
141
|
handleChangeComposedDateString(newDateString, finalMetaInfo);
|
|
142
142
|
}, [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString]);
|
|
@@ -146,9 +146,11 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
146
146
|
day: newDay,
|
|
147
147
|
year
|
|
148
148
|
});
|
|
149
|
-
const finalMetaInfo =
|
|
149
|
+
const finalMetaInfo = {
|
|
150
|
+
...metaInfo,
|
|
151
|
+
...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
|
|
150
152
|
newDateString
|
|
151
|
-
}
|
|
153
|
+
};
|
|
152
154
|
appOnDayChange(newDay, e, finalMetaInfo);
|
|
153
155
|
handleChangeComposedDateString(newDateString, finalMetaInfo);
|
|
154
156
|
}, [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString]);
|
|
@@ -158,9 +160,11 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
158
160
|
day,
|
|
159
161
|
year: newYear
|
|
160
162
|
});
|
|
161
|
-
const finalMetaInfo =
|
|
163
|
+
const finalMetaInfo = {
|
|
164
|
+
...metaInfo,
|
|
165
|
+
...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
|
|
162
166
|
newDateString
|
|
163
|
-
}
|
|
167
|
+
};
|
|
164
168
|
appOnYearChange(newYear, e, finalMetaInfo);
|
|
165
169
|
handleChangeComposedDateString(newDateString, finalMetaInfo);
|
|
166
170
|
}, [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString]);
|
|
@@ -170,9 +174,11 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
170
174
|
minutes,
|
|
171
175
|
meridiem
|
|
172
176
|
});
|
|
173
|
-
const finalMetaInfo =
|
|
177
|
+
const finalMetaInfo = {
|
|
178
|
+
...metaInfo,
|
|
179
|
+
...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
|
|
174
180
|
newTimeString
|
|
175
|
-
}
|
|
181
|
+
};
|
|
176
182
|
appOnHourChange(newHours, e, finalMetaInfo);
|
|
177
183
|
handleChangeComposedTimeString(newTimeString, finalMetaInfo);
|
|
178
184
|
}, [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString]);
|
|
@@ -182,9 +188,11 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
182
188
|
minutes: newMinutes,
|
|
183
189
|
meridiem
|
|
184
190
|
});
|
|
185
|
-
const finalMetaInfo =
|
|
191
|
+
const finalMetaInfo = {
|
|
192
|
+
...metaInfo,
|
|
193
|
+
...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
|
|
186
194
|
newTimeString
|
|
187
|
-
}
|
|
195
|
+
};
|
|
188
196
|
appOnMinuteChange(newMinutes, e, finalMetaInfo);
|
|
189
197
|
handleChangeComposedTimeString(newTimeString, finalMetaInfo);
|
|
190
198
|
}, [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString]);
|
|
@@ -194,9 +202,11 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
|
|
|
194
202
|
minutes,
|
|
195
203
|
meridiem: newMeridiem
|
|
196
204
|
});
|
|
197
|
-
const finalMetaInfo =
|
|
205
|
+
const finalMetaInfo = {
|
|
206
|
+
...metaInfo,
|
|
207
|
+
...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
|
|
198
208
|
newTimeString
|
|
199
|
-
}
|
|
209
|
+
};
|
|
200
210
|
appOnMeridiemChange(newMeridiem, e, finalMetaInfo);
|
|
201
211
|
handleChangeComposedTimeString(newTimeString, finalMetaInfo);
|
|
202
212
|
}, [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString]);
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useChangeHandlers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps';\nimport { useGetDestructuredValues } from './useGetDestructuredValues';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { useGetReferences } from './useGetReferences';\nimport { useFocusTracker } from './useFocusTracker';\nimport { getValidationDateStringMetaInfo } from '../utils/dateHelpers';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers';\nimport {\n isEmptyDateStringMask,\n isEmptyTimeStringMask,\n isEmptyDateTimeStringMask,\n getFormattedDateString,\n getFormattedTimeString,\n} from '../utils/stringHelpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes';\n\nimport { defaultMetaInfo } from '../utils/constants';\ninterface Config {\n relevantValues: ReturnType<typeof useRelevantValueFromProps>;\n destructuredValues: ReturnType<typeof useGetDestructuredValues>;\n propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;\n DOMRefs: ReturnType<typeof useGetReferences>;\n focusTrackers: ReturnType<typeof useFocusTracker>;\n}\n\nexport const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnType, focusTrackers }: Config) => {\n const { tempDateString, setTempDateString, tempTimeString, setTimeString } = relevantValues;\n const {\n getIsDisabledDay,\n getIsOutOfRangeDay,\n appOnDateChange,\n appOnMonthChange,\n appOnDayChange,\n appOnYearChange,\n getIsDisabledTime,\n appOnTimeChange,\n appOnHourChange,\n appOnMinuteChange,\n appOnMeridiemChange,\n appOnDateTimeChange,\n isDateTime,\n isDate,\n isTime,\n } = propsBasedOnType;\n const { month, day, year, hours, minutes, meridiem } = destructuredValues;\n const { trackFocusFirstSegment } = focusTrackers;\n\n const getDateMetaInfo = useCallback(\n (\n newDateString: string | null = null,\n metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {},\n ): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n const finalDateString = newDateString || tempDateString;\n const finalMetaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {\n ...metaInfo,\n ...getValidationDateStringMetaInfo(finalDateString, getIsOutOfRangeDay, getIsDisabledDay),\n };\n return finalMetaInfo;\n },\n [tempDateString, getIsDisabledDay, getIsOutOfRangeDay],\n );\n\n const getTimeMetaInfo = useCallback(\n (\n newTimeString: string | null = null,\n metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {},\n ): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n const finalTimeString = newTimeString || tempTimeString;\n const finalMetaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {\n ...metaInfo,\n ...getValidationTimeStringMetaInfo(finalTimeString, getIsDisabledTime),\n };\n return finalMetaInfo;\n },\n [tempTimeString, getIsDisabledTime],\n );\n\n const handleChangeComposedDateTimeString = useCallback(\n (\n newDateString: string,\n newTimeString: string,\n metaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo,\n ): void => {\n const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;\n const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;\n appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos\n setTempDateString(newDateString);\n\n appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos\n setTimeString(newTimeString);\n\n const newDateTimeString = `${newDateString} ${newTimeString}`;\n const newMetaInfo = {\n ...metaInfo,\n ...getTimeMetaInfo(newTimeString, metaInfo),\n ...getDateMetaInfo(newDateString, metaInfo),\n newDateString,\n newTimeString,\n newDateTimeString,\n };\n\n const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n },\n [\n appOnDateChange,\n setTempDateString,\n appOnTimeChange,\n setTimeString,\n getTimeMetaInfo,\n getDateMetaInfo,\n appOnDateTimeChange,\n ],\n );\n const handleChangeComposedDateString = useCallback(\n (newDateString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => {\n // if we receive an \"empty\" mask, we comunicate empty string to the app\n const appDateString = isEmptyDateStringMask(newDateString) ? '' : newDateString;\n appOnDateChange(appDateString, metaInfo); // don't do this on useEffect to avoid complete chaos\n setTempDateString(newDateString);\n const newDateTimeString = `${newDateString} ${tempTimeString}`;\n const newMetaInfo = {\n ...metaInfo,\n ...getTimeMetaInfo(tempTimeString, metaInfo),\n ...getDateMetaInfo(newDateString, metaInfo),\n newDateString,\n newTimeString: tempTimeString,\n newDateTimeString,\n };\n\n const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n },\n [appOnDateChange, setTempDateString, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n );\n const handleChangeComposedTimeString = useCallback(\n (newTimeString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => {\n const appTimeString = isEmptyTimeStringMask(newTimeString) ? '' : newTimeString;\n appOnTimeChange(appTimeString, metaInfo); // don't do this on useEffect to avoid complete chaos\n\n setTimeString(newTimeString);\n const newDateTimeString = `${tempDateString} ${newTimeString}`;\n const newMetaInfo = {\n ...metaInfo,\n ...getTimeMetaInfo(newTimeString, metaInfo),\n ...getDateMetaInfo(tempDateString, metaInfo),\n newDateTimeString,\n newDateString: tempDateString,\n newTimeString,\n };\n\n const appDateTimeString = isEmptyDateTimeStringMask(newDateTimeString) ? '' : newDateTimeString;\n appOnDateTimeChange(appDateTimeString, newMetaInfo); // don't do this on useEffect to avoid complete chaos\n },\n [appOnTimeChange, setTimeString, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange],\n );\n\n const handleChangeMonth: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n (newMonth, e, metaInfo = defaultMetaInfo) => {\n const newDateString = getFormattedDateString({\n month: newMonth,\n day,\n year,\n });\n const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n ...metaInfo,\n ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n newDateString,\n };\n appOnMonthChange(newMonth, e, finalMetaInfo);\n handleChangeComposedDateString(newDateString, finalMetaInfo);\n },\n [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString],\n );\n const handleChangeDay: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n (newDay, e, metaInfo = defaultMetaInfo) => {\n const newDateString = getFormattedDateString({\n month,\n day: newDay,\n year,\n });\n const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n ...metaInfo,\n ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n newDateString,\n };\n appOnDayChange(newDay, e, finalMetaInfo);\n handleChangeComposedDateString(newDateString, finalMetaInfo);\n },\n [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString],\n );\n const handleChangeYear: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n (newYear, e, metaInfo = defaultMetaInfo) => {\n const newDateString = getFormattedDateString({\n month,\n day,\n year: newYear,\n });\n const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n ...metaInfo,\n ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n newDateString,\n };\n appOnYearChange(newYear, e, finalMetaInfo);\n handleChangeComposedDateString(newDateString, finalMetaInfo);\n },\n [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString],\n );\n\n const handleChangeHours: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n (newHours, e, metaInfo = defaultMetaInfo) => {\n const newTimeString = getFormattedTimeString({\n hours: newHours,\n minutes,\n // seconds,\n meridiem,\n });\n const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n ...metaInfo,\n ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n newTimeString,\n };\n appOnHourChange(newHours, e, finalMetaInfo);\n handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n },\n [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString],\n );\n const handleChangeMinutes: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n (newMinutes, e, metaInfo = defaultMetaInfo) => {\n const newTimeString = getFormattedTimeString({\n hours,\n minutes: newMinutes,\n meridiem,\n });\n const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n ...metaInfo,\n ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n newTimeString,\n };\n appOnMinuteChange(newMinutes, e, finalMetaInfo);\n handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n },\n [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString],\n );\n const handleChangeMeridiem: DSControlledDateTimePickerT.OnInternalInputsChange = useCallback(\n (newMeridiem, e, metaInfo = defaultMetaInfo) => {\n const newTimeString = getFormattedTimeString({\n hours,\n minutes,\n meridiem: newMeridiem,\n });\n const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n ...metaInfo,\n ...getValidationTimeStringMetaInfo(newTimeString, getIsDisabledTime),\n newTimeString,\n };\n appOnMeridiemChange(newMeridiem, e, finalMetaInfo);\n handleChangeComposedTimeString(newTimeString, finalMetaInfo);\n },\n [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString],\n );\n\n const handleClearAll: DSControlledDateTimePickerInternalsT.OnDSBtnClick = useCallback(\n (e) => {\n const metaInfo = {\n isAutomaticFillTrigger: false,\n isClearButtonAction: true,\n newDateString: '',\n newTimeString: '',\n newDateTimeString: '',\n };\n appOnMonthChange('', e, metaInfo);\n appOnDayChange('', e, metaInfo);\n appOnYearChange('', e, metaInfo);\n appOnHourChange('', e, metaInfo);\n appOnMinuteChange('', e, metaInfo);\n appOnMeridiemChange('', e, metaInfo);\n if (isDateTime) handleChangeComposedDateTimeString('__/__/____', '__:__ __', metaInfo);\n if (isDate) handleChangeComposedDateString('__/__/____', metaInfo);\n if (isTime) handleChangeComposedTimeString('__:__ __', metaInfo);\n trackFocusFirstSegment();\n },\n [\n appOnDayChange,\n appOnHourChange,\n appOnMeridiemChange,\n appOnMinuteChange,\n appOnMonthChange,\n appOnYearChange,\n handleChangeComposedDateString,\n handleChangeComposedDateTimeString,\n handleChangeComposedTimeString,\n isDate,\n isDateTime,\n isTime,\n trackFocusFirstSegment,\n ],\n );\n\n return useMemo(\n () => ({\n handleChangeComposedDateTimeString,\n handleChangeComposedDateString,\n handleChangeComposedTimeString,\n handleChangeMonth,\n handleChangeDay,\n handleChangeYear,\n handleChangeHours,\n handleChangeMinutes,\n handleChangeMeridiem,\n handleClearAll,\n }),\n [\n handleChangeComposedDateString,\n handleChangeComposedDateTimeString,\n handleChangeComposedTimeString,\n handleChangeDay,\n handleChangeHours,\n handleChangeMeridiem,\n handleChangeMinutes,\n handleChangeMonth,\n handleChangeYear,\n handleClearAll,\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
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -59,7 +45,7 @@ const useControlledDateTimePicker = (props) => {
|
|
|
59
45
|
const focusTrackers = (0, import_useFocusTracker.useFocusTracker)({ DOMRefs, flags, propsWithDefaults });
|
|
60
46
|
const relevantValues = (0, import_useRelevantValueFromProps.useRelevantValueFromProps)(propsWithDefaults);
|
|
61
47
|
const propsBasedOnType = (0, import_useGetPropsBasedOnType.useGetPropsBasedOnType)(propsWithDefaults);
|
|
62
|
-
const destructuredValues = (0, import_useGetDestructuredValues.useGetDestructuredValues)(
|
|
48
|
+
const destructuredValues = (0, import_useGetDestructuredValues.useGetDestructuredValues)({ ...propsBasedOnType, ...flags });
|
|
63
49
|
const changeHandlers = (0, import_useChangeHandlers.useChangeHandlers)({
|
|
64
50
|
relevantValues,
|
|
65
51
|
destructuredValues,
|
|
@@ -73,12 +59,20 @@ const useControlledDateTimePicker = (props) => {
|
|
|
73
59
|
const { announcedDateValues, announcedTimeValues } = destructuredValues;
|
|
74
60
|
const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;
|
|
75
61
|
const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ""}${isDateTimeSelector ? ", " : ""}${isWithTimeInputs ? `${announcedTimeValues}` : ""}`;
|
|
76
|
-
const ctx = import_react.default.useMemo(() =>
|
|
62
|
+
const ctx = import_react.default.useMemo(() => ({
|
|
77
63
|
props: propsWithDefaults,
|
|
78
64
|
ariaCurrentValueForInputs,
|
|
79
65
|
xstyledAttrs,
|
|
80
|
-
globalAttrs
|
|
81
|
-
|
|
66
|
+
globalAttrs,
|
|
67
|
+
...focusTrackers,
|
|
68
|
+
...flags,
|
|
69
|
+
...DOMRefs,
|
|
70
|
+
...relevantValues,
|
|
71
|
+
...propsBasedOnType,
|
|
72
|
+
...destructuredValues,
|
|
73
|
+
...changeHandlers,
|
|
74
|
+
...globalKeyHandlers
|
|
75
|
+
}), [
|
|
82
76
|
propsWithDefaults,
|
|
83
77
|
ariaCurrentValueForInputs,
|
|
84
78
|
focusTrackers,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useControlledDateTimePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useFocusTracker } from './useFocusTracker';\nimport { useGetFlags } from './useGetFlags';\nimport { useGetReferences } from './useGetReferences';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { useGetDestructuredValues } from './useGetDestructuredValues';\nimport { useChangeHandlers } from './useChangeHandlers';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers';\nimport { useValidateProps } from './useValidateProps';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\nexport type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> &\n ReturnType<typeof useFocusTracker> &\n ReturnType<typeof useGetReferences> &\n ReturnType<typeof useGetPropsBasedOnType> &\n ReturnType<typeof useRelevantValueFromProps> &\n ReturnType<typeof useGetDestructuredValues> &\n ReturnType<typeof useChangeHandlers> &\n ReturnType<typeof useGlobalKeyHandlers> & {\n props: DSControlledDateTimePickerT.InternalProps;\n ariaCurrentValueForInputs: string;\n globalAttrs: Record<string, unknown>;\n xstyledAttrs: Record<string, unknown>;\n };\n\nexport const useControlledDateTimePicker = (\n props: DSControlledDateTimePickerT.Props,\n): ControlledDateTimePickerContextT => {\n // if we detect wrong props configuration we throw meaningful errors\n useValidateProps(props);\n\n const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);\n\n const flags = useGetFlags(propsWithDefaults);\n const DOMRefs = useGetReferences(flags); // refs are used for \"auto-advance\" feature\n const focusTrackers = useFocusTracker({ DOMRefs, flags, propsWithDefaults });\n const relevantValues = useRelevantValueFromProps(propsWithDefaults);\n const propsBasedOnType = useGetPropsBasedOnType(propsWithDefaults);\n const destructuredValues = useGetDestructuredValues({ ...propsBasedOnType, ...flags });\n const changeHandlers = useChangeHandlers({\n relevantValues,\n destructuredValues,\n propsBasedOnType,\n DOMRefs,\n focusTrackers,\n });\n\n const globalKeyHandlers = useGlobalKeyHandlers({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n // const dataAttrs = getDataProps<DSControlledDateTimePickerT.InternalProps>(propsWithDefaults);\n\n const xstyledAttrs = useGetXstyledProps(propsWithDefaults) as Record<string, unknown>;\n\n const globalAttrs = useGetGlobalAttributes(propsWithDefaults) as Record<string, unknown>;\n\n const { announcedDateValues, announcedTimeValues } = destructuredValues;\n const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;\n\n const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ''}${\n isDateTimeSelector ? ', ' : ''\n }${isWithTimeInputs ? `${announcedTimeValues}` : ''}`;\n\n const ctx = React.useMemo(\n () => ({\n props: propsWithDefaults,\n ariaCurrentValueForInputs,\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n xstyledAttrs,\n globalAttrs,\n ...focusTrackers,\n ...flags,\n ...DOMRefs,\n ...relevantValues,\n ...propsBasedOnType,\n ...destructuredValues,\n ...changeHandlers,\n ...globalKeyHandlers,\n }),\n [\n propsWithDefaults,\n ariaCurrentValueForInputs,\n focusTrackers,\n flags,\n DOMRefs,\n relevantValues,\n propsBasedOnType,\n destructuredValues,\n changeHandlers,\n globalKeyHandlers,\n xstyledAttrs,\n globalAttrs,\n ],\n );\n\n return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2D;AAC3D,oCAAkD;AAClD,6BAAgC;AAChC,yBAA4B;AAC5B,8BAAiC;AACjC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,+BAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AAiB1B,MAAM,8BAA8B,CACzC,UACqC;AAErC,gDAAiB,KAAK;AAEtB,QAAM,oBAAoB,qEAAkC,KAAK;AAEjE,QAAM,QAAQ,oCAAY,iBAAiB;AAC3C,QAAM,UAAU,8CAAiB,KAAK;AACtC,QAAM,gBAAgB,4CAAgB,EAAE,SAAS,OAAO,kBAAkB,CAAC;AAC3E,QAAM,iBAAiB,gEAA0B,iBAAiB;AAClE,QAAM,mBAAmB,0DAAuB,iBAAiB;AACjE,QAAM,qBAAqB,8DAAyB,EAAE,GAAG,kBAAkB,GAAG,MAAM,CAAC;AACrF,QAAM,iBAAiB,gDAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,sDAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,eAAe,4CAAmB,iBAAiB;AAEzD,QAAM,cAAc,gDAAuB,iBAAiB;AAE5D,QAAM,EAAE,qBAAqB,wBAAwB;AACrD,QAAM,EAAE,kBAAkB,oBAAoB,qBAAqB;AAEnE,QAAM,4BAA4B,mBAAmB,mBAAmB,GAAG,wBAAwB,KACjG,qBAAqB,OAAO,KAC3B,mBAAmB,GAAG,wBAAwB;AAEjD,QAAM,MAAM,qBAAM,QAChB,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IAEA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -112,6 +98,9 @@ const useGetDestructuredTimeValues = ({
|
|
|
112
98
|
const useGetDestructuredValues = (config) => {
|
|
113
99
|
const dateValues = useGetDestructuredDateValues(config);
|
|
114
100
|
const timeValues = useGetDestructuredTimeValues(config);
|
|
115
|
-
return (0, import_react.useMemo)(() =>
|
|
101
|
+
return (0, import_react.useMemo)(() => ({
|
|
102
|
+
...dateValues,
|
|
103
|
+
...timeValues
|
|
104
|
+
}), [dateValues, timeValues]);
|
|
116
105
|
};
|
|
117
106
|
//# sourceMappingURL=useGetDestructuredValues.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useGetDestructuredValues.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\nimport { useMemo } from 'react';\nimport {\n dateTimeToTime,\n deconstructTimeValues,\n dateTimeToDate,\n deconstructValuesFromDateString,\n fillStringWithPlaceHolders,\n} from '../utils/stringHelpers';\nimport { useGetFlags } from './useGetFlags';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { convertToPositiveNumberIfPossible } from '../utils/numberHelpers';\nimport { monthNames, announcableCardinalDays } from '../utils/constants';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes';\n\ntype UseGetDestructuredDateValues = (\n config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>,\n) => {\n month: string;\n day: string;\n year: string;\n monthNum: number;\n dayNum: number;\n yearNum: number;\n announcedMonth: string;\n announcedDay: string;\n announcedYear: string;\n announcedDateValues: string;\n};\n// this is because it's fully controlled\n// our source of truth is either the date props or dateTime props\n// based on wheter it's a dateTime picker\n// or a date picker (it's date picker when hideTime is true)\nexport const useGetDestructuredDateValues: UseGetDestructuredDateValues = ({\n appDate,\n appDateTime,\n isDateTimeSelector,\n}) => {\n const dateStringFromProps = isDateTimeSelector ? dateTimeToDate(appDateTime) : appDate;\n const deconstructedValues = deconstructValuesFromDateString(dateStringFromProps);\n const { month, day, year } = deconstructedValues;\n const monthNum = convertToPositiveNumberIfPossible(month);\n const dayNum = convertToPositiveNumberIfPossible(day) as DSControlledDateTimePickerInternalsT.DateDay | -1;\n const yearNum = convertToPositiveNumberIfPossible(year);\n const announcedMonth = monthNum !== -1 ? monthNames[monthNum - 1] : 'empty month';\n const announcedDay = dayNum !== -1 ? announcableCardinalDays[dayNum] : 'empty day';\n const announcedYear = yearNum !== -1 ? fillStringWithPlaceHolders(`${yearNum}`, 4, '0') : 'empty year';\n const announcedDateValues = `${announcedMonth}, ${announcedDay}, ${announcedYear}`;\n\n return useMemo(\n () => ({\n month,\n day,\n year,\n monthNum,\n dayNum,\n yearNum,\n announcedMonth,\n announcedDay,\n announcedYear,\n announcedDateValues,\n }),\n [announcedDay, announcedMonth, announcedYear, announcedDateValues, day, dayNum, month, monthNum, year, yearNum],\n );\n};\n\ntype UseGetDestructuredTimeValues = (\n config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>,\n) => {\n hours: string;\n minutes: string;\n meridiem: string;\n hoursNum: number;\n minutesNum: number;\n announcedHours: string;\n announcedMinutes: string;\n announcedMeridiem: string;\n announcedTimeValues: string;\n};\n// this is because it's fully controlled\n// our source of truth is either the time props or dateTime props\n// based on wheter it's a dateTime picker\n// or a time picker (it's time picker when hideDate is true)\nexport const useGetDestructuredTimeValues: UseGetDestructuredTimeValues = ({\n appTime,\n appDateTime,\n isDateTimeSelector,\n}) => {\n const timeStringFromProps = isDateTimeSelector ? dateTimeToTime(appDateTime) : appTime;\n const deconstructedValues = deconstructTimeValues(timeStringFromProps);\n const { hours, minutes, meridiem } = deconstructedValues;\n const hoursNum = convertToPositiveNumberIfPossible(hours);\n const minutesNum = convertToPositiveNumberIfPossible(minutes);\n\n // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...\n const announcedHours = hoursNum !== -1 ? `${hoursNum}` : 'empty hours';\n // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...\n const announcedMinutes = minutesNum !== -1 ? `${minutesNum}` : 'empty minutes';\n const announcedMeridiem =\n // eslint-disable-next-line no-nested-ternary\n meridiem === 'PM' ? `post meridiem` : meridiem === 'AM' ? 'ante meridiem' : 'empty meriediem';\n const announcedTimeValues = `${announcedHours}, ${announcedMinutes}, ${announcedMeridiem}`;\n\n return useMemo(\n () => ({\n hours,\n minutes,\n meridiem,\n hoursNum,\n minutesNum,\n announcedHours,\n announcedMinutes,\n announcedMeridiem,\n announcedTimeValues,\n }),\n [\n hours,\n minutes,\n meridiem,\n hoursNum,\n minutesNum,\n announcedHours,\n announcedMinutes,\n announcedMeridiem,\n announcedTimeValues,\n ],\n );\n};\n\ntype UseGetDestructuredValues = (\n config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>,\n) => ReturnType<typeof useGetDestructuredDateValues> & ReturnType<typeof useGetDestructuredTimeValues>;\n\nexport const useGetDestructuredValues: UseGetDestructuredValues = (config) => {\n const dateValues = useGetDestructuredDateValues(config);\n const timeValues = useGetDestructuredTimeValues(config);\n\n return useMemo(\n () => ({\n ...dateValues,\n ...timeValues,\n }),\n [dateValues, timeValues],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwB;AACxB,2BAMO;AAGP,2BAAkD;AAClD,uBAAoD;AAqB7C,MAAM,+BAA6D,CAAC;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,sBAAsB,qBAAqB,yCAAe,WAAW,IAAI;AAC/E,QAAM,sBAAsB,0DAAgC,mBAAmB;AAC/E,QAAM,EAAE,OAAO,KAAK,SAAS;AAC7B,QAAM,WAAW,4DAAkC,KAAK;AACxD,QAAM,SAAS,4DAAkC,GAAG;AACpD,QAAM,UAAU,4DAAkC,IAAI;AACtD,QAAM,iBAAiB,aAAa,KAAK,4BAAW,WAAW,KAAK;AACpE,QAAM,eAAe,WAAW,KAAK,yCAAwB,UAAU;AACvE,QAAM,gBAAgB,YAAY,KAAK,qDAA2B,GAAG,WAAW,GAAG,GAAG,IAAI;AAC1F,QAAM,sBAAsB,GAAG,mBAAmB,iBAAiB;AAEnE,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA,CAAC,cAAc,gBAAgB,eAAe,qBAAqB,KAAK,QAAQ,OAAO,UAAU,MAAM,OAAO,CAChH;AACF;AAmBO,MAAM,+BAA6D,CAAC;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,sBAAsB,qBAAqB,yCAAe,WAAW,IAAI;AAC/E,QAAM,sBAAsB,gDAAsB,mBAAmB;AACrE,QAAM,EAAE,OAAO,SAAS,aAAa;AACrC,QAAM,WAAW,4DAAkC,KAAK;AACxD,QAAM,aAAa,4DAAkC,OAAO;AAG5D,QAAM,iBAAiB,aAAa,KAAK,GAAG,aAAa;AAEzD,QAAM,mBAAmB,eAAe,KAAK,GAAG,eAAe;AAC/D,QAAM,oBAEJ,aAAa,OAAO,kBAAkB,aAAa,OAAO,kBAAkB;AAC9E,QAAM,sBAAsB,GAAG,mBAAmB,qBAAqB;AAEvE,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AACF;AAMO,MAAM,2BAAqD,CAAC,WAAW;AAC5E,QAAM,aAAa,6BAA6B,MAAM;AACtD,QAAM,aAAa,6BAA6B,MAAM;AAEtD,SAAO,0BACL,MAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL,IACA,CAAC,YAAY,UAAU,CACzB;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -61,7 +47,7 @@ const getDateTimeFlags = (props) => {
|
|
|
61
47
|
const withAnyPicker = !hideDateTimePicker;
|
|
62
48
|
const withClearBtn = withAnyInputs && isClearable && dateTime !== "" && dateTime !== "__/__/____ __:__ __";
|
|
63
49
|
const shouldPreserveClearableSpace = isClearable && withAnyInputs;
|
|
64
|
-
const finalFlags =
|
|
50
|
+
const finalFlags = {
|
|
65
51
|
hideDate: !withAnyInputs,
|
|
66
52
|
hideTime: !withAnyInputs,
|
|
67
53
|
hideDateTimePicker,
|
|
@@ -76,8 +62,9 @@ const getDateTimeFlags = (props) => {
|
|
|
76
62
|
autoFocusMonthInput: withAnyInputs && autoFocus,
|
|
77
63
|
autoFocusPrevMonthArrow: isControllerOnly && autoFocus,
|
|
78
64
|
shouldPreserveClearableSpace,
|
|
79
|
-
withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace
|
|
80
|
-
|
|
65
|
+
withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
|
|
66
|
+
...constants
|
|
67
|
+
};
|
|
81
68
|
return finalFlags;
|
|
82
69
|
};
|
|
83
70
|
const getDateFlags = (props) => {
|
|
@@ -102,7 +89,7 @@ const getDateFlags = (props) => {
|
|
|
102
89
|
const withAnyPicker = !hideDatePicker;
|
|
103
90
|
const withClearBtn = withAnyInputs && isClearable && date !== "" && date !== "__/__/____";
|
|
104
91
|
const shouldPreserveClearableSpace = isClearable && withAnyInputs;
|
|
105
|
-
const finalFlags =
|
|
92
|
+
const finalFlags = {
|
|
106
93
|
hideDate: !withAnyInputs,
|
|
107
94
|
hideDatePicker,
|
|
108
95
|
isControllerOnly,
|
|
@@ -114,8 +101,9 @@ const getDateFlags = (props) => {
|
|
|
114
101
|
autoFocusMonthInput: withAnyInputs && autoFocus,
|
|
115
102
|
autoFocusPrevMonthArrow: isControllerOnly && autoFocus,
|
|
116
103
|
shouldPreserveClearableSpace,
|
|
117
|
-
withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace
|
|
118
|
-
|
|
104
|
+
withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
|
|
105
|
+
...constants
|
|
106
|
+
};
|
|
119
107
|
return finalFlags;
|
|
120
108
|
};
|
|
121
109
|
const getTimeFlags = (props) => {
|
|
@@ -140,7 +128,7 @@ const getTimeFlags = (props) => {
|
|
|
140
128
|
const withClearBtn = withAnyInputs && isClearable && time !== "" && time !== "__:__ __";
|
|
141
129
|
const shouldPreserveClearableSpace = isClearable && withAnyInputs;
|
|
142
130
|
const withAnyPicker = !hideTimePicker;
|
|
143
|
-
const finalFlags =
|
|
131
|
+
const finalFlags = {
|
|
144
132
|
hideTime: !withAnyInputs,
|
|
145
133
|
hideTimePicker,
|
|
146
134
|
isControllerOnly,
|
|
@@ -152,8 +140,9 @@ const getTimeFlags = (props) => {
|
|
|
152
140
|
autoFocusHourInput: withAnyInputs && autoFocus,
|
|
153
141
|
autoFocusHourTimeWheel: isControllerOnly && autoFocus,
|
|
154
142
|
shouldPreserveClearableSpace,
|
|
155
|
-
withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace
|
|
156
|
-
|
|
143
|
+
withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
|
|
144
|
+
...constants
|
|
145
|
+
};
|
|
157
146
|
return finalFlags;
|
|
158
147
|
};
|
|
159
148
|
const useGetFlags = (props) => (0, import_react.useMemo)(() => {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useGetFlags.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes';\nimport { getIsDateTime, getIsDate } from '../utils/typeGuards';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\nconst getDateTimeFlags = (props: DSControlledDateTimePickerT.InternalDateTimePickerProps) => {\n const { type, isClearable, dateTime, autoFocus } = props;\n const constants = {\n hideDatePicker: true,\n hideTimePicker: true,\n isDateSelector: false,\n isTimeSelector: false,\n isDateTimeSelector: true,\n isWithDateInputsOnly: false,\n isWithTimeInputsOnly: false,\n autoFocusHourInput: false,\n autoFocusHourTimeWheel: false,\n };\n const withAnyInputs =\n type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL ||\n type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS;\n const hideDateTimePicker =\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL &&\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER &&\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n const withAnyPicker = !hideDateTimePicker;\n const withClearBtn = withAnyInputs && isClearable && dateTime !== '' && dateTime !== '__/__/____ __:__ __';\n const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n const finalFlags = {\n hideDate: !withAnyInputs,\n hideTime: !withAnyInputs,\n hideDateTimePicker,\n isControllerOnly,\n isWithTimeWheelToo: !hideDateTimePicker,\n isWithCalendarToo: !hideDateTimePicker,\n withAnyInputs,\n withAnyPicker,\n withClearBtn,\n isWithDateInputs: withAnyInputs,\n isWithTimeInputs: withAnyInputs,\n autoFocusMonthInput: withAnyInputs && autoFocus,\n autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n shouldPreserveClearableSpace,\n withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n ...constants,\n };\n return finalFlags;\n};\nconst getDateFlags = (props: DSControlledDateTimePickerT.InternalDatePickerProps) => {\n const { type, isClearable, date, autoFocus } = props;\n\n const constants = {\n isDateSelector: true,\n hideTime: true,\n hideDateTimePicker: true,\n hideTimePicker: true,\n isTimeSelector: false,\n isDateTimeSelector: false,\n isWithCalendarToo: false,\n isWithTimeWheelToo: false,\n isWithTimeInputs: false,\n isWithTimeInputsOnly: false,\n autoFocusHourTimeWheel: false,\n autoFocusHourInput: false,\n };\n\n const withAnyInputs =\n type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;\n const hideDatePicker =\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL &&\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER &&\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n\n const withAnyPicker = !hideDatePicker;\n const withClearBtn = withAnyInputs && isClearable && date !== '' && date !== '__/__/____';\n const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n\n const finalFlags = {\n hideDate: !withAnyInputs,\n hideDatePicker,\n isControllerOnly,\n withAnyInputs,\n withAnyPicker,\n withClearBtn,\n isWithDateInputs: withAnyInputs,\n isWithDateInputsOnly: withAnyInputs,\n autoFocusMonthInput: withAnyInputs && autoFocus,\n autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n shouldPreserveClearableSpace,\n withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n ...constants,\n };\n return finalFlags;\n};\nconst getTimeFlags = (props: DSControlledDateTimePickerT.InternalTimePickerProps) => {\n const { type, isClearable, time, autoFocus } = props;\n const constants = {\n hideDate: true,\n hideDateTimePicker: true,\n hideDatePicker: true,\n isDateSelector: false,\n isDateTimeSelector: false,\n isWithDateInputs: false,\n isWithDateInputsOnly: false,\n isTimeSelector: true,\n isWithTimeWheelToo: false,\n isWithCalendarToo: false,\n autoFocusMonthInput: false,\n autoFocusPrevMonthArrow: false,\n };\n const withAnyInputs =\n type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;\n const hideTimePicker =\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL &&\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER &&\n type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n const withClearBtn = withAnyInputs && isClearable && time !== '' && time !== '__:__ __';\n const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n const withAnyPicker = !hideTimePicker;\n const finalFlags = {\n hideTime: !withAnyInputs,\n hideTimePicker,\n isControllerOnly,\n withAnyInputs,\n withAnyPicker,\n withClearBtn,\n isWithTimeInputs: withAnyInputs,\n isWithTimeInputsOnly: withAnyInputs,\n autoFocusHourInput: withAnyInputs && autoFocus,\n autoFocusHourTimeWheel: isControllerOnly && autoFocus,\n shouldPreserveClearableSpace,\n withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n ...constants,\n };\n return finalFlags;\n};\n\nexport const useGetFlags = (props: DSControlledDateTimePickerT.InternalProps) =>\n useMemo(() => {\n if (getIsDateTime(props)) {\n return getDateTimeFlags(props);\n }\n if (getIsDate(props)) {\n return getDateFlags(props);\n }\n return getTimeFlags(props);\n }, [props]);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,27 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
-
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b || (b = {}))
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
if (__getOwnPropSymbols)
|
|
18
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
}
|
|
22
|
-
return a;
|
|
23
|
-
};
|
|
24
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
8
|
var __export = (target, all) => {
|
|
26
9
|
for (var name in all)
|
|
27
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -65,9 +48,12 @@ const useGlobalKeyHandlers = ({ propsBasedOnType, changeHandlers, flags, focusTr
|
|
|
65
48
|
const now = new Date();
|
|
66
49
|
const nowDateString = (0, import_dateHelpers.getDateStringFromDay)(now);
|
|
67
50
|
const nowTimeString = (0, import_dateHelpers.getTimeStringFromDay)(now);
|
|
68
|
-
const finalMetaInfo =
|
|
51
|
+
const finalMetaInfo = {
|
|
52
|
+
...metaInfo,
|
|
53
|
+
...(0, import_dateHelpers.getValidationDateStringMetaInfo)(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),
|
|
54
|
+
...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(nowTimeString, getIsDisabledTime),
|
|
69
55
|
newDateString: nowDateString
|
|
70
|
-
}
|
|
56
|
+
};
|
|
71
57
|
const { month, day, year } = (0, import_stringHelpers.deconstructValuesFromDateString)(nowDateString);
|
|
72
58
|
appOnMonthChange(month, e, metaInfo);
|
|
73
59
|
appOnDayChange(day, e, metaInfo);
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useGlobalKeyHandlers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable no-nested-ternary */\n/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport { useChangeHandlers } from './useChangeHandlers';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { useGetReferences } from './useGetReferences';\nimport { useGetFlags } from './useGetFlags';\nimport { useFocusTracker } from './useFocusTracker';\nimport { getValidationDateStringMetaInfo, getDateStringFromDay, getTimeStringFromDay } from '../utils/dateHelpers';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers';\nimport { deconstructValuesFromDateString, deconstructValuesFromTimeString } from '../utils/stringHelpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\ninterface Config {\n propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;\n changeHandlers: ReturnType<typeof useChangeHandlers>;\n DOMRefs: ReturnType<typeof useGetReferences>;\n flags: ReturnType<typeof useGetFlags>;\n focusTrackers: ReturnType<typeof useFocusTracker>;\n}\n\nexport const useGlobalKeyHandlers = ({ propsBasedOnType, changeHandlers, flags, focusTrackers }: Config) => {\n const {\n getIsOutOfRangeDay,\n getIsDisabledDay,\n getIsDisabledTime,\n appOnMonthChange,\n appOnDayChange,\n appOnYearChange,\n appOnHourChange,\n appOnMinuteChange,\n appOnMeridiemChange,\n } = propsBasedOnType;\n const { handleChangeComposedDateTimeString, handleClearAll } = changeHandlers;\n const { shouldPreserveClearableSpace } = flags;\n const { trackFocusClearBtn, trackFocusLastSegment } = focusTrackers;\n\n const onFillWithCurrentDateKeys = useCallback(\n (\n e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>,\n metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = { isAutomaticFillTrigger: true },\n ) => {\n const now = new Date();\n const nowDateString = getDateStringFromDay(now);\n const nowTimeString = getTimeStringFromDay(now);\n const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n ...metaInfo,\n ...getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),\n ...getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime),\n newDateString: nowDateString,\n };\n const { month, day, year } = deconstructValuesFromDateString(nowDateString);\n appOnMonthChange(month, e, metaInfo);\n appOnDayChange(day, e, metaInfo);\n appOnYearChange(year, e, metaInfo);\n const { hours, minutes, meridiem } = deconstructValuesFromTimeString(nowTimeString);\n appOnHourChange(hours, e, metaInfo);\n appOnMinuteChange(minutes, e, metaInfo);\n appOnMeridiemChange(meridiem, e, metaInfo);\n handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);\n if (shouldPreserveClearableSpace) trackFocusClearBtn();\n else trackFocusLastSegment();\n },\n [\n appOnDayChange,\n appOnHourChange,\n appOnMeridiemChange,\n appOnMinuteChange,\n appOnMonthChange,\n appOnYearChange,\n getIsDisabledDay,\n getIsDisabledTime,\n getIsOutOfRangeDay,\n handleChangeComposedDateTimeString,\n shouldPreserveClearableSpace,\n trackFocusClearBtn,\n trackFocusLastSegment,\n ],\n );\n\n const onGlobalKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>) => {\n const { key, ctrlKey, metaKey } = e;\n if ((ctrlKey || metaKey) && key === ';') {\n onFillWithCurrentDateKeys(e);\n }\n if ((ctrlKey || metaKey) && (key === 'Delete' || key === 'Backspace')) handleClearAll(e);\n },\n [handleClearAll, onFillWithCurrentDateKeys],\n );\n\n return useMemo(\n () => ({\n onFillWithCurrentDateKeys,\n onGlobalKeyDown,\n }),\n [onFillWithCurrentDateKeys, onGlobalKeyDown],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,mBAAqC;AAMrC,yBAA4F;AAC5F,yBAAgD;AAChD,2BAAiF;AAW1E,MAAM,uBAAuB,CAAC,EAAE,kBAAkB,gBAAgB,OAAO,oBAA4B;AAC1G,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,EAAE,oCAAoC,mBAAmB;AAC/D,QAAM,EAAE,iCAAiC;AACzC,QAAM,EAAE,oBAAoB,0BAA0B;AAEtD,QAAM,4BAA4B,8BAChC,CACE,GACA,WAA8E,EAAE,wBAAwB,KAAK,MAC1G;AACH,UAAM,MAAM,IAAI,KAAK;AACrB,UAAM,gBAAgB,6CAAqB,GAAG;AAC9C,UAAM,gBAAgB,6CAAqB,GAAG;AAC9C,UAAM,gBAA0E;AAAA,MAC9E,GAAG;AAAA,MACH,GAAG,wDAAgC,eAAe,oBAAoB,gBAAgB;AAAA,MACtF,GAAG,wDAAgC,eAAe,iBAAiB;AAAA,MACnE,eAAe;AAAA,IACjB;AACA,UAAM,EAAE,OAAO,KAAK,SAAS,0DAAgC,aAAa;AAC1E,qBAAiB,OAAO,GAAG,QAAQ;AACnC,mBAAe,KAAK,GAAG,QAAQ;AAC/B,oBAAgB,MAAM,GAAG,QAAQ;AACjC,UAAM,EAAE,OAAO,SAAS,aAAa,0DAAgC,aAAa;AAClF,oBAAgB,OAAO,GAAG,QAAQ;AAClC,sBAAkB,SAAS,GAAG,QAAQ;AACtC,wBAAoB,UAAU,GAAG,QAAQ;AACzC,uCAAmC,eAAe,eAAe,aAAa;AAC9E,QAAI;AAA8B,yBAAmB;AAAA;AAChD,4BAAsB;AAAA,EAC7B,GACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,QAAM,kBAAkB,8BACtB,CAAC,MAAiE;AAChE,UAAM,EAAE,KAAK,SAAS,YAAY;AAClC,QAAK,YAAW,YAAY,QAAQ,KAAK;AACvC,gCAA0B,CAAC;AAAA,IAC7B;AACA,QAAK,YAAW,YAAa,SAAQ,YAAY,QAAQ;AAAc,qBAAe,CAAC;AAAA,EACzF,GACA,CAAC,gBAAgB,yBAAyB,CAC5C;AAEA,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF,IACA,CAAC,2BAA2B,eAAe,CAC7C;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,22 +3,8 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __spreadValues = (a, b) => {
|
|
12
|
-
for (var prop in b || (b = {}))
|
|
13
|
-
if (__hasOwnProp.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
if (__getOwnPropSymbols)
|
|
16
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
-
if (__propIsEnum.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
}
|
|
20
|
-
return a;
|
|
21
|
-
};
|
|
22
8
|
var __export = (target, all) => {
|
|
23
9
|
for (var name in all)
|
|
24
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -53,7 +39,7 @@ const ClearButton = () => {
|
|
|
53
39
|
shouldDisplay: withClearBtn
|
|
54
40
|
};
|
|
55
41
|
const { latestInteractionRegion, currFocusDescriber } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
|
|
56
|
-
return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledClearButton,
|
|
42
|
+
return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledClearButton, {
|
|
57
43
|
"aria-label": "clear selected date",
|
|
58
44
|
buttonType: "icon",
|
|
59
45
|
size: import_ds_button.BUTTON_SIZES.M,
|
|
@@ -65,8 +51,9 @@ const ClearButton = () => {
|
|
|
65
51
|
},
|
|
66
52
|
onClick: onClearClick,
|
|
67
53
|
onKeyDown: onClearButtonKeyDown,
|
|
68
|
-
type: "button"
|
|
69
|
-
|
|
54
|
+
type: "button",
|
|
55
|
+
...styledsAttrs
|
|
56
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseMedium, {
|
|
70
57
|
color: import_ds_icon.DSIconColors.PRIMARY
|
|
71
58
|
}));
|
|
72
59
|
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/ClearButton/ClearButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\nimport React, { useContext } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { StyledClearButton } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { useClearButton } from './useClearButton';\n\nexport const ClearButton = (): JSX.Element => {\n const { onClearClick, onClearButtonKeyDown, clearButtonRef, withClearBtn } = useClearButton();\n const styledsAttrs = {\n shouldDisplay: withClearBtn,\n };\n const { latestInteractionRegion, currFocusDescriber } = useContext(ControlledDateTimePickerContext);\n\n return (\n <StyledClearButton\n aria-label=\"clear selected date\"\n buttonType=\"icon\"\n size={BUTTON_SIZES.M}\n data-testid={ControlledDateTimePickerDatatestid.CLEAR_BUTTON}\n innerRef={(DomElem: HTMLButtonElement) => {\n clearButtonRef.current = DomElem;\n if (latestInteractionRegion === 'clear-btn' && currFocusDescriber === 'clear-btn') DomElem?.focus?.();\n }}\n onClick={onClearClick}\n onKeyDown={onClearButtonKeyDown}\n type=\"button\"\n {...styledsAttrs}\n >\n <CloseMedium color={DSIconColors.PRIMARY} />\n </StyledClearButton>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,sBAA4B;AAC5B,qBAA6B;AAC7B,uBAA6B;AAC7B,qBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,4BAA+B;AAExB,MAAM,cAAc,MAAmB;AAC5C,QAAM,EAAE,cAAc,sBAAsB,gBAAgB,iBAAiB,0CAAe;AAC5F,QAAM,eAAe;AAAA,IACnB,eAAe;AAAA,EACjB;AACA,QAAM,EAAE,yBAAyB,uBAAuB,6BAAW,kEAA+B;AAElG,SACE,mDAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,eAAa,6EAAmC;AAAA,IAChD,UAAU,CAAC,YAA+B;AACxC,qBAAe,UAAU;AACzB,UAAI,4BAA4B,eAAe,uBAAuB;AAAa,iBAAS,QAAQ;AAAA,IACtG;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,KAEJ,mDAAC;AAAA,IAAY,OAAO,4BAAa;AAAA,GAAS,CAC5C;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|