@commercetools-uikit/date-input 20.2.2 → 20.3.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 (4) hide show
  1. package/dist/commercetools-uikit-date-input.cjs.dev.js +8 -9
  2. package/dist/commercetools-uikit-date-input.cjs.prod.js +8 -9
  3. package/dist/commercetools-uikit-date-input.esm.js +8 -8
  4. package/package.json +17 -17
package/dist/commercetools-uikit-date-input.cjs.dev.js CHANGED
@@ -14,7 +14,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
15
15
  var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
16
16
  var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
17
- var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
18
17
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
19
18
  var react = require('react');
20
19
  var Downshift = require('downshift');
@@ -37,13 +36,12 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
37
36
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
38
37
  var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
39
38
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
40
- var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
41
39
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
42
40
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
43
41
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
44
42
 
45
43
  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; }
46
- 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; }
44
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
47
45
  const preventDownshiftDefault = event => {
48
46
  event.nativeEvent.preventDownshiftDefault = true;
49
47
  };
@@ -67,7 +65,7 @@ const DateInput = props => {
67
65
  process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'DateInput: `onChange` is required when input is not read only.') : void 0;
68
66
  }
69
67
  const onChange = props.onChange;
70
- const emit = react.useCallback(value => onChange?.({
68
+ const emit = react.useCallback(value => onChange === null || onChange === void 0 ? void 0 : onChange({
71
69
  target: {
72
70
  id: props.id,
73
71
  name: props.name,
@@ -77,7 +75,8 @@ const DateInput = props => {
77
75
  }
78
76
  }), [onChange, props.id, props.name]);
79
77
  const handleChange = react.useCallback(date => {
80
- inputRef.current?.setSelectionRange(0, 100);
78
+ var _inputRef$current;
79
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.setSelectionRange(0, 100);
81
80
  emit(date);
82
81
  }, [inputRef, emit]);
83
82
  const onBlur = props.onBlur;
@@ -90,10 +89,11 @@ const DateInput = props => {
90
89
  });
91
90
  }, [onBlur, props.id, props.name]);
92
91
  const showToday = () => {
92
+ var _inputRef$current2;
93
93
  const today = calendarUtils.getToday();
94
94
  setCalendarDate(today);
95
95
  setHighlightedIndex(suggestedItems.length + calendarUtils.getDateInMonth(today) - 1);
96
- inputRef.current?.focus();
96
+ (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
97
97
  };
98
98
  const jumpMonth = function (amount) {
99
99
  let dayToHighlight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -191,12 +191,11 @@ const DateInput = props => {
191
191
  if (isOpen) setDownshiftHighlightedIndex(null);
192
192
  },
193
193
  onKeyDown: event => {
194
- var _context2, _context3;
195
194
  if (props.isReadOnly) {
196
195
  preventDownshiftDefault(event);
197
196
  return;
198
197
  }
199
- if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _trimInstanceProperty__default["default"](_context2), _context2))?.() === '') {
198
+ if (event.key === 'Enter' && (inputValue === null || inputValue === void 0 ? void 0 : _trimInstanceProperty__default["default"](inputValue).call(inputValue)) === '') {
200
199
  clearSelection();
201
200
  }
202
201
  // ArrowDown
@@ -293,7 +292,7 @@ DateInput.isEmpty = value => value === '';
293
292
  var DateInput$1 = DateInput;
294
293
 
295
294
  // NOTE: This string will be replaced on build time with the package version.
296
- var version = "20.2.2";
295
+ var version = "20.3.0";
297
296
 
298
297
  exports["default"] = DateInput$1;
299
298
  exports.version = version;
package/dist/commercetools-uikit-date-input.cjs.prod.js CHANGED
@@ -14,7 +14,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
15
15
  var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
16
16
  var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
17
- var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
18
17
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
19
18
  var react = require('react');
20
19
  var Downshift = require('downshift');
@@ -37,13 +36,12 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
37
36
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
38
37
  var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
39
38
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
40
- var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
41
39
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
42
40
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
43
41
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
44
42
 
45
43
  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; }
46
- 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; }
44
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
47
45
  const preventDownshiftDefault = event => {
48
46
  event.nativeEvent.preventDownshiftDefault = true;
49
47
  };
@@ -65,7 +63,7 @@ const DateInput = props => {
65
63
  const appearance = props.appearance || 'default';
66
64
  if (!props.isReadOnly) ;
67
65
  const onChange = props.onChange;
68
- const emit = react.useCallback(value => onChange?.({
66
+ const emit = react.useCallback(value => onChange === null || onChange === void 0 ? void 0 : onChange({
69
67
  target: {
70
68
  id: props.id,
71
69
  name: props.name,
@@ -75,7 +73,8 @@ const DateInput = props => {
75
73
  }
76
74
  }), [onChange, props.id, props.name]);
77
75
  const handleChange = react.useCallback(date => {
78
- inputRef.current?.setSelectionRange(0, 100);
76
+ var _inputRef$current;
77
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.setSelectionRange(0, 100);
79
78
  emit(date);
80
79
  }, [inputRef, emit]);
81
80
  const onBlur = props.onBlur;
@@ -88,10 +87,11 @@ const DateInput = props => {
88
87
  });
89
88
  }, [onBlur, props.id, props.name]);
90
89
  const showToday = () => {
90
+ var _inputRef$current2;
91
91
  const today = calendarUtils.getToday();
92
92
  setCalendarDate(today);
93
93
  setHighlightedIndex(suggestedItems.length + calendarUtils.getDateInMonth(today) - 1);
94
- inputRef.current?.focus();
94
+ (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
95
95
  };
96
96
  const jumpMonth = function (amount) {
97
97
  let dayToHighlight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -189,12 +189,11 @@ const DateInput = props => {
189
189
  if (isOpen) setDownshiftHighlightedIndex(null);
190
190
  },
191
191
  onKeyDown: event => {
192
- var _context2, _context3;
193
192
  if (props.isReadOnly) {
194
193
  preventDownshiftDefault(event);
195
194
  return;
196
195
  }
197
- if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _trimInstanceProperty__default["default"](_context2), _context2))?.() === '') {
196
+ if (event.key === 'Enter' && (inputValue === null || inputValue === void 0 ? void 0 : _trimInstanceProperty__default["default"](inputValue).call(inputValue)) === '') {
198
197
  clearSelection();
199
198
  }
200
199
  // ArrowDown
@@ -291,7 +290,7 @@ DateInput.isEmpty = value => value === '';
291
290
  var DateInput$1 = DateInput;
292
291
 
293
292
  // NOTE: This string will be replaced on build time with the package version.
294
- var version = "20.2.2";
293
+ var version = "20.3.0";
295
294
 
296
295
  exports["default"] = DateInput$1;
297
296
  exports.version = version;
package/dist/commercetools-uikit-date-input.esm.js CHANGED
@@ -10,7 +10,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
11
11
  import _fillInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/fill';
12
12
  import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
13
- import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
14
13
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
15
14
  import { useState, useRef, useCallback } from 'react';
16
15
  import Downshift from 'downshift';
@@ -22,7 +21,7 @@ import { getLocalizedDateTimeFormatPattern } from '@commercetools-uikit/calendar
22
21
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
23
22
 
24
23
  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; }
25
- 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; }
24
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
26
25
  const preventDownshiftDefault = event => {
27
26
  event.nativeEvent.preventDownshiftDefault = true;
28
27
  };
@@ -46,7 +45,7 @@ const DateInput = props => {
46
45
  process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'DateInput: `onChange` is required when input is not read only.') : void 0;
47
46
  }
48
47
  const onChange = props.onChange;
49
- const emit = useCallback(value => onChange?.({
48
+ const emit = useCallback(value => onChange === null || onChange === void 0 ? void 0 : onChange({
50
49
  target: {
51
50
  id: props.id,
52
51
  name: props.name,
@@ -56,7 +55,8 @@ const DateInput = props => {
56
55
  }
57
56
  }), [onChange, props.id, props.name]);
58
57
  const handleChange = useCallback(date => {
59
- inputRef.current?.setSelectionRange(0, 100);
58
+ var _inputRef$current;
59
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.setSelectionRange(0, 100);
60
60
  emit(date);
61
61
  }, [inputRef, emit]);
62
62
  const onBlur = props.onBlur;
@@ -69,10 +69,11 @@ const DateInput = props => {
69
69
  });
70
70
  }, [onBlur, props.id, props.name]);
71
71
  const showToday = () => {
72
+ var _inputRef$current2;
72
73
  const today = getToday();
73
74
  setCalendarDate(today);
74
75
  setHighlightedIndex(suggestedItems.length + getDateInMonth(today) - 1);
75
- inputRef.current?.focus();
76
+ (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
76
77
  };
77
78
  const jumpMonth = function (amount) {
78
79
  let dayToHighlight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -170,12 +171,11 @@ const DateInput = props => {
170
171
  if (isOpen) setDownshiftHighlightedIndex(null);
171
172
  },
172
173
  onKeyDown: event => {
173
- var _context2, _context3;
174
174
  if (props.isReadOnly) {
175
175
  preventDownshiftDefault(event);
176
176
  return;
177
177
  }
178
- if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty(_context3 = Function.call).call(_context3, _trimInstanceProperty(_context2), _context2))?.() === '') {
178
+ if (event.key === 'Enter' && (inputValue === null || inputValue === void 0 ? void 0 : _trimInstanceProperty(inputValue).call(inputValue)) === '') {
179
179
  clearSelection();
180
180
  }
181
181
  // ArrowDown
@@ -272,6 +272,6 @@ DateInput.isEmpty = value => value === '';
272
272
  var DateInput$1 = DateInput;
273
273
 
274
274
  // NOTE: This string will be replaced on build time with the package version.
275
- var version = "20.2.2";
275
+ var version = "20.3.0";
276
276
 
277
277
  export { DateInput$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/date-input",
3
3
  "description": "The `DateInput` component allows the user to select a date. It formats the selected date depending on the users' locale.",
4
- "version": "20.2.2",
4
+ "version": "20.3.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,28 +21,28 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "20.2.2",
25
- "@commercetools-uikit/calendar-time-utils": "20.2.2",
26
- "@commercetools-uikit/calendar-utils": "20.2.2",
27
- "@commercetools-uikit/constraints": "20.2.2",
28
- "@commercetools-uikit/design-system": "20.2.2",
29
- "@commercetools-uikit/hooks": "20.2.2",
30
- "@commercetools-uikit/icons": "20.2.2",
31
- "@commercetools-uikit/secondary-icon-button": "20.2.2",
32
- "@commercetools-uikit/select-utils": "20.2.2",
33
- "@commercetools-uikit/spacings-inline": "20.2.2",
34
- "@commercetools-uikit/text": "20.2.2",
35
- "@commercetools-uikit/tooltip": "20.2.2",
36
- "@commercetools-uikit/utils": "20.2.2",
24
+ "@commercetools-uikit/accessible-button": "20.3.0",
25
+ "@commercetools-uikit/calendar-time-utils": "20.3.0",
26
+ "@commercetools-uikit/calendar-utils": "20.3.0",
27
+ "@commercetools-uikit/constraints": "20.3.0",
28
+ "@commercetools-uikit/design-system": "20.3.0",
29
+ "@commercetools-uikit/hooks": "20.3.0",
30
+ "@commercetools-uikit/icons": "20.3.0",
31
+ "@commercetools-uikit/secondary-icon-button": "20.3.0",
32
+ "@commercetools-uikit/select-utils": "20.3.0",
33
+ "@commercetools-uikit/spacings-inline": "20.3.0",
34
+ "@commercetools-uikit/text": "20.3.0",
35
+ "@commercetools-uikit/tooltip": "20.3.0",
36
+ "@commercetools-uikit/utils": "20.3.0",
37
37
  "@emotion/react": "^11.10.5",
38
38
  "@emotion/styled": "^11.10.5",
39
- "downshift": "9.0.9",
40
- "react-is": "19.1.0",
39
+ "downshift": "9.0.10",
40
+ "react-is": "19.2.0",
41
41
  "warning": "4.0.3"
42
42
  },
43
43
  "devDependencies": {
44
44
  "moment": "2.30.1",
45
- "react": "19.1.0",
45
+ "react": "19.2.0",
46
46
  "react-intl": "^7.1.4"
47
47
  },
48
48
  "peerDependencies": {