@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,293 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { debounce } from "lodash";
4
- import PropTypes from "prop-types";
5
- import moment from "moment";
6
- import "react-dates/initialize";
7
- import { DayPickerSingleDateController } from "react-dates";
8
- import { convertPropToCssClassName } from "@elliemae/ds-classnames";
9
- import { ChevronLeft } from "@elliemae/ds-icons";
10
- import { SingleDatePickerPhrases } from "../../defaultPhrases";
11
- import { renderMonthElement } from "../DatePickerRenderMonth/DatePickerRenderMonth";
12
- import { DatePickerNavigation } from "../DatePickerNavigation/DatePickerNavigation";
13
- import { DatePickerDay } from "../DatePickerDay/DatePickerDay";
14
- const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker-range");
15
- const focusElementOnOpen = debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
16
- if (datePickerDom) {
17
- const currentDay = Array.from(datePickerDom?.getElementsByClassName("CalendarDay__today")).filter((el) => !el.className.includes("CalendarDay__outside"))[0];
18
- const [calendarDaySelected] = datePickerDom?.getElementsByClassName("CalendarDay__selected");
19
- if (calendarDaySelected) {
20
- calendarDaySelected?.focus?.();
21
- } else if (focusCurrentDate && !calendarDaySelected)
22
- currentDay.focus();
23
- else {
24
- const navButton = firstFocusableItemDom?.closest(".DayPickerNavigation_button>div");
25
- navButton?.focus?.();
26
- }
27
- }
28
- }, 100);
29
- class DSDatePickerController extends React2.Component {
30
- constructor(props) {
31
- super(props);
32
- this.handleMouseUp = () => {
33
- const focusedElement = document.activeElement;
34
- focusedElement?.blur?.();
35
- };
36
- this.handleKeyDown = (event) => {
37
- const [firstDay, ...restOfDays] = document.getElementsByClassName("CalendarMonthGrid_month__horizontal")[1].getElementsByClassName("CalendarDay");
38
- const [lastDay] = restOfDays.slice(-1);
39
- const { onClickEscape } = this.props;
40
- switch (event.key) {
41
- case "Home":
42
- firstDay.focus();
43
- break;
44
- case "End":
45
- lastDay.focus();
46
- break;
47
- case "Escape":
48
- onClickEscape();
49
- break;
50
- default:
51
- break;
52
- }
53
- };
54
- this.getSafeValue = () => {
55
- const { value, date, defaultValue } = this.props;
56
- const { selectedDate } = this.state;
57
- if (value)
58
- return moment(value);
59
- if (date)
60
- return moment(date);
61
- if (defaultValue)
62
- return moment(defaultValue);
63
- if (selectedDate)
64
- return moment(selectedDate);
65
- return null;
66
- };
67
- this.isControlled = () => {
68
- const { value, date } = this.props;
69
- return Boolean(value) || Boolean(date);
70
- };
71
- this.handleDateChange = (date) => {
72
- const { readOnly, onDateChange, onChange } = this.props;
73
- if (!readOnly) {
74
- if (!this.isControlled()) {
75
- this.setState({ selectedDate: date });
76
- }
77
- onDateChange(date);
78
- onChange(date);
79
- }
80
- };
81
- this.handleChange = (dataInput) => {
82
- const { onDateChange, onChange } = this.props;
83
- const momentvalue = moment(dataInput.target.value);
84
- this.setState({ selectedDate: momentvalue });
85
- onDateChange(momentvalue);
86
- onChange(momentvalue);
87
- };
88
- this.handleNavClick = (date, nav) => {
89
- const [prev, next] = document.getElementsByClassName("DayPickerNavigation_button");
90
- const { onPrevMonthClick, onNextMonthClick } = this.props;
91
- if (nav === "prev") {
92
- prev?.focus?.();
93
- onPrevMonthClick(date);
94
- } else {
95
- next?.focus?.();
96
- onNextMonthClick(date);
97
- }
98
- };
99
- this.insideBlur = (event) => {
100
- const { datePicker } = this.state;
101
- if (!datePicker.current.contains(event.currentTarget)) {
102
- this.props.onClose();
103
- }
104
- };
105
- this.state = {
106
- selectedDate: null,
107
- firstFocusableItem: React2.createRef(),
108
- datePicker: React2.createRef()
109
- };
110
- }
111
- componentDidMount() {
112
- const { datePicker, firstFocusableItem } = this.state;
113
- datePicker.current.addEventListener("mouseup", this.handleMouseUp, false);
114
- document.addEventListener("keydown", this.handleKeyDown, false);
115
- setTimeout(() => {
116
- focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);
117
- }, 400);
118
- }
119
- componentWillUnmount() {
120
- const { datePicker } = this.state;
121
- datePicker.current.removeEventListener("mouseup", this.handleMouseUp, false);
122
- document.removeEventListener("keydown", this.handleKeyDown, false);
123
- }
124
- render() {
125
- const {
126
- numberOfMonths,
127
- enableOutsideDays,
128
- transitionDuration,
129
- initialVisibleMonth,
130
- firstDayOfWeek,
131
- keepOpenOnDateSelect,
132
- hideKeyboardShortcutsPanel,
133
- onClose,
134
- phrases,
135
- displayFormatDay,
136
- isDayBlocked,
137
- isOutsideRange,
138
- isDayHighlighted,
139
- onOutsideClick,
140
- key,
141
- calendarProps
142
- } = this.props;
143
- const { datePicker, firstFocusableItem } = this.state;
144
- const safedate = this.getSafeValue();
145
- const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;
146
- return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
147
- onBlur: this.insideBlur,
148
- ref: datePicker,
149
- className: classNameBlock("wrapper-day-picker-single-date-controller"),
150
- "data-testid": "calendar-wrapper",
151
- ...calendarProps
152
- }, /* @__PURE__ */ React2.createElement(DayPickerSingleDateController, {
153
- key,
154
- date: safedate,
155
- enableOutsideDays,
156
- firstDayOfWeek,
157
- focused: true,
158
- hideKeyboardShortcutsPanel,
159
- initialVisibleMonth: safeinitialMonth,
160
- isDayBlocked,
161
- isDayHighlighted,
162
- isOutsideRange,
163
- keepOpenOnDateSelect,
164
- navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
165
- className: classNameElement("navigation-next")
166
- }),
167
- navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
168
- className: classNameElement("navigation-prev"),
169
- icon: ChevronLeft,
170
- innerRef: firstFocusableItem
171
- }),
172
- renderMonthElement,
173
- numberOfMonths,
174
- onClose,
175
- onDateChange: this.handleDateChange,
176
- onNextMonthClick: this.handleNavClick("next"),
177
- onOutsideClick,
178
- onPrevMonthClick: this.handleNavClick("prev"),
179
- phrases,
180
- renderDayContents: (date) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
181
- className: classNameElement("day-contents"),
182
- date: date.format(displayFormatDay)
183
- }),
184
- transitionDuration,
185
- onTab: (e) => {
186
- if (e.target.classList.contains("CalendarDay")) {
187
- e.preventDefault();
188
- onClose();
189
- }
190
- }
191
- })));
192
- }
193
- }
194
- DSDatePickerController.defaultProps = {
195
- date: "",
196
- value: "",
197
- enableOutsideDays: false,
198
- initialVisibleMonth: moment(),
199
- firstDayOfWeek: 0,
200
- keepOpenOnDateSelect: true,
201
- hideKeyboardShortcutsPanel: true,
202
- onPrevMonthClick: () => null,
203
- onNextMonthClick: () => null,
204
- onClose: () => null,
205
- onChange: () => null,
206
- onClickEscape: () => null,
207
- onDateChange: () => null,
208
- phrases: SingleDatePickerPhrases,
209
- displayFormatDay: "D",
210
- transitionDuration: 0,
211
- isDayBlocked: () => false,
212
- isOutsideRange: () => false,
213
- isDayHighlighted: () => false,
214
- numberOfMonths: 1
215
- };
216
- DSDatePickerController.propTypes = {
217
- date: PropTypes.instanceOf(Date, moment),
218
- value: PropTypes.oneOf(PropTypes.instanceOf(Date), PropTypes.instanceOf(moment)),
219
- enableOutsideDays: PropTypes.bool,
220
- initialVisibleMonth: PropTypes.instanceOf(Date, moment),
221
- firstDayOfWeek: PropTypes.number,
222
- keepOpenOnDateSelect: PropTypes.bool,
223
- hideKeyboardShortcutsPanel: PropTypes.bool,
224
- onPrevMonthClick: PropTypes.func,
225
- onNextMonthClick: PropTypes.func,
226
- onClose: PropTypes.func,
227
- onClickEscape: PropTypes.func,
228
- onChange: PropTypes.func,
229
- onDateChange: PropTypes.func,
230
- phrases: SingleDatePickerPhrases,
231
- displayFormatDay: PropTypes.string,
232
- transitionDuration: PropTypes.number,
233
- isDayBlocked: PropTypes.func,
234
- isOutsideRange: PropTypes.func,
235
- isDayHighlighted: PropTypes.func,
236
- numberOfMonths: PropTypes.number
237
- };
238
- DSDatePickerController.defaultProps = {
239
- date: "",
240
- value: "",
241
- enableOutsideDays: false,
242
- initialVisibleMonth: moment(),
243
- firstDayOfWeek: 0,
244
- keepOpenOnDateSelect: true,
245
- hideKeyboardShortcutsPanel: true,
246
- onPrevMonthClick: () => null,
247
- onNextMonthClick: () => null,
248
- onClose: () => null,
249
- onClickEscape: () => null,
250
- onChange: () => null,
251
- onDateChange: () => null,
252
- phrases: PropTypes.shape({
253
- calendarLabel: PropTypes.string,
254
- closeDatePicker: PropTypes.string,
255
- clearDates: PropTypes.string,
256
- focusStartDate: PropTypes.string,
257
- jumpToPrevMonth: PropTypes.string,
258
- jumpToNextMonth: PropTypes.string,
259
- keyboardShortcuts: PropTypes.string,
260
- showKeyboardShortcutsPanel: PropTypes.string,
261
- hideKeyboardShortcutsPanel: PropTypes.string,
262
- openThisPanel: PropTypes.string,
263
- enterKey: PropTypes.string,
264
- leftArrowRightArrow: PropTypes.string,
265
- upArrowDownArrow: PropTypes.string,
266
- pageUpPageDown: PropTypes.string,
267
- homeEnd: PropTypes.string,
268
- escape: PropTypes.string,
269
- questionMark: PropTypes.string,
270
- selectFocusedDate: PropTypes.string,
271
- moveFocusByOneDay: PropTypes.string,
272
- moveFocusByOneWeek: PropTypes.string,
273
- moveFocusByOneMonth: PropTypes.string,
274
- moveFocustoStartAndEndOfWeek: PropTypes.string,
275
- returnFocusToInput: PropTypes.string,
276
- keyboardNavigationInstructions: PropTypes.string,
277
- chooseAvailableStartDate: PropTypes.func,
278
- chooseAvailableEndDate: PropTypes.func,
279
- dateIsUnavailable: PropTypes.func,
280
- dateIsSelected: PropTypes.func
281
- }),
282
- displayFormatDay: "D",
283
- transitionDuration: 0,
284
- isDayBlocked: () => false,
285
- isOutsideRange: () => false,
286
- isDayHighlighted: () => false,
287
- numberOfMonths: 1
288
- };
289
- export {
290
- DSDatePickerController,
291
- DSDatePickerController as default
292
- };
293
- //# sourceMappingURL=DatePickerController.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerController/DatePickerController.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,qBAAqB,SAAS,CAAC,eAAe,uBAAuB,qBAAqB;AAC9F,MAAI,eAAe;AACjB,UAAM,aAAa,MAAM,KAAK,eAAe,uBAAuB,uBAAuB,OACzF,CAAC,OAAO,CAAC,GAAG,UAAU,SAAS,yBAC/B;AACF,UAAM,CAAC,uBAAuB,eAAe,uBAAuB;AACpE,QAAI,qBAAqB;AACvB,2BAAqB;AAAA,eACZ,oBAAoB,CAAC;AAAqB,iBAAW;AAAA,SAC3D;AACH,YAAM,YAAY,uBAAuB,QAAQ;AACjD,iBAAW;AAAA;AAAA;AAAA,GAGd;AAEH,qCAAoD,OAAM,UAAgD;AAAA,EA2BxG,YAAY,OAAO;AACjB,UAAM;AAuBR,yBAAgB,MAAM;AACpB,YAAM,iBAAiB,SAAS;AAEhC,sBAAgB;AAAA;AAGlB,yBAAgB,CAAC,UAAU;AACzB,YAAM,CAAC,aAAa,cAAc,SAC/B,uBAAuB,uCAAuC,GAC9D,uBAAuB;AAC1B,YAAM,CAAC,WAAW,WAAW,MAAM;AACnC,YAAM,EAAE,kBAAkB,KAAK;AAE/B,cAAQ,MAAM;AAAA,aACP;AACH,mBAAS;AACT;AAAA,aACG;AACH,kBAAQ;AACR;AAAA,aACG;AACH;AACA;AAAA;AAEA;AAAA;AAAA;AAIN,wBAAe,MAAM;AACnB,YAAM,EAAE,OAAO,MAAM,iBAAiB,KAAK;AAC3C,YAAM,EAAE,iBAAiB,KAAK;AAE9B,UAAI;AAAO,eAAO,OAAO;AACzB,UAAI;AAAM,eAAO,OAAO;AACxB,UAAI;AAAc,eAAO,OAAO;AAChC,UAAI;AAAc,eAAO,OAAO;AAEhC,aAAO;AAAA;AAGT,wBAAe,MAAM;AACnB,YAAM,EAAE,OAAO,SAAS,KAAK;AAC7B,aAAO,QAAQ,UAAU,QAAQ;AAAA;AAGnC,4BAAmB,CAAC,SAAS;AAC3B,YAAM,EAAE,UAAU,cAAc,aAAa,KAAK;AAClD,UAAI,CAAC,UAAU;AACb,YAAI,CAAC,KAAK,gBAAgB;AACxB,eAAK,SAAS,EAAE,cAAc;AAAA;AAEhC,qBAAa;AACb,iBAAS;AAAA;AAAA;AAIb,wBAAe,CAAC,cAAc;AAC5B,YAAM,EAAE,cAAc,aAAa,KAAK;AACxC,YAAM,cAAc,OAAO,UAAU,OAAO;AAC5C,WAAK,SAAS,EAAE,cAAc;AAC9B,mBAAa;AACb,eAAS;AAAA;AAGX,0BAAiB,CAAC,MAAM,QAAQ;AAC9B,YAAM,CAAC,MAAM,QAAQ,SAAS,uBAAuB;AACrD,YAAM,EAAE,kBAAkB,qBAAqB,KAAK;AAEpD,UAAI,QAAQ,QAAQ;AAClB,cAAM;AACN,yBAAiB;AAAA,aACZ;AACL,cAAM;AACN,yBAAiB;AAAA;AAAA;AAIrB,sBAAa,CAAC,UAAU;AACtB,YAAM,EAAE,eAAe,KAAK;AAC5B,UAAI,CAAC,WAAW,QAAQ,SAAS,MAAM,gBAAgB;AACrD,aAAK,MAAM;AAAA;AAAA;AAtGb,SAAK,QAAQ;AAAA,MACX,cAAc;AAAA,MACd,oBAAoB,OAAM;AAAA,MAC1B,YAAY,OAAM;AAAA;AAAA;AAAA,EAItB,oBAAoB;AAClB,UAAM,EAAE,YAAY,uBAAuB,KAAK;AAChD,eAAW,QAAQ,iBAAiB,WAAW,KAAK,eAAe;AACnE,aAAS,iBAAiB,WAAW,KAAK,eAAe;AACzD,eAAW,MAAM;AACf,yBAAmB,YAAY,SAAS,oBAAoB,SAAS,KAAK,MAAM;AAAA,OAC/E;AAAA;AAAA,EAGL,uBAAuB;AACrB,UAAM,EAAE,eAAe,KAAK;AAC5B,eAAW,QAAQ,oBAAoB,WAAW,KAAK,eAAe;AACtE,aAAS,oBAAoB,WAAW,KAAK,eAAe;AAAA;AAAA,EAuF9D,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,EAAE,YAAY,uBAAuB,KAAK;AAEhD,UAAM,WAAW,KAAK;AACtB,UAAM,mBAAmB,YAAY,SAAS,YAAY,MAAM,WAAW,MAAM;AAEjF,WACE,qCAAC,OAAD,MACE,qCAAC,OAAD;AAAA,MACE,QAAQ,KAAK;AAAA,MACb,KAAK;AAAA,MACL,WAAW,eAAe;AAAA,MAC1B,eAAY;AAAA,SACR;AAAA,OAEJ,qCAAC,+BAAD;AAAA,MACE;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,SAAO;AAAA,MACP;AAAA,MACA,qBAAqB;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,qCAAC,sBAAD;AAAA,QAAsB,WAAW,iBAAiB;AAAA;AAAA,MAC3D,SACE,qCAAC,sBAAD;AAAA,QACE,WAAW,iBAAiB;AAAA,QAC5B,MAAM;AAAA,QACN,UAAU;AAAA;AAAA,MAGd;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,KAAK;AAAA,MACnB,kBAAkB,KAAK,eAAe;AAAA,MACtC;AAAA,MACA,kBAAkB,KAAK,eAAe;AAAA,MACtC;AAAA,MACA,mBAAmB,CAAC,SAClB,qCAAC,eAAD;AAAA,QAAe,WAAW,iBAAiB;AAAA,QAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,MAEhF;AAAA,MACA,OAAO,CAAC,MAAM;AACZ,YAAI,EAAE,OAAO,UAAU,SAAS,gBAAgB;AAC9C,YAAE;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAzMP,AAFT,uBAES,eAAe;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,4BAA4B;AAAA,EAC5B,kBAAkB,MAAM;AAAA,EACxB,kBAAkB,MAAM;AAAA,EACxB,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,eAAe,MAAM;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,SAAS;AAAA,EAET,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EAEpB,cAAc,MAAM;AAAA,EACpB,gBAAgB,MAAM;AAAA,EACtB,kBAAkB,MAAM;AAAA,EACxB,gBAAgB;AAAA;AA6LpB,uBAAuB,YAAY;AAAA,EACjC,MAAM,UAAU,WAAW,MAAM;AAAA,EACjC,OAAO,UAAU,MAAM,UAAU,WAAW,OAAO,UAAU,WAAW;AAAA,EACxE,mBAAmB,UAAU;AAAA,EAC7B,qBAAqB,UAAU,WAAW,MAAM;AAAA,EAChD,gBAAgB,UAAU;AAAA,EAC1B,sBAAsB,UAAU;AAAA,EAChC,4BAA4B,UAAU;AAAA,EACtC,kBAAkB,UAAU;AAAA,EAC5B,kBAAkB,UAAU;AAAA,EAC5B,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,SAAS;AAAA,EAET,kBAAkB,UAAU;AAAA,EAC5B,oBAAoB,UAAU;AAAA,EAE9B,cAAc,UAAU;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,kBAAkB,UAAU;AAAA,EAC5B,gBAAgB,UAAU;AAAA;AAG5B,uBAAuB,eAAe;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,4BAA4B;AAAA,EAC5B,kBAAkB,MAAM;AAAA,EACxB,kBAAkB,MAAM;AAAA,EACxB,SAAS,MAAM;AAAA,EACf,eAAe,MAAM;AAAA,EACrB,UAAU,MAAM;AAAA,EAChB,cAAc,MAAM;AAAA,EACpB,SAAS,UAAU,MAAM;AAAA,IACvB,eAAe,UAAU;AAAA,IACzB,iBAAiB,UAAU;AAAA,IAC3B,YAAY,UAAU;AAAA,IACtB,gBAAgB,UAAU;AAAA,IAC1B,iBAAiB,UAAU;AAAA,IAC3B,iBAAiB,UAAU;AAAA,IAC3B,mBAAmB,UAAU;AAAA,IAC7B,4BAA4B,UAAU;AAAA,IACtC,4BAA4B,UAAU;AAAA,IACtC,eAAe,UAAU;AAAA,IACzB,UAAU,UAAU;AAAA,IACpB,qBAAqB,UAAU;AAAA,IAC/B,kBAAkB,UAAU;AAAA,IAC5B,gBAAgB,UAAU;AAAA,IAC1B,SAAS,UAAU;AAAA,IACnB,QAAQ,UAAU;AAAA,IAClB,cAAc,UAAU;AAAA,IACxB,mBAAmB,UAAU;AAAA,IAC7B,mBAAmB,UAAU;AAAA,IAC7B,oBAAoB,UAAU;AAAA,IAC9B,qBAAqB,UAAU;AAAA,IAC/B,8BAA8B,UAAU;AAAA,IACxC,oBAAoB,UAAU;AAAA,IAC9B,gCAAgC,UAAU;AAAA,IAC1C,0BAA0B,UAAU;AAAA,IACpC,wBAAwB,UAAU;AAAA,IAClC,mBAAmB,UAAU;AAAA,IAC7B,gBAAgB,UAAU;AAAA;AAAA,EAG5B,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EAEpB,cAAc,MAAM;AAAA,EACpB,gBAAgB,MAAM;AAAA,EACtB,kBAAkB,MAAM;AAAA,EACxB,gBAAgB;AAAA;",
6
- "names": []
7
- }
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import PropTypes from "prop-types";
4
- const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ React2.createElement("div", {
5
- className,
6
- "data-testid": `datepicker-day-${date}`
7
- }, /* @__PURE__ */ React2.createElement("div", {
8
- className: `${className}-half`,
9
- "data-testid": "datepicker-day"
10
- }, date));
11
- Day.propTypes = {
12
- className: PropTypes.string,
13
- date: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
14
- };
15
- var DatePickerDay_default = Day;
16
- export {
17
- Day as DatePickerDay,
18
- DatePickerDay_default as default
19
- };
20
- //# sourceMappingURL=DatePickerDay.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerDay/DatePickerDay.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,MAAM,CAAC,EAAE,YAAY,2BAA2B,OAAO,SAC3D,qCAAC,OAAD;AAAA,EAAK;AAAA,EAAsB,eAAa,kBAAkB;AAAA,GACxD,qCAAC,OAAD;AAAA,EAAK,WAAW,GAAG;AAAA,EAAkB,eAAY;AAAA,GAC9C;AAIP,IAAI,YAAY;AAAA,EACd,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA;AAIzD,IAAO,wBAAQ;",
6
- "names": []
7
- }
@@ -1,56 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import PropTypes from "prop-types";
4
- import { convertPropToCssClassName } from "@elliemae/ds-classnames";
5
- import { DSPopper } from "@elliemae/ds-popper";
6
- import { DatePickerPicker, PickerPropsTypes } from "./DatePickerPicker/DatePickerPicker";
7
- const { classNameElement } = convertPropToCssClassName("datepicker-range");
8
- const noop = () => null;
9
- function DatePickerDropdown({
10
- disabled = false,
11
- readOnly,
12
- onClick = noop,
13
- isOpen,
14
- menu,
15
- zIndex = 1,
16
- pickerProps,
17
- pickerRef
18
- }) {
19
- return /* @__PURE__ */ React2.createElement(DSPopper, {
20
- contentComponent: menu,
21
- isOpen,
22
- modifiers: {
23
- preventOverflow: {
24
- enabled: true,
25
- padding: 0,
26
- boundariesElement: "window"
27
- }
28
- },
29
- showArrow: false,
30
- triggerComponent: /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DatePickerPicker, {
31
- innerRef: pickerRef,
32
- ...pickerProps,
33
- className: classNameElement("picker"),
34
- disabled,
35
- onClick,
36
- readOnly
37
- })),
38
- zIndex
39
- });
40
- }
41
- DatePickerDropdown.propTypes = {
42
- pickerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
43
- disabled: PropTypes.bool,
44
- readOnly: PropTypes.bool,
45
- onClick: PropTypes.func,
46
- isOpen: PropTypes.bool,
47
- menu: PropTypes.element,
48
- zIndex: PropTypes.number,
49
- pickerProps: PropTypes.shape(PickerPropsTypes)
50
- };
51
- var DatePickerDropdown_default = DatePickerDropdown;
52
- export {
53
- DatePickerDropdown,
54
- DatePickerDropdown_default as default
55
- };
56
- //# sourceMappingURL=DatePickerDropdown.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DatePickerDropdown.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA,MAAM,EAAE,qBAAqB,0BAA0B;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,qCAAC,UAAD;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,qCAAC,OAAD,MACE,qCAAC,kBAAD;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,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACrF,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU,MAAM;AAAA;AAI/B,IAAO,6BAAQ;",
6
- "names": []
7
- }
@@ -1,45 +0,0 @@
1
- import * as React from "react";
2
- import React2, { useState, useEffect } from "react";
3
- import PropTypes from "prop-types";
4
- import moment from "moment";
5
- import { DSDateInputV2, DSInputGroup } from "@elliemae/ds-form";
6
- import { aggregatedClasses } from "@elliemae/ds-classnames";
7
- const DATE_FORMAT = "MMDDYYYY";
8
- const blockname = "date-picker-header";
9
- const Header = aggregatedClasses("div")(blockname);
10
- const isFn = (variable) => typeof variable === "function";
11
- const DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {
12
- const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : "");
13
- useEffect(() => {
14
- if (isFn(selectedDate?.format)) {
15
- setValue(selectedDate?.format(DATE_FORMAT));
16
- }
17
- }, [selectedDate]);
18
- const handleOnChange = (newDate) => {
19
- setValue(newDate);
20
- };
21
- const handleOnKeyDown = (e) => {
22
- if (e.key === "Enter" && value.length === DATE_FORMAT.length) {
23
- const momentValue = moment(value, DATE_FORMAT);
24
- onInputChange(momentValue);
25
- updateKeyDate(momentValue);
26
- }
27
- };
28
- return /* @__PURE__ */ React2.createElement(Header, null, /* @__PURE__ */ React2.createElement(DSInputGroup, null, /* @__PURE__ */ React2.createElement(DSDateInputV2, {
29
- onChange: handleOnChange,
30
- onKeyDown: handleOnKeyDown,
31
- value,
32
- containerProps: { "data-testid": "start-date" }
33
- })));
34
- };
35
- DatePickerHeader.propTypes = {
36
- onInputChange: PropTypes.func,
37
- selectedDate: PropTypes.any,
38
- updateKeyDate: PropTypes.any
39
- };
40
- var DatePickerHeader_default = DatePickerHeader;
41
- export {
42
- DatePickerHeader,
43
- DatePickerHeader_default as default
44
- };
45
- //# sourceMappingURL=DatePickerHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerHeader/DatePickerHeader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,SAAS,kBAAkB,OAAO;AAExC,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,oBAAoB;AACxF,QAAM,CAAC,OAAO,YAAY,SAAS,KAAK,cAAc,UAAU,aAAa,OAAO,eAAe;AAEnG,YAAU,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,OAAO,OAAO;AAClC,oBAAc;AACd,oBAAc;AAAA;AAAA;AAIlB,SACE,qCAAC,QAAD,MACE,qCAAC,cAAD,MACE,qCAAC,eAAD;AAAA,IACE,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB,EAAE,eAAe;AAAA;AAAA;AAO3C,iBAAiB,YAAY;AAAA,EAC3B,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAI3B,IAAO,2BAAQ;",
6
- "names": []
7
- }
@@ -1,37 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import PropTypes from "prop-types";
4
- import { ChevronRight } from "@elliemae/ds-icons";
5
- import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
6
- import {
7
- iconSizes,
8
- iconColors
9
- } from "@elliemae/ds-shared/prop-types";
10
- const Navigation = ({
11
- className = "date-picker-navigation",
12
- icon: Icon = ChevronRight,
13
- color = DSIconColors.NEUTRAL,
14
- size = DSIconSizes.S,
15
- innerRef
16
- }) => /* @__PURE__ */ React2.createElement("div", {
17
- tabIndex: 0,
18
- "data-testid": "date-picker-nav"
19
- }, /* @__PURE__ */ React2.createElement(Icon, {
20
- className,
21
- color,
22
- innerRef,
23
- size
24
- }));
25
- Navigation.propTypes = {
26
- className: "date-picker-navigation",
27
- icon: PropTypes.element,
28
- color: PropTypes.oneOf(iconColors),
29
- size: PropTypes.oneOf(iconSizes),
30
- innerRef: PropTypes.any
31
- };
32
- var DatePickerNavigation_default = Navigation;
33
- export {
34
- Navigation as DatePickerNavigation,
35
- DatePickerNavigation_default as default
36
- };
37
- //# sourceMappingURL=DatePickerNavigation.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport {\n iconSizes,\n iconColors,\n} from '@elliemae/ds-shared/prop-types';\n\nconst Navigation = ({\n className = 'date-picker-navigation',\n icon: Icon = ChevronRight,\n color = DSIconColors.NEUTRAL,\n size = DSIconSizes.S,\n innerRef,\n}) => (\n <div tabIndex={0} data-testid=\"date-picker-nav\">\n <Icon className={className} color={color} innerRef={innerRef} size={size} />\n </div>\n);\nNavigation.propTypes = {\n className: 'date-picker-navigation',\n icon: PropTypes.element,\n color: PropTypes.oneOf(iconColors),\n size: PropTypes.oneOf(iconSizes),\n innerRef: PropTypes.any,\n};\n\nexport { Navigation as DatePickerNavigation };\nexport default Navigation;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,aAAa;AAAA,EACrB,OAAO,YAAY;AAAA,EACnB;AAAA,MAEA,qCAAC,OAAD;AAAA,EAAK,UAAU;AAAA,EAAG,eAAY;AAAA,GAC5B,qCAAC,MAAD;AAAA,EAAM;AAAA,EAAsB;AAAA,EAAc;AAAA,EAAoB;AAAA;AAGlE,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU,MAAM;AAAA,EACvB,MAAM,UAAU,MAAM;AAAA,EACtB,UAAU,UAAU;AAAA;AAItB,IAAO,+BAAQ;",
6
- "names": []
7
- }
@@ -1,56 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import PropTypes from "prop-types";
4
- import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
5
- import { DatePicker } from "@elliemae/ds-icons";
6
- import { DSButton, buttonTypes } from "@elliemae/ds-button";
7
- import { iconSizes } from "@elliemae/ds-shared/prop-types";
8
- const Picker = ({
9
- className = "date-picker-icon",
10
- disabled = false,
11
- icon = /* @__PURE__ */ React2.createElement(DatePicker, null),
12
- size = DSIconSizes.M,
13
- buttonActionType = "secondary",
14
- onClick = () => null,
15
- onBlur = () => null,
16
- readOnly = false,
17
- tabIndex = 0,
18
- innerRef,
19
- ...rest
20
- }) => /* @__PURE__ */ React2.createElement(DSButton, {
21
- innerRef,
22
- "aria-label": rest["aria-label"] || "Date Picker Button",
23
- buttonType: buttonActionType,
24
- className,
25
- color: !disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL,
26
- disabled,
27
- icon,
28
- onBlur,
29
- onClick,
30
- readOnly,
31
- size,
32
- tabIndex,
33
- "data-testid": "btn-date-picker"
34
- });
35
- const PickerPropsTypes = {
36
- innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
37
- className: PropTypes.string,
38
- disabled: PropTypes.bool,
39
- icon: PropTypes.element,
40
- size: PropTypes.oneOf(iconSizes),
41
- buttonActionType: PropTypes.oneOf(buttonTypes),
42
- onClick: PropTypes.func,
43
- onFocus: PropTypes.func,
44
- onBlur: PropTypes.func,
45
- readOnly: PropTypes.bool,
46
- tabIndex: PropTypes.number
47
- };
48
- Picker.propTypes = PickerPropsTypes;
49
- var DatePickerPicker_default = Picker;
50
- export {
51
- Picker as DatePickerPicker,
52
- Picker,
53
- PickerPropsTypes,
54
- DatePickerPicker_default as default
55
- };
56
- //# sourceMappingURL=DatePickerPicker.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerPicker/DatePickerPicker.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton, buttonTypes } from '@elliemae/ds-button';\nimport { iconSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const Picker = ({\n className = 'date-picker-icon',\n disabled = false,\n icon = <DatePicker />,\n size = DSIconSizes.M,\n buttonActionType = 'secondary',\n onClick = () => null,\n onBlur = () => null,\n readOnly = false,\n tabIndex = 0,\n innerRef,\n ...rest\n}) => (\n <DSButton\n innerRef={innerRef}\n aria-label={rest['aria-label'] || 'Date Picker Button'}\n buttonType={buttonActionType}\n className={className}\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={icon}\n onBlur={onBlur}\n onClick={onClick}\n readOnly={readOnly}\n size={size}\n tabIndex={tabIndex}\n data-testid=\"btn-date-picker\"\n />\n);\n\nexport const PickerPropsTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n className: PropTypes.string,\n disabled: PropTypes.bool,\n icon: PropTypes.element,\n size: PropTypes.oneOf(iconSizes),\n buttonActionType: PropTypes.oneOf(buttonTypes),\n onClick: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n readOnly: PropTypes.bool,\n tabIndex: PropTypes.number,\n};\n\nPicker.propTypes = PickerPropsTypes;\n\nexport { Picker as DatePickerPicker };\nexport default Picker;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,qCAAC,YAAD;AAAA,EACP,OAAO,YAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AAAA,MAEH,qCAAC,UAAD;AAAA,EACE;AAAA,EACA,cAAY,KAAK,iBAAiB;AAAA,EAClC,YAAY;AAAA,EACZ;AAAA,EACA,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA;AAIT,MAAM,mBAAmB;AAAA,EAC9B,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACpF,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU,MAAM;AAAA,EACtB,kBAAkB,UAAU,MAAM;AAAA,EAClC,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA;AAGtB,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
6
- "names": []
7
- }