@elliemae/ds-date-range-picker 2.2.0-alpha.3 → 2.2.0-next.2

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 (29) hide show
  1. package/cjs/DSDateRangePicker.js +193 -199
  2. package/cjs/components/DSDateRangePickerImpl.js +222 -172
  3. package/cjs/components/DatePickerLabel/DatePickerLabel.js +19 -38
  4. package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +62 -74
  5. package/cjs/components/DayPickerRangeController.js +109 -123
  6. package/cjs/index.js +15 -36
  7. package/cjs/isMaxDiffSafe.js +13 -39
  8. package/esm/DSDateRangePicker.js +150 -143
  9. package/esm/components/DSDateRangePickerImpl.js +197 -131
  10. package/esm/components/DatePickerLabel/DatePickerLabel.js +13 -9
  11. package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +45 -36
  12. package/esm/components/DayPickerRangeController.js +99 -92
  13. package/esm/index.js +3 -7
  14. package/esm/isMaxDiffSafe.js +8 -10
  15. package/package.json +6 -6
  16. package/cjs/DSDateRangePicker.js.map +0 -7
  17. package/cjs/components/DSDateRangePickerImpl.js.map +0 -7
  18. package/cjs/components/DatePickerLabel/DatePickerLabel.js.map +0 -7
  19. package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
  20. package/cjs/components/DayPickerRangeController.js.map +0 -7
  21. package/cjs/index.js.map +0 -7
  22. package/cjs/isMaxDiffSafe.js.map +0 -7
  23. package/esm/DSDateRangePicker.js.map +0 -7
  24. package/esm/components/DSDateRangePickerImpl.js.map +0 -7
  25. package/esm/components/DatePickerLabel/DatePickerLabel.js.map +0 -7
  26. package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
  27. package/esm/components/DayPickerRangeController.js.map +0 -7
  28. package/esm/index.js.map +0 -7
  29. package/esm/isMaxDiffSafe.js.map +0 -7
@@ -1,112 +1,100 @@
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 DatePickerRangeHeader_exports = {};
29
- __export(DatePickerRangeHeader_exports, {
30
- default: () => DatePickerRangeHeader_default
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_moment = __toESM(require("moment"));
35
- var import_ds_form = __toESM(require("@elliemae/ds-form"));
36
- var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
37
- const blockname = "date-range-picker";
38
- const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
39
- const formatDate = (date) => {
1
+ 'use strict';
2
+
3
+ var _jsx = require('@babel/runtime/helpers/jsx');
4
+ require('core-js/modules/web.dom-collections.iterator.js');
5
+ var React = require('react');
6
+ var moment = require('moment');
7
+ var DSInputMask = require('@elliemae/ds-form');
8
+ var dsClassnames = require('@elliemae/ds-classnames');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
13
+ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
14
+ var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
15
+
16
+ const blockname = 'date-range-picker';
17
+ const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
18
+
19
+ const formatDate = date => {
40
20
  if (date) {
41
- return date.format("MMDDYYYY");
21
+ return date.format('MMDDYYYY');
42
22
  }
43
23
  };
44
- const DatePickerRangeHeader = ({
45
- placeholderStart = "Start Date",
46
- placeholderEnd = "End Date",
47
- onStartInputChange = () => null,
48
- onEndInputChange = () => null,
49
- selectedStartDate,
50
- selectedEndDate
51
- }) => {
52
- const [startValue, setStartValue] = (0, import_react.useState)(selectedStartDate ? formatDate(selectedStartDate) : "");
53
- const [endValue, setEndValue] = (0, import_react.useState)(selectedEndDate ? formatDate(selectedEndDate) : "");
54
- (0, import_react.useEffect)(() => {
24
+
25
+ const DatePickerRangeHeader = _ref => {
26
+ let {
27
+ placeholderStart = 'Start Date',
28
+ placeholderEnd = 'End Date',
29
+ onStartInputChange = () => null,
30
+ onEndInputChange = () => null,
31
+ selectedStartDate,
32
+ selectedEndDate
33
+ } = _ref;
34
+ const [startValue, setStartValue] = React.useState(selectedStartDate ? formatDate(selectedStartDate) : '');
35
+ const [endValue, setEndValue] = React.useState(selectedEndDate ? formatDate(selectedEndDate) : '');
36
+ React.useEffect(() => {
55
37
  const startDate = formatDate(selectedStartDate);
56
38
  const endDate = formatDate(selectedEndDate);
57
39
  startDate !== startValue && setStartValue(startDate);
58
40
  endDate !== endValue && setEndValue(endDate);
59
41
  }, [selectedStartDate, selectedEndDate]);
60
- const handleOnChangeStart = (e) => {
42
+
43
+ const handleOnChangeStart = e => {
61
44
  const newStartValue = e.target.value;
62
45
  setStartValue(newStartValue);
63
46
  };
64
- const handleOnChangeEnd = (e) => {
47
+
48
+ const handleOnChangeEnd = e => {
65
49
  const newEndValue = e.target.value;
66
50
  setEndValue(newEndValue);
67
51
  };
68
- const handleOnBlurStart = (e) => {
52
+
53
+ const handleOnBlurStart = e => {
69
54
  const newStartValue = e.target.value;
70
- onStartInputChange((0, import_moment.default)(newStartValue));
55
+ onStartInputChange(moment__default["default"](newStartValue));
71
56
  };
72
- const handleOnBlurEnd = (e) => {
57
+
58
+ const handleOnBlurEnd = e => {
73
59
  const newEndValue = e.target.value;
74
- onEndInputChange((0, import_moment.default)(newEndValue));
60
+ onEndInputChange(moment__default["default"](newEndValue));
75
61
  };
76
- const handleOnKeyDownStart = (e) => {
77
- if (e.key === "Enter") {
62
+
63
+ const handleOnKeyDownStart = e => {
64
+ if (e.key === 'Enter') {
78
65
  const newValue = e.target.value;
79
- onStartInputChange((0, import_moment.default)(newValue));
66
+ onStartInputChange(moment__default["default"](newValue));
80
67
  e.target.blur();
81
68
  }
82
69
  };
83
- const handleOnKeyDownEnd = (e) => {
84
- if (e.key === "Enter") {
70
+
71
+ const handleOnKeyDownEnd = e => {
72
+ if (e.key === 'Enter') {
85
73
  const newValue = e.target.value;
86
- onEndInputChange((0, import_moment.default)(newValue));
74
+ onEndInputChange(moment__default["default"](newValue));
87
75
  e.target.blur();
88
76
  }
89
77
  };
90
- 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.default, {
91
- "aria-label": placeholderStart || "Date Picker Input Mask",
92
- mask: import_ds_form.MASK_TYPES.DATE,
78
+
79
+ return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
80
+ "aria-label": placeholderStart || 'Date Picker Input Mask',
81
+ mask: DSInputMask.MASK_TYPES.DATE,
93
82
  onBlur: handleOnBlurStart,
94
83
  onChange: handleOnChangeStart,
95
84
  onKeyDown: handleOnKeyDownStart,
96
- pipe: import_ds_form.MASK_PIPES.AUTO_CORRECT_DATE,
85
+ pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
97
86
  placeholder: placeholderStart,
98
87
  value: startValue
99
- }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.default, {
100
- "aria-label": placeholderEnd || "Date Picker Input Mask",
101
- mask: import_ds_form.MASK_TYPES.DATE,
88
+ }), /*#__PURE__*/_jsx__default["default"](DSInputMask__default["default"], {
89
+ "aria-label": placeholderEnd || 'Date Picker Input Mask',
90
+ mask: DSInputMask.MASK_TYPES.DATE,
102
91
  onBlur: handleOnBlurEnd,
103
92
  onChange: handleOnChangeEnd,
104
93
  onKeyDown: handleOnKeyDownEnd,
105
- pipe: import_ds_form.MASK_PIPES.AUTO_CORRECT_DATE,
94
+ pipe: DSInputMask.MASK_PIPES.AUTO_CORRECT_DATE,
106
95
  placeholder: placeholderEnd,
107
96
  value: endValue
108
97
  })));
109
98
  };
110
- var DatePickerRangeHeader_default = DatePickerRangeHeader;
111
- module.exports = __toCommonJS(DatePickerRangeHeader_exports);
112
- //# sourceMappingURL=DatePickerRangeHeader.js.map
99
+
100
+ module.exports = DatePickerRangeHeader;
@@ -1,81 +1,81 @@
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 DayPickerRangeController_exports = {};
29
- __export(DayPickerRangeController_exports, {
30
- default: () => DayPickerRangeController_default
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_prop_types = __toESM(require("prop-types"));
35
- var import_moment = __toESM(require("moment"));
36
- var import_react_dates = __toESM(require("react-dates"));
37
- var import_ds_date_picker = __toESM(require("@elliemae/ds-date-picker"));
38
- var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
39
- var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
40
- const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
41
- const DayPickerRangeController = ({
42
- endDate = void 0,
43
- startDate = void 0,
44
- displayFormatDay = "D",
45
- focusedInput = void 0,
46
- enableOutsideDays = false,
47
- onDatesChange = () => null,
48
- onFocusChange = () => null,
49
- onOutsideClick = () => null,
50
- isDayBlocked = () => null,
51
- isDayHighlighted = () => null,
52
- isOutsideRange = () => null,
53
- onNextMonthClick = () => null,
54
- onPrevMonthClick = () => null,
55
- ...otherProps
56
- }) => {
57
- const datePickerRef = (0, import_react.useRef)();
58
- (0, import_react.useEffect)(() => {
1
+ 'use strict';
2
+
3
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ var _jsx = require('@babel/runtime/helpers/jsx');
5
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
+ require('core-js/modules/web.dom-collections.iterator.js');
7
+ require('core-js/modules/esnext.async-iterator.filter.js');
8
+ require('core-js/modules/esnext.iterator.constructor.js');
9
+ require('core-js/modules/esnext.iterator.filter.js');
10
+ require('core-js/modules/esnext.async-iterator.for-each.js');
11
+ require('core-js/modules/esnext.iterator.for-each.js');
12
+ var React = require('react');
13
+ var reactDates = require('react-dates');
14
+ var dsDatePicker = require('@elliemae/ds-date-picker');
15
+ var dsIcons = require('@elliemae/ds-icons');
16
+ var dsClassnames = require('@elliemae/ds-classnames');
17
+ var jsxRuntime = require('react/jsx-runtime');
18
+
19
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
+
21
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
22
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
23
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
24
+
25
+ const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
26
+
27
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
28
+
29
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
30
+ const {
31
+ classNameElement,
32
+ classNameBlock
33
+ } = dsClassnames.convertPropToCssClassName('datepicker-range');
34
+
35
+ const DayPickerRangeController = _ref => {
36
+ let {
37
+ endDate = undefined,
38
+ startDate = undefined,
39
+ displayFormatDay = 'D',
40
+ focusedInput = undefined,
41
+ enableOutsideDays = false,
42
+ onDatesChange = () => null,
43
+ onFocusChange = () => null,
44
+ onOutsideClick = () => null,
45
+ isDayBlocked = () => null,
46
+ isDayHighlighted = () => null,
47
+ isOutsideRange = () => null,
48
+ onNextMonthClick = () => null,
49
+ onPrevMonthClick = () => null
50
+ } = _ref,
51
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
52
+
53
+ const datePickerRef = React.useRef();
54
+ React.useEffect(() => {
59
55
  const handleMouseUp = () => {
60
56
  const focusedElement = document.activeElement;
61
57
  focusedElement.blur();
62
58
  };
63
- const handleKeyDown = (event) => {
64
- const [firstDay, ...restOfDays] = document.getElementsByClassName("CalendarMonthGrid_month__horizontal")[1].getElementsByClassName("CalendarDay");
59
+
60
+ const handleKeyDown = event => {
61
+ const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
65
62
  const [lastDay] = restOfDays.slice(-1);
66
63
  const focusedElement = document.activeElement;
67
- const [prev, next] = document.getElementsByClassName("DayPickerNavigation_button");
64
+ const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
65
+
68
66
  switch (event.key) {
69
- case "Home":
67
+ case 'Home':
70
68
  event.stopPropagation();
71
69
  firstDay.focus();
72
70
  break;
73
- case "End":
71
+
72
+ case 'End':
74
73
  event.stopPropagation();
75
74
  lastDay.focus();
76
75
  break;
77
- case "Enter":
78
- case " ":
76
+
77
+ case 'Enter':
78
+ case ' ':
79
79
  if (focusedElement === prev) {
80
80
  event.stopPropagation();
81
81
  setTimeout(() => {
@@ -84,78 +84,64 @@ const DayPickerRangeController = ({
84
84
  } else if (focusedElement === next) {
85
85
  event.stopPropagation();
86
86
  setTimeout(() => {
87
- next?.focus();
87
+ next === null || next === void 0 ? void 0 : next.focus();
88
88
  }, 240);
89
89
  }
90
+
90
91
  break;
91
- case "Tab":
92
+
93
+ case 'Tab':
92
94
  if (firstDay === focusedElement || restOfDays.includes(focusedElement)) {
93
95
  event.preventDefault();
94
96
  prev.focus();
95
97
  }
96
- break;
97
- default:
98
+
98
99
  break;
99
100
  }
100
101
  };
101
- datePickerRef.current.addEventListener("mouseup", handleMouseUp, false);
102
- datePickerRef.current.addEventListener("keydown", handleKeyDown, false);
102
+
103
+ datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);
104
+ datePickerRef.current.addEventListener('keydown', handleKeyDown, false);
103
105
  return () => {
104
106
  if (datePickerRef.current) {
105
- datePickerRef.current.removeEventListener("mouseup", handleMouseUp, false);
106
- datePickerRef.current.removeEventListener("keydown", handleKeyDown, false);
107
+ datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);
108
+ datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);
107
109
  }
108
110
  };
109
111
  }, []);
110
- return /* @__PURE__ */ import_react.default.createElement("div", {
112
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
111
113
  ref: datePickerRef,
112
- className: classNameBlock("wrapper-day-picker-single-date-controller"),
113
- "data-testid": otherProps["data-testid"] || "date-range-picker-controller"
114
- }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerRangeController, {
115
- ...otherProps,
116
- isDayBlocked,
117
- isDayHighlighted,
118
- isOutsideRange,
119
- enableOutsideDays,
120
- endDate,
121
- focused: true,
122
- focusedInput,
123
- hideKeyboardShortcutsPanel: true,
124
- navNext: /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DatePickerNavigation, {
125
- className: classNameElement("navigation-next")
126
- }),
127
- navPrev: /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DatePickerNavigation, {
128
- className: classNameElement("navigation-prev"),
129
- icon: import_ds_icons.ChevronLeft
130
- }),
131
- onDatesChange,
132
- onFocusChange,
133
- onOutsideClick,
134
- onNextMonthClick,
135
- onPrevMonthClick,
136
- renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DatePickerDay, {
137
- className: classNameElement("day-contents"),
138
- date: date.format(displayFormatDay)
139
- }),
140
- renderMonthElement: import_ds_date_picker.renderMonthElement,
141
- startDate
142
- }));
143
- };
144
- DayPickerRangeController.propTypes = {
145
- endDate: import_prop_types.default.instanceOf(Date, import_moment.default),
146
- startDate: import_prop_types.default.instanceOf(Date, import_moment.default),
147
- displayFormatDay: import_prop_types.default.string,
148
- focusedInput: import_prop_types.default.bool,
149
- onDatesChange: import_prop_types.default.func,
150
- onFocusChange: import_prop_types.default.func,
151
- onOutsideClick: import_prop_types.default.func,
152
- onNextMonthClick: import_prop_types.default.func,
153
- onPrevMonthClick: import_prop_types.default.func,
154
- enableOutsideDays: import_prop_types.default.bool,
155
- isDayBlocked: import_prop_types.default.func,
156
- isDayHighlighted: import_prop_types.default.func,
157
- isOutsideRange: import_prop_types.default.func
114
+ className: classNameBlock('wrapper-day-picker-single-date-controller'),
115
+ "data-testid": otherProps['data-testid'] || 'date-range-picker-controller',
116
+ children: /*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
117
+ isDayBlocked: isDayBlocked,
118
+ isDayHighlighted: isDayHighlighted,
119
+ isOutsideRange: isOutsideRange,
120
+ enableOutsideDays: enableOutsideDays,
121
+ endDate: endDate,
122
+ focused: true,
123
+ focusedInput: focusedInput,
124
+ hideKeyboardShortcutsPanel: true,
125
+ navNext: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
126
+ className: classNameElement('navigation-next')
127
+ }),
128
+ navPrev: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerNavigation, {
129
+ className: classNameElement('navigation-prev'),
130
+ icon: dsIcons.ChevronLeft
131
+ }),
132
+ onDatesChange: onDatesChange,
133
+ onFocusChange: onFocusChange,
134
+ onOutsideClick: onOutsideClick,
135
+ onNextMonthClick: onNextMonthClick,
136
+ onPrevMonthClick: onPrevMonthClick,
137
+ renderDayContents: date => /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDay, {
138
+ className: classNameElement('day-contents'),
139
+ date: date.format(displayFormatDay)
140
+ }),
141
+ renderMonthElement: dsDatePicker.renderMonthElement,
142
+ startDate: startDate
143
+ }))
144
+ });
158
145
  };
159
- var DayPickerRangeController_default = DayPickerRangeController;
160
- module.exports = __toCommonJS(DayPickerRangeController_exports);
161
- //# sourceMappingURL=DayPickerRangeController.js.map
146
+
147
+ module.exports = DayPickerRangeController;
package/cjs/index.js CHANGED
@@ -1,36 +1,15 @@
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 src_exports = {};
29
- __export(src_exports, {
30
- default: () => import_DSDateRangePicker.default
31
- });
32
- var React = __toESM(require("react"));
33
- var import_DSDateRangePicker = __toESM(require("./DSDateRangePicker"));
34
- __reExport(src_exports, __toESM(require("./DSDateRangePicker")));
35
- module.exports = __toCommonJS(src_exports);
36
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var DSDateRangePicker = require('./DSDateRangePicker.js');
6
+ var DayPickerRangeController = require('./components/DayPickerRangeController.js');
7
+ var DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
8
+
9
+
10
+
11
+ exports.DateRangePickerWithSchema = DSDateRangePicker.DateRangePickerWithSchema;
12
+ exports["default"] = DSDateRangePicker["default"];
13
+ exports.DayPickerRangeController = DayPickerRangeController;
14
+ exports.END_DATE = DSDateRangePickerImpl.END_DATE;
15
+ exports.START_DATE = DSDateRangePickerImpl.START_DATE;
@@ -1,46 +1,20 @@
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 isMaxDiffSafe_exports = {};
29
- __export(isMaxDiffSafe_exports, {
30
- MAX_YEARS_DIFF: () => MAX_YEARS_DIFF,
31
- isMaxDiffSafe: () => isMaxDiffSafe
32
- });
33
- var React = __toESM(require("react"));
34
- const MAX_YEARS_DIFF = 150;
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ /* eslint-disable max-params */
6
+ const MAX_YEARS_DIFF = 150; // https://jira.elliemae.io/browse/PUI-4145
7
+
35
8
  const isMaxDiffSafe = (startDate, endDate, prevStart, prevEnd) => {
36
9
  try {
37
- const diff = Math.abs(endDate.diff(startDate, "years"));
38
- const diffStart = Math.abs(startDate.diff(prevStart, "years"));
39
- const 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'));
40
13
  return diff < MAX_YEARS_DIFF && diffStart < MAX_YEARS_DIFF && diffEnd < MAX_YEARS_DIFF;
41
14
  } catch (error) {
42
15
  return true;
43
16
  }
44
17
  };
45
- module.exports = __toCommonJS(isMaxDiffSafe_exports);
46
- //# sourceMappingURL=isMaxDiffSafe.js.map
18
+
19
+ exports.MAX_YEARS_DIFF = MAX_YEARS_DIFF;
20
+ exports.isMaxDiffSafe = isMaxDiffSafe;