@elliemae/ds-date-range-picker 1.55.0-next.7 → 2.0.0-alpha.10

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 (44) hide show
  1. package/cjs/DSDateRangePicker.js +111 -183
  2. package/cjs/components/DSDateRangePickerImpl.js +238 -305
  3. package/cjs/components/DatePickerLabel/DatePickerLabel.js +9 -12
  4. package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +36 -54
  5. package/cjs/components/DayPickerRangeController.js +74 -132
  6. package/cjs/index.js +6 -31
  7. package/cjs/isMaxDiffSafe.js +5 -6
  8. package/cjs/package.json +7 -0
  9. package/esm/DSDateRangePicker.js +100 -172
  10. package/esm/components/DSDateRangePickerImpl.js +225 -286
  11. package/esm/components/DatePickerLabel/DatePickerLabel.js +8 -11
  12. package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +32 -49
  13. package/esm/components/DayPickerRangeController.js +72 -126
  14. package/esm/index.js +0 -25
  15. package/esm/isMaxDiffSafe.js +5 -6
  16. package/esm/package.json +7 -0
  17. package/package.json +52 -11
  18. package/types/DSDateRangePicker.d.ts +92 -0
  19. package/types/components/DSDateRangePickerImpl.d.ts +24 -0
  20. package/types/components/DatePickerLabel/DatePickerLabel.d.ts +6 -0
  21. package/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +10 -0
  22. package/types/components/DayPickerRangeController.d.ts +36 -0
  23. package/types/index.d.ts +2 -0
  24. package/types/isMaxDiffSafe.d.ts +2 -0
  25. package/DSDateRangePicker/package.json +0 -10
  26. package/cjs/DSDateRangePicker.js.map +0 -1
  27. package/cjs/components/DSDateRangePickerImpl.js.map +0 -1
  28. package/cjs/components/DatePickerLabel/DatePickerLabel.js.map +0 -1
  29. package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -1
  30. package/cjs/components/DayPickerRangeController.js.map +0 -1
  31. package/cjs/index.js.map +0 -1
  32. package/cjs/isMaxDiffSafe.js.map +0 -1
  33. package/components/DSDateRangePickerImpl/package.json +0 -10
  34. package/components/DatePickerLabel/DatePickerLabel/package.json +0 -10
  35. package/components/DatePickerRangeHeader/DatePickerRangeHeader/package.json +0 -10
  36. package/components/DayPickerRangeController/package.json +0 -10
  37. package/esm/DSDateRangePicker.js.map +0 -1
  38. package/esm/components/DSDateRangePickerImpl.js.map +0 -1
  39. package/esm/components/DatePickerLabel/DatePickerLabel.js.map +0 -1
  40. package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -1
  41. package/esm/components/DayPickerRangeController.js.map +0 -1
  42. package/esm/index.js.map +0 -1
  43. package/esm/isMaxDiffSafe.js.map +0 -1
  44. package/isMaxDiffSafe/package.json +0 -10
@@ -1,20 +1,17 @@
1
1
  'use strict';
2
2
 
3
- var React = require('react');
3
+ var _jsx = require('@babel/runtime/helpers/jsx');
4
+ require('react');
4
5
 
5
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
6
7
 
7
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
8
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
8
9
 
9
- var Label = function Label(_ref) {
10
- var _ref$className = _ref.className,
11
- className = _ref$className === void 0 ? 'date-picker-label' : _ref$className,
12
- _ref$label = _ref.label,
13
- label = _ref$label === void 0 ? '' : _ref$label;
14
- return /*#__PURE__*/React__default['default'].createElement("div", {
15
- className: className
16
- }, /*#__PURE__*/React__default['default'].createElement("span", null, label));
17
- };
10
+ const Label = ({
11
+ className = 'date-picker-label',
12
+ label = ''
13
+ }) => /*#__PURE__*/_jsx__default["default"]("div", {
14
+ className: className
15
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, label));
18
16
 
19
17
  module.exports = Label;
20
- //# sourceMappingURL=DatePickerLabel.js.map
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
3
+ var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  var React = require('react');
5
5
  var moment = require('moment');
6
6
  var DSInputMask = require('@elliemae/ds-basic/form/InputMask');
@@ -9,91 +9,74 @@ var dsClassnames = require('@elliemae/ds-classnames');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
12
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
13
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
14
13
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
15
14
  var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
16
15
  var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
17
16
 
18
- var blockname = 'date-range-picker';
19
- var Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
17
+ const blockname = 'date-range-picker';
18
+ const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
20
19
 
21
- var formatDate = function formatDate(date) {
20
+ const formatDate = date => {
22
21
  if (date) {
23
22
  return date.format('MMDDYYYY');
24
23
  }
25
24
  };
26
25
 
27
- var DatePickerRangeHeader = function DatePickerRangeHeader(_ref) {
28
- var _ref$placeholderStart = _ref.placeholderStart,
29
- placeholderStart = _ref$placeholderStart === void 0 ? 'Start Date' : _ref$placeholderStart,
30
- _ref$placeholderEnd = _ref.placeholderEnd,
31
- placeholderEnd = _ref$placeholderEnd === void 0 ? 'End Date' : _ref$placeholderEnd,
32
- _ref$onStartInputChan = _ref.onStartInputChange,
33
- onStartInputChange = _ref$onStartInputChan === void 0 ? function () {
34
- return null;
35
- } : _ref$onStartInputChan,
36
- _ref$onEndInputChange = _ref.onEndInputChange,
37
- onEndInputChange = _ref$onEndInputChange === void 0 ? function () {
38
- return null;
39
- } : _ref$onEndInputChange,
40
- selectedStartDate = _ref.selectedStartDate,
41
- selectedEndDate = _ref.selectedEndDate;
42
-
43
- var _useState = React.useState(selectedStartDate ? formatDate(selectedStartDate) : ''),
44
- _useState2 = _slicedToArray__default['default'](_useState, 2),
45
- startValue = _useState2[0],
46
- setStartValue = _useState2[1];
47
-
48
- var _useState3 = React.useState(selectedEndDate ? formatDate(selectedEndDate) : ''),
49
- _useState4 = _slicedToArray__default['default'](_useState3, 2),
50
- endValue = _useState4[0],
51
- setEndValue = _useState4[1];
52
-
53
- React.useEffect(function () {
54
- var startDate = formatDate(selectedStartDate);
55
- var endDate = formatDate(selectedEndDate);
26
+ const DatePickerRangeHeader = ({
27
+ placeholderStart = 'Start Date',
28
+ placeholderEnd = 'End Date',
29
+ onStartInputChange = () => null,
30
+ onEndInputChange = () => null,
31
+ selectedStartDate,
32
+ selectedEndDate
33
+ }) => {
34
+ const [startValue, setStartValue] = React.useState(selectedStartDate ? formatDate(selectedStartDate) : '');
35
+ const [endValue, setEndValue] = React.useState(selectedEndDate ? formatDate(selectedEndDate) : '');
36
+ React.useEffect(() => {
37
+ const startDate = formatDate(selectedStartDate);
38
+ const endDate = formatDate(selectedEndDate);
56
39
  startDate !== startValue && setStartValue(startDate);
57
40
  endDate !== endValue && setEndValue(endDate);
58
41
  }, [selectedStartDate, selectedEndDate]);
59
42
 
60
- var handleOnChangeStart = function handleOnChangeStart(e) {
61
- var newStartValue = e.target.value;
43
+ const handleOnChangeStart = e => {
44
+ const newStartValue = e.target.value;
62
45
  setStartValue(newStartValue);
63
46
  };
64
47
 
65
- var handleOnChangeEnd = function handleOnChangeEnd(e) {
66
- var newEndValue = e.target.value;
48
+ const handleOnChangeEnd = e => {
49
+ const newEndValue = e.target.value;
67
50
  setEndValue(newEndValue);
68
51
  };
69
52
 
70
- var handleOnBlurStart = function handleOnBlurStart(e) {
71
- var newStartValue = e.target.value;
72
- onStartInputChange(moment__default['default'](newStartValue));
53
+ const handleOnBlurStart = e => {
54
+ const newStartValue = e.target.value;
55
+ onStartInputChange(moment__default["default"](newStartValue));
73
56
  };
74
57
 
75
- var handleOnBlurEnd = function handleOnBlurEnd(e) {
76
- var newEndValue = e.target.value;
77
- onEndInputChange(moment__default['default'](newEndValue));
58
+ const handleOnBlurEnd = e => {
59
+ const newEndValue = e.target.value;
60
+ onEndInputChange(moment__default["default"](newEndValue));
78
61
  };
79
62
 
80
- var handleOnKeyDownStart = function handleOnKeyDownStart(e) {
63
+ const handleOnKeyDownStart = e => {
81
64
  if (e.key === 'Enter') {
82
- var newValue = e.target.value;
83
- onStartInputChange(moment__default['default'](newValue));
65
+ const newValue = e.target.value;
66
+ onStartInputChange(moment__default["default"](newValue));
84
67
  e.target.blur();
85
68
  }
86
69
  };
87
70
 
88
- var handleOnKeyDownEnd = function handleOnKeyDownEnd(e) {
71
+ const handleOnKeyDownEnd = e => {
89
72
  if (e.key === 'Enter') {
90
- var newValue = e.target.value;
91
- onEndInputChange(moment__default['default'](newValue));
73
+ const newValue = e.target.value;
74
+ onEndInputChange(moment__default["default"](newValue));
92
75
  e.target.blur();
93
76
  }
94
77
  };
95
78
 
96
- return /*#__PURE__*/React__default['default'].createElement(Header, null, /*#__PURE__*/React__default['default'].createElement(DSInputGroup__default['default'], null, /*#__PURE__*/React__default['default'].createElement(DSInputMask__default['default'], {
79
+ return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputGroup__default["default"], {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
97
80
  "aria-label": placeholderStart || 'Date Picker Input Mask',
98
81
  mask: DSInputMask.MASK_TYPES.DATE,
99
82
  onBlur: handleOnBlurStart,
@@ -102,7 +85,7 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref) {
102
85
  pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
103
86
  placeholder: placeholderStart,
104
87
  value: startValue
105
- }), /*#__PURE__*/React__default['default'].createElement(DSInputMask__default['default'], {
88
+ }), /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
106
89
  "aria-label": placeholderEnd || 'Date Picker Input Mask',
107
90
  mask: DSInputMask.MASK_TYPES.DATE,
108
91
  onBlur: handleOnBlurEnd,
@@ -115,4 +98,3 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref) {
115
98
  };
116
99
 
117
100
  module.exports = DatePickerRangeHeader;
118
- //# sourceMappingURL=DatePickerRangeHeader.js.map
@@ -1,102 +1,62 @@
1
1
  'use strict';
2
2
 
3
- var _extends = require('@babel/runtime/helpers/extends');
4
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
5
- var _toArray = require('@babel/runtime/helpers/toArray');
3
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ var _jsx = require('@babel/runtime/helpers/jsx');
6
5
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
6
  var React = require('react');
8
- var PropTypes = require('prop-types');
9
- var moment = require('moment');
10
7
  var reactDates = require('react-dates');
11
8
  var dsDatePicker = require('@elliemae/ds-date-picker');
12
9
  var ChevronLeft = require('@elliemae/ds-icons/ChevronLeft');
13
10
  var dsClassnames = require('@elliemae/ds-classnames');
11
+ var jsxRuntime = require('react/jsx-runtime');
14
12
 
15
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
14
 
17
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
18
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
19
- var _toArray__default = /*#__PURE__*/_interopDefaultLegacy(_toArray);
15
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
20
17
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
21
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
- var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
24
18
  var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
25
19
 
26
- var _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
27
-
28
- var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('datepicker-range'),
29
- classNameElement = _convertPropToCssClas.classNameElement,
30
- classNameBlock = _convertPropToCssClas.classNameBlock;
31
-
32
- var DayPickerRangeController = function DayPickerRangeController(_ref) {
33
- var _ref$endDate = _ref.endDate,
34
- endDate = _ref$endDate === void 0 ? undefined : _ref$endDate,
35
- _ref$startDate = _ref.startDate,
36
- startDate = _ref$startDate === void 0 ? undefined : _ref$startDate,
37
- _ref$displayFormatDay = _ref.displayFormatDay,
38
- displayFormatDay = _ref$displayFormatDay === void 0 ? 'D' : _ref$displayFormatDay,
39
- _ref$focusedInput = _ref.focusedInput,
40
- focusedInput = _ref$focusedInput === void 0 ? undefined : _ref$focusedInput,
41
- _ref$enableOutsideDay = _ref.enableOutsideDays,
42
- enableOutsideDays = _ref$enableOutsideDay === void 0 ? false : _ref$enableOutsideDay,
43
- _ref$onDatesChange = _ref.onDatesChange,
44
- onDatesChange = _ref$onDatesChange === void 0 ? function () {
45
- return null;
46
- } : _ref$onDatesChange,
47
- _ref$onFocusChange = _ref.onFocusChange,
48
- onFocusChange = _ref$onFocusChange === void 0 ? function () {
49
- return null;
50
- } : _ref$onFocusChange,
51
- _ref$onOutsideClick = _ref.onOutsideClick,
52
- onOutsideClick = _ref$onOutsideClick === void 0 ? function () {
53
- return null;
54
- } : _ref$onOutsideClick,
55
- _ref$isDayBlocked = _ref.isDayBlocked,
56
- isDayBlocked = _ref$isDayBlocked === void 0 ? function () {
57
- return null;
58
- } : _ref$isDayBlocked,
59
- _ref$isDayHighlighted = _ref.isDayHighlighted,
60
- isDayHighlighted = _ref$isDayHighlighted === void 0 ? function () {
61
- return null;
62
- } : _ref$isDayHighlighted,
63
- _ref$isOutsideRange = _ref.isOutsideRange,
64
- isOutsideRange = _ref$isOutsideRange === void 0 ? function () {
65
- return null;
66
- } : _ref$isOutsideRange,
67
- _ref$onNextMonthClick = _ref.onNextMonthClick,
68
- onNextMonthClick = _ref$onNextMonthClick === void 0 ? function () {
69
- return null;
70
- } : _ref$onNextMonthClick,
71
- _ref$onPrevMonthClick = _ref.onPrevMonthClick,
72
- onPrevMonthClick = _ref$onPrevMonthClick === void 0 ? function () {
73
- return null;
74
- } : _ref$onPrevMonthClick,
75
- otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
76
-
77
- var datePickerRef = React.useRef();
78
- React.useEffect(function () {
79
- var handleMouseUp = function handleMouseUp() {
80
- var focusedElement = document.activeElement;
20
+ const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
21
+
22
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
23
+
24
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
25
+ const {
26
+ classNameElement,
27
+ classNameBlock
28
+ } = dsClassnames.convertPropToCssClassName('datepicker-range');
29
+
30
+ const DayPickerRangeController = _ref => {
31
+ let {
32
+ endDate = undefined,
33
+ startDate = undefined,
34
+ displayFormatDay = 'D',
35
+ focusedInput = undefined,
36
+ enableOutsideDays = false,
37
+ onDatesChange = () => null,
38
+ onFocusChange = () => null,
39
+ onOutsideClick = () => null,
40
+ isDayBlocked = () => null,
41
+ isDayHighlighted = () => null,
42
+ isOutsideRange = () => null,
43
+ onNextMonthClick = () => null,
44
+ onPrevMonthClick = () => null
45
+ } = _ref,
46
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
47
+
48
+ const datePickerRef = React.useRef();
49
+ React.useEffect(() => {
50
+ const handleMouseUp = () => {
51
+ const focusedElement = document.activeElement;
81
52
  focusedElement.blur();
82
53
  };
83
54
 
84
- var handleKeyDown = function handleKeyDown(event) {
85
- var _document$getElements = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay'),
86
- _document$getElements2 = _toArray__default['default'](_document$getElements),
87
- firstDay = _document$getElements2[0],
88
- restOfDays = _document$getElements2.slice(1);
89
-
90
- var _restOfDays$slice = restOfDays.slice(-1),
91
- _restOfDays$slice2 = _slicedToArray__default['default'](_restOfDays$slice, 1),
92
- lastDay = _restOfDays$slice2[0];
93
-
94
- var focusedElement = document.activeElement;
95
-
96
- var _document$getElements3 = document.getElementsByClassName('DayPickerNavigation_button'),
97
- _document$getElements4 = _slicedToArray__default['default'](_document$getElements3, 2),
98
- prev = _document$getElements4[0],
99
- next = _document$getElements4[1];
55
+ const handleKeyDown = event => {
56
+ const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
57
+ const [lastDay] = restOfDays.slice(-1);
58
+ const focusedElement = document.activeElement;
59
+ const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
100
60
 
101
61
  switch (event.key) {
102
62
  case 'Home':
@@ -113,12 +73,12 @@ var DayPickerRangeController = function DayPickerRangeController(_ref) {
113
73
  case ' ':
114
74
  if (focusedElement === prev) {
115
75
  event.stopPropagation();
116
- setTimeout(function () {
76
+ setTimeout(() => {
117
77
  prev.focus();
118
78
  }, 240);
119
79
  } else if (focusedElement === next) {
120
80
  event.stopPropagation();
121
- setTimeout(function () {
81
+ setTimeout(() => {
122
82
  next === null || next === void 0 ? void 0 : next.focus();
123
83
  }, 240);
124
84
  }
@@ -137,64 +97,46 @@ var DayPickerRangeController = function DayPickerRangeController(_ref) {
137
97
 
138
98
  datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);
139
99
  datePickerRef.current.addEventListener('keydown', handleKeyDown, false);
140
- return function () {
100
+ return () => {
141
101
  if (datePickerRef.current) {
142
102
  datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);
143
103
  datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);
144
104
  }
145
105
  };
146
106
  }, []);
147
- return /*#__PURE__*/React__default['default'].createElement("div", {
107
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
148
108
  ref: datePickerRef,
149
109
  className: classNameBlock('wrapper-day-picker-single-date-controller'),
150
- "data-testid": otherProps['data-testid'] || 'date-range-picker-controller'
151
- }, /*#__PURE__*/React__default['default'].createElement(reactDates.DayPickerRangeController, _extends__default['default']({}, otherProps, {
152
- isDayBlocked: isDayBlocked,
153
- isDayHighlighted: isDayHighlighted,
154
- isOutsideRange: isOutsideRange,
155
- enableOutsideDays: enableOutsideDays,
156
- endDate: endDate,
157
- focused: true,
158
- focusedInput: focusedInput,
159
- hideKeyboardShortcutsPanel: true,
160
- navNext: /*#__PURE__*/React__default['default'].createElement(dsDatePicker.DatePickerNavigation, {
161
- className: classNameElement('navigation-next')
162
- }),
163
- navPrev: /*#__PURE__*/React__default['default'].createElement(dsDatePicker.DatePickerNavigation, {
164
- className: classNameElement('navigation-prev'),
165
- icon: ChevronLeft__default['default']
166
- }),
167
- onDatesChange: onDatesChange,
168
- onFocusChange: onFocusChange,
169
- onOutsideClick: onOutsideClick,
170
- onNextMonthClick: onNextMonthClick,
171
- onPrevMonthClick: onPrevMonthClick,
172
- renderDayContents: function renderDayContents(date) {
173
- return /*#__PURE__*/React__default['default'].createElement(dsDatePicker.DatePickerDay, {
110
+ "data-testid": otherProps['data-testid'] || 'date-range-picker-controller',
111
+ children: /*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
112
+ isDayBlocked: isDayBlocked,
113
+ isDayHighlighted: isDayHighlighted,
114
+ isOutsideRange: isOutsideRange,
115
+ enableOutsideDays: enableOutsideDays,
116
+ endDate: endDate,
117
+ focused: true,
118
+ focusedInput: focusedInput,
119
+ hideKeyboardShortcutsPanel: true,
120
+ navNext: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
121
+ className: classNameElement('navigation-next')
122
+ }),
123
+ navPrev: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
124
+ className: classNameElement('navigation-prev'),
125
+ icon: ChevronLeft__default["default"]
126
+ }),
127
+ onDatesChange: onDatesChange,
128
+ onFocusChange: onFocusChange,
129
+ onOutsideClick: onOutsideClick,
130
+ onNextMonthClick: onNextMonthClick,
131
+ onPrevMonthClick: onPrevMonthClick,
132
+ renderDayContents: date => /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDay, {
174
133
  className: classNameElement('day-contents'),
175
134
  date: date.format(displayFormatDay)
176
- });
177
- },
178
- renderMonthElement: dsDatePicker.renderMonthElement,
179
- startDate: startDate
180
- })));
181
- };
182
-
183
- DayPickerRangeController.propTypes = {
184
- endDate: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
185
- startDate: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
186
- displayFormatDay: PropTypes__default['default'].string,
187
- focusedInput: PropTypes__default['default'].bool,
188
- onDatesChange: PropTypes__default['default'].func,
189
- onFocusChange: PropTypes__default['default'].func,
190
- onOutsideClick: PropTypes__default['default'].func,
191
- onNextMonthClick: PropTypes__default['default'].func,
192
- onPrevMonthClick: PropTypes__default['default'].func,
193
- enableOutsideDays: PropTypes__default['default'].bool,
194
- isDayBlocked: PropTypes__default['default'].func,
195
- isDayHighlighted: PropTypes__default['default'].func,
196
- isOutsideRange: PropTypes__default['default'].func
135
+ }),
136
+ renderMonthElement: dsDatePicker.renderMonthElement,
137
+ startDate: startDate
138
+ }))
139
+ });
197
140
  };
198
141
 
199
142
  module.exports = DayPickerRangeController;
200
- //# sourceMappingURL=DayPickerRangeController.js.map
package/cjs/index.js CHANGED
@@ -3,38 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var DSDateRangePicker = require('./DSDateRangePicker.js');
6
- var components_DayPickerRangeController = require('./components/DayPickerRangeController.js');
7
- var components_DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
8
- require('@babel/runtime/helpers/extends');
9
- require('react');
10
- require('react-desc');
11
- require('@elliemae/ds-classnames');
12
- require('moment');
13
- require('react-dates/initialize');
14
- require('react-dates');
15
- require('@babel/runtime/helpers/slicedToArray');
16
- require('@babel/runtime/helpers/toArray');
17
- require('@babel/runtime/helpers/objectWithoutProperties');
18
- require('prop-types');
19
- require('@elliemae/ds-date-picker');
20
- require('@elliemae/ds-icons/ChevronLeft');
21
- require('@babel/runtime/helpers/classCallCheck');
22
- require('@babel/runtime/helpers/createClass');
23
- require('@babel/runtime/helpers/assertThisInitialized');
24
- require('@babel/runtime/helpers/inherits');
25
- require('@babel/runtime/helpers/possibleConstructorReturn');
26
- require('@babel/runtime/helpers/getPrototypeOf');
27
- require('@babel/runtime/helpers/defineProperty');
28
- require('@elliemae/ds-basic/form/InputMask');
29
- require('@elliemae/ds-basic/form/FormItem');
30
- require('@elliemae/ds-basic/Popper');
31
- require('./isMaxDiffSafe.js');
6
+ var DayPickerRangeController = require('./components/DayPickerRangeController.js');
7
+ var DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
32
8
 
33
9
 
34
10
 
35
11
  exports.DateRangePickerWithSchema = DSDateRangePicker.DateRangePickerWithSchema;
36
- exports.default = DSDateRangePicker['default'];
37
- exports.DayPickerRangeController = components_DayPickerRangeController;
38
- exports.END_DATE = components_DSDateRangePickerImpl.END_DATE;
39
- exports.START_DATE = components_DSDateRangePickerImpl.START_DATE;
40
- //# sourceMappingURL=index.js.map
12
+ exports["default"] = DSDateRangePicker["default"];
13
+ exports.DayPickerRangeController = DayPickerRangeController;
14
+ exports.END_DATE = DSDateRangePickerImpl.END_DATE;
15
+ exports.START_DATE = DSDateRangePickerImpl.START_DATE;
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  /* eslint-disable max-params */
6
- var MAX_YEARS_DIFF = 150; // https://jira.elliemae.io/browse/PUI-4145
6
+ const MAX_YEARS_DIFF = 150; // https://jira.elliemae.io/browse/PUI-4145
7
7
 
8
- var isMaxDiffSafe = function isMaxDiffSafe(startDate, endDate, prevStart, prevEnd) {
8
+ const isMaxDiffSafe = (startDate, endDate, prevStart, prevEnd) => {
9
9
  try {
10
- var diff = Math.abs(endDate.diff(startDate, 'years'));
11
- var diffStart = Math.abs(startDate.diff(prevStart, 'years'));
12
- var diffEnd = Math.abs(endDate.diff(prevEnd, 'years'));
10
+ const diff = Math.abs(endDate.diff(startDate, 'years'));
11
+ const diffStart = Math.abs(startDate.diff(prevStart, 'years'));
12
+ const diffEnd = Math.abs(endDate.diff(prevEnd, 'years'));
13
13
  return diff < MAX_YEARS_DIFF && diffStart < MAX_YEARS_DIFF && diffEnd < MAX_YEARS_DIFF;
14
14
  } catch (error) {
15
15
  return true;
@@ -18,4 +18,3 @@ var isMaxDiffSafe = function isMaxDiffSafe(startDate, endDate, prevStart, prevEn
18
18
 
19
19
  exports.MAX_YEARS_DIFF = MAX_YEARS_DIFF;
20
20
  exports.isMaxDiffSafe = isMaxDiffSafe;
21
- //# sourceMappingURL=isMaxDiffSafe.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "type": "commonjs",
3
+ "sideEffects": [
4
+ "*.css",
5
+ "*.scss"
6
+ ]
7
+ }