@commercetools-uikit/time-field 12.2.1 → 12.2.5

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 (5) hide show
  1. package/README.md +0 -1
  2. package/dist/commercetools-uikit-time-field.cjs.dev.js +89 -67
  3. package/dist/commercetools-uikit-time-field.cjs.prod.js +67 -45
  4. package/dist/commercetools-uikit-time-field.esm.js +55 -41
  5. package/package.json +19 -16
package/README.md CHANGED
@@ -30,7 +30,6 @@ npm --save install react
30
30
  ## Usage
31
31
 
32
32
  ```jsx
33
- import React from 'react';
34
33
  import TimeField from '@commercetools-uikit/time-field';
35
34
 
36
35
  const Example = () => (
package/dist/commercetools-uikit-time-field.cjs.dev.js CHANGED
@@ -3,7 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
6
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
6
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
9
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
10
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
11
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
12
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
7
15
  var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
8
16
  var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
9
17
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
@@ -12,7 +20,7 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
12
20
  var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
13
21
  var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
14
22
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
15
- var React = require('react');
23
+ var react = require('react');
16
24
  var PropTypes = require('prop-types');
17
25
  var requiredIf = require('react-required-if');
18
26
  var utils = require('@commercetools-uikit/utils');
@@ -21,15 +29,22 @@ var Stack = require('@commercetools-uikit/spacings-stack');
21
29
  var FieldLabel = require('@commercetools-uikit/field-label');
22
30
  var TimeInput = require('@commercetools-uikit/time-input');
23
31
  var FieldErrors = require('@commercetools-uikit/field-errors');
24
- var react = require('@emotion/react');
32
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
25
33
 
26
34
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
27
35
 
28
36
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
37
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
38
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
39
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
40
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
41
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
42
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
43
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
44
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
29
45
  var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
30
46
  var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
31
47
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
32
- var React__default = /*#__PURE__*/_interopDefault(React);
33
48
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
34
49
  var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
35
50
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
@@ -38,19 +53,23 @@ var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
38
53
  var TimeInput__default = /*#__PURE__*/_interopDefault(TimeInput);
39
54
  var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
40
55
 
41
- 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); }; }
56
+ 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; }
42
57
 
43
- 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 { Date.prototype.toString.call(_Reflect$construct__default['default'](Date, [], function () {})); return true; } catch (e) { return false; } }
58
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), true)).call(_context3, 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 _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
59
+
60
+ 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); }; }
61
+
62
+ 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; } }
44
63
  var sequentialId = utils.createSequentialId('time-field-');
45
64
 
46
65
  var hasErrors = function hasErrors(errors) {
47
66
  var _context;
48
67
 
49
- return errors && _someInstanceProperty__default['default'](_context = _Object$values__default['default'](errors)).call(_context, Boolean);
68
+ return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
50
69
  };
51
70
 
52
- var TimeField = /*#__PURE__*/function (_React$Component) {
53
- _inherits(TimeField, _React$Component);
71
+ var TimeField = /*#__PURE__*/function (_Component) {
72
+ _inherits(TimeField, _Component);
54
73
 
55
74
  var _super = _createSuper(TimeField);
56
75
 
@@ -65,7 +84,7 @@ var TimeField = /*#__PURE__*/function (_React$Component) {
65
84
  args[_key] = arguments[_key];
66
85
  }
67
86
 
68
- _this = _super.call.apply(_super, _concatInstanceProperty__default['default'](_context2 = [this]).call(_context2, args));
87
+ _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context2 = [this]).call(_context2, args));
69
88
  _this.state = {
70
89
  // We generate an id in case no id is provided by the parent to attach the
71
90
  // label to the input component.
@@ -78,42 +97,44 @@ var TimeField = /*#__PURE__*/function (_React$Component) {
78
97
  key: "render",
79
98
  value: function render() {
80
99
  var hasError = this.props.touched && hasErrors(this.props.errors);
81
- return react.jsx(Constraints__default['default'].Horizontal, {
82
- max: this.props.horizontalConstraint
83
- }, react.jsx(Stack__default['default'], {
84
- scale: "xs"
85
- }, react.jsx(FieldLabel__default['default'], {
86
- title: this.props.title,
87
- hint: this.props.hint,
88
- description: this.props.description,
89
- onInfoButtonClick: this.props.onInfoButtonClick,
90
- hintIcon: this.props.hintIcon,
91
- badge: this.props.badge,
92
- hasRequiredIndicator: this.props.isRequired,
93
- htmlFor: this.state.id
94
- }), react.jsx(TimeInput__default['default'], _extends({
95
- id: this.state.id,
96
- name: this.props.name,
97
- autoComplete: this.props.autoComplete,
98
- value: this.props.value,
99
- onChange: this.props.onChange,
100
- onFocus: this.props.onFocus,
101
- onBlur: this.props.onBlur,
102
- isAutofocussed: this.props.isAutofocussed,
103
- isDisabled: this.props.isDisabled,
104
- hasError: hasError,
105
- placeholder: this.props.placeholder,
106
- horizontalConstraint: "scale"
107
- }, utils.filterDataAttributes(this.props))), react.jsx(FieldErrors__default['default'], {
108
- errors: this.props.errors,
109
- isVisible: hasError,
110
- renderError: this.props.renderError
111
- })));
100
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
101
+ max: this.props.horizontalConstraint,
102
+ children: jsxRuntime.jsxs(Stack__default["default"], {
103
+ scale: "xs",
104
+ children: [jsxRuntime.jsx(FieldLabel__default["default"], {
105
+ title: this.props.title,
106
+ hint: this.props.hint,
107
+ description: this.props.description,
108
+ onInfoButtonClick: this.props.onInfoButtonClick,
109
+ hintIcon: this.props.hintIcon,
110
+ badge: this.props.badge,
111
+ hasRequiredIndicator: this.props.isRequired,
112
+ htmlFor: this.state.id
113
+ }), jsxRuntime.jsx(TimeInput__default["default"], _objectSpread({
114
+ id: this.state.id,
115
+ name: this.props.name,
116
+ autoComplete: this.props.autoComplete,
117
+ value: this.props.value,
118
+ onChange: this.props.onChange,
119
+ onFocus: this.props.onFocus,
120
+ onBlur: this.props.onBlur,
121
+ isAutofocussed: this.props.isAutofocussed,
122
+ isDisabled: this.props.isDisabled,
123
+ hasError: hasError,
124
+ placeholder: this.props.placeholder,
125
+ horizontalConstraint: "scale"
126
+ }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
127
+ errors: this.props.errors,
128
+ isVisible: hasError,
129
+ renderError: this.props.renderError
130
+ })]
131
+ })
132
+ });
112
133
  }
113
134
  }]);
114
135
 
115
136
  return TimeField;
116
- }(React__default['default'].Component);
137
+ }(react.Component);
117
138
 
118
139
  TimeField.displayName = 'TimeField';
119
140
  TimeField.defaultProps = {
@@ -132,20 +153,20 @@ TimeField.propTypes = process.env.NODE_ENV !== "production" ? {
132
153
  /**
133
154
  * Used as HTML id property. An id is auto-generated when it is not specified.
134
155
  */
135
- id: PropTypes__default['default'].string,
156
+ id: PropTypes__default["default"].string,
136
157
 
137
158
  /**
138
159
  * Horizontal size limit of the input fields.
139
160
  */
140
- horizontalConstraint: PropTypes__default['default'].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
161
+ horizontalConstraint: PropTypes__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
141
162
 
142
163
  /**
143
164
  * A map of errors. Error messages for known errors are rendered automatically.
144
165
  * <br/>
145
166
  * Unknown errors will be forwarded to renderError.
146
167
  */
147
- errors: PropTypes__default['default'].shape({
148
- missing: PropTypes__default['default'].bool
168
+ errors: PropTypes__default["default"].shape({
169
+ missing: PropTypes__default["default"].bool
149
170
  }),
150
171
 
151
172
  /**
@@ -155,33 +176,33 @@ TimeField.propTypes = process.env.NODE_ENV !== "production" ? {
155
176
  * <br />
156
177
  * Signature: `(key, error) => React.node`
157
178
  */
158
- renderError: PropTypes__default['default'].func,
179
+ renderError: PropTypes__default["default"].func,
159
180
 
160
181
  /**
161
182
  * Indicates if the value is required. Shows an the "required asterisk" if so.
162
183
  */
163
- isRequired: PropTypes__default['default'].bool,
184
+ isRequired: PropTypes__default["default"].bool,
164
185
 
165
186
  /**
166
187
  * Indicates whether the field was touched. Errors will only be shown when the field was touched.
167
188
  */
168
- touched: PropTypes__default['default'].bool,
189
+ touched: PropTypes__default["default"].bool,
169
190
  // TimeInput
170
191
 
171
192
  /**
172
193
  * Used as HTML name of the input component.
173
194
  */
174
- name: PropTypes__default['default'].string,
195
+ name: PropTypes__default["default"].string,
175
196
 
176
197
  /**
177
198
  * Used as HTML autocomplete of the input component.
178
199
  */
179
- autoComplete: PropTypes__default['default'].string,
200
+ autoComplete: PropTypes__default["default"].string,
180
201
 
181
202
  /**
182
203
  * Value of the input
183
204
  */
184
- value: PropTypes__default['default'].string.isRequired,
205
+ value: PropTypes__default["default"].string.isRequired,
185
206
 
186
207
  /**
187
208
  * Called with an event holding the new value.
@@ -190,7 +211,7 @@ TimeField.propTypes = process.env.NODE_ENV !== "production" ? {
190
211
  * <br />
191
212
  * Signature: `(event) => void`
192
213
  */
193
- onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
214
+ onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
194
215
  return !props.isReadOnly;
195
216
  }),
196
217
 
@@ -199,71 +220,72 @@ TimeField.propTypes = process.env.NODE_ENV !== "production" ? {
199
220
  * <br/>
200
221
  * Signature: `(event) => void`
201
222
  */
202
- onBlur: PropTypes__default['default'].func,
223
+ onBlur: PropTypes__default["default"].func,
203
224
 
204
225
  /**
205
226
  * Called when input is focused
206
227
  * <br/>
207
228
  * Signature: `(event) => void`
208
229
  */
209
- onFocus: PropTypes__default['default'].func,
230
+ onFocus: PropTypes__default["default"].func,
210
231
 
211
232
  /**
212
233
  * Focus the input on initial render
213
234
  */
214
- isAutofocussed: PropTypes__default['default'].bool,
235
+ isAutofocussed: PropTypes__default["default"].bool,
215
236
 
216
237
  /**
217
238
  * Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).
218
239
  */
219
- isDisabled: PropTypes__default['default'].bool,
240
+ isDisabled: PropTypes__default["default"].bool,
220
241
 
221
242
  /**
222
243
  * Placeholder text for the input
223
244
  */
224
- placeholder: PropTypes__default['default'].string,
245
+ placeholder: PropTypes__default["default"].string,
225
246
  // LabelField
226
247
 
227
248
  /**
228
249
  * Title of the label
229
250
  */
230
- title: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired,
251
+ title: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired,
231
252
 
232
253
  /**
233
254
  * Hint for the label. Provides a supplementary but important information regarding the behaviour of the input (e.g warn about uniqueness of a field, when it can only be set once),
234
255
  * whereas description can describe it in more depth. Can also receive a hintIcon.
235
256
  */
236
- hint: requiredIf__default['default'](PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]), function (props) {
257
+ hint: requiredIf__default["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]), function (props) {
237
258
  return props.hintIcon;
238
259
  }),
239
260
 
240
261
  /**
241
262
  * Provides a description for the title.
242
263
  */
243
- description: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]),
264
+ description: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]),
244
265
 
245
266
  /**
246
267
  * Function called when info button is pressed.
247
268
  * <br/>
248
269
  * Info button will only be visible when this prop is passed.
249
270
  */
250
- onInfoButtonClick: PropTypes__default['default'].func,
271
+ onInfoButtonClick: PropTypes__default["default"].func,
251
272
 
252
273
  /**
253
274
  * Icon to be displayed beside the hint text. Will only get rendered when hint is passed as well.
254
275
  */
255
- hintIcon: PropTypes__default['default'].node,
276
+ hintIcon: PropTypes__default["default"].node,
256
277
 
257
278
  /**
258
279
  * Badge to be displayed beside the label.
259
280
  * <br/>
260
281
  * Might be used to display additional information about the content of the field (E.g verified email)
261
282
  */
262
- badge: PropTypes__default['default'].node
283
+ badge: PropTypes__default["default"].node
263
284
  } : {};
285
+ var TimeField$1 = TimeField;
264
286
 
265
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
266
- var version = '12.2.1';
287
+ // NOTE: This string will be replaced on build time with the package version.
288
+ var version = "12.2.5";
267
289
 
268
- exports.default = TimeField;
290
+ exports["default"] = TimeField$1;
269
291
  exports.version = version;
package/dist/commercetools-uikit-time-field.cjs.prod.js CHANGED
@@ -3,7 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
6
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
6
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
9
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
10
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
11
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
12
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
7
15
  var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
8
16
  var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
9
17
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
@@ -12,7 +20,7 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
12
20
  var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
13
21
  var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
14
22
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
15
- var React = require('react');
23
+ var react = require('react');
16
24
  require('prop-types');
17
25
  require('react-required-if');
18
26
  var utils = require('@commercetools-uikit/utils');
@@ -21,34 +29,45 @@ var Stack = require('@commercetools-uikit/spacings-stack');
21
29
  var FieldLabel = require('@commercetools-uikit/field-label');
22
30
  var TimeInput = require('@commercetools-uikit/time-input');
23
31
  var FieldErrors = require('@commercetools-uikit/field-errors');
24
- var react = require('@emotion/react');
32
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
25
33
 
26
34
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
27
35
 
28
36
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
37
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
38
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
39
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
40
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
41
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
42
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
43
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
44
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
29
45
  var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
30
46
  var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
31
47
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
32
- var React__default = /*#__PURE__*/_interopDefault(React);
33
48
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
34
49
  var Stack__default = /*#__PURE__*/_interopDefault(Stack);
35
50
  var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
36
51
  var TimeInput__default = /*#__PURE__*/_interopDefault(TimeInput);
37
52
  var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
38
53
 
39
- 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); }; }
54
+ 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; }
40
55
 
41
- 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 { Date.prototype.toString.call(_Reflect$construct__default['default'](Date, [], function () {})); return true; } catch (e) { return false; } }
56
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), true)).call(_context3, 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 _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
57
+
58
+ 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); }; }
59
+
60
+ 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; } }
42
61
  var sequentialId = utils.createSequentialId('time-field-');
43
62
 
44
63
  var hasErrors = function hasErrors(errors) {
45
64
  var _context;
46
65
 
47
- return errors && _someInstanceProperty__default['default'](_context = _Object$values__default['default'](errors)).call(_context, Boolean);
66
+ return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
48
67
  };
49
68
 
50
- var TimeField = /*#__PURE__*/function (_React$Component) {
51
- _inherits(TimeField, _React$Component);
69
+ var TimeField = /*#__PURE__*/function (_Component) {
70
+ _inherits(TimeField, _Component);
52
71
 
53
72
  var _super = _createSuper(TimeField);
54
73
 
@@ -63,7 +82,7 @@ var TimeField = /*#__PURE__*/function (_React$Component) {
63
82
  args[_key] = arguments[_key];
64
83
  }
65
84
 
66
- _this = _super.call.apply(_super, _concatInstanceProperty__default['default'](_context2 = [this]).call(_context2, args));
85
+ _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context2 = [this]).call(_context2, args));
67
86
  _this.state = {
68
87
  // We generate an id in case no id is provided by the parent to attach the
69
88
  // label to the input component.
@@ -76,42 +95,44 @@ var TimeField = /*#__PURE__*/function (_React$Component) {
76
95
  key: "render",
77
96
  value: function render() {
78
97
  var hasError = this.props.touched && hasErrors(this.props.errors);
79
- return react.jsx(Constraints__default['default'].Horizontal, {
80
- max: this.props.horizontalConstraint
81
- }, react.jsx(Stack__default['default'], {
82
- scale: "xs"
83
- }, react.jsx(FieldLabel__default['default'], {
84
- title: this.props.title,
85
- hint: this.props.hint,
86
- description: this.props.description,
87
- onInfoButtonClick: this.props.onInfoButtonClick,
88
- hintIcon: this.props.hintIcon,
89
- badge: this.props.badge,
90
- hasRequiredIndicator: this.props.isRequired,
91
- htmlFor: this.state.id
92
- }), react.jsx(TimeInput__default['default'], _extends({
93
- id: this.state.id,
94
- name: this.props.name,
95
- autoComplete: this.props.autoComplete,
96
- value: this.props.value,
97
- onChange: this.props.onChange,
98
- onFocus: this.props.onFocus,
99
- onBlur: this.props.onBlur,
100
- isAutofocussed: this.props.isAutofocussed,
101
- isDisabled: this.props.isDisabled,
102
- hasError: hasError,
103
- placeholder: this.props.placeholder,
104
- horizontalConstraint: "scale"
105
- }, utils.filterDataAttributes(this.props))), react.jsx(FieldErrors__default['default'], {
106
- errors: this.props.errors,
107
- isVisible: hasError,
108
- renderError: this.props.renderError
109
- })));
98
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
99
+ max: this.props.horizontalConstraint,
100
+ children: jsxRuntime.jsxs(Stack__default["default"], {
101
+ scale: "xs",
102
+ children: [jsxRuntime.jsx(FieldLabel__default["default"], {
103
+ title: this.props.title,
104
+ hint: this.props.hint,
105
+ description: this.props.description,
106
+ onInfoButtonClick: this.props.onInfoButtonClick,
107
+ hintIcon: this.props.hintIcon,
108
+ badge: this.props.badge,
109
+ hasRequiredIndicator: this.props.isRequired,
110
+ htmlFor: this.state.id
111
+ }), jsxRuntime.jsx(TimeInput__default["default"], _objectSpread({
112
+ id: this.state.id,
113
+ name: this.props.name,
114
+ autoComplete: this.props.autoComplete,
115
+ value: this.props.value,
116
+ onChange: this.props.onChange,
117
+ onFocus: this.props.onFocus,
118
+ onBlur: this.props.onBlur,
119
+ isAutofocussed: this.props.isAutofocussed,
120
+ isDisabled: this.props.isDisabled,
121
+ hasError: hasError,
122
+ placeholder: this.props.placeholder,
123
+ horizontalConstraint: "scale"
124
+ }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
125
+ errors: this.props.errors,
126
+ isVisible: hasError,
127
+ renderError: this.props.renderError
128
+ })]
129
+ })
130
+ });
110
131
  }
111
132
  }]);
112
133
 
113
134
  return TimeField;
114
- }(React__default['default'].Component);
135
+ }(react.Component);
115
136
 
116
137
  TimeField.displayName = 'TimeField';
117
138
  TimeField.defaultProps = {
@@ -125,9 +146,10 @@ TimeField.getDerivedStateFromProps = function (props, state) {
125
146
  };
126
147
 
127
148
  TimeField.propTypes = {};
149
+ var TimeField$1 = TimeField;
128
150
 
129
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
130
- var version = '12.2.1';
151
+ // NOTE: This string will be replaced on build time with the package version.
152
+ var version = "12.2.5";
131
153
 
132
- exports.default = TimeField;
154
+ exports["default"] = TimeField$1;
133
155
  exports.version = version;
package/dist/commercetools-uikit-time-field.esm.js CHANGED
@@ -1,5 +1,13 @@
1
1
  import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
2
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
3
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
4
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
5
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
6
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
7
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
8
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
9
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
10
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
3
11
  import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
4
12
  import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
5
13
  import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
@@ -8,7 +16,7 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
8
16
  import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
9
17
  import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
10
18
  import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
11
- import React from 'react';
19
+ import { Component } from 'react';
12
20
  import PropTypes from 'prop-types';
13
21
  import requiredIf from 'react-required-if';
14
22
  import { createSequentialId, filterDataAttributes, getFieldId } from '@commercetools-uikit/utils';
@@ -17,11 +25,15 @@ import Stack from '@commercetools-uikit/spacings-stack';
17
25
  import FieldLabel from '@commercetools-uikit/field-label';
18
26
  import TimeInput from '@commercetools-uikit/time-input';
19
27
  import FieldErrors from '@commercetools-uikit/field-errors';
20
- import { jsx } from '@emotion/react';
28
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
29
+
30
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
31
+
32
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
21
33
 
22
34
  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); }; }
23
35
 
24
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(_Reflect$construct(Date, [], function () {})); return true; } catch (e) { return false; } }
36
+ 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; } }
25
37
  var sequentialId = createSequentialId('time-field-');
26
38
 
27
39
  var hasErrors = function hasErrors(errors) {
@@ -30,8 +42,8 @@ var hasErrors = function hasErrors(errors) {
30
42
  return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
31
43
  };
32
44
 
33
- var TimeField = /*#__PURE__*/function (_React$Component) {
34
- _inherits(TimeField, _React$Component);
45
+ var TimeField = /*#__PURE__*/function (_Component) {
46
+ _inherits(TimeField, _Component);
35
47
 
36
48
  var _super = _createSuper(TimeField);
37
49
 
@@ -60,41 +72,43 @@ var TimeField = /*#__PURE__*/function (_React$Component) {
60
72
  value: function render() {
61
73
  var hasError = this.props.touched && hasErrors(this.props.errors);
62
74
  return jsx(Constraints.Horizontal, {
63
- max: this.props.horizontalConstraint
64
- }, jsx(Stack, {
65
- scale: "xs"
66
- }, jsx(FieldLabel, {
67
- title: this.props.title,
68
- hint: this.props.hint,
69
- description: this.props.description,
70
- onInfoButtonClick: this.props.onInfoButtonClick,
71
- hintIcon: this.props.hintIcon,
72
- badge: this.props.badge,
73
- hasRequiredIndicator: this.props.isRequired,
74
- htmlFor: this.state.id
75
- }), jsx(TimeInput, _extends({
76
- id: this.state.id,
77
- name: this.props.name,
78
- autoComplete: this.props.autoComplete,
79
- value: this.props.value,
80
- onChange: this.props.onChange,
81
- onFocus: this.props.onFocus,
82
- onBlur: this.props.onBlur,
83
- isAutofocussed: this.props.isAutofocussed,
84
- isDisabled: this.props.isDisabled,
85
- hasError: hasError,
86
- placeholder: this.props.placeholder,
87
- horizontalConstraint: "scale"
88
- }, filterDataAttributes(this.props))), jsx(FieldErrors, {
89
- errors: this.props.errors,
90
- isVisible: hasError,
91
- renderError: this.props.renderError
92
- })));
75
+ max: this.props.horizontalConstraint,
76
+ children: jsxs(Stack, {
77
+ scale: "xs",
78
+ children: [jsx(FieldLabel, {
79
+ title: this.props.title,
80
+ hint: this.props.hint,
81
+ description: this.props.description,
82
+ onInfoButtonClick: this.props.onInfoButtonClick,
83
+ hintIcon: this.props.hintIcon,
84
+ badge: this.props.badge,
85
+ hasRequiredIndicator: this.props.isRequired,
86
+ htmlFor: this.state.id
87
+ }), jsx(TimeInput, _objectSpread({
88
+ id: this.state.id,
89
+ name: this.props.name,
90
+ autoComplete: this.props.autoComplete,
91
+ value: this.props.value,
92
+ onChange: this.props.onChange,
93
+ onFocus: this.props.onFocus,
94
+ onBlur: this.props.onBlur,
95
+ isAutofocussed: this.props.isAutofocussed,
96
+ isDisabled: this.props.isDisabled,
97
+ hasError: hasError,
98
+ placeholder: this.props.placeholder,
99
+ horizontalConstraint: "scale"
100
+ }, filterDataAttributes(this.props))), jsx(FieldErrors, {
101
+ errors: this.props.errors,
102
+ isVisible: hasError,
103
+ renderError: this.props.renderError
104
+ })]
105
+ })
106
+ });
93
107
  }
94
108
  }]);
95
109
 
96
110
  return TimeField;
97
- }(React.Component);
111
+ }(Component);
98
112
 
99
113
  TimeField.displayName = 'TimeField';
100
114
  TimeField.defaultProps = {
@@ -242,9 +256,9 @@ TimeField.propTypes = process.env.NODE_ENV !== "production" ? {
242
256
  */
243
257
  badge: PropTypes.node
244
258
  } : {};
259
+ var TimeField$1 = TimeField;
245
260
 
246
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
247
- var version = '12.2.1';
261
+ // NOTE: This string will be replaced on build time with the package version.
262
+ var version = "12.2.5";
248
263
 
249
- export default TimeField;
250
- export { version };
264
+ export { TimeField$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/time-field",
3
3
  "description": "A controlled date input component for single date.",
4
- "version": "12.2.1",
4
+ "version": "12.2.5",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -9,29 +9,32 @@
9
9
  "directory": "packages/components/fields/time-field"
10
10
  },
11
11
  "homepage": "https://uikit.commercetools.com",
12
- "keywords": ["javascript", "design system", "react", "uikit"],
12
+ "keywords": [
13
+ "javascript",
14
+ "design system",
15
+ "react",
16
+ "uikit"
17
+ ],
13
18
  "license": "MIT",
14
- "private": false,
15
19
  "publishConfig": {
16
20
  "access": "public"
17
21
  },
18
22
  "sideEffects": false,
19
23
  "main": "dist/commercetools-uikit-time-field.cjs.js",
20
24
  "module": "dist/commercetools-uikit-time-field.esm.js",
21
- "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../../scripts/version.js replace"
24
- },
25
+ "files": [
26
+ "dist"
27
+ ],
25
28
  "dependencies": {
26
- "@babel/runtime": "7.14.6",
27
- "@babel/runtime-corejs3": "7.14.7",
28
- "@commercetools-uikit/constraints": "12.2.0",
29
- "@commercetools-uikit/design-system": "12.1.0",
30
- "@commercetools-uikit/field-errors": "12.2.0",
31
- "@commercetools-uikit/field-label": "12.2.1",
32
- "@commercetools-uikit/spacings-stack": "12.2.0",
33
- "@commercetools-uikit/time-input": "12.2.1",
34
- "@commercetools-uikit/utils": "12.2.0",
29
+ "@babel/runtime": "7.16.3",
30
+ "@babel/runtime-corejs3": "7.16.3",
31
+ "@commercetools-uikit/constraints": "12.2.5",
32
+ "@commercetools-uikit/design-system": "12.2.5",
33
+ "@commercetools-uikit/field-errors": "12.2.5",
34
+ "@commercetools-uikit/field-label": "12.2.5",
35
+ "@commercetools-uikit/spacings-stack": "12.2.5",
36
+ "@commercetools-uikit/time-input": "12.2.5",
37
+ "@commercetools-uikit/utils": "12.2.5",
35
38
  "@emotion/react": "^11.4.0",
36
39
  "@emotion/styled": "^11.3.0",
37
40
  "prop-types": "15.7.2",