@commercetools-uikit/multiline-text-field 12.2.2 → 12.2.6

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-multiline-text-field.cjs.dev.js +92 -71
  3. package/dist/commercetools-uikit-multiline-text-field.cjs.prod.js +68 -47
  4. package/dist/commercetools-uikit-multiline-text-field.esm.js +54 -40
  5. package/package.json +10 -14
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 MultilineTextField from '@commercetools-uikit/multiline-text-field';
35
34
 
36
35
  const Example = () => (
package/dist/commercetools-uikit-multiline-text-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 Spacings = require('@commercetools-uikit/spacings');
21
29
  var FieldLabel = require('@commercetools-uikit/field-label');
22
30
  var MultilineTextInput = require('@commercetools-uikit/multiline-text-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 MultilineTextInput__default = /*#__PURE__*/_interopDefault(MultilineTextInput);
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 { Boolean.prototype.valueOf.call(_Reflect$construct__default['default'](Boolean, [], 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('multiline-text-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 MultilineTextField = /*#__PURE__*/function (_React$Component) {
53
- _inherits(MultilineTextField, _React$Component);
71
+ var MultilineTextField = /*#__PURE__*/function (_Component) {
72
+ _inherits(MultilineTextField, _Component);
54
73
 
55
74
  var _super = _createSuper(MultilineTextField);
56
75
 
@@ -65,7 +84,7 @@ var MultilineTextField = /*#__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,44 +97,46 @@ var MultilineTextField = /*#__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(Spacings__default['default'].Stack, {
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(MultilineTextInput__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
- onBlur: this.props.onBlur,
101
- onFocus: this.props.onFocus,
102
- isAutofocussed: this.props.isAutofocussed,
103
- defaultExpandMultilineText: this.props.defaultExpandMultilineText,
104
- isDisabled: this.props.isDisabled,
105
- isReadOnly: this.props.isReadOnly,
106
- hasError: hasError,
107
- placeholder: this.props.placeholder,
108
- horizontalConstraint: "scale"
109
- }, utils.filterDataAttributes(this.props))), react.jsx(FieldErrors__default['default'], {
110
- errors: this.props.errors,
111
- isVisible: hasError,
112
- renderError: this.props.renderError
113
- })));
100
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
101
+ max: this.props.horizontalConstraint,
102
+ children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
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(MultilineTextInput__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
+ onBlur: this.props.onBlur,
120
+ onFocus: this.props.onFocus,
121
+ isAutofocussed: this.props.isAutofocussed,
122
+ defaultExpandMultilineText: this.props.defaultExpandMultilineText,
123
+ isDisabled: this.props.isDisabled,
124
+ isReadOnly: this.props.isReadOnly,
125
+ hasError: hasError,
126
+ placeholder: this.props.placeholder,
127
+ horizontalConstraint: "scale"
128
+ }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
129
+ errors: this.props.errors,
130
+ isVisible: hasError,
131
+ renderError: this.props.renderError
132
+ })]
133
+ })
134
+ });
114
135
  }
115
136
  }]);
116
137
 
117
138
  return MultilineTextField;
118
- }(React__default['default'].Component);
139
+ }(react.Component);
119
140
 
120
141
  MultilineTextField.displayName = 'MultilineTextField';
121
142
  MultilineTextField.defaultProps = {
@@ -134,20 +155,20 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
134
155
  /**
135
156
  * Used as HTML id property. An id is auto-generated when it is not specified.
136
157
  */
137
- id: PropTypes__default['default'].string,
158
+ id: PropTypes__default["default"].string,
138
159
 
139
160
  /**
140
161
  * Horizontal size limit of the input fields.
141
162
  */
142
- horizontalConstraint: PropTypes__default['default'].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
163
+ horizontalConstraint: PropTypes__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
143
164
 
144
165
  /**
145
166
  * A map of errors. Error messages for known errors are rendered automatically.
146
167
  * <br />
147
168
  * Unknown errors will be forwarded to `renderError`
148
169
  */
149
- errors: PropTypes__default['default'].shape({
150
- missing: PropTypes__default['default'].bool
170
+ errors: PropTypes__default["default"].shape({
171
+ missing: PropTypes__default["default"].bool
151
172
  }),
152
173
 
153
174
  /**
@@ -155,40 +176,40 @@ MultilineTextField.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
  // TextInput
170
191
 
171
192
  /**
172
193
  * Used as HTML `autocomplete` property
173
194
  */
174
- autoComplete: PropTypes__default['default'].string,
195
+ autoComplete: PropTypes__default["default"].string,
175
196
 
176
197
  /**
177
198
  * Used as HTML name of the input component. property
178
199
  */
179
- name: PropTypes__default['default'].string,
200
+ name: PropTypes__default["default"].string,
180
201
 
181
202
  /**
182
203
  * Value of the input component.
183
204
  */
184
- value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]).isRequired,
205
+ value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired,
185
206
 
186
207
  /**
187
208
  * Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value.
188
209
  * <br />
189
210
  * Signature: `(event) => void`
190
211
  */
191
- onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
212
+ onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
192
213
  return !props.isReadOnly;
193
214
  }),
194
215
 
@@ -197,57 +218,57 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
197
218
  * <br />
198
219
  * Signature: `(event) => void`
199
220
  */
200
- onBlur: PropTypes__default['default'].func,
221
+ onBlur: PropTypes__default["default"].func,
201
222
 
202
223
  /**
203
224
  * Called when input is focused
204
225
  * <br />
205
226
  * Signature: `(event) => void`
206
227
  */
207
- onFocus: PropTypes__default['default'].func,
228
+ onFocus: PropTypes__default["default"].func,
208
229
 
209
230
  /**
210
231
  * Focus the input on initial render
211
232
  */
212
- isAutofocussed: PropTypes__default['default'].bool,
233
+ isAutofocussed: PropTypes__default["default"].bool,
213
234
 
214
235
  /**
215
236
  * Expands multiline text input initially
216
237
  */
217
- defaultExpandMultilineText: PropTypes__default['default'].bool,
238
+ defaultExpandMultilineText: PropTypes__default["default"].bool,
218
239
 
219
240
  /**
220
241
  * Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).
221
242
  */
222
- isDisabled: PropTypes__default['default'].bool,
243
+ isDisabled: PropTypes__default["default"].bool,
223
244
 
224
245
  /**
225
246
  * Indicates that the field is displaying read-only content
226
247
  */
227
- isReadOnly: PropTypes__default['default'].bool,
248
+ isReadOnly: PropTypes__default["default"].bool,
228
249
 
229
250
  /**
230
251
  * Placeholder text for the input
231
252
  */
232
- placeholder: PropTypes__default['default'].string,
253
+ placeholder: PropTypes__default["default"].string,
233
254
  // LabelField
234
255
 
235
256
  /**
236
257
  * Title of the label
237
258
  */
238
- title: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired,
259
+ title: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired,
239
260
 
240
261
  /**
241
262
  * 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), whereas `description` can describe it in more depth. Can also receive a `hintIcon`.
242
263
  */
243
- hint: requiredIf__default['default'](PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]), function (props) {
264
+ hint: requiredIf__default["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]), function (props) {
244
265
  return props.hintIcon;
245
266
  }),
246
267
 
247
268
  /**
248
269
  * Provides a description for the title.
249
270
  */
250
- description: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]),
271
+ description: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]),
251
272
 
252
273
  /**
253
274
  * Function called when info button is pressed.
@@ -256,26 +277,26 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
256
277
  * <br />
257
278
  * Signature: `(event) => void`
258
279
  */
259
- onInfoButtonClick: PropTypes__default['default'].func,
280
+ onInfoButtonClick: PropTypes__default["default"].func,
260
281
 
261
282
  /**
262
283
  * Icon to be displayed beside the hint text.
263
284
  * <br />
264
285
  * Will only get rendered when `hint` is passed as well.
265
286
  */
266
- hintIcon: PropTypes__default['default'].node,
287
+ hintIcon: PropTypes__default["default"].node,
267
288
 
268
289
  /**
269
290
  * Badge to be displayed beside the label.
270
291
  * <br />
271
292
  * Might be used to display additional information about the content of the field (E.g verified email)
272
293
  */
273
- badge: PropTypes__default['default'].node
294
+ badge: PropTypes__default["default"].node
274
295
  } : {};
275
296
  var MultilineTextField$1 = MultilineTextField;
276
297
 
277
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
278
- var version = '12.2.2';
298
+ // NOTE: This string will be replaced on build time with the package version.
299
+ var version = "12.2.6";
279
300
 
280
- exports['default'] = MultilineTextField$1;
301
+ exports["default"] = MultilineTextField$1;
281
302
  exports.version = version;
package/dist/commercetools-uikit-multiline-text-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 Spacings = require('@commercetools-uikit/spacings');
21
29
  var FieldLabel = require('@commercetools-uikit/field-label');
22
30
  var MultilineTextInput = require('@commercetools-uikit/multiline-text-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 Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
35
50
  var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
36
51
  var MultilineTextInput__default = /*#__PURE__*/_interopDefault(MultilineTextInput);
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 { Boolean.prototype.valueOf.call(_Reflect$construct__default['default'](Boolean, [], 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('multiline-text-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 MultilineTextField = /*#__PURE__*/function (_React$Component) {
51
- _inherits(MultilineTextField, _React$Component);
69
+ var MultilineTextField = /*#__PURE__*/function (_Component) {
70
+ _inherits(MultilineTextField, _Component);
52
71
 
53
72
  var _super = _createSuper(MultilineTextField);
54
73
 
@@ -63,7 +82,7 @@ var MultilineTextField = /*#__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,44 +95,46 @@ var MultilineTextField = /*#__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(Spacings__default['default'].Stack, {
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(MultilineTextInput__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
- onBlur: this.props.onBlur,
99
- onFocus: this.props.onFocus,
100
- isAutofocussed: this.props.isAutofocussed,
101
- defaultExpandMultilineText: this.props.defaultExpandMultilineText,
102
- isDisabled: this.props.isDisabled,
103
- isReadOnly: this.props.isReadOnly,
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
- })));
98
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
99
+ max: this.props.horizontalConstraint,
100
+ children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
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(MultilineTextInput__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
+ onBlur: this.props.onBlur,
118
+ onFocus: this.props.onFocus,
119
+ isAutofocussed: this.props.isAutofocussed,
120
+ defaultExpandMultilineText: this.props.defaultExpandMultilineText,
121
+ isDisabled: this.props.isDisabled,
122
+ isReadOnly: this.props.isReadOnly,
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 MultilineTextField;
116
- }(React__default['default'].Component);
137
+ }(react.Component);
117
138
 
118
139
  MultilineTextField.displayName = 'MultilineTextField';
119
140
  MultilineTextField.defaultProps = {
@@ -129,8 +150,8 @@ MultilineTextField.getDerivedStateFromProps = function (props, state) {
129
150
  MultilineTextField.propTypes = {};
130
151
  var MultilineTextField$1 = MultilineTextField;
131
152
 
132
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
133
- var version = '12.2.2';
153
+ // NOTE: This string will be replaced on build time with the package version.
154
+ var version = "12.2.6";
134
155
 
135
- exports['default'] = MultilineTextField$1;
156
+ exports["default"] = MultilineTextField$1;
136
157
  exports.version = version;
package/dist/commercetools-uikit-multiline-text-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,7 +25,11 @@ import Spacings from '@commercetools-uikit/spacings';
17
25
  import FieldLabel from '@commercetools-uikit/field-label';
18
26
  import MultilineTextInput from '@commercetools-uikit/multiline-text-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
 
@@ -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 MultilineTextField = /*#__PURE__*/function (_React$Component) {
34
- _inherits(MultilineTextField, _React$Component);
45
+ var MultilineTextField = /*#__PURE__*/function (_Component) {
46
+ _inherits(MultilineTextField, _Component);
35
47
 
36
48
  var _super = _createSuper(MultilineTextField);
37
49
 
@@ -60,43 +72,45 @@ var MultilineTextField = /*#__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(Spacings.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(MultilineTextInput, _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
- onBlur: this.props.onBlur,
82
- onFocus: this.props.onFocus,
83
- isAutofocussed: this.props.isAutofocussed,
84
- defaultExpandMultilineText: this.props.defaultExpandMultilineText,
85
- isDisabled: this.props.isDisabled,
86
- isReadOnly: this.props.isReadOnly,
87
- hasError: hasError,
88
- placeholder: this.props.placeholder,
89
- horizontalConstraint: "scale"
90
- }, filterDataAttributes(this.props))), jsx(FieldErrors, {
91
- errors: this.props.errors,
92
- isVisible: hasError,
93
- renderError: this.props.renderError
94
- })));
75
+ max: this.props.horizontalConstraint,
76
+ children: jsxs(Spacings.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(MultilineTextInput, _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
+ onBlur: this.props.onBlur,
94
+ onFocus: this.props.onFocus,
95
+ isAutofocussed: this.props.isAutofocussed,
96
+ defaultExpandMultilineText: this.props.defaultExpandMultilineText,
97
+ isDisabled: this.props.isDisabled,
98
+ isReadOnly: this.props.isReadOnly,
99
+ hasError: hasError,
100
+ placeholder: this.props.placeholder,
101
+ horizontalConstraint: "scale"
102
+ }, filterDataAttributes(this.props))), jsx(FieldErrors, {
103
+ errors: this.props.errors,
104
+ isVisible: hasError,
105
+ renderError: this.props.renderError
106
+ })]
107
+ })
108
+ });
95
109
  }
96
110
  }]);
97
111
 
98
112
  return MultilineTextField;
99
- }(React.Component);
113
+ }(Component);
100
114
 
101
115
  MultilineTextField.displayName = 'MultilineTextField';
102
116
  MultilineTextField.defaultProps = {
@@ -255,7 +269,7 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
255
269
  } : {};
256
270
  var MultilineTextField$1 = MultilineTextField;
257
271
 
258
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
259
- var version = '12.2.2';
272
+ // NOTE: This string will be replaced on build time with the package version.
273
+ var version = "12.2.6";
260
274
 
261
275
  export { MultilineTextField$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/multiline-text-field",
3
3
  "description": "A controlled text input component for multi-line strings with validation states and a label.",
4
- "version": "12.2.2",
4
+ "version": "12.2.6",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -11,7 +11,6 @@
11
11
  "homepage": "https://uikit.commercetools.com",
12
12
  "keywords": ["javascript", "design system", "react", "uikit"],
13
13
  "license": "MIT",
14
- "private": false,
15
14
  "publishConfig": {
16
15
  "access": "public"
17
16
  },
@@ -19,19 +18,16 @@
19
18
  "main": "dist/commercetools-uikit-multiline-text-field.cjs.js",
20
19
  "module": "dist/commercetools-uikit-multiline-text-field.esm.js",
21
20
  "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../../scripts/version.js replace"
24
- },
25
21
  "dependencies": {
26
- "@babel/runtime": "7.14.8",
27
- "@babel/runtime-corejs3": "7.14.8",
28
- "@commercetools-uikit/constraints": "12.2.2",
29
- "@commercetools-uikit/design-system": "12.2.2",
30
- "@commercetools-uikit/field-errors": "12.2.2",
31
- "@commercetools-uikit/field-label": "12.2.2",
32
- "@commercetools-uikit/multiline-text-input": "12.2.2",
33
- "@commercetools-uikit/spacings": "12.2.2",
34
- "@commercetools-uikit/utils": "12.2.0",
22
+ "@babel/runtime": "7.16.3",
23
+ "@babel/runtime-corejs3": "7.16.3",
24
+ "@commercetools-uikit/constraints": "12.2.5",
25
+ "@commercetools-uikit/design-system": "12.2.5",
26
+ "@commercetools-uikit/field-errors": "12.2.5",
27
+ "@commercetools-uikit/field-label": "12.2.6",
28
+ "@commercetools-uikit/multiline-text-input": "12.2.6",
29
+ "@commercetools-uikit/spacings": "12.2.5",
30
+ "@commercetools-uikit/utils": "12.2.5",
35
31
  "@emotion/react": "^11.4.0",
36
32
  "@emotion/styled": "^11.3.0",
37
33
  "prop-types": "15.7.2",