@commercetools-uikit/multiline-text-input 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.
- package/README.md +0 -1
- package/dist/commercetools-uikit-multiline-text-input.cjs.dev.js +86 -62
- package/dist/commercetools-uikit-multiline-text-input.cjs.prod.js +69 -47
- package/dist/commercetools-uikit-multiline-text-input.esm.js +60 -43
- package/dist/declarations/src/export-types.d.ts +2 -2
- package/dist/declarations/src/index.d.ts +3 -3
- package/dist/declarations/src/multiline-text-input.d.ts +26 -26
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +15 -19
package/README.md
CHANGED
|
@@ -2,13 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
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
|
|
17
|
+
var react = require('react');
|
|
10
18
|
var reactIntl = require('react-intl');
|
|
11
|
-
|
|
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
|
|
47
|
-
|
|
48
|
-
contentRowCount =
|
|
49
|
-
setContentRowCount =
|
|
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 =
|
|
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 =
|
|
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
|
|
68
|
-
max: props.horizontalConstraint
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
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[
|
|
105
|
-
autoComplete: _pt__default[
|
|
106
|
-
id: _pt__default[
|
|
107
|
-
value: _pt__default[
|
|
108
|
-
onChange: _pt__default[
|
|
109
|
-
onBlur: _pt__default[
|
|
110
|
-
onFocus: _pt__default[
|
|
111
|
-
isAutofocussed: _pt__default[
|
|
112
|
-
defaultExpandMultilineText: _pt__default[
|
|
113
|
-
isDisabled: _pt__default[
|
|
114
|
-
isReadOnly: _pt__default[
|
|
115
|
-
placeholder: _pt__default[
|
|
116
|
-
hasError: _pt__default[
|
|
117
|
-
hasWarning: _pt__default[
|
|
118
|
-
horizontalConstraint: _pt__default[
|
|
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,14 +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[
|
|
151
|
+
return !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
128
152
|
};
|
|
129
153
|
|
|
130
154
|
MultilineTextInput.defaultProps = defaultProps;
|
|
131
155
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
132
156
|
|
|
133
|
-
// NOTE: This string will be replaced
|
|
134
|
-
var version =
|
|
157
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
158
|
+
var version = "12.2.6";
|
|
135
159
|
|
|
136
|
-
exports[
|
|
160
|
+
exports["default"] = MultilineTextInput$1;
|
|
137
161
|
exports.version = version;
|
|
@@ -2,13 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
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
|
|
17
|
+
var react = require('react');
|
|
10
18
|
var reactIntl = require('react-intl');
|
|
11
|
-
|
|
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
|
|
41
|
-
|
|
42
|
-
contentRowCount =
|
|
43
|
-
setContentRowCount =
|
|
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 =
|
|
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 =
|
|
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
|
|
62
|
-
max: props.horizontalConstraint
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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,14 +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[
|
|
127
|
+
return !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
106
128
|
};
|
|
107
129
|
|
|
108
130
|
MultilineTextInput.defaultProps = defaultProps;
|
|
109
131
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
110
132
|
|
|
111
|
-
// NOTE: This string will be replaced
|
|
112
|
-
var version =
|
|
133
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
134
|
+
var version = "12.2.6";
|
|
113
135
|
|
|
114
|
-
exports[
|
|
136
|
+
exports["default"] = MultilineTextInput$1;
|
|
115
137
|
exports.version = version;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
import
|
|
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
|
|
13
|
+
import { useState, useCallback } from 'react';
|
|
6
14
|
import { useIntl } from 'react-intl';
|
|
7
|
-
import
|
|
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
|
|
34
|
-
|
|
35
|
-
contentRowCount =
|
|
36
|
-
setContentRowCount =
|
|
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 =
|
|
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 =
|
|
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
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
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" ? {
|
|
@@ -117,7 +134,7 @@ MultilineTextInput.isEmpty = function (value) {
|
|
|
117
134
|
MultilineTextInput.defaultProps = defaultProps;
|
|
118
135
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
119
136
|
|
|
120
|
-
// NOTE: This string will be replaced
|
|
121
|
-
var version =
|
|
137
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
138
|
+
var version = "12.2.6";
|
|
122
139
|
|
|
123
140
|
export { MultilineTextInput$1 as default, version };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { TMultilineTextInputProps as MultilineTextInputProps } from './multiline-text-input';
|
|
2
|
-
export declare type TMultilineTextInputProps = MultilineTextInputProps;
|
|
1
|
+
import type { TMultilineTextInputProps as MultilineTextInputProps } from './multiline-text-input';
|
|
2
|
+
export declare type TMultilineTextInputProps = MultilineTextInputProps;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default } from './multiline-text-input';
|
|
2
|
-
export { default as version } from './version';
|
|
3
|
-
export * from './export-types';
|
|
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: "
|
|
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.
|
|
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,32 +18,29 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-multiline-text-input.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-multiline-text-input.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/constraints": "12.2.
|
|
29
|
-
"@commercetools-uikit/design-system": "12.2.
|
|
30
|
-
"@commercetools-uikit/flat-button": "12.2.
|
|
31
|
-
"@commercetools-uikit/hooks": "12.2.
|
|
32
|
-
"@commercetools-uikit/icons": "12.2.
|
|
33
|
-
"@commercetools-uikit/input-utils": "12.2.
|
|
34
|
-
"@commercetools-uikit/spacings-inline": "12.2.
|
|
35
|
-
"@commercetools-uikit/spacings-stack": "12.2.
|
|
36
|
-
"@commercetools-uikit/tooltip": "12.2.
|
|
37
|
-
"@commercetools-uikit/utils": "12.2.
|
|
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/flat-button": "12.2.5",
|
|
27
|
+
"@commercetools-uikit/hooks": "12.2.5",
|
|
28
|
+
"@commercetools-uikit/icons": "12.2.6",
|
|
29
|
+
"@commercetools-uikit/input-utils": "12.2.6",
|
|
30
|
+
"@commercetools-uikit/spacings-inline": "12.2.5",
|
|
31
|
+
"@commercetools-uikit/spacings-stack": "12.2.5",
|
|
32
|
+
"@commercetools-uikit/tooltip": "12.2.5",
|
|
33
|
+
"@commercetools-uikit/utils": "12.2.5",
|
|
38
34
|
"@emotion/react": "^11.4.0",
|
|
39
35
|
"@emotion/styled": "^11.3.0",
|
|
40
|
-
"downshift": "6.1.
|
|
36
|
+
"downshift": "6.1.7",
|
|
41
37
|
"prop-types": "15.7.2",
|
|
42
38
|
"react-required-if": "1.0.3",
|
|
43
39
|
"react-textarea-autosize": "8.3.3"
|
|
44
40
|
},
|
|
45
41
|
"devDependencies": {
|
|
46
42
|
"react": "17.0.2",
|
|
47
|
-
"react-intl": "5.
|
|
43
|
+
"react-intl": "5.21.2"
|
|
48
44
|
},
|
|
49
45
|
"peerDependencies": {
|
|
50
46
|
"react": "17.x",
|