@commercetools-uikit/date-range-input 12.2.9 → 13.0.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.
- package/README.md +45 -18
- package/dist/commercetools-uikit-date-range-input.cjs.d.ts +2 -0
- package/dist/commercetools-uikit-date-range-input.cjs.dev.js +34 -87
- package/dist/commercetools-uikit-date-range-input.cjs.prod.js +17 -16
- package/dist/commercetools-uikit-date-range-input.esm.js +33 -86
- package/dist/declarations/src/date-range-input.d.ts +5 -0
- package/dist/declarations/src/index.d.ts +2 -0
- package/dist/declarations/src/messages.d.ts +8 -0
- package/dist/declarations/src/version.d.ts +2 -0
- package/package.json +15 -15
package/README.md
CHANGED
|
@@ -45,24 +45,51 @@ export default Example;
|
|
|
45
45
|
|
|
46
46
|
## Properties
|
|
47
47
|
|
|
48
|
-
| Props | Type
|
|
49
|
-
| ---------------------- |
|
|
50
|
-
| `intl` | `
|
|
51
|
-
| `
|
|
52
|
-
| `
|
|
53
|
-
| `
|
|
54
|
-
| `
|
|
55
|
-
| `
|
|
56
|
-
| `
|
|
57
|
-
| `
|
|
58
|
-
| `
|
|
59
|
-
| `
|
|
60
|
-
| `
|
|
61
|
-
| `
|
|
62
|
-
| `
|
|
63
|
-
| `
|
|
64
|
-
|
|
65
|
-
|
|
48
|
+
| Props | Type | Required | Default | Description |
|
|
49
|
+
| ---------------------- | -------------------------------------------------------------------------------------------- | :------: | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
50
|
+
| `intl` | `Object`<br/>[See signature.](#signature-intl) | ✅ | | |
|
|
51
|
+
| `horizontalConstraint` | `union`<br/>Possible values:<br/>`, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` | | | Horizontal size limit of the input field. |
|
|
52
|
+
| `value` | `Array: MomentInput[]` | ✅ | | The selected date range, must either be an empty array or an array of two strings holding dates formatted as "YYYY-MM-DD". |
|
|
53
|
+
| `onChange` | `Function`<br/>[See signature.](#signature-onChange) | ✅ | | Called when the date range changes. Called with an event containing either an empty array (no value) or an array holding two string in this format: "YYYY-MM-DD".
<br />
Signature: `(event) => void` |
|
|
54
|
+
| `isClearable` | `boolean` | | `true` | Allows the range to be cleared |
|
|
55
|
+
| `onFocus` | `Function`<br/>[See signature.](#signature-onFocus) | | | Called when the date input gains focus. |
|
|
56
|
+
| `onBlur` | `Function`<br/>[See signature.](#signature-onBlur) | | | Called when the date input loses focus. |
|
|
57
|
+
| `id` | `string` | | | Used as the HTML `id` attribute. |
|
|
58
|
+
| `name` | `string` | | | Used as the HTML `name` attribute. |
|
|
59
|
+
| `placeholder` | `string` | | | Placeholder value to show in the input field |
|
|
60
|
+
| `isDisabled` | `boolean` | | | Disables the date picker |
|
|
61
|
+
| `isReadOnly` | `boolean` | | | Disables the date picker menu and makes input field read-only |
|
|
62
|
+
| `hasError` | `boolean` | | | Indicates the input field has an error |
|
|
63
|
+
| `hasWarning` | `boolean` | | | Indicates the input field has warning |
|
|
64
|
+
|
|
65
|
+
## Signatures
|
|
66
|
+
|
|
67
|
+
### Signature `intl`
|
|
68
|
+
|
|
69
|
+
```ts
|
|
70
|
+
{
|
|
71
|
+
locale: string;
|
|
72
|
+
formatMessage: (message: MessageDescriptor) => void;
|
|
73
|
+
}
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
### Signature `onChange`
|
|
77
|
+
|
|
78
|
+
```ts
|
|
79
|
+
(event: TEvent) => void
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
### Signature `onFocus`
|
|
83
|
+
|
|
84
|
+
```ts
|
|
85
|
+
(event: TEvent) => void
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
### Signature `onBlur`
|
|
89
|
+
|
|
90
|
+
```ts
|
|
91
|
+
(event: TEvent) => void
|
|
92
|
+
```
|
|
66
93
|
|
|
67
94
|
## `data-*` props
|
|
68
95
|
|
|
@@ -17,6 +17,7 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
|
17
17
|
var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
|
|
18
18
|
var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
|
|
19
19
|
var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
20
|
+
var _pt = require('prop-types');
|
|
20
21
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
21
22
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
22
23
|
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
|
|
@@ -24,7 +25,6 @@ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
|
|
|
24
25
|
var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
|
|
25
26
|
var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
|
|
26
27
|
var react = require('react');
|
|
27
|
-
var PropTypes = require('prop-types');
|
|
28
28
|
var Downshift = require('downshift');
|
|
29
29
|
var reactIntl = require('react-intl');
|
|
30
30
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -42,13 +42,13 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
42
42
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
43
43
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
44
44
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
45
|
+
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
45
46
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
46
47
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
47
48
|
var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
|
|
48
49
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
49
50
|
var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
|
|
50
51
|
var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
|
|
51
|
-
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
52
52
|
var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
|
|
53
53
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
54
54
|
|
|
@@ -60,16 +60,15 @@ var messages = reactIntl.defineMessages({
|
|
|
60
60
|
}
|
|
61
61
|
});
|
|
62
62
|
|
|
63
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
63
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
64
64
|
|
|
65
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
65
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
66
66
|
|
|
67
67
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
68
68
|
|
|
69
69
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
70
70
|
|
|
71
71
|
var preventDownshiftDefault = function preventDownshiftDefault(event) {
|
|
72
|
-
// eslint-disable-next-line no-param-reassign
|
|
73
72
|
event.nativeEvent.preventDownshiftDefault = true;
|
|
74
73
|
};
|
|
75
74
|
|
|
@@ -181,7 +180,9 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
181
180
|
highlightedIndex: prevState.suggestedItems.length + calendarUtils.getDateInMonth(today) - 1
|
|
182
181
|
};
|
|
183
182
|
}, function () {
|
|
184
|
-
|
|
183
|
+
var _this$inputRef$curren;
|
|
184
|
+
|
|
185
|
+
return (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
|
|
185
186
|
});
|
|
186
187
|
};
|
|
187
188
|
|
|
@@ -223,6 +224,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
223
224
|
onInputValueChange: function onInputValueChange(inputValue, changes) {
|
|
224
225
|
// only attempt to parse input when the user typed into the input
|
|
225
226
|
// field
|
|
227
|
+
// @ts-ignore
|
|
226
228
|
if (changes.type !== Downshift__default["default"].stateChangeTypes.changeInput) return;
|
|
227
229
|
|
|
228
230
|
_this2.setState(function () {
|
|
@@ -260,9 +262,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
260
262
|
});
|
|
261
263
|
},
|
|
262
264
|
onStateChange: function onStateChange(changes) {
|
|
263
|
-
/* eslint-disable no-prototype-builtins */
|
|
264
265
|
_this2.setState(function (prevState) {
|
|
265
|
-
// ensure input value matches prop value when menu is closed
|
|
266
266
|
if (changes.type === Downshift__default["default"].stateChangeTypes.mouseUp || changes.type === Downshift__default["default"].stateChangeTypes.blurInput) {
|
|
267
267
|
return {
|
|
268
268
|
highlightedIndex: null,
|
|
@@ -314,8 +314,6 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
314
314
|
|
|
315
315
|
return null;
|
|
316
316
|
});
|
|
317
|
-
/* eslint-enable no-prototype-builtins */
|
|
318
|
-
|
|
319
317
|
},
|
|
320
318
|
onChange: function onChange(selectedItem) {
|
|
321
319
|
if (_this2.state.startDate && selectedItem) {
|
|
@@ -338,13 +336,13 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
338
336
|
setHighlightedIndex = _ref2.setHighlightedIndex,
|
|
339
337
|
isOpen = _ref2.isOpen,
|
|
340
338
|
inputValue = _ref2.inputValue;
|
|
341
|
-
var calendarItems = calendarUtils.createCalendarItems(_this2.state.calendarDate
|
|
339
|
+
var calendarItems = calendarUtils.createCalendarItems(_this2.state.calendarDate);
|
|
342
340
|
|
|
343
341
|
var allItems = _concatInstanceProperty__default["default"](_context4 = []).call(_context4, _toConsumableArray(_this2.state.suggestedItems), _toConsumableArray(calendarItems));
|
|
344
342
|
|
|
345
343
|
var paddingDayCount = calendarUtils.getPaddingDayCount(_this2.state.calendarDate, _this2.props.intl.locale);
|
|
346
344
|
|
|
347
|
-
var paddingDays = _fillInstanceProperty__default["default"](_context5 = Array(paddingDayCount)).call(_context5);
|
|
345
|
+
var paddingDays = _fillInstanceProperty__default["default"](_context5 = Array(paddingDayCount)).call(_context5, undefined);
|
|
348
346
|
|
|
349
347
|
var weekdays = calendarUtils.getWeekdayNames(_this2.props.intl.locale);
|
|
350
348
|
var today = calendarUtils.getToday();
|
|
@@ -362,6 +360,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
362
360
|
onMouseEnter: function onMouseEnter() {
|
|
363
361
|
// we remove the highlight so that the user can use the
|
|
364
362
|
// arrow keys to move the cursor when hovering
|
|
363
|
+
// @ts-ignore
|
|
365
364
|
if (isOpen) setHighlightedIndex(null);
|
|
366
365
|
},
|
|
367
366
|
onKeyDown: function onKeyDown(event) {
|
|
@@ -370,7 +369,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
370
369
|
return;
|
|
371
370
|
}
|
|
372
371
|
|
|
373
|
-
if (event.key === 'Enter' && _trimInstanceProperty__default["default"](inputValue).call(inputValue) === '' && // do not clear value when user presses Enter to
|
|
372
|
+
if (event.key === 'Enter' && (inputValue === null || inputValue === void 0 ? void 0 : _trimInstanceProperty__default["default"](inputValue).call(inputValue)) === '' && // do not clear value when user presses Enter to
|
|
374
373
|
// select the end date (so only clear when there is no
|
|
375
374
|
// startDate)
|
|
376
375
|
!_this2.state.startDate && _this2.props.isClearable) {
|
|
@@ -450,7 +449,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
450
449
|
type: "heading",
|
|
451
450
|
children: weekday
|
|
452
451
|
}, weekday);
|
|
453
|
-
}), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (
|
|
452
|
+
}), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (_, index) {
|
|
454
453
|
return jsxRuntime.jsx(calendarUtils.CalendarDay, {
|
|
455
454
|
type: "spacing"
|
|
456
455
|
}, index);
|
|
@@ -461,7 +460,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
461
460
|
item: item,
|
|
462
461
|
value: _this2.props.value,
|
|
463
462
|
startDate: _this2.state.startDate,
|
|
464
|
-
highlightedItem: allItems[_this2.state.highlightedIndex]
|
|
463
|
+
highlightedItem: allItems[_this2.state.highlightedIndex || 0]
|
|
465
464
|
}),
|
|
466
465
|
isRangeStart = _getRange.isRangeStart,
|
|
467
466
|
isRangeBetween = _getRange.isRangeBetween,
|
|
@@ -473,6 +472,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
473
472
|
disabled: _this2.props.isDisabled,
|
|
474
473
|
item: item,
|
|
475
474
|
onMouseOut: function onMouseOut() {
|
|
475
|
+
// @ts-ignore
|
|
476
476
|
setHighlightedIndex(null);
|
|
477
477
|
}
|
|
478
478
|
})), {}, {
|
|
@@ -509,7 +509,8 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
509
509
|
}]);
|
|
510
510
|
|
|
511
511
|
return DateRangeCalendar;
|
|
512
|
-
}(react.Component);
|
|
512
|
+
}(react.Component); // @ts-ignore
|
|
513
|
+
|
|
513
514
|
|
|
514
515
|
DateRangeCalendar.displayName = 'DateRangeCalendar';
|
|
515
516
|
DateRangeCalendar.defaultProps = {
|
|
@@ -521,82 +522,28 @@ DateRangeCalendar.isEmpty = function (range) {
|
|
|
521
522
|
};
|
|
522
523
|
|
|
523
524
|
DateRangeCalendar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
524
|
-
intl:
|
|
525
|
-
locale:
|
|
526
|
-
formatMessage:
|
|
525
|
+
intl: _pt__default["default"].shape({
|
|
526
|
+
locale: _pt__default["default"].string.isRequired,
|
|
527
|
+
formatMessage: _pt__default["default"].func.isRequired
|
|
527
528
|
}).isRequired,
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
* <br />
|
|
542
|
-
* Signature: `(event) => void`
|
|
543
|
-
*/
|
|
544
|
-
onChange: PropTypes__default["default"].func.isRequired,
|
|
545
|
-
|
|
546
|
-
/**
|
|
547
|
-
* Allows the range to be cleared
|
|
548
|
-
*/
|
|
549
|
-
isClearable: PropTypes__default["default"].bool,
|
|
550
|
-
|
|
551
|
-
/**
|
|
552
|
-
* Called when the date input gains focus.
|
|
553
|
-
*/
|
|
554
|
-
onFocus: PropTypes__default["default"].func,
|
|
555
|
-
|
|
556
|
-
/**
|
|
557
|
-
* Called when the date input loses focus.
|
|
558
|
-
*/
|
|
559
|
-
onBlur: PropTypes__default["default"].func,
|
|
560
|
-
|
|
561
|
-
/**
|
|
562
|
-
* Used as the HTML `id` attribute.
|
|
563
|
-
*/
|
|
564
|
-
id: PropTypes__default["default"].string,
|
|
565
|
-
|
|
566
|
-
/**
|
|
567
|
-
* Used as the HTML `name` attribute.
|
|
568
|
-
*/
|
|
569
|
-
name: PropTypes__default["default"].string,
|
|
570
|
-
|
|
571
|
-
/**
|
|
572
|
-
* Placeholder value to show in the input field
|
|
573
|
-
*/
|
|
574
|
-
placeholder: PropTypes__default["default"].string,
|
|
575
|
-
|
|
576
|
-
/**
|
|
577
|
-
* Disables the date picker
|
|
578
|
-
*/
|
|
579
|
-
isDisabled: PropTypes__default["default"].bool,
|
|
580
|
-
|
|
581
|
-
/**
|
|
582
|
-
* Disables the date picker menu and makes input field read-only
|
|
583
|
-
*/
|
|
584
|
-
isReadOnly: PropTypes__default["default"].bool,
|
|
585
|
-
|
|
586
|
-
/**
|
|
587
|
-
* Indicates the input field has an error
|
|
588
|
-
*/
|
|
589
|
-
hasError: PropTypes__default["default"].bool,
|
|
590
|
-
|
|
591
|
-
/**
|
|
592
|
-
* Indicates the input field has warning
|
|
593
|
-
*/
|
|
594
|
-
hasWarning: PropTypes__default["default"].bool
|
|
529
|
+
horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
530
|
+
value: _pt__default["default"].arrayOf(_pt__default["default"].any).isRequired,
|
|
531
|
+
onChange: _pt__default["default"].func.isRequired,
|
|
532
|
+
isClearable: _pt__default["default"].bool,
|
|
533
|
+
onFocus: _pt__default["default"].func,
|
|
534
|
+
onBlur: _pt__default["default"].func,
|
|
535
|
+
id: _pt__default["default"].string,
|
|
536
|
+
name: _pt__default["default"].string,
|
|
537
|
+
placeholder: _pt__default["default"].string,
|
|
538
|
+
isDisabled: _pt__default["default"].bool,
|
|
539
|
+
isReadOnly: _pt__default["default"].bool,
|
|
540
|
+
hasError: _pt__default["default"].bool,
|
|
541
|
+
hasWarning: _pt__default["default"].bool
|
|
595
542
|
} : {};
|
|
596
543
|
var dateRangeInput = reactIntl.injectIntl(DateRangeCalendar);
|
|
597
544
|
|
|
598
545
|
// NOTE: This string will be replaced on build time with the package version.
|
|
599
|
-
var version = "
|
|
546
|
+
var version = "13.0.0";
|
|
600
547
|
|
|
601
548
|
exports["default"] = dateRangeInput;
|
|
602
549
|
exports.version = version;
|
|
@@ -17,6 +17,7 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
|
17
17
|
var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
|
|
18
18
|
var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
|
|
19
19
|
var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
20
|
+
require('prop-types');
|
|
20
21
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
21
22
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
22
23
|
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
|
|
@@ -24,7 +25,6 @@ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
|
|
|
24
25
|
var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
|
|
25
26
|
var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
|
|
26
27
|
var react = require('react');
|
|
27
|
-
require('prop-types');
|
|
28
28
|
var Downshift = require('downshift');
|
|
29
29
|
var reactIntl = require('react-intl');
|
|
30
30
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -59,16 +59,15 @@ var messages = reactIntl.defineMessages({
|
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
|
|
62
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
62
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
63
63
|
|
|
64
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
64
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
65
65
|
|
|
66
66
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
67
67
|
|
|
68
68
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
69
69
|
|
|
70
70
|
var preventDownshiftDefault = function preventDownshiftDefault(event) {
|
|
71
|
-
// eslint-disable-next-line no-param-reassign
|
|
72
71
|
event.nativeEvent.preventDownshiftDefault = true;
|
|
73
72
|
};
|
|
74
73
|
|
|
@@ -180,7 +179,9 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
180
179
|
highlightedIndex: prevState.suggestedItems.length + calendarUtils.getDateInMonth(today) - 1
|
|
181
180
|
};
|
|
182
181
|
}, function () {
|
|
183
|
-
|
|
182
|
+
var _this$inputRef$curren;
|
|
183
|
+
|
|
184
|
+
return (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
|
|
184
185
|
});
|
|
185
186
|
};
|
|
186
187
|
|
|
@@ -222,6 +223,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
222
223
|
onInputValueChange: function onInputValueChange(inputValue, changes) {
|
|
223
224
|
// only attempt to parse input when the user typed into the input
|
|
224
225
|
// field
|
|
226
|
+
// @ts-ignore
|
|
225
227
|
if (changes.type !== Downshift__default["default"].stateChangeTypes.changeInput) return;
|
|
226
228
|
|
|
227
229
|
_this2.setState(function () {
|
|
@@ -259,9 +261,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
259
261
|
});
|
|
260
262
|
},
|
|
261
263
|
onStateChange: function onStateChange(changes) {
|
|
262
|
-
/* eslint-disable no-prototype-builtins */
|
|
263
264
|
_this2.setState(function (prevState) {
|
|
264
|
-
// ensure input value matches prop value when menu is closed
|
|
265
265
|
if (changes.type === Downshift__default["default"].stateChangeTypes.mouseUp || changes.type === Downshift__default["default"].stateChangeTypes.blurInput) {
|
|
266
266
|
return {
|
|
267
267
|
highlightedIndex: null,
|
|
@@ -313,8 +313,6 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
313
313
|
|
|
314
314
|
return null;
|
|
315
315
|
});
|
|
316
|
-
/* eslint-enable no-prototype-builtins */
|
|
317
|
-
|
|
318
316
|
},
|
|
319
317
|
onChange: function onChange(selectedItem) {
|
|
320
318
|
if (_this2.state.startDate && selectedItem) {
|
|
@@ -337,13 +335,13 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
337
335
|
setHighlightedIndex = _ref2.setHighlightedIndex,
|
|
338
336
|
isOpen = _ref2.isOpen,
|
|
339
337
|
inputValue = _ref2.inputValue;
|
|
340
|
-
var calendarItems = calendarUtils.createCalendarItems(_this2.state.calendarDate
|
|
338
|
+
var calendarItems = calendarUtils.createCalendarItems(_this2.state.calendarDate);
|
|
341
339
|
|
|
342
340
|
var allItems = _concatInstanceProperty__default["default"](_context4 = []).call(_context4, _toConsumableArray(_this2.state.suggestedItems), _toConsumableArray(calendarItems));
|
|
343
341
|
|
|
344
342
|
var paddingDayCount = calendarUtils.getPaddingDayCount(_this2.state.calendarDate, _this2.props.intl.locale);
|
|
345
343
|
|
|
346
|
-
var paddingDays = _fillInstanceProperty__default["default"](_context5 = Array(paddingDayCount)).call(_context5);
|
|
344
|
+
var paddingDays = _fillInstanceProperty__default["default"](_context5 = Array(paddingDayCount)).call(_context5, undefined);
|
|
347
345
|
|
|
348
346
|
var weekdays = calendarUtils.getWeekdayNames(_this2.props.intl.locale);
|
|
349
347
|
var today = calendarUtils.getToday();
|
|
@@ -361,6 +359,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
361
359
|
onMouseEnter: function onMouseEnter() {
|
|
362
360
|
// we remove the highlight so that the user can use the
|
|
363
361
|
// arrow keys to move the cursor when hovering
|
|
362
|
+
// @ts-ignore
|
|
364
363
|
if (isOpen) setHighlightedIndex(null);
|
|
365
364
|
},
|
|
366
365
|
onKeyDown: function onKeyDown(event) {
|
|
@@ -369,7 +368,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
369
368
|
return;
|
|
370
369
|
}
|
|
371
370
|
|
|
372
|
-
if (event.key === 'Enter' && _trimInstanceProperty__default["default"](inputValue).call(inputValue) === '' && // do not clear value when user presses Enter to
|
|
371
|
+
if (event.key === 'Enter' && (inputValue === null || inputValue === void 0 ? void 0 : _trimInstanceProperty__default["default"](inputValue).call(inputValue)) === '' && // do not clear value when user presses Enter to
|
|
373
372
|
// select the end date (so only clear when there is no
|
|
374
373
|
// startDate)
|
|
375
374
|
!_this2.state.startDate && _this2.props.isClearable) {
|
|
@@ -449,7 +448,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
449
448
|
type: "heading",
|
|
450
449
|
children: weekday
|
|
451
450
|
}, weekday);
|
|
452
|
-
}), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (
|
|
451
|
+
}), _mapInstanceProperty__default["default"](paddingDays).call(paddingDays, function (_, index) {
|
|
453
452
|
return jsxRuntime.jsx(calendarUtils.CalendarDay, {
|
|
454
453
|
type: "spacing"
|
|
455
454
|
}, index);
|
|
@@ -460,7 +459,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
460
459
|
item: item,
|
|
461
460
|
value: _this2.props.value,
|
|
462
461
|
startDate: _this2.state.startDate,
|
|
463
|
-
highlightedItem: allItems[_this2.state.highlightedIndex]
|
|
462
|
+
highlightedItem: allItems[_this2.state.highlightedIndex || 0]
|
|
464
463
|
}),
|
|
465
464
|
isRangeStart = _getRange.isRangeStart,
|
|
466
465
|
isRangeBetween = _getRange.isRangeBetween,
|
|
@@ -472,6 +471,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
472
471
|
disabled: _this2.props.isDisabled,
|
|
473
472
|
item: item,
|
|
474
473
|
onMouseOut: function onMouseOut() {
|
|
474
|
+
// @ts-ignore
|
|
475
475
|
setHighlightedIndex(null);
|
|
476
476
|
}
|
|
477
477
|
})), {}, {
|
|
@@ -508,7 +508,8 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
508
508
|
}]);
|
|
509
509
|
|
|
510
510
|
return DateRangeCalendar;
|
|
511
|
-
}(react.Component);
|
|
511
|
+
}(react.Component); // @ts-ignore
|
|
512
|
+
|
|
512
513
|
|
|
513
514
|
DateRangeCalendar.displayName = 'DateRangeCalendar';
|
|
514
515
|
DateRangeCalendar.defaultProps = {
|
|
@@ -523,7 +524,7 @@ DateRangeCalendar.propTypes = {};
|
|
|
523
524
|
var dateRangeInput = reactIntl.injectIntl(DateRangeCalendar);
|
|
524
525
|
|
|
525
526
|
// NOTE: This string will be replaced on build time with the package version.
|
|
526
|
-
var version = "
|
|
527
|
+
var version = "13.0.0";
|
|
527
528
|
|
|
528
529
|
exports["default"] = dateRangeInput;
|
|
529
530
|
exports.version = version;
|
|
@@ -13,6 +13,7 @@ import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
|
|
|
13
13
|
import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
|
|
14
14
|
import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
|
|
15
15
|
import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
|
|
16
|
+
import _pt from 'prop-types';
|
|
16
17
|
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
17
18
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
18
19
|
import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
|
|
@@ -20,7 +21,6 @@ import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
|
|
|
20
21
|
import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/sort';
|
|
21
22
|
import _fillInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/fill';
|
|
22
23
|
import { createRef, Component } from 'react';
|
|
23
|
-
import PropTypes from 'prop-types';
|
|
24
24
|
import Downshift from 'downshift';
|
|
25
25
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
26
26
|
import Constraints from '@commercetools-uikit/constraints';
|
|
@@ -36,16 +36,15 @@ var messages = defineMessages({
|
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
|
|
39
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
39
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
40
40
|
|
|
41
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
41
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
42
42
|
|
|
43
43
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
44
44
|
|
|
45
45
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
46
46
|
|
|
47
47
|
var preventDownshiftDefault = function preventDownshiftDefault(event) {
|
|
48
|
-
// eslint-disable-next-line no-param-reassign
|
|
49
48
|
event.nativeEvent.preventDownshiftDefault = true;
|
|
50
49
|
};
|
|
51
50
|
|
|
@@ -157,7 +156,9 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
157
156
|
highlightedIndex: prevState.suggestedItems.length + getDateInMonth(today) - 1
|
|
158
157
|
};
|
|
159
158
|
}, function () {
|
|
160
|
-
|
|
159
|
+
var _this$inputRef$curren;
|
|
160
|
+
|
|
161
|
+
return (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
|
|
161
162
|
});
|
|
162
163
|
};
|
|
163
164
|
|
|
@@ -199,6 +200,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
199
200
|
onInputValueChange: function onInputValueChange(inputValue, changes) {
|
|
200
201
|
// only attempt to parse input when the user typed into the input
|
|
201
202
|
// field
|
|
203
|
+
// @ts-ignore
|
|
202
204
|
if (changes.type !== Downshift.stateChangeTypes.changeInput) return;
|
|
203
205
|
|
|
204
206
|
_this2.setState(function () {
|
|
@@ -236,9 +238,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
236
238
|
});
|
|
237
239
|
},
|
|
238
240
|
onStateChange: function onStateChange(changes) {
|
|
239
|
-
/* eslint-disable no-prototype-builtins */
|
|
240
241
|
_this2.setState(function (prevState) {
|
|
241
|
-
// ensure input value matches prop value when menu is closed
|
|
242
242
|
if (changes.type === Downshift.stateChangeTypes.mouseUp || changes.type === Downshift.stateChangeTypes.blurInput) {
|
|
243
243
|
return {
|
|
244
244
|
highlightedIndex: null,
|
|
@@ -290,8 +290,6 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
290
290
|
|
|
291
291
|
return null;
|
|
292
292
|
});
|
|
293
|
-
/* eslint-enable no-prototype-builtins */
|
|
294
|
-
|
|
295
293
|
},
|
|
296
294
|
onChange: function onChange(selectedItem) {
|
|
297
295
|
if (_this2.state.startDate && selectedItem) {
|
|
@@ -314,13 +312,13 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
314
312
|
setHighlightedIndex = _ref2.setHighlightedIndex,
|
|
315
313
|
isOpen = _ref2.isOpen,
|
|
316
314
|
inputValue = _ref2.inputValue;
|
|
317
|
-
var calendarItems = createCalendarItems(_this2.state.calendarDate
|
|
315
|
+
var calendarItems = createCalendarItems(_this2.state.calendarDate);
|
|
318
316
|
|
|
319
317
|
var allItems = _concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(_this2.state.suggestedItems), _toConsumableArray(calendarItems));
|
|
320
318
|
|
|
321
319
|
var paddingDayCount = getPaddingDayCount(_this2.state.calendarDate, _this2.props.intl.locale);
|
|
322
320
|
|
|
323
|
-
var paddingDays = _fillInstanceProperty(_context5 = Array(paddingDayCount)).call(_context5);
|
|
321
|
+
var paddingDays = _fillInstanceProperty(_context5 = Array(paddingDayCount)).call(_context5, undefined);
|
|
324
322
|
|
|
325
323
|
var weekdays = getWeekdayNames(_this2.props.intl.locale);
|
|
326
324
|
var today = getToday();
|
|
@@ -338,6 +336,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
338
336
|
onMouseEnter: function onMouseEnter() {
|
|
339
337
|
// we remove the highlight so that the user can use the
|
|
340
338
|
// arrow keys to move the cursor when hovering
|
|
339
|
+
// @ts-ignore
|
|
341
340
|
if (isOpen) setHighlightedIndex(null);
|
|
342
341
|
},
|
|
343
342
|
onKeyDown: function onKeyDown(event) {
|
|
@@ -346,7 +345,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
346
345
|
return;
|
|
347
346
|
}
|
|
348
347
|
|
|
349
|
-
if (event.key === 'Enter' && _trimInstanceProperty(inputValue).call(inputValue) === '' && // do not clear value when user presses Enter to
|
|
348
|
+
if (event.key === 'Enter' && (inputValue === null || inputValue === void 0 ? void 0 : _trimInstanceProperty(inputValue).call(inputValue)) === '' && // do not clear value when user presses Enter to
|
|
350
349
|
// select the end date (so only clear when there is no
|
|
351
350
|
// startDate)
|
|
352
351
|
!_this2.state.startDate && _this2.props.isClearable) {
|
|
@@ -426,7 +425,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
426
425
|
type: "heading",
|
|
427
426
|
children: weekday
|
|
428
427
|
}, weekday);
|
|
429
|
-
}), _mapInstanceProperty(paddingDays).call(paddingDays, function (
|
|
428
|
+
}), _mapInstanceProperty(paddingDays).call(paddingDays, function (_, index) {
|
|
430
429
|
return jsx(CalendarDay, {
|
|
431
430
|
type: "spacing"
|
|
432
431
|
}, index);
|
|
@@ -437,7 +436,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
437
436
|
item: item,
|
|
438
437
|
value: _this2.props.value,
|
|
439
438
|
startDate: _this2.state.startDate,
|
|
440
|
-
highlightedItem: allItems[_this2.state.highlightedIndex]
|
|
439
|
+
highlightedItem: allItems[_this2.state.highlightedIndex || 0]
|
|
441
440
|
}),
|
|
442
441
|
isRangeStart = _getRange.isRangeStart,
|
|
443
442
|
isRangeBetween = _getRange.isRangeBetween,
|
|
@@ -449,6 +448,7 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
449
448
|
disabled: _this2.props.isDisabled,
|
|
450
449
|
item: item,
|
|
451
450
|
onMouseOut: function onMouseOut() {
|
|
451
|
+
// @ts-ignore
|
|
452
452
|
setHighlightedIndex(null);
|
|
453
453
|
}
|
|
454
454
|
})), {}, {
|
|
@@ -485,7 +485,8 @@ var DateRangeCalendar = /*#__PURE__*/function (_Component) {
|
|
|
485
485
|
}]);
|
|
486
486
|
|
|
487
487
|
return DateRangeCalendar;
|
|
488
|
-
}(Component);
|
|
488
|
+
}(Component); // @ts-ignore
|
|
489
|
+
|
|
489
490
|
|
|
490
491
|
DateRangeCalendar.displayName = 'DateRangeCalendar';
|
|
491
492
|
DateRangeCalendar.defaultProps = {
|
|
@@ -497,81 +498,27 @@ DateRangeCalendar.isEmpty = function (range) {
|
|
|
497
498
|
};
|
|
498
499
|
|
|
499
500
|
DateRangeCalendar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
500
|
-
intl:
|
|
501
|
-
locale:
|
|
502
|
-
formatMessage:
|
|
501
|
+
intl: _pt.shape({
|
|
502
|
+
locale: _pt.string.isRequired,
|
|
503
|
+
formatMessage: _pt.func.isRequired
|
|
503
504
|
}).isRequired,
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
* <br />
|
|
518
|
-
* Signature: `(event) => void`
|
|
519
|
-
*/
|
|
520
|
-
onChange: PropTypes.func.isRequired,
|
|
521
|
-
|
|
522
|
-
/**
|
|
523
|
-
* Allows the range to be cleared
|
|
524
|
-
*/
|
|
525
|
-
isClearable: PropTypes.bool,
|
|
526
|
-
|
|
527
|
-
/**
|
|
528
|
-
* Called when the date input gains focus.
|
|
529
|
-
*/
|
|
530
|
-
onFocus: PropTypes.func,
|
|
531
|
-
|
|
532
|
-
/**
|
|
533
|
-
* Called when the date input loses focus.
|
|
534
|
-
*/
|
|
535
|
-
onBlur: PropTypes.func,
|
|
536
|
-
|
|
537
|
-
/**
|
|
538
|
-
* Used as the HTML `id` attribute.
|
|
539
|
-
*/
|
|
540
|
-
id: PropTypes.string,
|
|
541
|
-
|
|
542
|
-
/**
|
|
543
|
-
* Used as the HTML `name` attribute.
|
|
544
|
-
*/
|
|
545
|
-
name: PropTypes.string,
|
|
546
|
-
|
|
547
|
-
/**
|
|
548
|
-
* Placeholder value to show in the input field
|
|
549
|
-
*/
|
|
550
|
-
placeholder: PropTypes.string,
|
|
551
|
-
|
|
552
|
-
/**
|
|
553
|
-
* Disables the date picker
|
|
554
|
-
*/
|
|
555
|
-
isDisabled: PropTypes.bool,
|
|
556
|
-
|
|
557
|
-
/**
|
|
558
|
-
* Disables the date picker menu and makes input field read-only
|
|
559
|
-
*/
|
|
560
|
-
isReadOnly: PropTypes.bool,
|
|
561
|
-
|
|
562
|
-
/**
|
|
563
|
-
* Indicates the input field has an error
|
|
564
|
-
*/
|
|
565
|
-
hasError: PropTypes.bool,
|
|
566
|
-
|
|
567
|
-
/**
|
|
568
|
-
* Indicates the input field has warning
|
|
569
|
-
*/
|
|
570
|
-
hasWarning: PropTypes.bool
|
|
505
|
+
horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
506
|
+
value: _pt.arrayOf(_pt.any).isRequired,
|
|
507
|
+
onChange: _pt.func.isRequired,
|
|
508
|
+
isClearable: _pt.bool,
|
|
509
|
+
onFocus: _pt.func,
|
|
510
|
+
onBlur: _pt.func,
|
|
511
|
+
id: _pt.string,
|
|
512
|
+
name: _pt.string,
|
|
513
|
+
placeholder: _pt.string,
|
|
514
|
+
isDisabled: _pt.bool,
|
|
515
|
+
isReadOnly: _pt.bool,
|
|
516
|
+
hasError: _pt.bool,
|
|
517
|
+
hasWarning: _pt.bool
|
|
571
518
|
} : {};
|
|
572
519
|
var dateRangeInput = injectIntl(DateRangeCalendar);
|
|
573
520
|
|
|
574
521
|
// NOTE: This string will be replaced on build time with the package version.
|
|
575
|
-
var version = "
|
|
522
|
+
var version = "13.0.0";
|
|
576
523
|
|
|
577
524
|
export { dateRangeInput as default, version };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: import("react").FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<"intl">>> & {
|
|
3
|
+
WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<"intl">>;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/date-range-input",
|
|
3
3
|
"description": "The `DateRangeInput` component allows the user to select a date range.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "13.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -19,25 +19,25 @@
|
|
|
19
19
|
"module": "dist/commercetools-uikit-date-range-input.esm.js",
|
|
20
20
|
"files": ["dist"],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@babel/runtime": "7.
|
|
23
|
-
"@babel/runtime-corejs3": "7.
|
|
24
|
-
"@commercetools-uikit/accessible-button": "
|
|
25
|
-
"@commercetools-uikit/calendar-utils": "
|
|
26
|
-
"@commercetools-uikit/constraints": "
|
|
27
|
-
"@commercetools-uikit/design-system": "
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/accessible-button": "13.0.0",
|
|
25
|
+
"@commercetools-uikit/calendar-utils": "13.0.0",
|
|
26
|
+
"@commercetools-uikit/constraints": "13.0.0",
|
|
27
|
+
"@commercetools-uikit/design-system": "13.0.0",
|
|
28
28
|
"@commercetools-uikit/hooks": "12.2.9",
|
|
29
|
-
"@commercetools-uikit/icons": "
|
|
30
|
-
"@commercetools-uikit/secondary-icon-button": "
|
|
31
|
-
"@commercetools-uikit/select-utils": "
|
|
32
|
-
"@commercetools-uikit/spacings-inline": "
|
|
33
|
-
"@commercetools-uikit/text": "
|
|
34
|
-
"@commercetools-uikit/tooltip": "
|
|
29
|
+
"@commercetools-uikit/icons": "13.0.0",
|
|
30
|
+
"@commercetools-uikit/secondary-icon-button": "13.0.0",
|
|
31
|
+
"@commercetools-uikit/select-utils": "13.0.0",
|
|
32
|
+
"@commercetools-uikit/spacings-inline": "13.0.0",
|
|
33
|
+
"@commercetools-uikit/text": "13.0.0",
|
|
34
|
+
"@commercetools-uikit/tooltip": "13.0.0",
|
|
35
35
|
"@commercetools-uikit/utils": "12.2.9",
|
|
36
36
|
"@emotion/react": "^11.4.0",
|
|
37
37
|
"@emotion/styled": "^11.3.0",
|
|
38
38
|
"common-tags": "1.8.2",
|
|
39
39
|
"downshift": "6.1.7",
|
|
40
|
-
"prop-types": "15.
|
|
40
|
+
"prop-types": "15.8.1",
|
|
41
41
|
"react-is": "17.0.2",
|
|
42
42
|
"react-required-if": "1.0.3",
|
|
43
43
|
"warning": "4.0.3"
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"moment": "2.29.1",
|
|
47
47
|
"react": "17.0.2",
|
|
48
|
-
"react-intl": "5.
|
|
48
|
+
"react-intl": "5.24.6"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"moment": "2.x",
|