@elliemae/ds-date-picker 2.3.0-alpha.9 → 2.3.0-next.11

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.
Files changed (118) hide show
  1. package/cjs/DSDatePicker.js +233 -0
  2. package/cjs/components/DSDatePickerImpl.js +354 -0
  3. package/cjs/components/DatePickerController/DatePickerController.js +360 -0
  4. package/cjs/components/DatePickerDay/DatePickerDay.js +24 -0
  5. package/cjs/components/DatePickerDropdown.js +65 -0
  6. package/cjs/components/DatePickerHeader/DatePickerHeader.js +56 -0
  7. package/cjs/components/DatePickerNavigation/DatePickerNavigation.js +32 -0
  8. package/cjs/components/DatePickerPicker/DatePickerPicker.js +74 -0
  9. package/cjs/components/DatePickerRange/DatePickerRange.js +119 -0
  10. package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +144 -0
  11. package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +46 -0
  12. package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +85 -0
  13. package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +59 -0
  14. package/cjs/components/index.js +27 -0
  15. package/cjs/defaultPhrases.js +261 -0
  16. package/cjs/index.js +35 -0
  17. package/esm/DSDatePicker.js +211 -0
  18. package/esm/components/DSDatePickerImpl.js +346 -0
  19. package/esm/components/DatePickerController/DatePickerController.js +350 -0
  20. package/esm/components/DatePickerDay/DatePickerDay.js +18 -0
  21. package/esm/components/DatePickerDropdown.js +57 -0
  22. package/esm/components/DatePickerHeader/DatePickerHeader.js +49 -0
  23. package/esm/components/DatePickerNavigation/DatePickerNavigation.js +25 -0
  24. package/esm/components/DatePickerPicker/DatePickerPicker.js +60 -0
  25. package/esm/components/DatePickerRange/DatePickerRange.js +111 -0
  26. package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +137 -0
  27. package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +38 -0
  28. package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +77 -0
  29. package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +53 -0
  30. package/esm/components/index.js +10 -0
  31. package/{dist/esm → esm}/defaultPhrases.js +80 -48
  32. package/esm/index.js +13 -0
  33. package/package.json +56 -58
  34. package/{dist/types → types}/components/DSDatePickerImpl.d.ts +1 -2
  35. package/{dist/types → types}/components/DatePickerController/DatePickerController.d.ts +1 -1
  36. package/{dist/types → types}/components/DatePickerDay/DatePickerDay.d.ts +0 -1
  37. package/{dist/types → types}/components/DatePickerDropdown.d.ts +0 -1
  38. package/{dist/types → types}/components/DatePickerHeader/DatePickerHeader.d.ts +0 -1
  39. package/{dist/types → types}/components/DatePickerNavigation/DatePickerNavigation.d.ts +3 -4
  40. package/{dist/types → types}/components/DatePickerPicker/DatePickerPicker.d.ts +1 -2
  41. package/{dist/types → types}/components/DatePickerRange/DatePickerRange.d.ts +0 -1
  42. package/{dist/types → types}/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +0 -1
  43. package/{dist/types → types}/components/DatePickerRangeHeader/tests/DatePickerRangeHeader.test.d.ts +0 -0
  44. package/{dist/types → types}/components/DatePickerRenderMonth/DatePickerRenderMonth.d.ts +0 -0
  45. package/{dist/types → types}/components/DatePickerSingleDate/DatePickerSingleDate.d.ts +0 -1
  46. package/{dist/types → types}/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts +0 -1
  47. package/{dist/types → types}/components/index.d.ts +0 -0
  48. package/{dist/types → types}/components/tests/DatePickerHeader.test.d.ts +0 -0
  49. package/{dist/types → types}/components/tests/DatePickerRange.test.d.ts +0 -0
  50. package/{dist/types → types}/components/tests/DatePickerRangeHeader.test.d.ts +0 -0
  51. package/{dist/types → types}/components/tests/DatePickerSelectedDate.test.d.ts +0 -0
  52. package/{dist/types → types}/components/tests/DatePickerSingleDate.test.d.ts +0 -0
  53. package/{dist/types → types}/components/tests/SingleRangeDateSwitcher.test.d.ts +0 -0
  54. package/{dist/types → types}/defaultPhrases.d.ts +0 -0
  55. package/{dist/types → types}/index.d.ts +0 -0
  56. package/dist/cjs/DSDatePicker.js +0 -231
  57. package/dist/cjs/DSDatePicker.js.map +0 -7
  58. package/dist/cjs/components/DSDatePickerImpl.js +0 -274
  59. package/dist/cjs/components/DSDatePickerImpl.js.map +0 -7
  60. package/dist/cjs/components/DatePickerController/DatePickerController.js +0 -322
  61. package/dist/cjs/components/DatePickerController/DatePickerController.js.map +0 -7
  62. package/dist/cjs/components/DatePickerDay/DatePickerDay.js +0 -49
  63. package/dist/cjs/components/DatePickerDay/DatePickerDay.js.map +0 -7
  64. package/dist/cjs/components/DatePickerDropdown.js +0 -85
  65. package/dist/cjs/components/DatePickerDropdown.js.map +0 -7
  66. package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js +0 -74
  67. package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
  68. package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js +0 -63
  69. package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
  70. package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js +0 -85
  71. package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
  72. package/dist/cjs/components/DatePickerRange/DatePickerRange.js +0 -110
  73. package/dist/cjs/components/DatePickerRange/DatePickerRange.js.map +0 -7
  74. package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +0 -138
  75. package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
  76. package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +0 -61
  77. package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
  78. package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +0 -96
  79. package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
  80. package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +0 -80
  81. package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
  82. package/dist/cjs/components/index.js +0 -53
  83. package/dist/cjs/components/index.js.map +0 -7
  84. package/dist/cjs/defaultPhrases.js +0 -246
  85. package/dist/cjs/defaultPhrases.js.map +0 -7
  86. package/dist/cjs/index.js +0 -38
  87. package/dist/cjs/index.js.map +0 -7
  88. package/dist/esm/DSDatePicker.js +0 -213
  89. package/dist/esm/DSDatePicker.js.map +0 -7
  90. package/dist/esm/components/DSDatePickerImpl.js +0 -245
  91. package/dist/esm/components/DSDatePickerImpl.js.map +0 -7
  92. package/dist/esm/components/DatePickerController/DatePickerController.js +0 -293
  93. package/dist/esm/components/DatePickerController/DatePickerController.js.map +0 -7
  94. package/dist/esm/components/DatePickerDay/DatePickerDay.js +0 -20
  95. package/dist/esm/components/DatePickerDay/DatePickerDay.js.map +0 -7
  96. package/dist/esm/components/DatePickerDropdown.js +0 -56
  97. package/dist/esm/components/DatePickerDropdown.js.map +0 -7
  98. package/dist/esm/components/DatePickerHeader/DatePickerHeader.js +0 -45
  99. package/dist/esm/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
  100. package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js +0 -37
  101. package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
  102. package/dist/esm/components/DatePickerPicker/DatePickerPicker.js +0 -56
  103. package/dist/esm/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
  104. package/dist/esm/components/DatePickerRange/DatePickerRange.js +0 -81
  105. package/dist/esm/components/DatePickerRange/DatePickerRange.js.map +0 -7
  106. package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +0 -109
  107. package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
  108. package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +0 -32
  109. package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
  110. package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +0 -67
  111. package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
  112. package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +0 -51
  113. package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
  114. package/dist/esm/components/index.js +0 -24
  115. package/dist/esm/components/index.js.map +0 -7
  116. package/dist/esm/defaultPhrases.js.map +0 -7
  117. package/dist/esm/index.js +0 -9
  118. package/dist/esm/index.js.map +0 -7
@@ -1,322 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerController_exports = {};
29
- __export(DatePickerController_exports, {
30
- DSDatePickerController: () => DSDatePickerController,
31
- default: () => DSDatePickerController
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_lodash = require("lodash");
36
- var import_prop_types = __toESM(require("prop-types"));
37
- var import_moment = __toESM(require("moment"));
38
- var import_initialize = require("react-dates/initialize");
39
- var import_react_dates = require("react-dates");
40
- var import_ds_classnames = require("@elliemae/ds-classnames");
41
- var import_ds_icons = require("@elliemae/ds-icons");
42
- var import_defaultPhrases = require("../../defaultPhrases");
43
- var import_DatePickerRenderMonth = require("../DatePickerRenderMonth/DatePickerRenderMonth");
44
- var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
45
- var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
46
- const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
47
- const focusElementOnOpen = (0, import_lodash.debounce)((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
48
- if (datePickerDom) {
49
- const currentDay = Array.from(datePickerDom?.getElementsByClassName("CalendarDay__today")).filter((el) => !el.className.includes("CalendarDay__outside"))[0];
50
- const [calendarDaySelected] = datePickerDom?.getElementsByClassName("CalendarDay__selected");
51
- if (calendarDaySelected) {
52
- calendarDaySelected?.focus?.();
53
- } else if (focusCurrentDate && !calendarDaySelected)
54
- currentDay.focus();
55
- else {
56
- const navButton = firstFocusableItemDom?.closest(".DayPickerNavigation_button>div");
57
- navButton?.focus?.();
58
- }
59
- }
60
- }, 100);
61
- class DSDatePickerController extends import_react.default.Component {
62
- constructor(props) {
63
- super(props);
64
- this.handleMouseUp = () => {
65
- const focusedElement = document.activeElement;
66
- focusedElement?.blur?.();
67
- };
68
- this.handleKeyDown = (event) => {
69
- const [firstDay, ...restOfDays] = document.getElementsByClassName("CalendarMonthGrid_month__horizontal")[1].getElementsByClassName("CalendarDay");
70
- const [lastDay] = restOfDays.slice(-1);
71
- const { onClickEscape } = this.props;
72
- switch (event.key) {
73
- case "Home":
74
- firstDay.focus();
75
- break;
76
- case "End":
77
- lastDay.focus();
78
- break;
79
- case "Escape":
80
- onClickEscape();
81
- break;
82
- default:
83
- break;
84
- }
85
- };
86
- this.getSafeValue = () => {
87
- const { value, date, defaultValue } = this.props;
88
- const { selectedDate } = this.state;
89
- if (value)
90
- return (0, import_moment.default)(value);
91
- if (date)
92
- return (0, import_moment.default)(date);
93
- if (defaultValue)
94
- return (0, import_moment.default)(defaultValue);
95
- if (selectedDate)
96
- return (0, import_moment.default)(selectedDate);
97
- return null;
98
- };
99
- this.isControlled = () => {
100
- const { value, date } = this.props;
101
- return Boolean(value) || Boolean(date);
102
- };
103
- this.handleDateChange = (date) => {
104
- const { readOnly, onDateChange, onChange } = this.props;
105
- if (!readOnly) {
106
- if (!this.isControlled()) {
107
- this.setState({ selectedDate: date });
108
- }
109
- onDateChange(date);
110
- onChange(date);
111
- }
112
- };
113
- this.handleChange = (dataInput) => {
114
- const { onDateChange, onChange } = this.props;
115
- const momentvalue = (0, import_moment.default)(dataInput.target.value);
116
- this.setState({ selectedDate: momentvalue });
117
- onDateChange(momentvalue);
118
- onChange(momentvalue);
119
- };
120
- this.handleNavClick = (date, nav) => {
121
- const [prev, next] = document.getElementsByClassName("DayPickerNavigation_button");
122
- const { onPrevMonthClick, onNextMonthClick } = this.props;
123
- if (nav === "prev") {
124
- prev?.focus?.();
125
- onPrevMonthClick(date);
126
- } else {
127
- next?.focus?.();
128
- onNextMonthClick(date);
129
- }
130
- };
131
- this.insideBlur = (event) => {
132
- const { datePicker } = this.state;
133
- if (!datePicker.current.contains(event.currentTarget)) {
134
- this.props.onClose();
135
- }
136
- };
137
- this.state = {
138
- selectedDate: null,
139
- firstFocusableItem: import_react.default.createRef(),
140
- datePicker: import_react.default.createRef()
141
- };
142
- }
143
- componentDidMount() {
144
- const { datePicker, firstFocusableItem } = this.state;
145
- datePicker.current.addEventListener("mouseup", this.handleMouseUp, false);
146
- document.addEventListener("keydown", this.handleKeyDown, false);
147
- setTimeout(() => {
148
- focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);
149
- }, 400);
150
- }
151
- componentWillUnmount() {
152
- const { datePicker } = this.state;
153
- datePicker.current.removeEventListener("mouseup", this.handleMouseUp, false);
154
- document.removeEventListener("keydown", this.handleKeyDown, false);
155
- }
156
- render() {
157
- const {
158
- numberOfMonths,
159
- enableOutsideDays,
160
- transitionDuration,
161
- initialVisibleMonth,
162
- firstDayOfWeek,
163
- keepOpenOnDateSelect,
164
- hideKeyboardShortcutsPanel,
165
- onClose,
166
- phrases,
167
- displayFormatDay,
168
- isDayBlocked,
169
- isOutsideRange,
170
- isDayHighlighted,
171
- onOutsideClick,
172
- key,
173
- calendarProps
174
- } = this.props;
175
- const { datePicker, firstFocusableItem } = this.state;
176
- const safedate = this.getSafeValue();
177
- const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;
178
- return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
179
- onBlur: this.insideBlur,
180
- ref: datePicker,
181
- className: classNameBlock("wrapper-day-picker-single-date-controller"),
182
- "data-testid": "calendar-wrapper",
183
- ...calendarProps
184
- }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerSingleDateController, {
185
- key,
186
- date: safedate,
187
- enableOutsideDays,
188
- firstDayOfWeek,
189
- focused: true,
190
- hideKeyboardShortcutsPanel,
191
- initialVisibleMonth: safeinitialMonth,
192
- isDayBlocked,
193
- isDayHighlighted,
194
- isOutsideRange,
195
- keepOpenOnDateSelect,
196
- navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
197
- className: classNameElement("navigation-next")
198
- }),
199
- navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
200
- className: classNameElement("navigation-prev"),
201
- icon: import_ds_icons.ChevronLeft,
202
- innerRef: firstFocusableItem
203
- }),
204
- renderMonthElement: import_DatePickerRenderMonth.renderMonthElement,
205
- numberOfMonths,
206
- onClose,
207
- onDateChange: this.handleDateChange,
208
- onNextMonthClick: this.handleNavClick("next"),
209
- onOutsideClick,
210
- onPrevMonthClick: this.handleNavClick("prev"),
211
- phrases,
212
- renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
213
- className: classNameElement("day-contents"),
214
- date: date.format(displayFormatDay)
215
- }),
216
- transitionDuration,
217
- onTab: (e) => {
218
- if (e.target.classList.contains("CalendarDay")) {
219
- e.preventDefault();
220
- onClose();
221
- }
222
- }
223
- })));
224
- }
225
- }
226
- DSDatePickerController.defaultProps = {
227
- date: "",
228
- value: "",
229
- enableOutsideDays: false,
230
- initialVisibleMonth: (0, import_moment.default)(),
231
- firstDayOfWeek: 0,
232
- keepOpenOnDateSelect: true,
233
- hideKeyboardShortcutsPanel: true,
234
- onPrevMonthClick: () => null,
235
- onNextMonthClick: () => null,
236
- onClose: () => null,
237
- onChange: () => null,
238
- onClickEscape: () => null,
239
- onDateChange: () => null,
240
- phrases: import_defaultPhrases.SingleDatePickerPhrases,
241
- displayFormatDay: "D",
242
- transitionDuration: 0,
243
- isDayBlocked: () => false,
244
- isOutsideRange: () => false,
245
- isDayHighlighted: () => false,
246
- numberOfMonths: 1
247
- };
248
- DSDatePickerController.propTypes = {
249
- date: import_prop_types.default.instanceOf(Date, import_moment.default),
250
- value: import_prop_types.default.oneOf(import_prop_types.default.instanceOf(Date), import_prop_types.default.instanceOf(import_moment.default)),
251
- enableOutsideDays: import_prop_types.default.bool,
252
- initialVisibleMonth: import_prop_types.default.instanceOf(Date, import_moment.default),
253
- firstDayOfWeek: import_prop_types.default.number,
254
- keepOpenOnDateSelect: import_prop_types.default.bool,
255
- hideKeyboardShortcutsPanel: import_prop_types.default.bool,
256
- onPrevMonthClick: import_prop_types.default.func,
257
- onNextMonthClick: import_prop_types.default.func,
258
- onClose: import_prop_types.default.func,
259
- onClickEscape: import_prop_types.default.func,
260
- onChange: import_prop_types.default.func,
261
- onDateChange: import_prop_types.default.func,
262
- phrases: import_defaultPhrases.SingleDatePickerPhrases,
263
- displayFormatDay: import_prop_types.default.string,
264
- transitionDuration: import_prop_types.default.number,
265
- isDayBlocked: import_prop_types.default.func,
266
- isOutsideRange: import_prop_types.default.func,
267
- isDayHighlighted: import_prop_types.default.func,
268
- numberOfMonths: import_prop_types.default.number
269
- };
270
- DSDatePickerController.defaultProps = {
271
- date: "",
272
- value: "",
273
- enableOutsideDays: false,
274
- initialVisibleMonth: (0, import_moment.default)(),
275
- firstDayOfWeek: 0,
276
- keepOpenOnDateSelect: true,
277
- hideKeyboardShortcutsPanel: true,
278
- onPrevMonthClick: () => null,
279
- onNextMonthClick: () => null,
280
- onClose: () => null,
281
- onClickEscape: () => null,
282
- onChange: () => null,
283
- onDateChange: () => null,
284
- phrases: import_prop_types.default.shape({
285
- calendarLabel: import_prop_types.default.string,
286
- closeDatePicker: import_prop_types.default.string,
287
- clearDates: import_prop_types.default.string,
288
- focusStartDate: import_prop_types.default.string,
289
- jumpToPrevMonth: import_prop_types.default.string,
290
- jumpToNextMonth: import_prop_types.default.string,
291
- keyboardShortcuts: import_prop_types.default.string,
292
- showKeyboardShortcutsPanel: import_prop_types.default.string,
293
- hideKeyboardShortcutsPanel: import_prop_types.default.string,
294
- openThisPanel: import_prop_types.default.string,
295
- enterKey: import_prop_types.default.string,
296
- leftArrowRightArrow: import_prop_types.default.string,
297
- upArrowDownArrow: import_prop_types.default.string,
298
- pageUpPageDown: import_prop_types.default.string,
299
- homeEnd: import_prop_types.default.string,
300
- escape: import_prop_types.default.string,
301
- questionMark: import_prop_types.default.string,
302
- selectFocusedDate: import_prop_types.default.string,
303
- moveFocusByOneDay: import_prop_types.default.string,
304
- moveFocusByOneWeek: import_prop_types.default.string,
305
- moveFocusByOneMonth: import_prop_types.default.string,
306
- moveFocustoStartAndEndOfWeek: import_prop_types.default.string,
307
- returnFocusToInput: import_prop_types.default.string,
308
- keyboardNavigationInstructions: import_prop_types.default.string,
309
- chooseAvailableStartDate: import_prop_types.default.func,
310
- chooseAvailableEndDate: import_prop_types.default.func,
311
- dateIsUnavailable: import_prop_types.default.func,
312
- dateIsSelected: import_prop_types.default.func
313
- }),
314
- displayFormatDay: "D",
315
- transitionDuration: 0,
316
- isDayBlocked: () => false,
317
- isOutsideRange: () => false,
318
- isDayHighlighted: () => false,
319
- numberOfMonths: 1
320
- };
321
- module.exports = __toCommonJS(DatePickerController_exports);
322
- //# sourceMappingURL=DatePickerController.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/DatePickerController/DatePickerController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport 'react-dates/initialize';\nimport { DayPickerSingleDateController } from 'react-dates';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { SingleDatePickerPhrases } from '../../defaultPhrases';\nimport { renderMonthElement } from '../DatePickerRenderMonth/DatePickerRenderMonth';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay';\n\ninterface DSDatePickerControllerStateType {\n selectedDate: any;\n firstFocusableItem: React.RefObject<HTMLElement>;\n datePicker: React.RefObject<HTMLElement>;\n}\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker-range');\n\nconst focusElementOnOpen = debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {\n if (datePickerDom) {\n const currentDay = Array.from(datePickerDom?.getElementsByClassName('CalendarDay__today')).filter(\n (el) => !el.className.includes('CalendarDay__outside'),\n )[0];\n const [calendarDaySelected] = datePickerDom?.getElementsByClassName('CalendarDay__selected');\n if (calendarDaySelected) {\n calendarDaySelected?.focus?.();\n } else if (focusCurrentDate && !calendarDaySelected) currentDay.focus();\n else {\n const navButton = firstFocusableItemDom?.closest('.DayPickerNavigation_button>div');\n navButton?.focus?.();\n }\n }\n}, 100);\n\nexport default class DSDatePickerController extends React.Component<any, DSDatePickerControllerStateType> {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = {\n date: '',\n value: '',\n enableOutsideDays: false,\n initialVisibleMonth: moment(),\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onChange: () => null,\n onClickEscape: () => null,\n onDateChange: () => null,\n phrases: SingleDatePickerPhrases,\n // displayFormat: 'L',\n displayFormatDay: 'D',\n transitionDuration: 0,\n // verticalSpacing: 0,\n isDayBlocked: () => false,\n isOutsideRange: () => false,\n isDayHighlighted: () => false,\n numberOfMonths: 1,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n selectedDate: null,\n firstFocusableItem: React.createRef(),\n datePicker: React.createRef(),\n };\n }\n\n componentDidMount() {\n const { datePicker, firstFocusableItem } = this.state;\n datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);\n document.addEventListener('keydown', this.handleKeyDown, false);\n setTimeout(() => {\n focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);\n }, 400);\n }\n\n componentWillUnmount() {\n const { datePicker } = this.state;\n datePicker.current.removeEventListener('mouseup', this.handleMouseUp, false);\n document.removeEventListener('keydown', this.handleKeyDown, false);\n }\n\n handleMouseUp = () => {\n const focusedElement = document.activeElement;\n\n focusedElement?.blur?.();\n };\n\n handleKeyDown = (event) => {\n const [firstDay, ...restOfDays] = document\n .getElementsByClassName('CalendarMonthGrid_month__horizontal')[1]\n .getElementsByClassName('CalendarDay');\n const [lastDay] = restOfDays.slice(-1);\n const { onClickEscape } = this.props;\n\n switch (event.key) {\n case 'Home':\n firstDay.focus();\n break;\n case 'End':\n lastDay.focus();\n break;\n case 'Escape':\n onClickEscape();\n break;\n default:\n break;\n }\n };\n\n getSafeValue = () => {\n const { value, date, defaultValue } = this.props;\n const { selectedDate } = this.state;\n\n if (value) return moment(value);\n if (date) return moment(date);\n if (defaultValue) return moment(defaultValue);\n if (selectedDate) return moment(selectedDate);\n\n return null;\n };\n\n isControlled = () => {\n const { value, date } = this.props;\n return Boolean(value) || Boolean(date);\n };\n\n handleDateChange = (date) => {\n const { readOnly, onDateChange, onChange } = this.props;\n if (!readOnly) {\n if (!this.isControlled()) {\n this.setState({ selectedDate: date });\n }\n onDateChange(date);\n onChange(date);\n }\n };\n\n handleChange = (dataInput) => {\n const { onDateChange, onChange } = this.props;\n const momentvalue = moment(dataInput.target.value);\n this.setState({ selectedDate: momentvalue });\n onDateChange(momentvalue);\n onChange(momentvalue);\n };\n\n handleNavClick = (date, nav) => {\n const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');\n const { onPrevMonthClick, onNextMonthClick } = this.props;\n\n if (nav === 'prev') {\n prev?.focus?.();\n onPrevMonthClick(date);\n } else {\n next?.focus?.();\n onNextMonthClick(date);\n }\n };\n\n insideBlur = (event) => {\n const { datePicker } = this.state;\n if (!datePicker.current.contains(event.currentTarget)) {\n this.props.onClose();\n }\n };\n\n render() {\n const {\n numberOfMonths,\n enableOutsideDays,\n transitionDuration,\n initialVisibleMonth,\n firstDayOfWeek,\n keepOpenOnDateSelect,\n hideKeyboardShortcutsPanel,\n onClose,\n phrases,\n displayFormatDay,\n isDayBlocked,\n isOutsideRange,\n isDayHighlighted,\n onOutsideClick,\n key,\n calendarProps,\n } = this.props;\n const { datePicker, firstFocusableItem } = this.state;\n\n const safedate = this.getSafeValue();\n const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;\n\n return (\n <div>\n <div\n onBlur={this.insideBlur}\n ref={datePicker}\n className={classNameBlock('wrapper-day-picker-single-date-controller')}\n data-testid=\"calendar-wrapper\"\n {...calendarProps}\n >\n <DayPickerSingleDateController\n key={key}\n date={safedate}\n enableOutsideDays={enableOutsideDays}\n firstDayOfWeek={firstDayOfWeek}\n focused\n hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n initialVisibleMonth={safeinitialMonth}\n isDayBlocked={isDayBlocked}\n isDayHighlighted={isDayHighlighted}\n isOutsideRange={isOutsideRange}\n keepOpenOnDateSelect={keepOpenOnDateSelect}\n navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n navPrev={\n <DatePickerNavigation\n className={classNameElement('navigation-prev')}\n icon={ChevronLeft}\n innerRef={firstFocusableItem}\n />\n }\n renderMonthElement={renderMonthElement}\n numberOfMonths={numberOfMonths}\n onClose={onClose}\n onDateChange={this.handleDateChange}\n onNextMonthClick={this.handleNavClick('next')}\n onOutsideClick={onOutsideClick}\n onPrevMonthClick={this.handleNavClick('prev')}\n phrases={phrases}\n renderDayContents={(date) => (\n <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n )}\n transitionDuration={transitionDuration}\n onTab={(e) => {\n if (e.target.classList.contains('CalendarDay')) {\n e.preventDefault();\n onClose();\n }\n }}\n />\n </div>\n </div>\n );\n }\n}\n\nDSDatePickerController.propTypes = {\n date: PropTypes.instanceOf(Date, moment),\n value: PropTypes.oneOf(PropTypes.instanceOf(Date), PropTypes.instanceOf(moment)),\n enableOutsideDays: PropTypes.bool,\n initialVisibleMonth: PropTypes.instanceOf(Date, moment),\n firstDayOfWeek: PropTypes.number,\n keepOpenOnDateSelect: PropTypes.bool,\n hideKeyboardShortcutsPanel: PropTypes.bool,\n onPrevMonthClick: PropTypes.func,\n onNextMonthClick: PropTypes.func,\n onClose: PropTypes.func,\n onClickEscape: PropTypes.func,\n onChange: PropTypes.func,\n onDateChange: PropTypes.func,\n phrases: SingleDatePickerPhrases,\n // displayFormat: PropTypes.string,\n displayFormatDay: PropTypes.string,\n transitionDuration: PropTypes.number,\n // verticalSpacing: PropTypes.number,\n isDayBlocked: PropTypes.func,\n isOutsideRange: PropTypes.func,\n isDayHighlighted: PropTypes.func,\n numberOfMonths: PropTypes.number,\n};\n\nDSDatePickerController.defaultProps = {\n date: '',\n value: '',\n enableOutsideDays: false,\n initialVisibleMonth: moment(),\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onClickEscape: () => null,\n onChange: () => null,\n onDateChange: () => null,\n phrases: PropTypes.shape({\n calendarLabel: PropTypes.string,\n closeDatePicker: PropTypes.string,\n clearDates: PropTypes.string,\n focusStartDate: PropTypes.string,\n jumpToPrevMonth: PropTypes.string,\n jumpToNextMonth: PropTypes.string,\n keyboardShortcuts: PropTypes.string,\n showKeyboardShortcutsPanel: PropTypes.string,\n hideKeyboardShortcutsPanel: PropTypes.string,\n openThisPanel: PropTypes.string,\n enterKey: PropTypes.string,\n leftArrowRightArrow: PropTypes.string,\n upArrowDownArrow: PropTypes.string,\n pageUpPageDown: PropTypes.string,\n homeEnd: PropTypes.string,\n escape: PropTypes.string,\n questionMark: PropTypes.string,\n selectFocusedDate: PropTypes.string,\n moveFocusByOneDay: PropTypes.string,\n moveFocusByOneWeek: PropTypes.string,\n moveFocusByOneMonth: PropTypes.string,\n moveFocustoStartAndEndOfWeek: PropTypes.string,\n returnFocusToInput: PropTypes.string,\n keyboardNavigationInstructions: PropTypes.string,\n chooseAvailableStartDate: PropTypes.func,\n chooseAvailableEndDate: PropTypes.func,\n dateIsUnavailable: PropTypes.func,\n dateIsSelected: PropTypes.func,\n }),\n // displayFormat: 'L',\n displayFormatDay: 'D',\n transitionDuration: 0,\n // verticalSpacing: 0,\n isDayBlocked: () => false,\n isOutsideRange: () => false,\n isDayHighlighted: () => false,\n numberOfMonths: 1,\n};\n\nexport { DSDatePickerController };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,49 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerDay_exports = {};
29
- __export(DatePickerDay_exports, {
30
- DatePickerDay: () => Day,
31
- default: () => DatePickerDay_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_prop_types = __toESM(require("prop-types"));
36
- const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ import_react.default.createElement("div", {
37
- className,
38
- "data-testid": `datepicker-day-${date}`
39
- }, /* @__PURE__ */ import_react.default.createElement("div", {
40
- className: `${className}-half`,
41
- "data-testid": "datepicker-day"
42
- }, date));
43
- Day.propTypes = {
44
- className: import_prop_types.default.string,
45
- date: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])
46
- };
47
- var DatePickerDay_default = Day;
48
- module.exports = __toCommonJS(DatePickerDay_exports);
49
- //# sourceMappingURL=DatePickerDay.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/DatePickerDay/DatePickerDay.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Day = ({ className = 'date-picker-content-day', date = '' }) => (\n <div className={className} data-testid={`datepicker-day-${date}`}>\n <div className={`${className}-half`} data-testid=\"datepicker-day\">\n {date}\n </div>\n </div>\n);\nDay.propTypes = {\n className: PropTypes.string,\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { Day as DatePickerDay };\nexport default Day;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AAEtB,MAAM,MAAM,CAAC,EAAE,YAAY,2BAA2B,OAAO,SAC3D,mDAAC,OAAD;AAAA,EAAK;AAAA,EAAsB,eAAa,kBAAkB;AAAA,GACxD,mDAAC,OAAD;AAAA,EAAK,WAAW,GAAG;AAAA,EAAkB,eAAY;AAAA,GAC9C;AAIP,IAAI,YAAY;AAAA,EACd,WAAW,0BAAU;AAAA,EACrB,MAAM,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU;AAAA;AAIzD,IAAO,wBAAQ;",
6
- "names": []
7
- }
@@ -1,85 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerDropdown_exports = {};
29
- __export(DatePickerDropdown_exports, {
30
- DatePickerDropdown: () => DatePickerDropdown,
31
- default: () => DatePickerDropdown_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_prop_types = __toESM(require("prop-types"));
36
- var import_ds_classnames = require("@elliemae/ds-classnames");
37
- var import_ds_popper = require("@elliemae/ds-popper");
38
- var import_DatePickerPicker = require("./DatePickerPicker/DatePickerPicker");
39
- const { classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
40
- const noop = () => null;
41
- function DatePickerDropdown({
42
- disabled = false,
43
- readOnly,
44
- onClick = noop,
45
- isOpen,
46
- menu,
47
- zIndex = 1,
48
- pickerProps,
49
- pickerRef
50
- }) {
51
- return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
52
- contentComponent: menu,
53
- isOpen,
54
- modifiers: {
55
- preventOverflow: {
56
- enabled: true,
57
- padding: 0,
58
- boundariesElement: "window"
59
- }
60
- },
61
- showArrow: false,
62
- triggerComponent: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_DatePickerPicker.DatePickerPicker, {
63
- innerRef: pickerRef,
64
- ...pickerProps,
65
- className: classNameElement("picker"),
66
- disabled,
67
- onClick,
68
- readOnly
69
- })),
70
- zIndex
71
- });
72
- }
73
- DatePickerDropdown.propTypes = {
74
- pickerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
75
- disabled: import_prop_types.default.bool,
76
- readOnly: import_prop_types.default.bool,
77
- onClick: import_prop_types.default.func,
78
- isOpen: import_prop_types.default.bool,
79
- menu: import_prop_types.default.element,
80
- zIndex: import_prop_types.default.number,
81
- pickerProps: import_prop_types.default.shape(import_DatePickerPicker.PickerPropsTypes)
82
- };
83
- var DatePickerDropdown_default = DatePickerDropdown;
84
- module.exports = __toCommonJS(DatePickerDropdown_exports);
85
- //# sourceMappingURL=DatePickerDropdown.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/DatePickerDropdown.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSPopper } from '@elliemae/ds-popper';\nimport { DatePickerPicker, PickerPropsTypes } from './DatePickerPicker/DatePickerPicker';\nconst { classNameElement } = convertPropToCssClassName('datepicker-range');\n\nconst noop = () => null;\nfunction DatePickerDropdown({\n disabled = false,\n readOnly,\n onClick = noop,\n isOpen,\n menu,\n zIndex = 1,\n pickerProps,\n pickerRef,\n}) {\n return (\n <DSPopper\n contentComponent={menu}\n isOpen={isOpen}\n modifiers={{\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: 'window',\n },\n }}\n showArrow={false}\n triggerComponent={\n <div>\n <DatePickerPicker\n innerRef={pickerRef}\n {...pickerProps}\n className={classNameElement('picker')}\n disabled={disabled}\n onClick={onClick}\n readOnly={readOnly}\n />\n </div>\n }\n zIndex={zIndex}\n />\n );\n}\n\nDatePickerDropdown.propTypes = {\n pickerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n disabled: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n isOpen: PropTypes.bool,\n menu: PropTypes.element,\n zIndex: PropTypes.number,\n pickerProps: PropTypes.shape(PickerPropsTypes),\n};\n\nexport { DatePickerDropdown };\nexport default DatePickerDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,2BAA0C;AAC1C,uBAAyB;AACzB,8BAAmD;AACnD,MAAM,EAAE,qBAAqB,oDAA0B;AAEvD,MAAM,OAAO,MAAM;AACnB,4BAA4B;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,GACC;AACD,SACE,mDAAC,2BAAD;AAAA,IACE,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA;AAAA;AAAA,IAGvB,WAAW;AAAA,IACX,kBACE,mDAAC,OAAD,MACE,mDAAC,0CAAD;AAAA,MACE,UAAU;AAAA,SACN;AAAA,MACJ,WAAW,iBAAiB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAIN;AAAA;AAAA;AAKN,mBAAmB,YAAY;AAAA,EAC7B,WAAW,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA,EACrF,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA,EACpB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,MAAM,0BAAU;AAAA,EAChB,QAAQ,0BAAU;AAAA,EAClB,aAAa,0BAAU,MAAM;AAAA;AAI/B,IAAO,6BAAQ;",
6
- "names": []
7
- }
@@ -1,74 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerHeader_exports = {};
29
- __export(DatePickerHeader_exports, {
30
- DatePickerHeader: () => DatePickerHeader,
31
- default: () => DatePickerHeader_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_prop_types = __toESM(require("prop-types"));
36
- var import_moment = __toESM(require("moment"));
37
- var import_ds_form = require("@elliemae/ds-form");
38
- var import_ds_classnames = require("@elliemae/ds-classnames");
39
- const DATE_FORMAT = "MMDDYYYY";
40
- const blockname = "date-picker-header";
41
- const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname);
42
- const isFn = (variable) => typeof variable === "function";
43
- const DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {
44
- const [value, setValue] = (0, import_react.useState)(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : "");
45
- (0, import_react.useEffect)(() => {
46
- if (isFn(selectedDate?.format)) {
47
- setValue(selectedDate?.format(DATE_FORMAT));
48
- }
49
- }, [selectedDate]);
50
- const handleOnChange = (newDate) => {
51
- setValue(newDate);
52
- };
53
- const handleOnKeyDown = (e) => {
54
- if (e.key === "Enter" && value.length === DATE_FORMAT.length) {
55
- const momentValue = (0, import_moment.default)(value, DATE_FORMAT);
56
- onInputChange(momentValue);
57
- updateKeyDate(momentValue);
58
- }
59
- };
60
- return /* @__PURE__ */ import_react.default.createElement(Header, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
61
- onChange: handleOnChange,
62
- onKeyDown: handleOnKeyDown,
63
- value,
64
- containerProps: { "data-testid": "start-date" }
65
- })));
66
- };
67
- DatePickerHeader.propTypes = {
68
- onInputChange: import_prop_types.default.func,
69
- selectedDate: import_prop_types.default.any,
70
- updateKeyDate: import_prop_types.default.any
71
- };
72
- var DatePickerHeader_default = DatePickerHeader;
73
- module.exports = __toCommonJS(DatePickerHeader_exports);
74
- //# sourceMappingURL=DatePickerHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/DatePickerHeader/DatePickerHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable no-console */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DSDateInputV2, DSInputGroup } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst DATE_FORMAT = 'MMDDYYYY';\nconst blockname = 'date-picker-header';\nconst Header = aggregatedClasses('div')(blockname);\n\nconst isFn = (variable) => typeof variable === 'function';\n\nconst DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {\n const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : '');\n\n useEffect(() => {\n if (isFn(selectedDate?.format)) {\n setValue(selectedDate?.format(DATE_FORMAT));\n }\n }, [selectedDate]);\n\n const handleOnChange = (newDate) => {\n setValue(newDate);\n };\n\n const handleOnKeyDown = (e) => {\n if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {\n const momentValue = moment(value, DATE_FORMAT);\n onInputChange(momentValue);\n updateKeyDate(momentValue);\n }\n };\n\n return (\n <Header>\n <DSInputGroup>\n <DSDateInputV2\n onChange={handleOnChange}\n onKeyDown={handleOnKeyDown}\n value={value}\n containerProps={{ 'data-testid': 'start-date' }}\n />\n </DSInputGroup>\n </Header>\n );\n};\n\nDatePickerHeader.propTypes = {\n onInputChange: PropTypes.func,\n selectedDate: PropTypes.any,\n updateKeyDate: PropTypes.any,\n};\n\nexport { DatePickerHeader };\nexport default DatePickerHeader;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAC3C,wBAAsB;AACtB,oBAAmB;AACnB,qBAA4C;AAC5C,2BAAkC;AAElC,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,SAAS,4CAAkB,OAAO;AAExC,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,oBAAoB;AACxF,QAAM,CAAC,OAAO,YAAY,2BAAS,KAAK,cAAc,UAAU,aAAa,OAAO,eAAe;AAEnG,8BAAU,MAAM;AACd,QAAI,KAAK,cAAc,SAAS;AAC9B,eAAS,cAAc,OAAO;AAAA;AAAA,KAE/B,CAAC;AAEJ,QAAM,iBAAiB,CAAC,YAAY;AAClC,aAAS;AAAA;AAGX,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,WAAW,MAAM,WAAW,YAAY,QAAQ;AAC5D,YAAM,cAAc,2BAAO,OAAO;AAClC,oBAAc;AACd,oBAAc;AAAA;AAAA;AAIlB,SACE,mDAAC,QAAD,MACE,mDAAC,6BAAD,MACE,mDAAC,8BAAD;AAAA,IACE,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB,EAAE,eAAe;AAAA;AAAA;AAO3C,iBAAiB,YAAY;AAAA,EAC3B,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAAA,EACxB,eAAe,0BAAU;AAAA;AAI3B,IAAO,2BAAQ;",
6
- "names": []
7
- }