@commercetools-uikit/date-input 19.26.0 → 20.0.0

package/dist/commercetools-uikit-date-input.cjs.dev.js

@@ -12,8 +12,9 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _pt = require('prop-types');
 var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
+var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react = require('react');
 var Downshift = require('downshift');
@@ -34,14 +35,15 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
+var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 
 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; }
-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; }
+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; }
 const preventDownshiftDefault = event => {
   event.nativeEvent.preventDownshiftDefault = true;
 };
@@ -187,11 +189,12 @@ const DateInput = props => {
                 if (isOpen) setDownshiftHighlightedIndex(null);
               },
               onKeyDown: event => {
+                var _context2, _context3;
                 if (props.isReadOnly) {
                   preventDownshiftDefault(event);
                   return;
                 }
-                if (event.key === 'Enter' && inputValue?.trim() === '') {
+                if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _trimInstanceProperty__default["default"](_context2), _context2))?.() === '') {
                   clearSelection();
                 }
                 // ArrowDown
@@ -233,7 +236,7 @@ const DateInput = props => {
               onBlur: onInputBlur,
               // we only do this for readOnly because the input
               // doesn't ignore these events, unlike when its disabled
-              onClick: props.isReadOnly ? undefined : openMenu
+              onClick: props.isReadOnly ? undefined : () => openMenu()
             }, utils.filterDataAttributes(props))),
             hasSelection: Boolean(selectedItem),
             onClear: clearSelection,
@@ -282,31 +285,12 @@ const DateInput = props => {
     }, intl.locale)
   });
 };
-DateInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
-  value: _pt__default["default"].string.isRequired,
-  onChange: _pt__default["default"].func,
-  onFocus: _pt__default["default"].func,
-  onBlur: _pt__default["default"].func,
-  id: _pt__default["default"].string,
-  'aria-invalid': _pt__default["default"].bool,
-  'aria-errormessage': _pt__default["default"].string,
-  name: _pt__default["default"].string,
-  placeholder: _pt__default["default"].string,
-  isCondensed: _pt__default["default"].bool,
-  isDisabled: _pt__default["default"].bool,
-  isReadOnly: _pt__default["default"].bool,
-  hasError: _pt__default["default"].bool,
-  hasWarning: _pt__default["default"].bool,
-  minValue: _pt__default["default"].string,
-  maxValue: _pt__default["default"].string
-} : {};
 DateInput.displayName = 'DateInput';
 DateInput.isEmpty = value => value === '';
 var DateInput$1 = DateInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.26.0";
+var version = "20.0.0";
 
 exports["default"] = DateInput$1;
 exports.version = version;

package/dist/commercetools-uikit-date-input.cjs.prod.js

@@ -12,8 +12,9 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('prop-types');
 var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
+var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react = require('react');
 var Downshift = require('downshift');
@@ -35,12 +36,14 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _fillInstanceProperty__default = /*#__PURE__*/_interopDefault(_fillInstanceProperty);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
+var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 
 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; }
-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; }
+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; }
 const preventDownshiftDefault = event => {
   event.nativeEvent.preventDownshiftDefault = true;
 };
@@ -184,11 +187,12 @@ const DateInput = props => {
                 if (isOpen) setDownshiftHighlightedIndex(null);
               },
               onKeyDown: event => {
+                var _context2, _context3;
                 if (props.isReadOnly) {
                   preventDownshiftDefault(event);
                   return;
                 }
-                if (event.key === 'Enter' && inputValue?.trim() === '') {
+                if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty__default["default"](_context3 = Function.call).call(_context3, _trimInstanceProperty__default["default"](_context2), _context2))?.() === '') {
                   clearSelection();
                 }
                 // ArrowDown
@@ -230,7 +234,7 @@ const DateInput = props => {
               onBlur: onInputBlur,
               // we only do this for readOnly because the input
               // doesn't ignore these events, unlike when its disabled
-              onClick: props.isReadOnly ? undefined : openMenu
+              onClick: props.isReadOnly ? undefined : () => openMenu()
             }, utils.filterDataAttributes(props))),
             hasSelection: Boolean(selectedItem),
             onClear: clearSelection,
@@ -279,13 +283,12 @@ const DateInput = props => {
     }, intl.locale)
   });
 };
-DateInput.propTypes = {};
 DateInput.displayName = 'DateInput';
 DateInput.isEmpty = value => value === '';
 var DateInput$1 = DateInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.26.0";
+var version = "20.0.0";
 
 exports["default"] = DateInput$1;
 exports.version = version;

package/dist/commercetools-uikit-date-input.esm.js

@@ -8,8 +8,9 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
-import _pt from 'prop-types';
 import _fillInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/fill';
+import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
+import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import { useState, useRef, useCallback } from 'react';
 import Downshift from 'downshift';
@@ -21,7 +22,7 @@ import { getLocalizedDateTimeFormatPattern } from '@commercetools-uikit/calendar
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
 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; }
-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; }
+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; }
 const preventDownshiftDefault = event => {
   event.nativeEvent.preventDownshiftDefault = true;
 };
@@ -167,11 +168,12 @@ const DateInput = props => {
                 if (isOpen) setDownshiftHighlightedIndex(null);
               },
               onKeyDown: event => {
+                var _context2, _context3;
                 if (props.isReadOnly) {
                   preventDownshiftDefault(event);
                   return;
                 }
-                if (event.key === 'Enter' && inputValue?.trim() === '') {
+                if (event.key === 'Enter' && ((_context2 = inputValue) == null ? void 0 : _bindInstanceProperty(_context3 = Function.call).call(_context3, _trimInstanceProperty(_context2), _context2))?.() === '') {
                   clearSelection();
                 }
                 // ArrowDown
@@ -213,7 +215,7 @@ const DateInput = props => {
               onBlur: onInputBlur,
               // we only do this for readOnly because the input
               // doesn't ignore these events, unlike when its disabled
-              onClick: props.isReadOnly ? undefined : openMenu
+              onClick: props.isReadOnly ? undefined : () => openMenu()
             }, filterDataAttributes(props))),
             hasSelection: Boolean(selectedItem),
             onClear: clearSelection,
@@ -262,30 +264,11 @@ const DateInput = props => {
     }, intl.locale)
   });
 };
-DateInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
-  value: _pt.string.isRequired,
-  onChange: _pt.func,
-  onFocus: _pt.func,
-  onBlur: _pt.func,
-  id: _pt.string,
-  'aria-invalid': _pt.bool,
-  'aria-errormessage': _pt.string,
-  name: _pt.string,
-  placeholder: _pt.string,
-  isCondensed: _pt.bool,
-  isDisabled: _pt.bool,
-  isReadOnly: _pt.bool,
-  hasError: _pt.bool,
-  hasWarning: _pt.bool,
-  minValue: _pt.string,
-  maxValue: _pt.string
-} : {};
 DateInput.displayName = 'DateInput';
 DateInput.isEmpty = value => value === '';
 var DateInput$1 = DateInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.26.0";
+var version = "20.0.0";
 
 export { DateInput$1 as default, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/date-input",
   "description": "The `DateInput` component allows the user to select a date. It formats the selected date depending on the users' locale.",
-  "version": "19.26.0",
+  "version": "20.0.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,34 +21,33 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "19.26.0",
-    "@commercetools-uikit/calendar-time-utils": "19.26.0",
-    "@commercetools-uikit/calendar-utils": "19.26.0",
-    "@commercetools-uikit/constraints": "19.26.0",
-    "@commercetools-uikit/design-system": "19.26.0",
-    "@commercetools-uikit/hooks": "19.26.0",
-    "@commercetools-uikit/icons": "19.26.0",
-    "@commercetools-uikit/secondary-icon-button": "19.26.0",
-    "@commercetools-uikit/select-utils": "19.26.0",
-    "@commercetools-uikit/spacings-inline": "19.26.0",
-    "@commercetools-uikit/text": "19.26.0",
-    "@commercetools-uikit/tooltip": "19.26.0",
-    "@commercetools-uikit/utils": "19.26.0",
+    "@commercetools-uikit/accessible-button": "20.0.0",
+    "@commercetools-uikit/calendar-time-utils": "20.0.0",
+    "@commercetools-uikit/calendar-utils": "20.0.0",
+    "@commercetools-uikit/constraints": "20.0.0",
+    "@commercetools-uikit/design-system": "20.0.0",
+    "@commercetools-uikit/hooks": "20.0.0",
+    "@commercetools-uikit/icons": "20.0.0",
+    "@commercetools-uikit/secondary-icon-button": "20.0.0",
+    "@commercetools-uikit/select-utils": "20.0.0",
+    "@commercetools-uikit/spacings-inline": "20.0.0",
+    "@commercetools-uikit/text": "20.0.0",
+    "@commercetools-uikit/tooltip": "20.0.0",
+    "@commercetools-uikit/utils": "20.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "downshift": "6.1.12",
-    "prop-types": "15.8.1",
-    "react-is": "17.0.2",
+    "downshift": "9.0.8",
+    "react-is": "19.0.0",
     "warning": "4.0.3"
   },
   "devDependencies": {
     "moment": "2.30.1",
-    "react": "17.0.2",
-    "react-intl": "^6.3.2"
+    "react": "19.0.0",
+    "react-intl": "^7.1.4"
   },
   "peerDependencies": {
     "moment": "2.x",
-    "react": "17.x",
-    "react-intl": "6.x"
+    "react": "19.x",
+    "react-intl": "7.x"
   }
 }