@commercetools-uikit/time-input 12.2.7 → 13.0.2

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('prop-types');
 var _padStartInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/pad-start');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -14,7 +15,6 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var react$1 = require('react');
-require('prop-types');
 var reactIntl = require('react-intl');
 var Constraints = require('@commercetools-uikit/constraints');
 var utils = require('@commercetools-uikit/utils');
@@ -45,13 +45,14 @@ var Inline__default = /*#__PURE__*/_interopDefault(Inline);
 var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
+function ownKeys$2(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; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+// NOTE: order is important here
 // * a disabled-field currently does not display warning/error-states so it takes precedence
 // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
 // how you can interact with the field is controlled separately by the props, this only influences visuals
-
 var getClearSectionStyles = function getClearSectionStyles(theme) {
   var overwrittenVars = _objectSpread$2(_objectSpread$2({}, designSystem.customProperties), theme);
 
@@ -146,32 +147,30 @@ var getTimeInputStyles = function getTimeInputStyles(props) {
 
 
 var StyledClockIconContainer = _styled__default["default"]("label", {
-  target: "ebw0ygn1"
+  target: "e1dwg5ng1"
 } )("" );
 
 var StyledInputContainer = _styled__default["default"]("div", {
-  target: "ebw0ygn0"
+  target: "e1dwg5ng0"
 } )("&:hover,&:hover ", StyledClockIconContainer, ",&:focus-within ", StyledClockIconContainer, "{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}" + ("" ));
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
+function ownKeys$1(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; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var ClearSection = function ClearSection(props) {
   var theme = react.useTheme();
   return jsxRuntime.jsx(AccessibleButton__default["default"], {
-    theme: theme,
     css: getClearSectionStyles(theme),
     label: "clear",
     "aria-label": "clear",
     onClick: props.onClear,
-    hasError: props.hasError,
     children: jsxRuntime.jsx(icons.CloseIcon, {
       size: "medium"
     })
   });
 };
-ClearSection.displayName = 'ClearSection';
 ClearSection.propTypes = {};
+ClearSection.displayName = 'ClearSection';
 
 var TimeInputBody = function TimeInputBody(props) {
   var theme = react.useTheme();
@@ -180,7 +179,7 @@ var TimeInputBody = function TimeInputBody(props) {
     children: jsxRuntime.jsxs(StyledInputContainer, {
       css: getInputContainerStyles(props, theme),
       children: [jsxRuntime.jsx("input", _objectSpread$1(_objectSpread$1({
-        css: getTimeInputStyles(props, theme),
+        css: getTimeInputStyles(props),
         id: props.id,
         name: props.name,
         autoComplete: props.autoComplete,
@@ -213,8 +212,8 @@ var TimeInputBody = function TimeInputBody(props) {
   });
 };
 
-TimeInputBody.displayName = 'TimeInputBody';
 TimeInputBody.propTypes = {};
+TimeInputBody.displayName = 'TimeInputBody';
 var TimeInputBody$1 = TimeInputBody;
 
 var messages = reactIntl.defineMessages({
@@ -225,9 +224,9 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context6; _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), true)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context7; _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; }
+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; }
 var sequentialId = utils.createSequentialId('time-input-');
 
 var leftPad = function leftPad(value) {
@@ -277,7 +276,7 @@ var TimeInput = function TimeInput(props) {
   }, [id, name, onChange]);
   var handleBlur = react$1.useCallback(function (event) {
     // check formatting and reformat when necessary
-    var formattedTime = TimeInput.toLocaleTime(value, intl.locale);
+    var formattedTime = value && TimeInput.toLocaleTime(value, intl.locale);
     if (formattedTime !== value) emitChange(formattedTime); // forward the onBlur call
 
     if (onBlur) onBlur(event);
@@ -310,6 +309,7 @@ var TimeInput = function TimeInput(props) {
   });
 };
 
+TimeInput.propTypes = {};
 TimeInput.displayName = 'TimeInput'; // Takes any input like 15:10, 3 AM, 3AM, 3:15AM, 3:5AM and turns it
 // into a 24h format (with seconds and milliseconds if present)
 
@@ -318,7 +318,6 @@ TimeInput.to24h = function (time) {
   return parsedTime ? format24hr(parsedTime) : '';
 };
 
-TimeInput.propTypes = {};
 TimeInput.defaultProps = {
   horizontalConstraint: 'scale'
 }; // Converts any value to either a formatted value or an empty string
@@ -349,7 +348,7 @@ TimeInput.toLocaleTime = function (time, locale) {
 var TimeInput$1 = TimeInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "12.2.7";
+var version = "13.0.2";
 
 exports["default"] = TimeInput$1;
 exports.version = version;