@commercetools-uikit/multiline-text-input 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.
package/README.md CHANGED
@@ -30,7 +30,6 @@ npm --save install react react-intl
30
30
  ## Usage
31
31
 
32
32
  ```jsx
33
- import React from 'react';
34
33
  import MultilineTextInput from '@commercetools-uikit/multiline-text-input';
35
34
 
36
35
  const Example = () => (
@@ -2,13 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
5
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
7
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
8
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
9
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
10
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
11
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
14
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
7
15
  var _pt = require('prop-types');
8
16
  var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
9
- var React = require('react');
17
+ var react = require('react');
10
18
  var reactIntl = require('react-intl');
11
- var react = require('@emotion/react');
19
+ require('@emotion/react');
12
20
  var icons = require('@commercetools-uikit/icons');
13
21
  var FlatButton = require('@commercetools-uikit/flat-button');
14
22
  var hooks = require('@commercetools-uikit/hooks');
@@ -16,16 +24,28 @@ var utils = require('@commercetools-uikit/utils');
16
24
  var Stack = require('@commercetools-uikit/spacings-stack');
17
25
  var Constraints = require('@commercetools-uikit/constraints');
18
26
  var inputUtils = require('@commercetools-uikit/input-utils');
27
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
19
28
 
20
29
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
21
30
 
31
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
32
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
33
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
34
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
35
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
36
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
37
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
38
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
22
39
  var _pt__default = /*#__PURE__*/_interopDefault(_pt);
23
40
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
24
- var React__default = /*#__PURE__*/_interopDefault(React);
25
41
  var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
26
42
  var Stack__default = /*#__PURE__*/_interopDefault(Stack);
27
43
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
28
44
 
45
+ 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; }
46
+
47
+ function _objectSpread(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
48
+
29
49
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
30
50
  var defaultProps = {
31
51
  defaultExpandMultilineText: false
@@ -37,16 +57,17 @@ var _ref = process.env.NODE_ENV === "production" ? {
37
57
  } : {
38
58
  name: "7hlegj-MultilineTextInput",
39
59
  styles: "display:flex;justify-content:flex-end;label:MultilineTextInput;",
60
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Sm9CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQW5nbGVVcEljb24sIEFuZ2xlRG93bkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFN0YWNrIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLXN0YWNrJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQge1xuICBNdWx0aWxpbmVJbnB1dCxcbiAgbWVzc2FnZXNNdWx0aWxpbmVJbnB1dCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaW5wdXQtdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgbmFtZSBvZiB0aGUgaW5wdXQgY29tcG9uZW50LiBwcm9wZXJ0eVxuICAgKi9cbiAgbmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFVzZWQgYXMgSFRNTCBgYXV0b2NvbXBsZXRlYCBwcm9wZXJ0eVxuICAgKi9cbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGlkIHByb3BlcnR5LiBBbiBpZCBpcyBhdXRvLWdlbmVyYXRlZCB3aGVuIGl0IGlzIG5vdCBzcGVjaWZpZWQuXG4gICAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqXG4gICAqIFZhbHVlIG9mIHRoZSBpbnB1dCBjb21wb25lbnQuXG4gICAqL1xuICB2YWx1ZTogc3RyaW5nO1xuICAvKipcbiAgICogQ2FsbGVkIHdpdGggYW4gZXZlbnQgY29udGFpbmluZyB0aGUgbmV3IHZhbHVlLiBSZXF1aXJlZCB3aGVuIGlucHV0IGlzIG5vdCByZWFkIG9ubHkuIFBhcmVudCBzaG91bGQgcGFzcyBpdCBiYWNrIGFzIHZhbHVlLlxuICAgKi9cbiAgb25DaGFuZ2U/OiBDaGFuZ2VFdmVudEhhbmRsZXI7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBpbnB1dCBpcyBibHVycmVkXG4gICAqL1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlcjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGZvY3VzZWRcbiAgICovXG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjtcbiAgLyoqXG4gICAqIEZvY3VzIHRoZSBpbnB1dCBvbiBpbml0aWFsIHJlbmRlclxuICAgKi9cbiAgaXNBdXRvZm9jdXNzZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogRXhwYW5kcyBtdWx0aWxpbmUgdGV4dCBpbnB1dCBpbml0aWFsbHlcbiAgICovXG4gIGRlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBjYW5ub3QgYmUgbW9kaWZpZWQgKGUuZyBub3QgYXV0aG9yaXplZCwgb3IgY2hhbmdlcyBjdXJyZW50bHkgc2F2aW5nKS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGZpZWxkIGlzIGRpc3BsYXlpbmcgcmVhZC1vbmx5IGNvbnRlbnRcbiAgICovXG4gIGlzUmVhZE9ubHk/OiBib29sZWFuO1xuICAvKipcbiAgICogUGxhY2Vob2xkZXIgdGV4dCBmb3IgdGhlIGlucHV0XG4gICAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IGlucHV0IGhhcyBlcnJvcnNcbiAgICovXG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIENvbnRyb2wgdG8gaW5kaWNhdGUgb24gdGhlIGlucHV0IGlmIHRoZXJlIGFyZSBzZWxlY3RlZCB2YWx1ZXMgdGhhdCBhcmUgcG90ZW50aWFsbHkgaW52YWxpZFxuICAgKi9cbiAgaGFzV2FybmluZz86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGhvcml6b250YWxDb25zdHJhaW50PzpcbiAgICB8IDZcbiAgICB8IDdcbiAgICB8IDhcbiAgICB8IDlcbiAgICB8IDEwXG4gICAgfCAxMVxuICAgIHwgMTJcbiAgICB8IDEzXG4gICAgfCAxNFxuICAgIHwgMTVcbiAgICB8IDE2XG4gICAgfCAnc2NhbGUnXG4gICAgfCAnYXV0byc7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcyxcbiAgJ2RlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0J1xuPiA9IHtcbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ6IGZhbHNlLFxufTtcblxuY29uc3QgTXVsdGlsaW5lVGV4dElucHV0ID0gKHByb3BzOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICBjb25zdCBbY29udGVudFJvd0NvdW50LCBzZXRDb250ZW50Um93Q291bnRdID0gdXNlU3RhdGU8bnVtYmVyPihcbiAgICBNdWx0aWxpbmVUZXh0SW5wdXQuTUlOX1JPV19DT1VOVFxuICApO1xuXG4gIGNvbnN0IFtpc09wZW4sIHRvZ2dsZV0gPSB1c2VUb2dnbGVTdGF0ZShwcm9wcy5kZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dCk7XG5cbiAgY29uc3QgeyBvbkZvY3VzIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlRm9jdXMgPSB1c2VDYWxsYmFjazxGb2N1c0V2ZW50SGFuZGxlcj4oXG4gICAgKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzT3BlbikgdG9nZ2xlKHRydWUpO1xuICAgICAgaWYgKG9uRm9jdXMpIG9uRm9jdXMoZXZlbnQpO1xuICAgIH0sXG4gICAgW2lzT3Blbiwgb25Gb2N1cywgdG9nZ2xlXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUhlaWdodENoYW5nZSA9IHVzZUNhbGxiYWNrPFxuICAgIChoZWlnaHQ6IG51bWJlciwgcm93Q291bnQ6IG51bWJlcikgPT4gdm9pZFxuICA+KFxuICAgIChfLCByb3dDb3VudCkgPT4ge1xuICAgICAgc2V0Q29udGVudFJvd0NvdW50KHJvd0NvdW50KTtcbiAgICB9LFxuICAgIFtzZXRDb250ZW50Um93Q291bnRdXG4gICk7XG5cbiAgLy8gVGhpcyBjaGVja3MgaWYgdGhlIGNvbnRlbnQgaW4gdGhlIHRleHRhcmVhIG92ZXJmbG93cyB0aGUgbWluaW11bVxuICAvLyBhbW91bnQgb2YgbGluZXMgaXQgc2hvdWxkIGhhdmUgd2hlbiBjb2xsYXBzZWRcbiAgY29uc3Qgc2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uID1cbiAgICBjb250ZW50Um93Q291bnQgPiBNdWx0aWxpbmVUZXh0SW5wdXQuTUlOX1JPV19DT1VOVDtcblxuICByZXR1cm4gKFxuICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD17cHJvcHMuaG9yaXpvbnRhbENvbnN0cmFpbnR9PlxuICAgICAgPFN0YWNrIHNjYWxlPVwieHNcIj5cbiAgICAgICAgPE11bHRpbGluZUlucHV0XG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICBhdXRvQ29tcGxldGU9e3Byb3BzLmF1dG9Db21wbGV0ZX1cbiAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWV9XG4gICAgICAgICAgb25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuICAgICAgICAgIG9uSGVpZ2h0Q2hhbmdlPXtoYW5kbGVIZWlnaHRDaGFuZ2V9XG4gICAgICAgICAgaWQ9e3Byb3BzLmlkfVxuICAgICAgICAgIG9uQmx1cj17cHJvcHMub25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e2hhbmRsZUZvY3VzfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgICAgIGhhc1dhcm5pbmc9e3Byb3BzLmhhc1dhcm5pbmd9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3Byb3BzLnBsYWNlaG9sZGVyfVxuICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgaXNBdXRvZm9jdXNzZWQ9e3Byb3BzLmlzQXV0b2ZvY3Vzc2VkfVxuICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG91bGRSZW5kZXJUb2dnbGVCdXR0b24gJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxhdEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGUoKX1cbiAgICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICBpc09wZW5cbiAgICAgICAgICAgICAgICAgID8gbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5jb2xsYXBzZVxuICAgICAgICAgICAgICAgICAgOiBtZXNzYWdlc011bHRpbGluZUlucHV0LmV4cGFuZFxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgICAgICBpc09wZW4gPyAoXG4gICAgICAgICAgICAgICAgICA8QW5nbGVVcEljb24gc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlRG93bkljb24gc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgKTtcbn07XG5cbk11bHRpbGluZVRleHRJbnB1dC5kaXNwbGF5TmFtZSA9ICdNdWx0aWxpbmVUZXh0SW5wdXQnO1xuXG4vLyBUaGUgbWluaW11bSBhbW1vdW50IG9mIHJvd3MgdGhlIE11bHRpbGluZVRleHRJbnB1dCB3aWxsIHNob3cuXG4vLyBXaGVuIHRoZSBpbnB1dCBpcyBjbG9zZWQsIHRoaXMgaXMgdXNlZCBhcyB0aGUgbWF4aW11bSByb3cgY291bnQgYXMgd2VsbFxuLy8gc28gdGhhdCB0aGUgaW5wdXQgXCJjb2xsYXBzZXNcIi5cbk11bHRpbGluZVRleHRJbnB1dC5NSU5fUk9XX0NPVU5UID0gMTtcblxuTXVsdGlsaW5lVGV4dElucHV0LmlzRW1wdHkgPSAodmFsdWU6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1sndmFsdWUnXSkgPT5cbiAgIXZhbHVlIHx8IHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XG5NdWx0aWxpbmVUZXh0SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNdWx0aWxpbmVUZXh0SW5wdXQ7XG4iXX0= */",
40
61
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
41
62
  };
42
63
 
43
64
  var MultilineTextInput = function MultilineTextInput(props) {
44
65
  var intl = reactIntl.useIntl();
45
66
 
46
- var _React$useState = React__default['default'].useState(MultilineTextInput.MIN_ROW_COUNT),
47
- _React$useState2 = _slicedToArray(_React$useState, 2),
48
- contentRowCount = _React$useState2[0],
49
- setContentRowCount = _React$useState2[1];
67
+ var _useState = react.useState(MultilineTextInput.MIN_ROW_COUNT),
68
+ _useState2 = _slicedToArray(_useState, 2),
69
+ contentRowCount = _useState2[0],
70
+ setContentRowCount = _useState2[1];
50
71
 
51
72
  var _useToggleState = hooks.useToggleState(props.defaultExpandMultilineText),
52
73
  _useToggleState2 = _slicedToArray(_useToggleState, 2),
@@ -54,68 +75,71 @@ var MultilineTextInput = function MultilineTextInput(props) {
54
75
  toggle = _useToggleState2[1];
55
76
 
56
77
  var onFocus = props.onFocus;
57
- var handleFocus = React__default['default'].useCallback(function (event) {
78
+ var handleFocus = react.useCallback(function (event) {
58
79
  if (!isOpen) toggle(true);
59
80
  if (onFocus) onFocus(event);
60
81
  }, [isOpen, onFocus, toggle]);
61
- var handleHeightChange = React__default['default'].useCallback(function (_, rowCount) {
82
+ var handleHeightChange = react.useCallback(function (_, rowCount) {
62
83
  setContentRowCount(rowCount);
63
84
  }, [setContentRowCount]); // This checks if the content in the textarea overflows the minimum
64
85
  // amount of lines it should have when collapsed
65
86
 
66
87
  var shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
67
- return react.jsx(Constraints__default['default'].Horizontal, {
68
- max: props.horizontalConstraint
69
- }, react.jsx(Stack__default['default'], {
70
- scale: "xs"
71
- }, react.jsx(inputUtils.MultilineInput, _extends({
72
- name: props.name,
73
- autoComplete: props.autoComplete,
74
- value: props.value,
75
- onChange: props.onChange,
76
- onHeightChange: handleHeightChange,
77
- id: props.id,
78
- onBlur: props.onBlur,
79
- onFocus: handleFocus,
80
- isDisabled: props.isDisabled,
81
- hasError: props.hasError,
82
- hasWarning: props.hasWarning,
83
- placeholder: props.placeholder,
84
- isReadOnly: props.isReadOnly,
85
- isAutofocussed: props.isAutofocussed,
86
- isOpen: isOpen
87
- }, utils.filterDataAttributes(props))), shouldRenderToggleButton && react.jsx("div", {
88
- css: _ref
89
- }, react.jsx(FlatButton__default['default'], {
90
- onClick: function onClick() {
91
- return toggle();
92
- },
93
- isDisabled: props.isDisabled,
94
- label: intl.formatMessage(isOpen ? inputUtils.messagesMultilineInput.collapse : inputUtils.messagesMultilineInput.expand),
95
- icon: isOpen ? react.jsx(icons.AngleUpIcon, {
96
- size: "small"
97
- }) : react.jsx(icons.AngleDownIcon, {
98
- size: "small"
88
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
89
+ max: props.horizontalConstraint,
90
+ children: jsxRuntime.jsxs(Stack__default["default"], {
91
+ scale: "xs",
92
+ children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread({
93
+ name: props.name,
94
+ autoComplete: props.autoComplete,
95
+ value: props.value,
96
+ onChange: props.onChange,
97
+ onHeightChange: handleHeightChange,
98
+ id: props.id,
99
+ onBlur: props.onBlur,
100
+ onFocus: handleFocus,
101
+ isDisabled: props.isDisabled,
102
+ hasError: props.hasError,
103
+ hasWarning: props.hasWarning,
104
+ placeholder: props.placeholder,
105
+ isReadOnly: props.isReadOnly,
106
+ isAutofocussed: props.isAutofocussed,
107
+ isOpen: isOpen
108
+ }, utils.filterDataAttributes(props))), shouldRenderToggleButton && jsxRuntime.jsx("div", {
109
+ css: _ref,
110
+ children: jsxRuntime.jsx(FlatButton__default["default"], {
111
+ onClick: function onClick() {
112
+ return toggle();
113
+ },
114
+ isDisabled: props.isDisabled,
115
+ label: intl.formatMessage(isOpen ? inputUtils.messagesMultilineInput.collapse : inputUtils.messagesMultilineInput.expand),
116
+ icon: isOpen ? jsxRuntime.jsx(icons.AngleUpIcon, {
117
+ size: "small"
118
+ }) : jsxRuntime.jsx(icons.AngleDownIcon, {
119
+ size: "small"
120
+ })
121
+ })
122
+ })]
99
123
  })
100
- }))));
124
+ });
101
125
  };
102
126
 
103
127
  MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
104
- name: _pt__default['default'].string,
105
- autoComplete: _pt__default['default'].string,
106
- id: _pt__default['default'].string,
107
- value: _pt__default['default'].string.isRequired,
108
- onChange: _pt__default['default'].func,
109
- onBlur: _pt__default['default'].func,
110
- onFocus: _pt__default['default'].func,
111
- isAutofocussed: _pt__default['default'].bool,
112
- defaultExpandMultilineText: _pt__default['default'].bool,
113
- isDisabled: _pt__default['default'].bool,
114
- isReadOnly: _pt__default['default'].bool,
115
- placeholder: _pt__default['default'].string,
116
- hasError: _pt__default['default'].bool,
117
- hasWarning: _pt__default['default'].bool,
118
- horizontalConstraint: _pt__default['default'].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
128
+ name: _pt__default["default"].string,
129
+ autoComplete: _pt__default["default"].string,
130
+ id: _pt__default["default"].string,
131
+ value: _pt__default["default"].string.isRequired,
132
+ onChange: _pt__default["default"].func,
133
+ onBlur: _pt__default["default"].func,
134
+ onFocus: _pt__default["default"].func,
135
+ isAutofocussed: _pt__default["default"].bool,
136
+ defaultExpandMultilineText: _pt__default["default"].bool,
137
+ isDisabled: _pt__default["default"].bool,
138
+ isReadOnly: _pt__default["default"].bool,
139
+ placeholder: _pt__default["default"].string,
140
+ hasError: _pt__default["default"].bool,
141
+ hasWarning: _pt__default["default"].bool,
142
+ horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
119
143
  } : {};
120
144
  MultilineTextInput.displayName = 'MultilineTextInput'; // The minimum ammount of rows the MultilineTextInput will show.
121
145
  // When the input is closed, this is used as the maximum row count as well
@@ -124,13 +148,14 @@ MultilineTextInput.displayName = 'MultilineTextInput'; // The minimum ammount of
124
148
  MultilineTextInput.MIN_ROW_COUNT = 1;
125
149
 
126
150
  MultilineTextInput.isEmpty = function (value) {
127
- return !value || _trimInstanceProperty__default['default'](value).call(value).length === 0;
151
+ return !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
128
152
  };
129
153
 
130
154
  MultilineTextInput.defaultProps = defaultProps;
155
+ var MultilineTextInput$1 = MultilineTextInput;
131
156
 
132
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
133
- var version = '12.2.1';
157
+ // NOTE: This string will be replaced on build time with the package version.
158
+ var version = "12.2.5";
134
159
 
135
- exports.default = MultilineTextInput;
160
+ exports["default"] = MultilineTextInput$1;
136
161
  exports.version = version;
@@ -2,13 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
5
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
7
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
8
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
9
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
10
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
11
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
14
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
7
15
  require('prop-types');
8
16
  var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
9
- var React = require('react');
17
+ var react = require('react');
10
18
  var reactIntl = require('react-intl');
11
- var react = require('@emotion/react');
19
+ require('@emotion/react');
12
20
  var icons = require('@commercetools-uikit/icons');
13
21
  var FlatButton = require('@commercetools-uikit/flat-button');
14
22
  var hooks = require('@commercetools-uikit/hooks');
@@ -16,15 +24,26 @@ var utils = require('@commercetools-uikit/utils');
16
24
  var Stack = require('@commercetools-uikit/spacings-stack');
17
25
  var Constraints = require('@commercetools-uikit/constraints');
18
26
  var inputUtils = require('@commercetools-uikit/input-utils');
27
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
19
28
 
20
29
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
21
30
 
31
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
32
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
33
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
34
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
35
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
36
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
37
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
38
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
22
39
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
23
- var React__default = /*#__PURE__*/_interopDefault(React);
24
40
  var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
25
41
  var Stack__default = /*#__PURE__*/_interopDefault(Stack);
26
42
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
27
43
 
44
+ 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; }
45
+
46
+ function _objectSpread(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
28
47
  var defaultProps = {
29
48
  defaultExpandMultilineText: false
30
49
  };
@@ -37,10 +56,10 @@ var _ref = {
37
56
  var MultilineTextInput = function MultilineTextInput(props) {
38
57
  var intl = reactIntl.useIntl();
39
58
 
40
- var _React$useState = React__default['default'].useState(MultilineTextInput.MIN_ROW_COUNT),
41
- _React$useState2 = _slicedToArray(_React$useState, 2),
42
- contentRowCount = _React$useState2[0],
43
- setContentRowCount = _React$useState2[1];
59
+ var _useState = react.useState(MultilineTextInput.MIN_ROW_COUNT),
60
+ _useState2 = _slicedToArray(_useState, 2),
61
+ contentRowCount = _useState2[0],
62
+ setContentRowCount = _useState2[1];
44
63
 
45
64
  var _useToggleState = hooks.useToggleState(props.defaultExpandMultilineText),
46
65
  _useToggleState2 = _slicedToArray(_useToggleState, 2),
@@ -48,50 +67,53 @@ var MultilineTextInput = function MultilineTextInput(props) {
48
67
  toggle = _useToggleState2[1];
49
68
 
50
69
  var onFocus = props.onFocus;
51
- var handleFocus = React__default['default'].useCallback(function (event) {
70
+ var handleFocus = react.useCallback(function (event) {
52
71
  if (!isOpen) toggle(true);
53
72
  if (onFocus) onFocus(event);
54
73
  }, [isOpen, onFocus, toggle]);
55
- var handleHeightChange = React__default['default'].useCallback(function (_, rowCount) {
74
+ var handleHeightChange = react.useCallback(function (_, rowCount) {
56
75
  setContentRowCount(rowCount);
57
76
  }, [setContentRowCount]); // This checks if the content in the textarea overflows the minimum
58
77
  // amount of lines it should have when collapsed
59
78
 
60
79
  var shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
61
- return react.jsx(Constraints__default['default'].Horizontal, {
62
- max: props.horizontalConstraint
63
- }, react.jsx(Stack__default['default'], {
64
- scale: "xs"
65
- }, react.jsx(inputUtils.MultilineInput, _extends({
66
- name: props.name,
67
- autoComplete: props.autoComplete,
68
- value: props.value,
69
- onChange: props.onChange,
70
- onHeightChange: handleHeightChange,
71
- id: props.id,
72
- onBlur: props.onBlur,
73
- onFocus: handleFocus,
74
- isDisabled: props.isDisabled,
75
- hasError: props.hasError,
76
- hasWarning: props.hasWarning,
77
- placeholder: props.placeholder,
78
- isReadOnly: props.isReadOnly,
79
- isAutofocussed: props.isAutofocussed,
80
- isOpen: isOpen
81
- }, utils.filterDataAttributes(props))), shouldRenderToggleButton && react.jsx("div", {
82
- css: _ref
83
- }, react.jsx(FlatButton__default['default'], {
84
- onClick: function onClick() {
85
- return toggle();
86
- },
87
- isDisabled: props.isDisabled,
88
- label: intl.formatMessage(isOpen ? inputUtils.messagesMultilineInput.collapse : inputUtils.messagesMultilineInput.expand),
89
- icon: isOpen ? react.jsx(icons.AngleUpIcon, {
90
- size: "small"
91
- }) : react.jsx(icons.AngleDownIcon, {
92
- size: "small"
80
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
81
+ max: props.horizontalConstraint,
82
+ children: jsxRuntime.jsxs(Stack__default["default"], {
83
+ scale: "xs",
84
+ children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread({
85
+ name: props.name,
86
+ autoComplete: props.autoComplete,
87
+ value: props.value,
88
+ onChange: props.onChange,
89
+ onHeightChange: handleHeightChange,
90
+ id: props.id,
91
+ onBlur: props.onBlur,
92
+ onFocus: handleFocus,
93
+ isDisabled: props.isDisabled,
94
+ hasError: props.hasError,
95
+ hasWarning: props.hasWarning,
96
+ placeholder: props.placeholder,
97
+ isReadOnly: props.isReadOnly,
98
+ isAutofocussed: props.isAutofocussed,
99
+ isOpen: isOpen
100
+ }, utils.filterDataAttributes(props))), shouldRenderToggleButton && jsxRuntime.jsx("div", {
101
+ css: _ref,
102
+ children: jsxRuntime.jsx(FlatButton__default["default"], {
103
+ onClick: function onClick() {
104
+ return toggle();
105
+ },
106
+ isDisabled: props.isDisabled,
107
+ label: intl.formatMessage(isOpen ? inputUtils.messagesMultilineInput.collapse : inputUtils.messagesMultilineInput.expand),
108
+ icon: isOpen ? jsxRuntime.jsx(icons.AngleUpIcon, {
109
+ size: "small"
110
+ }) : jsxRuntime.jsx(icons.AngleDownIcon, {
111
+ size: "small"
112
+ })
113
+ })
114
+ })]
93
115
  })
94
- }))));
116
+ });
95
117
  };
96
118
 
97
119
  MultilineTextInput.propTypes = {};
@@ -102,13 +124,14 @@ MultilineTextInput.displayName = 'MultilineTextInput'; // The minimum ammount of
102
124
  MultilineTextInput.MIN_ROW_COUNT = 1;
103
125
 
104
126
  MultilineTextInput.isEmpty = function (value) {
105
- return !value || _trimInstanceProperty__default['default'](value).call(value).length === 0;
127
+ return !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
106
128
  };
107
129
 
108
130
  MultilineTextInput.defaultProps = defaultProps;
131
+ var MultilineTextInput$1 = MultilineTextInput;
109
132
 
110
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
111
- var version = '12.2.1';
133
+ // NOTE: This string will be replaced on build time with the package version.
134
+ var version = "12.2.5";
112
135
 
113
- exports.default = MultilineTextInput;
136
+ exports["default"] = MultilineTextInput$1;
114
137
  exports.version = version;
@@ -1,10 +1,18 @@
1
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
1
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
2
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
3
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
5
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
6
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
7
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
2
10
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
3
11
  import _pt from 'prop-types';
4
12
  import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
5
- import React from 'react';
13
+ import { useState, useCallback } from 'react';
6
14
  import { useIntl } from 'react-intl';
7
- import { jsx } from '@emotion/react';
15
+ import '@emotion/react';
8
16
  import { AngleUpIcon, AngleDownIcon } from '@commercetools-uikit/icons';
9
17
  import FlatButton from '@commercetools-uikit/flat-button';
10
18
  import { useToggleState } from '@commercetools-uikit/hooks';
@@ -12,6 +20,11 @@ import { filterDataAttributes } from '@commercetools-uikit/utils';
12
20
  import Stack from '@commercetools-uikit/spacings-stack';
13
21
  import Constraints from '@commercetools-uikit/constraints';
14
22
  import { MultilineInput, messagesMultilineInput } from '@commercetools-uikit/input-utils';
23
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
24
+
25
+ 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; }
26
+
27
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
15
28
 
16
29
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
17
30
  var defaultProps = {
@@ -24,16 +37,17 @@ var _ref = process.env.NODE_ENV === "production" ? {
24
37
  } : {
25
38
  name: "7hlegj-MultilineTextInput",
26
39
  styles: "display:flex;justify-content:flex-end;label:MultilineTextInput;",
40
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Sm9CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQW5nbGVVcEljb24sIEFuZ2xlRG93bkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFN0YWNrIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLXN0YWNrJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQge1xuICBNdWx0aWxpbmVJbnB1dCxcbiAgbWVzc2FnZXNNdWx0aWxpbmVJbnB1dCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaW5wdXQtdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgbmFtZSBvZiB0aGUgaW5wdXQgY29tcG9uZW50LiBwcm9wZXJ0eVxuICAgKi9cbiAgbmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFVzZWQgYXMgSFRNTCBgYXV0b2NvbXBsZXRlYCBwcm9wZXJ0eVxuICAgKi9cbiAgYXV0b0NvbXBsZXRlPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGlkIHByb3BlcnR5LiBBbiBpZCBpcyBhdXRvLWdlbmVyYXRlZCB3aGVuIGl0IGlzIG5vdCBzcGVjaWZpZWQuXG4gICAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqXG4gICAqIFZhbHVlIG9mIHRoZSBpbnB1dCBjb21wb25lbnQuXG4gICAqL1xuICB2YWx1ZTogc3RyaW5nO1xuICAvKipcbiAgICogQ2FsbGVkIHdpdGggYW4gZXZlbnQgY29udGFpbmluZyB0aGUgbmV3IHZhbHVlLiBSZXF1aXJlZCB3aGVuIGlucHV0IGlzIG5vdCByZWFkIG9ubHkuIFBhcmVudCBzaG91bGQgcGFzcyBpdCBiYWNrIGFzIHZhbHVlLlxuICAgKi9cbiAgb25DaGFuZ2U/OiBDaGFuZ2VFdmVudEhhbmRsZXI7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBpbnB1dCBpcyBibHVycmVkXG4gICAqL1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlcjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGZvY3VzZWRcbiAgICovXG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjtcbiAgLyoqXG4gICAqIEZvY3VzIHRoZSBpbnB1dCBvbiBpbml0aWFsIHJlbmRlclxuICAgKi9cbiAgaXNBdXRvZm9jdXNzZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogRXhwYW5kcyBtdWx0aWxpbmUgdGV4dCBpbnB1dCBpbml0aWFsbHlcbiAgICovXG4gIGRlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBjYW5ub3QgYmUgbW9kaWZpZWQgKGUuZyBub3QgYXV0aG9yaXplZCwgb3IgY2hhbmdlcyBjdXJyZW50bHkgc2F2aW5nKS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGZpZWxkIGlzIGRpc3BsYXlpbmcgcmVhZC1vbmx5IGNvbnRlbnRcbiAgICovXG4gIGlzUmVhZE9ubHk/OiBib29sZWFuO1xuICAvKipcbiAgICogUGxhY2Vob2xkZXIgdGV4dCBmb3IgdGhlIGlucHV0XG4gICAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IGlucHV0IGhhcyBlcnJvcnNcbiAgICovXG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIENvbnRyb2wgdG8gaW5kaWNhdGUgb24gdGhlIGlucHV0IGlmIHRoZXJlIGFyZSBzZWxlY3RlZCB2YWx1ZXMgdGhhdCBhcmUgcG90ZW50aWFsbHkgaW52YWxpZFxuICAgKi9cbiAgaGFzV2FybmluZz86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGhvcml6b250YWxDb25zdHJhaW50PzpcbiAgICB8IDZcbiAgICB8IDdcbiAgICB8IDhcbiAgICB8IDlcbiAgICB8IDEwXG4gICAgfCAxMVxuICAgIHwgMTJcbiAgICB8IDEzXG4gICAgfCAxNFxuICAgIHwgMTVcbiAgICB8IDE2XG4gICAgfCAnc2NhbGUnXG4gICAgfCAnYXV0byc7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcyxcbiAgJ2RlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0J1xuPiA9IHtcbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ6IGZhbHNlLFxufTtcblxuY29uc3QgTXVsdGlsaW5lVGV4dElucHV0ID0gKHByb3BzOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICBjb25zdCBbY29udGVudFJvd0NvdW50LCBzZXRDb250ZW50Um93Q291bnRdID0gdXNlU3RhdGU8bnVtYmVyPihcbiAgICBNdWx0aWxpbmVUZXh0SW5wdXQuTUlOX1JPV19DT1VOVFxuICApO1xuXG4gIGNvbnN0IFtpc09wZW4sIHRvZ2dsZV0gPSB1c2VUb2dnbGVTdGF0ZShwcm9wcy5kZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dCk7XG5cbiAgY29uc3QgeyBvbkZvY3VzIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlRm9jdXMgPSB1c2VDYWxsYmFjazxGb2N1c0V2ZW50SGFuZGxlcj4oXG4gICAgKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzT3BlbikgdG9nZ2xlKHRydWUpO1xuICAgICAgaWYgKG9uRm9jdXMpIG9uRm9jdXMoZXZlbnQpO1xuICAgIH0sXG4gICAgW2lzT3Blbiwgb25Gb2N1cywgdG9nZ2xlXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUhlaWdodENoYW5nZSA9IHVzZUNhbGxiYWNrPFxuICAgIChoZWlnaHQ6IG51bWJlciwgcm93Q291bnQ6IG51bWJlcikgPT4gdm9pZFxuICA+KFxuICAgIChfLCByb3dDb3VudCkgPT4ge1xuICAgICAgc2V0Q29udGVudFJvd0NvdW50KHJvd0NvdW50KTtcbiAgICB9LFxuICAgIFtzZXRDb250ZW50Um93Q291bnRdXG4gICk7XG5cbiAgLy8gVGhpcyBjaGVja3MgaWYgdGhlIGNvbnRlbnQgaW4gdGhlIHRleHRhcmVhIG92ZXJmbG93cyB0aGUgbWluaW11bVxuICAvLyBhbW91bnQgb2YgbGluZXMgaXQgc2hvdWxkIGhhdmUgd2hlbiBjb2xsYXBzZWRcbiAgY29uc3Qgc2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uID1cbiAgICBjb250ZW50Um93Q291bnQgPiBNdWx0aWxpbmVUZXh0SW5wdXQuTUlOX1JPV19DT1VOVDtcblxuICByZXR1cm4gKFxuICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD17cHJvcHMuaG9yaXpvbnRhbENvbnN0cmFpbnR9PlxuICAgICAgPFN0YWNrIHNjYWxlPVwieHNcIj5cbiAgICAgICAgPE11bHRpbGluZUlucHV0XG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICBhdXRvQ29tcGxldGU9e3Byb3BzLmF1dG9Db21wbGV0ZX1cbiAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWV9XG4gICAgICAgICAgb25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuICAgICAgICAgIG9uSGVpZ2h0Q2hhbmdlPXtoYW5kbGVIZWlnaHRDaGFuZ2V9XG4gICAgICAgICAgaWQ9e3Byb3BzLmlkfVxuICAgICAgICAgIG9uQmx1cj17cHJvcHMub25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e2hhbmRsZUZvY3VzfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgICAgIGhhc1dhcm5pbmc9e3Byb3BzLmhhc1dhcm5pbmd9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3Byb3BzLnBsYWNlaG9sZGVyfVxuICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgaXNBdXRvZm9jdXNzZWQ9e3Byb3BzLmlzQXV0b2ZvY3Vzc2VkfVxuICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG91bGRSZW5kZXJUb2dnbGVCdXR0b24gJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxhdEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGUoKX1cbiAgICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICBpc09wZW5cbiAgICAgICAgICAgICAgICAgID8gbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5jb2xsYXBzZVxuICAgICAgICAgICAgICAgICAgOiBtZXNzYWdlc011bHRpbGluZUlucHV0LmV4cGFuZFxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgICAgICBpc09wZW4gPyAoXG4gICAgICAgICAgICAgICAgICA8QW5nbGVVcEljb24gc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlRG93bkljb24gc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgKTtcbn07XG5cbk11bHRpbGluZVRleHRJbnB1dC5kaXNwbGF5TmFtZSA9ICdNdWx0aWxpbmVUZXh0SW5wdXQnO1xuXG4vLyBUaGUgbWluaW11bSBhbW1vdW50IG9mIHJvd3MgdGhlIE11bHRpbGluZVRleHRJbnB1dCB3aWxsIHNob3cuXG4vLyBXaGVuIHRoZSBpbnB1dCBpcyBjbG9zZWQsIHRoaXMgaXMgdXNlZCBhcyB0aGUgbWF4aW11bSByb3cgY291bnQgYXMgd2VsbFxuLy8gc28gdGhhdCB0aGUgaW5wdXQgXCJjb2xsYXBzZXNcIi5cbk11bHRpbGluZVRleHRJbnB1dC5NSU5fUk9XX0NPVU5UID0gMTtcblxuTXVsdGlsaW5lVGV4dElucHV0LmlzRW1wdHkgPSAodmFsdWU6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1sndmFsdWUnXSkgPT5cbiAgIXZhbHVlIHx8IHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XG5NdWx0aWxpbmVUZXh0SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNdWx0aWxpbmVUZXh0SW5wdXQ7XG4iXX0= */",
27
41
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
28
42
  };
29
43
 
30
44
  var MultilineTextInput = function MultilineTextInput(props) {
31
45
  var intl = useIntl();
32
46
 
33
- var _React$useState = React.useState(MultilineTextInput.MIN_ROW_COUNT),
34
- _React$useState2 = _slicedToArray(_React$useState, 2),
35
- contentRowCount = _React$useState2[0],
36
- setContentRowCount = _React$useState2[1];
47
+ var _useState = useState(MultilineTextInput.MIN_ROW_COUNT),
48
+ _useState2 = _slicedToArray(_useState, 2),
49
+ contentRowCount = _useState2[0],
50
+ setContentRowCount = _useState2[1];
37
51
 
38
52
  var _useToggleState = useToggleState(props.defaultExpandMultilineText),
39
53
  _useToggleState2 = _slicedToArray(_useToggleState, 2),
@@ -41,50 +55,53 @@ var MultilineTextInput = function MultilineTextInput(props) {
41
55
  toggle = _useToggleState2[1];
42
56
 
43
57
  var onFocus = props.onFocus;
44
- var handleFocus = React.useCallback(function (event) {
58
+ var handleFocus = useCallback(function (event) {
45
59
  if (!isOpen) toggle(true);
46
60
  if (onFocus) onFocus(event);
47
61
  }, [isOpen, onFocus, toggle]);
48
- var handleHeightChange = React.useCallback(function (_, rowCount) {
62
+ var handleHeightChange = useCallback(function (_, rowCount) {
49
63
  setContentRowCount(rowCount);
50
64
  }, [setContentRowCount]); // This checks if the content in the textarea overflows the minimum
51
65
  // amount of lines it should have when collapsed
52
66
 
53
67
  var shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
54
68
  return jsx(Constraints.Horizontal, {
55
- max: props.horizontalConstraint
56
- }, jsx(Stack, {
57
- scale: "xs"
58
- }, jsx(MultilineInput, _extends({
59
- name: props.name,
60
- autoComplete: props.autoComplete,
61
- value: props.value,
62
- onChange: props.onChange,
63
- onHeightChange: handleHeightChange,
64
- id: props.id,
65
- onBlur: props.onBlur,
66
- onFocus: handleFocus,
67
- isDisabled: props.isDisabled,
68
- hasError: props.hasError,
69
- hasWarning: props.hasWarning,
70
- placeholder: props.placeholder,
71
- isReadOnly: props.isReadOnly,
72
- isAutofocussed: props.isAutofocussed,
73
- isOpen: isOpen
74
- }, filterDataAttributes(props))), shouldRenderToggleButton && jsx("div", {
75
- css: _ref
76
- }, jsx(FlatButton, {
77
- onClick: function onClick() {
78
- return toggle();
79
- },
80
- isDisabled: props.isDisabled,
81
- label: intl.formatMessage(isOpen ? messagesMultilineInput.collapse : messagesMultilineInput.expand),
82
- icon: isOpen ? jsx(AngleUpIcon, {
83
- size: "small"
84
- }) : jsx(AngleDownIcon, {
85
- size: "small"
69
+ max: props.horizontalConstraint,
70
+ children: jsxs(Stack, {
71
+ scale: "xs",
72
+ children: [jsx(MultilineInput, _objectSpread({
73
+ name: props.name,
74
+ autoComplete: props.autoComplete,
75
+ value: props.value,
76
+ onChange: props.onChange,
77
+ onHeightChange: handleHeightChange,
78
+ id: props.id,
79
+ onBlur: props.onBlur,
80
+ onFocus: handleFocus,
81
+ isDisabled: props.isDisabled,
82
+ hasError: props.hasError,
83
+ hasWarning: props.hasWarning,
84
+ placeholder: props.placeholder,
85
+ isReadOnly: props.isReadOnly,
86
+ isAutofocussed: props.isAutofocussed,
87
+ isOpen: isOpen
88
+ }, filterDataAttributes(props))), shouldRenderToggleButton && jsx("div", {
89
+ css: _ref,
90
+ children: jsx(FlatButton, {
91
+ onClick: function onClick() {
92
+ return toggle();
93
+ },
94
+ isDisabled: props.isDisabled,
95
+ label: intl.formatMessage(isOpen ? messagesMultilineInput.collapse : messagesMultilineInput.expand),
96
+ icon: isOpen ? jsx(AngleUpIcon, {
97
+ size: "small"
98
+ }) : jsx(AngleDownIcon, {
99
+ size: "small"
100
+ })
101
+ })
102
+ })]
86
103
  })
87
- }))));
104
+ });
88
105
  };
89
106
 
90
107
  MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -115,9 +132,9 @@ MultilineTextInput.isEmpty = function (value) {
115
132
  };
116
133
 
117
134
  MultilineTextInput.defaultProps = defaultProps;
135
+ var MultilineTextInput$1 = MultilineTextInput;
118
136
 
119
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
120
- var version = '12.2.1';
137
+ // NOTE: This string will be replaced on build time with the package version.
138
+ var version = "12.2.5";
121
139
 
122
- export default MultilineTextInput;
123
- export { version };
140
+ export { MultilineTextInput$1 as default, version };
@@ -0,0 +1,2 @@
1
+ import type { TMultilineTextInputProps as MultilineTextInputProps } from './multiline-text-input';
2
+ export declare type TMultilineTextInputProps = MultilineTextInputProps;
@@ -1,4 +1,3 @@
1
- import type { TMultilineTextInputProps as MultilineTextInputProps } from './multiline-text-input';
2
- export { default } from './multiline-text-input';
3
- export { default as version } from './version';
4
- export declare type TMultilineTextInputProps = MultilineTextInputProps;
1
+ export { default } from './multiline-text-input';
2
+ export { default as version } from './version';
3
+ export * from './export-types';
@@ -1,26 +1,26 @@
1
- import { ChangeEventHandler, FocusEventHandler } from 'react';
2
- export declare type TMultilineTextInputProps = {
3
- name?: string;
4
- autoComplete?: string;
5
- id?: string;
6
- value: string;
7
- onChange?: ChangeEventHandler;
8
- onBlur?: FocusEventHandler;
9
- onFocus?: FocusEventHandler;
10
- isAutofocussed?: boolean;
11
- defaultExpandMultilineText?: boolean;
12
- isDisabled?: boolean;
13
- isReadOnly?: boolean;
14
- placeholder?: string;
15
- hasError?: boolean;
16
- hasWarning?: boolean;
17
- horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
18
- };
19
- declare const MultilineTextInput: {
20
- (props: TMultilineTextInputProps): JSX.Element;
21
- displayName: string;
22
- MIN_ROW_COUNT: number;
23
- isEmpty(value: TMultilineTextInputProps['value']): boolean;
24
- defaultProps: Pick<TMultilineTextInputProps, "defaultExpandMultilineText">;
25
- };
26
- export default MultilineTextInput;
1
+ import { ChangeEventHandler, FocusEventHandler } from 'react';
2
+ export declare type TMultilineTextInputProps = {
3
+ name?: string;
4
+ autoComplete?: string;
5
+ id?: string;
6
+ value: string;
7
+ onChange?: ChangeEventHandler;
8
+ onBlur?: FocusEventHandler;
9
+ onFocus?: FocusEventHandler;
10
+ isAutofocussed?: boolean;
11
+ defaultExpandMultilineText?: boolean;
12
+ isDisabled?: boolean;
13
+ isReadOnly?: boolean;
14
+ placeholder?: string;
15
+ hasError?: boolean;
16
+ hasWarning?: boolean;
17
+ horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
18
+ };
19
+ declare const MultilineTextInput: {
20
+ (props: TMultilineTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
21
+ displayName: string;
22
+ MIN_ROW_COUNT: number;
23
+ isEmpty(value: TMultilineTextInputProps['value']): boolean;
24
+ defaultProps: Pick<TMultilineTextInputProps, "defaultExpandMultilineText">;
25
+ };
26
+ export default MultilineTextInput;
@@ -1,2 +1,2 @@
1
- declare const _default: "12.2.1";
2
- export default _default;
1
+ declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
2
+ export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/multiline-text-input",
3
3
  "description": "A controlled text input component for multi-line strings with validation states.",
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,42 +9,45 @@
9
9
  "directory": "packages/components/inputs/multiline-text-input"
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-multiline-text-input.cjs.js",
20
24
  "module": "dist/commercetools-uikit-multiline-text-input.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/flat-button": "12.2.0",
31
- "@commercetools-uikit/hooks": "12.2.0",
32
- "@commercetools-uikit/icons": "12.2.1",
33
- "@commercetools-uikit/input-utils": "12.2.1",
34
- "@commercetools-uikit/spacings-inline": "12.2.0",
35
- "@commercetools-uikit/spacings-stack": "12.2.0",
36
- "@commercetools-uikit/tooltip": "12.2.0",
37
- "@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/flat-button": "12.2.5",
34
+ "@commercetools-uikit/hooks": "12.2.5",
35
+ "@commercetools-uikit/icons": "12.2.5",
36
+ "@commercetools-uikit/input-utils": "12.2.5",
37
+ "@commercetools-uikit/spacings-inline": "12.2.5",
38
+ "@commercetools-uikit/spacings-stack": "12.2.5",
39
+ "@commercetools-uikit/tooltip": "12.2.5",
40
+ "@commercetools-uikit/utils": "12.2.5",
38
41
  "@emotion/react": "^11.4.0",
39
42
  "@emotion/styled": "^11.3.0",
40
- "downshift": "6.1.3",
43
+ "downshift": "6.1.7",
41
44
  "prop-types": "15.7.2",
42
45
  "react-required-if": "1.0.3",
43
46
  "react-textarea-autosize": "8.3.3"
44
47
  },
45
48
  "devDependencies": {
46
49
  "react": "17.0.2",
47
- "react-intl": "5.20.4"
50
+ "react-intl": "5.21.2"
48
51
  },
49
52
  "peerDependencies": {
50
53
  "react": "17.x",