@elliemae/ds-date-picker 2.0.0-rc.7 → 2.0.1-rc.0

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 (5) hide show
  1. package/cjs/components/DSDatePickerImpl.js +24 -26
  2. package/cjs/components/DatePickerController/DatePickerController.js +20 -22
  3. package/esm/components/DSDatePickerImpl.js +24 -25
  4. package/esm/components/DatePickerController/DatePickerController.js +19 -21
  5. package/package.json +14 -6
package/cjs/components/DSDatePickerImpl.js CHANGED
@@ -1,7 +1,6 @@
1
1
  'use strict';
2
2
 
3
3
  var _jsx = require('@babel/runtime/helpers/jsx');
4
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
4
  require('core-js/modules/web.dom-collections.iterator.js');
6
5
  var React = require('react');
7
6
  var moment = require('moment');
@@ -12,7 +11,6 @@ var DatePickerDropdown = require('./DatePickerDropdown.js');
12
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
12
 
14
13
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
15
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
15
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
18
16
 
@@ -21,13 +19,13 @@ class DSdatePickerImpl extends React__default["default"].Component {
21
19
  constructor(props) {
22
20
  super(props);
23
21
 
24
- _defineProperty__default["default"](this, "onClickPicker", () => {
22
+ this.onClickPicker = () => {
25
23
  this.setState({
26
24
  inputFocused: true
27
25
  });
28
- });
26
+ };
29
27
 
30
- _defineProperty__default["default"](this, "getSafeValue", () => {
28
+ this.getSafeValue = () => {
31
29
  const {
32
30
  value,
33
31
  date,
@@ -54,9 +52,9 @@ class DSdatePickerImpl extends React__default["default"].Component {
54
52
  }
55
53
 
56
54
  return null;
57
- });
55
+ };
58
56
 
59
- _defineProperty__default["default"](this, "getSafeInputValue", () => {
57
+ this.getSafeInputValue = () => {
60
58
  const safeValue = this.getSafeValue();
61
59
 
62
60
  if (safeValue && safeValue.isValid()) {
@@ -67,17 +65,17 @@ class DSdatePickerImpl extends React__default["default"].Component {
67
65
  dataInput
68
66
  } = this.state;
69
67
  return dataInput;
70
- });
68
+ };
71
69
 
72
- _defineProperty__default["default"](this, "isControlled", () => {
70
+ this.isControlled = () => {
73
71
  const {
74
72
  value,
75
73
  date
76
74
  } = this.props;
77
75
  return Boolean(value) || Boolean(date);
78
- });
76
+ };
79
77
 
80
- _defineProperty__default["default"](this, "handleDateChange", (date, event) => {
78
+ this.handleDateChange = (date, event) => {
81
79
  const {
82
80
  readOnly,
83
81
  onDateChange,
@@ -104,9 +102,9 @@ class DSdatePickerImpl extends React__default["default"].Component {
104
102
  onBlur(date.format(FORMAT), date);
105
103
  }
106
104
  }
107
- });
105
+ };
108
106
 
109
- _defineProperty__default["default"](this, "handleInputChange", (dataInput, newDate) => {
107
+ this.handleInputChange = (dataInput, newDate) => {
110
108
  const {
111
109
  onChange
112
110
  } = this.props;
@@ -116,9 +114,9 @@ class DSdatePickerImpl extends React__default["default"].Component {
116
114
  };
117
115
  this.setState(() => newState);
118
116
  onChange(dataInput, newDate);
119
- });
117
+ };
120
118
 
121
- _defineProperty__default["default"](this, "handleChange", newDate => {
119
+ this.handleChange = newDate => {
122
120
  if (!newDate) return;
123
121
  const {
124
122
  onDateChange
@@ -129,18 +127,18 @@ class DSdatePickerImpl extends React__default["default"].Component {
129
127
  selectedDate: momentValue
130
128
  });
131
129
  onDateChange(momentValue);
132
- });
130
+ };
133
131
 
134
- _defineProperty__default["default"](this, "handleFocus", _ref => {
132
+ this.handleFocus = _ref => {
135
133
  let {
136
134
  focused
137
135
  } = _ref;
138
136
  this.setState({
139
137
  inputFocused: focused
140
138
  });
141
- });
139
+ };
142
140
 
143
- _defineProperty__default["default"](this, "handleCalendarClose", () => {
141
+ this.handleCalendarClose = () => {
144
142
  const {
145
143
  onClose
146
144
  } = this.props;
@@ -149,9 +147,9 @@ class DSdatePickerImpl extends React__default["default"].Component {
149
147
  });
150
148
  this.handleOnBlur();
151
149
  onClose();
152
- });
150
+ };
153
151
 
154
- _defineProperty__default["default"](this, "handleClickEscape", () => {
152
+ this.handleClickEscape = () => {
155
153
  const {
156
154
  onClose
157
155
  } = this.props;
@@ -160,9 +158,9 @@ class DSdatePickerImpl extends React__default["default"].Component {
160
158
  });
161
159
  this.handleOnBlur();
162
160
  onClose();
163
- });
161
+ };
164
162
 
165
- _defineProperty__default["default"](this, "handleOnBlur", () => {
163
+ this.handleOnBlur = () => {
166
164
  setTimeout(() => {
167
165
  const {
168
166
  onBlur,
@@ -185,14 +183,14 @@ class DSdatePickerImpl extends React__default["default"].Component {
185
183
  onBlur(dataInput, null);
186
184
  }
187
185
  });
188
- });
186
+ };
189
187
 
190
- _defineProperty__default["default"](this, "handleInputFocus", dataInput => {
188
+ this.handleInputFocus = dataInput => {
191
189
  const {
192
190
  onFocus
193
191
  } = this.props;
194
192
  onFocus(dataInput);
195
- });
193
+ };
196
194
 
197
195
  this.state = {
198
196
  pickerRef: /*#__PURE__*/React__default["default"].createRef(),
package/cjs/components/DatePickerController/DatePickerController.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var _jsx = require('@babel/runtime/helpers/jsx');
4
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ var _jsx = require('@babel/runtime/helpers/jsx');
5
5
  require('core-js/modules/esnext.async-iterator.filter.js');
6
6
  require('core-js/modules/esnext.iterator.constructor.js');
7
7
  require('core-js/modules/esnext.iterator.filter.js');
@@ -24,8 +24,8 @@ var jsxRuntime = require('react/jsx-runtime');
24
24
 
25
25
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
26
 
27
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
28
27
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
28
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
29
29
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
30
30
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
31
31
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
@@ -59,14 +59,14 @@ class DSDatePickerController extends React__default["default"].Component {
59
59
  constructor(props) {
60
60
  super(props);
61
61
 
62
- _defineProperty__default["default"](this, "handleMouseUp", () => {
62
+ this.handleMouseUp = () => {
63
63
  var _focusedElement$blur;
64
64
 
65
65
  const focusedElement = document.activeElement;
66
66
  focusedElement === null || focusedElement === void 0 ? void 0 : (_focusedElement$blur = focusedElement.blur) === null || _focusedElement$blur === void 0 ? void 0 : _focusedElement$blur.call(focusedElement);
67
- });
67
+ };
68
68
 
69
- _defineProperty__default["default"](this, "handleKeyDown", event => {
69
+ this.handleKeyDown = event => {
70
70
  const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
71
71
  const [lastDay] = restOfDays.slice(-1);
72
72
  const {
@@ -86,9 +86,9 @@ class DSDatePickerController extends React__default["default"].Component {
86
86
  onClickEscape();
87
87
  break;
88
88
  }
89
- });
89
+ };
90
90
 
91
- _defineProperty__default["default"](this, "getSafeValue", () => {
91
+ this.getSafeValue = () => {
92
92
  const {
93
93
  value,
94
94
  date,
@@ -102,17 +102,17 @@ class DSDatePickerController extends React__default["default"].Component {
102
102
  if (defaultValue) return moment__default["default"](defaultValue);
103
103
  if (selectedDate) return moment__default["default"](selectedDate);
104
104
  return null;
105
- });
105
+ };
106
106
 
107
- _defineProperty__default["default"](this, "isControlled", () => {
107
+ this.isControlled = () => {
108
108
  const {
109
109
  value,
110
110
  date
111
111
  } = this.props;
112
112
  return Boolean(value) || Boolean(date);
113
- });
113
+ };
114
114
 
115
- _defineProperty__default["default"](this, "handleDateChange", date => {
115
+ this.handleDateChange = date => {
116
116
  const {
117
117
  readOnly,
118
118
  onDateChange,
@@ -129,9 +129,9 @@ class DSDatePickerController extends React__default["default"].Component {
129
129
  onDateChange(date);
130
130
  onChange(date);
131
131
  }
132
- });
132
+ };
133
133
 
134
- _defineProperty__default["default"](this, "handleChange", dataInput => {
134
+ this.handleChange = dataInput => {
135
135
  const {
136
136
  onDateChange,
137
137
  onChange
@@ -142,9 +142,9 @@ class DSDatePickerController extends React__default["default"].Component {
142
142
  });
143
143
  onDateChange(momentvalue);
144
144
  onChange(momentvalue);
145
- });
145
+ };
146
146
 
147
- _defineProperty__default["default"](this, "handleNavClick", (date, nav) => {
147
+ this.handleNavClick = (date, nav) => {
148
148
  const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
149
149
  const {
150
150
  onPrevMonthClick,
@@ -162,9 +162,9 @@ class DSDatePickerController extends React__default["default"].Component {
162
162
  next === null || next === void 0 ? void 0 : (_next$focus = next.focus) === null || _next$focus === void 0 ? void 0 : _next$focus.call(next);
163
163
  onNextMonthClick(date);
164
164
  }
165
- });
165
+ };
166
166
 
167
- _defineProperty__default["default"](this, "insideBlur", event => {
167
+ this.insideBlur = event => {
168
168
  const {
169
169
  datePicker
170
170
  } = this.state;
@@ -172,7 +172,7 @@ class DSDatePickerController extends React__default["default"].Component {
172
172
  if (!datePicker.current.contains(event.currentTarget)) {
173
173
  this.props.onClose();
174
174
  }
175
- });
175
+ };
176
176
 
177
177
  this.state = {
178
178
  selectedDate: null,
@@ -279,8 +279,7 @@ class DSDatePickerController extends React__default["default"].Component {
279
279
  }
280
280
 
281
281
  }
282
-
283
- _defineProperty__default["default"](DSDatePickerController, "defaultProps", {
282
+ DSDatePickerController.defaultProps = {
284
283
  date: '',
285
284
  value: '',
286
285
  enableOutsideDays: false,
@@ -303,8 +302,7 @@ _defineProperty__default["default"](DSDatePickerController, "defaultProps", {
303
302
  isOutsideRange: () => false,
304
303
  isDayHighlighted: () => false,
305
304
  numberOfMonths: 1
306
- });
307
-
305
+ };
308
306
  DSDatePickerController.defaultProps = {
309
307
  date: '',
310
308
  value: '',
package/esm/components/DSDatePickerImpl.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
3
2
  import 'core-js/modules/web.dom-collections.iterator.js';
4
3
  import React from 'react';
5
4
  import moment from 'moment';
@@ -12,13 +11,13 @@ class DSdatePickerImpl extends React.Component {
12
11
  constructor(props) {
13
12
  super(props);
14
13
 
15
- _defineProperty(this, "onClickPicker", () => {
14
+ this.onClickPicker = () => {
16
15
  this.setState({
17
16
  inputFocused: true
18
17
  });
19
- });
18
+ };
20
19
 
21
- _defineProperty(this, "getSafeValue", () => {
20
+ this.getSafeValue = () => {
22
21
  const {
23
22
  value,
24
23
  date,
@@ -45,9 +44,9 @@ class DSdatePickerImpl extends React.Component {
45
44
  }
46
45
 
47
46
  return null;
48
- });
47
+ };
49
48
 
50
- _defineProperty(this, "getSafeInputValue", () => {
49
+ this.getSafeInputValue = () => {
51
50
  const safeValue = this.getSafeValue();
52
51
 
53
52
  if (safeValue && safeValue.isValid()) {
@@ -58,17 +57,17 @@ class DSdatePickerImpl extends React.Component {
58
57
  dataInput
59
58
  } = this.state;
60
59
  return dataInput;
61
- });
60
+ };
62
61
 
63
- _defineProperty(this, "isControlled", () => {
62
+ this.isControlled = () => {
64
63
  const {
65
64
  value,
66
65
  date
67
66
  } = this.props;
68
67
  return Boolean(value) || Boolean(date);
69
- });
68
+ };
70
69
 
71
- _defineProperty(this, "handleDateChange", (date, event) => {
70
+ this.handleDateChange = (date, event) => {
72
71
  const {
73
72
  readOnly,
74
73
  onDateChange,
@@ -95,9 +94,9 @@ class DSdatePickerImpl extends React.Component {
95
94
  onBlur(date.format(FORMAT), date);
96
95
  }
97
96
  }
98
- });
97
+ };
99
98
 
100
- _defineProperty(this, "handleInputChange", (dataInput, newDate) => {
99
+ this.handleInputChange = (dataInput, newDate) => {
101
100
  const {
102
101
  onChange
103
102
  } = this.props;
@@ -107,9 +106,9 @@ class DSdatePickerImpl extends React.Component {
107
106
  };
108
107
  this.setState(() => newState);
109
108
  onChange(dataInput, newDate);
110
- });
109
+ };
111
110
 
112
- _defineProperty(this, "handleChange", newDate => {
111
+ this.handleChange = newDate => {
113
112
  if (!newDate) return;
114
113
  const {
115
114
  onDateChange
@@ -120,18 +119,18 @@ class DSdatePickerImpl extends React.Component {
120
119
  selectedDate: momentValue
121
120
  });
122
121
  onDateChange(momentValue);
123
- });
122
+ };
124
123
 
125
- _defineProperty(this, "handleFocus", _ref => {
124
+ this.handleFocus = _ref => {
126
125
  let {
127
126
  focused
128
127
  } = _ref;
129
128
  this.setState({
130
129
  inputFocused: focused
131
130
  });
132
- });
131
+ };
133
132
 
134
- _defineProperty(this, "handleCalendarClose", () => {
133
+ this.handleCalendarClose = () => {
135
134
  const {
136
135
  onClose
137
136
  } = this.props;
@@ -140,9 +139,9 @@ class DSdatePickerImpl extends React.Component {
140
139
  });
141
140
  this.handleOnBlur();
142
141
  onClose();
143
- });
142
+ };
144
143
 
145
- _defineProperty(this, "handleClickEscape", () => {
144
+ this.handleClickEscape = () => {
146
145
  const {
147
146
  onClose
148
147
  } = this.props;
@@ -151,9 +150,9 @@ class DSdatePickerImpl extends React.Component {
151
150
  });
152
151
  this.handleOnBlur();
153
152
  onClose();
154
- });
153
+ };
155
154
 
156
- _defineProperty(this, "handleOnBlur", () => {
155
+ this.handleOnBlur = () => {
157
156
  setTimeout(() => {
158
157
  const {
159
158
  onBlur,
@@ -176,14 +175,14 @@ class DSdatePickerImpl extends React.Component {
176
175
  onBlur(dataInput, null);
177
176
  }
178
177
  });
179
- });
178
+ };
180
179
 
181
- _defineProperty(this, "handleInputFocus", dataInput => {
180
+ this.handleInputFocus = dataInput => {
182
181
  const {
183
182
  onFocus
184
183
  } = this.props;
185
184
  onFocus(dataInput);
186
- });
185
+ };
187
186
 
188
187
  this.state = {
189
188
  pickerRef: /*#__PURE__*/React.createRef(),
package/esm/components/DatePickerController/DatePickerController.js CHANGED
@@ -1,5 +1,5 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
1
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
3
3
  import 'core-js/modules/esnext.async-iterator.filter.js';
4
4
  import 'core-js/modules/esnext.iterator.constructor.js';
5
5
  import 'core-js/modules/esnext.iterator.filter.js';
@@ -49,14 +49,14 @@ class DSDatePickerController extends React.Component {
49
49
  constructor(props) {
50
50
  super(props);
51
51
 
52
- _defineProperty(this, "handleMouseUp", () => {
52
+ this.handleMouseUp = () => {
53
53
  var _focusedElement$blur;
54
54
 
55
55
  const focusedElement = document.activeElement;
56
56
  focusedElement === null || focusedElement === void 0 ? void 0 : (_focusedElement$blur = focusedElement.blur) === null || _focusedElement$blur === void 0 ? void 0 : _focusedElement$blur.call(focusedElement);
57
- });
57
+ };
58
58
 
59
- _defineProperty(this, "handleKeyDown", event => {
59
+ this.handleKeyDown = event => {
60
60
  const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
61
61
  const [lastDay] = restOfDays.slice(-1);
62
62
  const {
@@ -76,9 +76,9 @@ class DSDatePickerController extends React.Component {
76
76
  onClickEscape();
77
77
  break;
78
78
  }
79
- });
79
+ };
80
80
 
81
- _defineProperty(this, "getSafeValue", () => {
81
+ this.getSafeValue = () => {
82
82
  const {
83
83
  value,
84
84
  date,
@@ -92,17 +92,17 @@ class DSDatePickerController extends React.Component {
92
92
  if (defaultValue) return moment(defaultValue);
93
93
  if (selectedDate) return moment(selectedDate);
94
94
  return null;
95
- });
95
+ };
96
96
 
97
- _defineProperty(this, "isControlled", () => {
97
+ this.isControlled = () => {
98
98
  const {
99
99
  value,
100
100
  date
101
101
  } = this.props;
102
102
  return Boolean(value) || Boolean(date);
103
- });
103
+ };
104
104
 
105
- _defineProperty(this, "handleDateChange", date => {
105
+ this.handleDateChange = date => {
106
106
  const {
107
107
  readOnly,
108
108
  onDateChange,
@@ -119,9 +119,9 @@ class DSDatePickerController extends React.Component {
119
119
  onDateChange(date);
120
120
  onChange(date);
121
121
  }
122
- });
122
+ };
123
123
 
124
- _defineProperty(this, "handleChange", dataInput => {
124
+ this.handleChange = dataInput => {
125
125
  const {
126
126
  onDateChange,
127
127
  onChange
@@ -132,9 +132,9 @@ class DSDatePickerController extends React.Component {
132
132
  });
133
133
  onDateChange(momentvalue);
134
134
  onChange(momentvalue);
135
- });
135
+ };
136
136
 
137
- _defineProperty(this, "handleNavClick", (date, nav) => {
137
+ this.handleNavClick = (date, nav) => {
138
138
  const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
139
139
  const {
140
140
  onPrevMonthClick,
@@ -152,9 +152,9 @@ class DSDatePickerController extends React.Component {
152
152
  next === null || next === void 0 ? void 0 : (_next$focus = next.focus) === null || _next$focus === void 0 ? void 0 : _next$focus.call(next);
153
153
  onNextMonthClick(date);
154
154
  }
155
- });
155
+ };
156
156
 
157
- _defineProperty(this, "insideBlur", event => {
157
+ this.insideBlur = event => {
158
158
  const {
159
159
  datePicker
160
160
  } = this.state;
@@ -162,7 +162,7 @@ class DSDatePickerController extends React.Component {
162
162
  if (!datePicker.current.contains(event.currentTarget)) {
163
163
  this.props.onClose();
164
164
  }
165
- });
165
+ };
166
166
 
167
167
  this.state = {
168
168
  selectedDate: null,
@@ -269,8 +269,7 @@ class DSDatePickerController extends React.Component {
269
269
  }
270
270
 
271
271
  }
272
-
273
- _defineProperty(DSDatePickerController, "defaultProps", {
272
+ DSDatePickerController.defaultProps = {
274
273
  date: '',
275
274
  value: '',
276
275
  enableOutsideDays: false,
@@ -293,8 +292,7 @@ _defineProperty(DSDatePickerController, "defaultProps", {
293
292
  isOutsideRange: () => false,
294
293
  isDayHighlighted: () => false,
295
294
  numberOfMonths: 1
296
- });
297
-
295
+ };
298
296
  DSDatePickerController.defaultProps = {
299
297
  date: '',
300
298
  value: '',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-date-picker",
3
- "version": "2.0.0-rc.7",
3
+ "version": "2.0.1-rc.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Date Picker",
6
6
  "module": "./esm/index.js",
@@ -92,16 +92,24 @@
92
92
  "build": "node ../../scripts/build/build.js"
93
93
  },
94
94
  "dependencies": {
95
- "@elliemae/ds-basic": "2.0.0-rc.7",
96
- "@elliemae/ds-classnames": "2.0.0-rc.7",
97
- "@elliemae/ds-form": "2.0.0-rc.7",
98
- "@elliemae/ds-icons": "2.0.0-rc.7",
99
- "@elliemae/ds-system": "2.0.0-rc.7",
95
+ "@elliemae/ds-basic": "2.0.1-rc.0",
96
+ "@elliemae/ds-button": "2.0.1-rc.0",
97
+ "@elliemae/ds-classnames": "2.0.1-rc.0",
98
+ "@elliemae/ds-form": "2.0.1-rc.0",
99
+ "@elliemae/ds-grid": "2.0.1-rc.0",
100
+ "@elliemae/ds-icons": "2.0.1-rc.0",
101
+ "@elliemae/ds-popper": "2.0.1-rc.0",
102
+ "@elliemae/ds-shared": "2.0.1-rc.0",
103
+ "@elliemae/ds-system": "2.0.1-rc.0",
100
104
  "moment": "~2.29.1",
101
105
  "prop-types": "~15.7.2",
102
106
  "react-dates": "~21.8.0",
103
107
  "react-desc": "~4.1.3"
104
108
  },
109
+ "devDependencies": {
110
+ "@testing-library/jest-dom": "~5.15.0",
111
+ "@testing-library/react": "~12.1.2"
112
+ },
105
113
  "peerDependencies": {
106
114
  "lodash": "^4.17.21",
107
115
  "react": "~17.0.2",