@commercetools-uikit/date-range-input 19.25.1 → 20.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.
@@ -16,12 +16,12 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
16
16
  var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
17
17
  var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
18
18
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
19
- var _pt = require('prop-types');
20
19
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
21
20
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
22
21
  var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
23
22
  var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
24
23
  var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
24
+ var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
25
25
  var react = require('react');
26
26
  var Downshift = require('downshift');
27
27
  var reactIntl = require('react-intl');
@@ -41,17 +41,17 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
41
41
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
42
42
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
43
43
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
44
- var _pt__default = /*#__PURE__*/_interopDefault(_pt);
45
44
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
46
45
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
47
46
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
48
47
  var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
49
48
  var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
49
+ var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
50
50
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
51
51
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
52
52
 
53
53
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
54
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
54
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
55
55
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
56
56
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
57
57
  const preventDownshiftDefault = event => {
@@ -302,11 +302,12 @@ let DateRangeInput = /*#__PURE__*/function (_Component) {
302
302
  if (isOpen) setHighlightedIndex(null);
303
303
  },
304
304
  onKeyDown: event => {
305
+ var _context4, _context5;
305
306
  if (this.props.isReadOnly) {
306
307
  preventDownshiftDefault(event);
307
308
  return;
308
309
  }
309
- if (event.key === 'Enter' && inputValue?.trim() === '' &&
310
+ if (event.key === 'Enter' && ((_context4 = inputValue) == null ? void 0 : _bindInstanceProperty__default["default"](_context5 = Function.call).call(_context5, _trimInstanceProperty__default["default"](_context4), _context4))?.() === '' &&
310
311
  // do not clear value when user presses Enter to
311
312
  // select the end date (so only clear when there is no
312
313
  // startDate)
@@ -339,7 +340,7 @@ let DateRangeInput = /*#__PURE__*/function (_Component) {
339
340
  },
340
341
  // we only do this for readOnly because the input
341
342
  // doesn't ignore these events, unlike when its disabled
342
- onClick: this.props.isReadOnly ? undefined : openMenu
343
+ onClick: this.props.isReadOnly ? undefined : () => openMenu()
343
344
  }, utils.filterDataAttributes(this.props))),
344
345
  hasSelection: this.props.value.length === 2,
345
346
  isClearable: this.props.isClearable,
@@ -432,28 +433,10 @@ DateRangeInput.defaultProps = {
432
433
  isClearable: true
433
434
  };
434
435
  DateRangeInput.isEmpty = range => range.length === 0;
435
- DateRangeInput.propTypes = process.env.NODE_ENV !== "production" ? {
436
- horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
437
- value: _pt__default["default"].arrayOf(_pt__default["default"].any).isRequired,
438
- 'aria-invalid': _pt__default["default"].bool,
439
- 'aria-errormessage': _pt__default["default"].string,
440
- onChange: _pt__default["default"].func,
441
- isClearable: _pt__default["default"].bool,
442
- onFocus: _pt__default["default"].func,
443
- onBlur: _pt__default["default"].func,
444
- id: _pt__default["default"].string,
445
- name: _pt__default["default"].string,
446
- placeholder: _pt__default["default"].string,
447
- isCondensed: _pt__default["default"].bool,
448
- isDisabled: _pt__default["default"].bool,
449
- isReadOnly: _pt__default["default"].bool,
450
- hasError: _pt__default["default"].bool,
451
- hasWarning: _pt__default["default"].bool
452
- } : {};
453
436
  var dateRangeInput = reactIntl.injectIntl(DateRangeInput);
454
437
 
455
438
  // NOTE: This string will be replaced on build time with the package version.
456
- var version = "19.25.1";
439
+ var version = "20.0.0";
457
440
 
458
441
  exports["default"] = dateRangeInput;
459
442
  exports.version = version;
@@ -16,12 +16,12 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
16
16
  var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
17
17
  var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
18
18
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
19
- require('prop-types');
20
19
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
21
20
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
22
21
  var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
23
22
  var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
24
23
  var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
24
+ var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
25
25
  var react = require('react');
26
26
  var Downshift = require('downshift');
27
27
  var reactIntl = require('react-intl');
@@ -46,11 +46,12 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
46
46
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
47
47
  var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
48
48
  var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
49
+ var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
49
50
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
50
51
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
51
52
 
52
53
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
53
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
54
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
54
55
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
55
56
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
56
57
  const preventDownshiftDefault = event => {
@@ -301,11 +302,12 @@ let DateRangeInput = /*#__PURE__*/function (_Component) {
301
302
  if (isOpen) setHighlightedIndex(null);
302
303
  },
303
304
  onKeyDown: event => {
305
+ var _context4, _context5;
304
306
  if (this.props.isReadOnly) {
305
307
  preventDownshiftDefault(event);
306
308
  return;
307
309
  }
308
- if (event.key === 'Enter' && inputValue?.trim() === '' &&
310
+ if (event.key === 'Enter' && ((_context4 = inputValue) == null ? void 0 : _bindInstanceProperty__default["default"](_context5 = Function.call).call(_context5, _trimInstanceProperty__default["default"](_context4), _context4))?.() === '' &&
309
311
  // do not clear value when user presses Enter to
310
312
  // select the end date (so only clear when there is no
311
313
  // startDate)
@@ -338,7 +340,7 @@ let DateRangeInput = /*#__PURE__*/function (_Component) {
338
340
  },
339
341
  // we only do this for readOnly because the input
340
342
  // doesn't ignore these events, unlike when its disabled
341
- onClick: this.props.isReadOnly ? undefined : openMenu
343
+ onClick: this.props.isReadOnly ? undefined : () => openMenu()
342
344
  }, utils.filterDataAttributes(this.props))),
343
345
  hasSelection: this.props.value.length === 2,
344
346
  isClearable: this.props.isClearable,
@@ -431,11 +433,10 @@ DateRangeInput.defaultProps = {
431
433
  isClearable: true
432
434
  };
433
435
  DateRangeInput.isEmpty = range => range.length === 0;
434
- DateRangeInput.propTypes = {};
435
436
  var dateRangeInput = reactIntl.injectIntl(DateRangeInput);
436
437
 
437
438
  // NOTE: This string will be replaced on build time with the package version.
438
- var version = "19.25.1";
439
+ var version = "20.0.0";
439
440
 
440
441
  exports["default"] = dateRangeInput;
441
442
  exports.version = version;
@@ -12,12 +12,12 @@ import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
12
12
  import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
13
13
  import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
14
14
  import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
15
- import _pt from 'prop-types';
16
15
  import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
17
16
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
18
17
  import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
19
18
  import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/sort';
20
19
  import _fillInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/fill';
20
+ import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
21
21
  import { Component, createRef } from 'react';
22
22
  import Downshift from 'downshift';
23
23
  import { injectIntl } from 'react-intl';
@@ -28,7 +28,7 @@ import { getLocalizedDateTimeFormatPattern } from '@commercetools-uikit/calendar
28
28
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
29
29
 
30
30
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
31
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
32
32
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
33
33
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
34
34
  const preventDownshiftDefault = event => {
@@ -279,11 +279,12 @@ let DateRangeInput = /*#__PURE__*/function (_Component) {
279
279
  if (isOpen) setHighlightedIndex(null);
280
280
  },
281
281
  onKeyDown: event => {
282
+ var _context4, _context5;
282
283
  if (this.props.isReadOnly) {
283
284
  preventDownshiftDefault(event);
284
285
  return;
285
286
  }
286
- if (event.key === 'Enter' && inputValue?.trim() === '' &&
287
+ if (event.key === 'Enter' && ((_context4 = inputValue) == null ? void 0 : _bindInstanceProperty(_context5 = Function.call).call(_context5, _trimInstanceProperty(_context4), _context4))?.() === '' &&
287
288
  // do not clear value when user presses Enter to
288
289
  // select the end date (so only clear when there is no
289
290
  // startDate)
@@ -316,7 +317,7 @@ let DateRangeInput = /*#__PURE__*/function (_Component) {
316
317
  },
317
318
  // we only do this for readOnly because the input
318
319
  // doesn't ignore these events, unlike when its disabled
319
- onClick: this.props.isReadOnly ? undefined : openMenu
320
+ onClick: this.props.isReadOnly ? undefined : () => openMenu()
320
321
  }, filterDataAttributes(this.props))),
321
322
  hasSelection: this.props.value.length === 2,
322
323
  isClearable: this.props.isClearable,
@@ -409,27 +410,9 @@ DateRangeInput.defaultProps = {
409
410
  isClearable: true
410
411
  };
411
412
  DateRangeInput.isEmpty = range => range.length === 0;
412
- DateRangeInput.propTypes = process.env.NODE_ENV !== "production" ? {
413
- horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
414
- value: _pt.arrayOf(_pt.any).isRequired,
415
- 'aria-invalid': _pt.bool,
416
- 'aria-errormessage': _pt.string,
417
- onChange: _pt.func,
418
- isClearable: _pt.bool,
419
- onFocus: _pt.func,
420
- onBlur: _pt.func,
421
- id: _pt.string,
422
- name: _pt.string,
423
- placeholder: _pt.string,
424
- isCondensed: _pt.bool,
425
- isDisabled: _pt.bool,
426
- isReadOnly: _pt.bool,
427
- hasError: _pt.bool,
428
- hasWarning: _pt.bool
429
- } : {};
430
413
  var dateRangeInput = injectIntl(DateRangeInput);
431
414
 
432
415
  // NOTE: This string will be replaced on build time with the package version.
433
- var version = "19.25.1";
416
+ var version = "20.0.0";
434
417
 
435
418
  export { dateRangeInput as default, version };
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": "19.25.1",
4
+ "version": "20.0.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,34 +21,33 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "19.25.1",
25
- "@commercetools-uikit/calendar-time-utils": "19.25.1",
26
- "@commercetools-uikit/calendar-utils": "19.25.1",
27
- "@commercetools-uikit/constraints": "19.25.1",
28
- "@commercetools-uikit/design-system": "19.25.1",
29
- "@commercetools-uikit/hooks": "19.25.1",
30
- "@commercetools-uikit/icons": "19.25.1",
31
- "@commercetools-uikit/secondary-icon-button": "19.25.1",
32
- "@commercetools-uikit/select-utils": "19.25.1",
33
- "@commercetools-uikit/spacings-inline": "19.25.1",
34
- "@commercetools-uikit/text": "19.25.1",
35
- "@commercetools-uikit/tooltip": "19.25.1",
36
- "@commercetools-uikit/utils": "19.25.1",
24
+ "@commercetools-uikit/accessible-button": "20.0.0",
25
+ "@commercetools-uikit/calendar-time-utils": "20.0.0",
26
+ "@commercetools-uikit/calendar-utils": "20.0.0",
27
+ "@commercetools-uikit/constraints": "20.0.0",
28
+ "@commercetools-uikit/design-system": "20.0.0",
29
+ "@commercetools-uikit/hooks": "20.0.0",
30
+ "@commercetools-uikit/icons": "20.0.0",
31
+ "@commercetools-uikit/secondary-icon-button": "20.0.0",
32
+ "@commercetools-uikit/select-utils": "20.0.0",
33
+ "@commercetools-uikit/spacings-inline": "20.0.0",
34
+ "@commercetools-uikit/text": "20.0.0",
35
+ "@commercetools-uikit/tooltip": "20.0.0",
36
+ "@commercetools-uikit/utils": "20.0.0",
37
37
  "@emotion/react": "^11.10.5",
38
38
  "@emotion/styled": "^11.10.5",
39
- "downshift": "6.1.12",
40
- "prop-types": "15.8.1",
41
- "react-is": "17.0.2",
39
+ "downshift": "9.0.8",
40
+ "react-is": "19.0.0",
42
41
  "warning": "4.0.3"
43
42
  },
44
43
  "devDependencies": {
45
44
  "moment": "2.30.1",
46
- "react": "17.0.2",
47
- "react-intl": "^6.3.2"
45
+ "react": "19.0.0",
46
+ "react-intl": "^7.1.4"
48
47
  },
49
48
  "peerDependencies": {
50
49
  "moment": "2.x",
51
- "react": "17.x",
52
- "react-intl": "6.x"
50
+ "react": "19.x",
51
+ "react-intl": "7.x"
53
52
  }
54
53
  }