@commercetools-uikit/multiline-text-input 16.0.0 → 16.1.0
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.
|
@@ -43,14 +43,11 @@ var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
|
43
43
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
44
44
|
|
|
45
45
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
46
|
-
|
|
47
46
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
48
|
-
|
|
49
47
|
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)."; }
|
|
50
48
|
const defaultProps = {
|
|
51
49
|
defaultExpandMultilineText: false
|
|
52
50
|
};
|
|
53
|
-
|
|
54
51
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
55
52
|
name: "skgbeu",
|
|
56
53
|
styles: "display:flex;justify-content:flex-end"
|
|
@@ -60,20 +57,16 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
60
57
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3S29CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEFuZ2xlVXBJY29uLCBBbmdsZURvd25JY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IEZsYXRCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmxhdC1idXR0b24nO1xuaW1wb3J0IHsgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHtcbiAgTXVsdGlsaW5lSW5wdXQsXG4gIG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcblxuZXhwb3J0IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC4gcHJvcGVydHlcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZSBpZiB0aGUgdmFsdWUgZW50ZXJlZCBpbiB0aGUgaW5wdXQgaXMgaW52YWxpZC5cbiAgICovXG4gICdhcmlhLWludmFsaWQnPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhUTUwgSUQgb2YgYW4gZWxlbWVudCBjb250YWluaW5nIGFuIGVycm9yIG1lc3NhZ2UgcmVsYXRlZCB0byB0aGUgaW5wdXQuXG4gICAqL1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgaWQgcHJvcGVydHkuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC5cbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2l0aCBhbiBldmVudCBjb250YWluaW5nIHRoZSBuZXcgdmFsdWUuIFJlcXVpcmVkIHdoZW4gaW5wdXQgaXMgbm90IHJlYWQgb25seS4gUGFyZW50IHNob3VsZCBwYXNzIGl0IGJhY2sgYXMgdmFsdWUuXG4gICAqL1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGJsdXJyZWRcbiAgICovXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9jdXMgdGhlIGlucHV0IG9uIGluaXRpYWwgcmVuZGVyXG4gICAqL1xuICBpc0F1dG9mb2N1c3NlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBFeHBhbmRzIG11bHRpbGluZSB0ZXh0IGlucHV0IGluaXRpYWxseVxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGNhbm5vdCBiZSBtb2RpZmllZCAoZS5nIG5vdCBhdXRob3JpemVkLCBvciBjaGFuZ2VzIGN1cnJlbnRseSBzYXZpbmcpLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZmllbGQgaXMgZGlzcGxheWluZyByZWFkLW9ubHkgY29udGVudFxuICAgKi9cbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGZvciB0aGUgaW5wdXRcbiAgICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgaW5wdXQgaGFzIGVycm9yc1xuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbCB0byBpbmRpY2F0ZSBvbiB0aGUgaW5wdXQgaWYgdGhlcmUgYXJlIHNlbGVjdGVkIHZhbHVlcyB0aGF0IGFyZSBwb3RlbnRpYWxseSBpbnZhbGlkXG4gICAqL1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgaW5wdXQgZmllbGRzLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVE11bHRpbGluZVRleHRJbnB1dFByb3BzLFxuICAnZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQnXG4+ID0ge1xuICBkZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dDogZmFsc2UsXG59O1xuXG5jb25zdCBNdWx0aWxpbmVUZXh0SW5wdXQgPSAocHJvcHM6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gIGNvbnN0IFtjb250ZW50Um93Q291bnQsIHNldENvbnRlbnRSb3dDb3VudF0gPSB1c2VTdGF0ZTxudW1iZXI+KFxuICAgIE11bHRpbGluZVRleHRJbnB1dC5NSU5fUk9XX0NPVU5UXG4gICk7XG5cbiAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlXSA9IHVzZVRvZ2dsZVN0YXRlKHByb3BzLmRlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0KTtcblxuICBjb25zdCB7IG9uRm9jdXMgfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVGb2N1cyA9IHVzZUNhbGxiYWNrPEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+PihcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB0b2dnbGUodHJ1ZSk7XG4gICAgICBpZiAob25Gb2N1cykgb25Gb2N1cyhldmVudCk7XG4gICAgfSxcbiAgICBbaXNPcGVuLCBvbkZvY3VzLCB0b2dnbGVdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlSGVpZ2h0Q2hhbmdlID0gdXNlQ2FsbGJhY2s8XG4gICAgKGhlaWdodDogbnVtYmVyLCByb3dDb3VudDogbnVtYmVyKSA9PiB2b2lkXG4gID4oXG4gICAgKF8sIHJvd0NvdW50KSA9PiB7XG4gICAgICBzZXRDb250ZW50Um93Q291bnQocm93Q291bnQpO1xuICAgIH0sXG4gICAgW3NldENvbnRlbnRSb3dDb3VudF1cbiAgKTtcblxuICAvLyBUaGlzIGNoZWNrcyBpZiB0aGUgY29udGVudCBpbiB0aGUgdGV4dGFyZWEgb3ZlcmZsb3dzIHRoZSBtaW5pbXVtXG4gIC8vIGFtb3VudCBvZiBsaW5lcyBpdCBzaG91bGQgaGF2ZSB3aGVuIGNvbGxhcHNlZFxuICBjb25zdCBzaG91bGRSZW5kZXJUb2dnbGVCdXR0b24gPVxuICAgIGNvbnRlbnRSb3dDb3VudCA+IE11bHRpbGluZVRleHRJbnB1dC5NSU5fUk9XX0NPVU5UO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8TXVsdGlsaW5lSW5wdXRcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17cHJvcHMuYXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHZhbHVlPXtwcm9wcy52YWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgICAgICAgb25IZWlnaHRDaGFuZ2U9e2hhbmRsZUhlaWdodENoYW5nZX1cbiAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgb25CbHVyPXtwcm9wcy5vbkJsdXJ9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICBoYXNFcnJvcj17cHJvcHMuaGFzRXJyb3J9XG4gICAgICAgICAgaGFzV2FybmluZz17cHJvcHMuaGFzV2FybmluZ31cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cHJvcHMucGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaXNSZWFkT25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgICBpc0F1dG9mb2N1c3NlZD17cHJvcHMuaXNBdXRvZm9jdXNzZWR9XG4gICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgICAgICAvKiBBUklBICovXG4gICAgICAgICAgYXJpYS1pbnZhbGlkPXtwcm9wc1snYXJpYS1pbnZhbGlkJ119XG4gICAgICAgICAgYXJpYS1lcnJvcm1lc3NhZ2U9e3Byb3BzWydhcmlhLWVycm9ybWVzc2FnZSddfVxuICAgICAgICAvPlxuICAgICAgICB7c2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uICYmIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlKCl9XG4gICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgaXNPcGVuXG4gICAgICAgICAgICAgICAgICA/IG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQuY29sbGFwc2VcbiAgICAgICAgICAgICAgICAgIDogbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5leHBhbmRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgICAgaXNPcGVuID8gKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlVXBJY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxBbmdsZURvd25JY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5NdWx0aWxpbmVUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTXVsdGlsaW5lVGV4dElucHV0JztcblxuLy8gVGhlIG1pbmltdW0gYW1tb3VudCBvZiByb3dzIHRoZSBNdWx0aWxpbmVUZXh0SW5wdXQgd2lsbCBzaG93LlxuLy8gV2hlbiB0aGUgaW5wdXQgaXMgY2xvc2VkLCB0aGlzIGlzIHVzZWQgYXMgdGhlIG1heGltdW0gcm93IGNvdW50IGFzIHdlbGxcbi8vIHNvIHRoYXQgdGhlIGlucHV0IFwiY29sbGFwc2VzXCIuXG5NdWx0aWxpbmVUZXh0SW5wdXQuTUlOX1JPV19DT1VOVCA9IDE7XG5cbk11bHRpbGluZVRleHRJbnB1dC5pc0VtcHR5ID0gKHZhbHVlOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHNbJ3ZhbHVlJ10pID0+XG4gICF2YWx1ZSB8fCB2YWx1ZS50cmltKCkubGVuZ3RoID09PSAwO1xuTXVsdGlsaW5lVGV4dElucHV0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgTXVsdGlsaW5lVGV4dElucHV0O1xuIl19 */",
|
|
61
58
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
62
59
|
};
|
|
63
|
-
|
|
64
60
|
const MultilineTextInput = props => {
|
|
65
61
|
const intl = reactIntl.useIntl();
|
|
66
|
-
|
|
67
62
|
const _useState = react.useState(MultilineTextInput.MIN_ROW_COUNT),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
63
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
64
|
+
contentRowCount = _useState2[0],
|
|
65
|
+
setContentRowCount = _useState2[1];
|
|
72
66
|
const _useToggleState = hooks.useToggleState(props.defaultExpandMultilineText),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
67
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
68
|
+
isOpen = _useToggleState2[0],
|
|
69
|
+
toggle = _useToggleState2[1];
|
|
77
70
|
const onFocus = props.onFocus;
|
|
78
71
|
const handleFocus = react.useCallback(event => {
|
|
79
72
|
if (!isOpen) toggle(true);
|
|
@@ -81,9 +74,10 @@ const MultilineTextInput = props => {
|
|
|
81
74
|
}, [isOpen, onFocus, toggle]);
|
|
82
75
|
const handleHeightChange = react.useCallback((_, rowCount) => {
|
|
83
76
|
setContentRowCount(rowCount);
|
|
84
|
-
}, [setContentRowCount]);
|
|
85
|
-
// amount of lines it should have when collapsed
|
|
77
|
+
}, [setContentRowCount]);
|
|
86
78
|
|
|
79
|
+
// This checks if the content in the textarea overflows the minimum
|
|
80
|
+
// amount of lines it should have when collapsed
|
|
87
81
|
const shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
|
|
88
82
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
89
83
|
max: props.horizontalConstraint,
|
|
@@ -125,7 +119,6 @@ const MultilineTextInput = props => {
|
|
|
125
119
|
})
|
|
126
120
|
});
|
|
127
121
|
};
|
|
128
|
-
|
|
129
122
|
MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
130
123
|
name: _pt__default["default"].string,
|
|
131
124
|
'aria-invalid': _pt__default["default"].bool,
|
|
@@ -145,19 +138,18 @@ MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
145
138
|
hasWarning: _pt__default["default"].bool,
|
|
146
139
|
horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
|
|
147
140
|
} : {};
|
|
148
|
-
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
141
|
+
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
142
|
+
|
|
143
|
+
// The minimum ammount of rows the MultilineTextInput will show.
|
|
149
144
|
// When the input is closed, this is used as the maximum row count as well
|
|
150
145
|
// so that the input "collapses".
|
|
151
|
-
|
|
152
146
|
MultilineTextInput.MIN_ROW_COUNT = 1;
|
|
153
|
-
|
|
154
147
|
MultilineTextInput.isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
155
|
-
|
|
156
148
|
MultilineTextInput.defaultProps = defaultProps;
|
|
157
149
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
158
150
|
|
|
159
151
|
// NOTE: This string will be replaced on build time with the package version.
|
|
160
|
-
var version = "16.
|
|
152
|
+
var version = "16.1.0";
|
|
161
153
|
|
|
162
154
|
exports["default"] = MultilineTextInput$1;
|
|
163
155
|
exports.version = version;
|
|
@@ -42,30 +42,24 @@ var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
|
42
42
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
43
43
|
|
|
44
44
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
45
|
-
|
|
46
45
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
47
46
|
const defaultProps = {
|
|
48
47
|
defaultExpandMultilineText: false
|
|
49
48
|
};
|
|
50
|
-
|
|
51
49
|
var _ref = {
|
|
52
50
|
name: "skgbeu",
|
|
53
51
|
styles: "display:flex;justify-content:flex-end"
|
|
54
52
|
} ;
|
|
55
|
-
|
|
56
53
|
const MultilineTextInput = props => {
|
|
57
54
|
const intl = reactIntl.useIntl();
|
|
58
|
-
|
|
59
55
|
const _useState = react.useState(MultilineTextInput.MIN_ROW_COUNT),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
56
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
57
|
+
contentRowCount = _useState2[0],
|
|
58
|
+
setContentRowCount = _useState2[1];
|
|
64
59
|
const _useToggleState = hooks.useToggleState(props.defaultExpandMultilineText),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
60
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
61
|
+
isOpen = _useToggleState2[0],
|
|
62
|
+
toggle = _useToggleState2[1];
|
|
69
63
|
const onFocus = props.onFocus;
|
|
70
64
|
const handleFocus = react.useCallback(event => {
|
|
71
65
|
if (!isOpen) toggle(true);
|
|
@@ -73,9 +67,10 @@ const MultilineTextInput = props => {
|
|
|
73
67
|
}, [isOpen, onFocus, toggle]);
|
|
74
68
|
const handleHeightChange = react.useCallback((_, rowCount) => {
|
|
75
69
|
setContentRowCount(rowCount);
|
|
76
|
-
}, [setContentRowCount]);
|
|
77
|
-
// amount of lines it should have when collapsed
|
|
70
|
+
}, [setContentRowCount]);
|
|
78
71
|
|
|
72
|
+
// This checks if the content in the textarea overflows the minimum
|
|
73
|
+
// amount of lines it should have when collapsed
|
|
79
74
|
const shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
|
|
80
75
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
81
76
|
max: props.horizontalConstraint,
|
|
@@ -117,21 +112,19 @@ const MultilineTextInput = props => {
|
|
|
117
112
|
})
|
|
118
113
|
});
|
|
119
114
|
};
|
|
120
|
-
|
|
121
115
|
MultilineTextInput.propTypes = {};
|
|
122
|
-
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
116
|
+
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
117
|
+
|
|
118
|
+
// The minimum ammount of rows the MultilineTextInput will show.
|
|
123
119
|
// When the input is closed, this is used as the maximum row count as well
|
|
124
120
|
// so that the input "collapses".
|
|
125
|
-
|
|
126
121
|
MultilineTextInput.MIN_ROW_COUNT = 1;
|
|
127
|
-
|
|
128
122
|
MultilineTextInput.isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
129
|
-
|
|
130
123
|
MultilineTextInput.defaultProps = defaultProps;
|
|
131
124
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
132
125
|
|
|
133
126
|
// NOTE: This string will be replaced on build time with the package version.
|
|
134
|
-
var version = "16.
|
|
127
|
+
var version = "16.1.0";
|
|
135
128
|
|
|
136
129
|
exports["default"] = MultilineTextInput$1;
|
|
137
130
|
exports.version = version;
|
|
@@ -23,14 +23,11 @@ import { MultilineInput, messagesMultilineInput } from '@commercetools-uikit/inp
|
|
|
23
23
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
24
24
|
|
|
25
25
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
|
-
|
|
27
26
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
|
-
|
|
29
27
|
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
28
|
const defaultProps = {
|
|
31
29
|
defaultExpandMultilineText: false
|
|
32
30
|
};
|
|
33
|
-
|
|
34
31
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
35
32
|
name: "skgbeu",
|
|
36
33
|
styles: "display:flex;justify-content:flex-end"
|
|
@@ -40,20 +37,16 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
40
37
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3S29CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEFuZ2xlVXBJY29uLCBBbmdsZURvd25JY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IEZsYXRCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmxhdC1idXR0b24nO1xuaW1wb3J0IHsgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHtcbiAgTXVsdGlsaW5lSW5wdXQsXG4gIG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcblxuZXhwb3J0IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC4gcHJvcGVydHlcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZSBpZiB0aGUgdmFsdWUgZW50ZXJlZCBpbiB0aGUgaW5wdXQgaXMgaW52YWxpZC5cbiAgICovXG4gICdhcmlhLWludmFsaWQnPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhUTUwgSUQgb2YgYW4gZWxlbWVudCBjb250YWluaW5nIGFuIGVycm9yIG1lc3NhZ2UgcmVsYXRlZCB0byB0aGUgaW5wdXQuXG4gICAqL1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgaWQgcHJvcGVydHkuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC5cbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2l0aCBhbiBldmVudCBjb250YWluaW5nIHRoZSBuZXcgdmFsdWUuIFJlcXVpcmVkIHdoZW4gaW5wdXQgaXMgbm90IHJlYWQgb25seS4gUGFyZW50IHNob3VsZCBwYXNzIGl0IGJhY2sgYXMgdmFsdWUuXG4gICAqL1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGJsdXJyZWRcbiAgICovXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9jdXMgdGhlIGlucHV0IG9uIGluaXRpYWwgcmVuZGVyXG4gICAqL1xuICBpc0F1dG9mb2N1c3NlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBFeHBhbmRzIG11bHRpbGluZSB0ZXh0IGlucHV0IGluaXRpYWxseVxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGNhbm5vdCBiZSBtb2RpZmllZCAoZS5nIG5vdCBhdXRob3JpemVkLCBvciBjaGFuZ2VzIGN1cnJlbnRseSBzYXZpbmcpLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZmllbGQgaXMgZGlzcGxheWluZyByZWFkLW9ubHkgY29udGVudFxuICAgKi9cbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGZvciB0aGUgaW5wdXRcbiAgICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgaW5wdXQgaGFzIGVycm9yc1xuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbCB0byBpbmRpY2F0ZSBvbiB0aGUgaW5wdXQgaWYgdGhlcmUgYXJlIHNlbGVjdGVkIHZhbHVlcyB0aGF0IGFyZSBwb3RlbnRpYWxseSBpbnZhbGlkXG4gICAqL1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgaW5wdXQgZmllbGRzLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVE11bHRpbGluZVRleHRJbnB1dFByb3BzLFxuICAnZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQnXG4+ID0ge1xuICBkZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dDogZmFsc2UsXG59O1xuXG5jb25zdCBNdWx0aWxpbmVUZXh0SW5wdXQgPSAocHJvcHM6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gIGNvbnN0IFtjb250ZW50Um93Q291bnQsIHNldENvbnRlbnRSb3dDb3VudF0gPSB1c2VTdGF0ZTxudW1iZXI+KFxuICAgIE11bHRpbGluZVRleHRJbnB1dC5NSU5fUk9XX0NPVU5UXG4gICk7XG5cbiAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlXSA9IHVzZVRvZ2dsZVN0YXRlKHByb3BzLmRlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0KTtcblxuICBjb25zdCB7IG9uRm9jdXMgfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVGb2N1cyA9IHVzZUNhbGxiYWNrPEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+PihcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB0b2dnbGUodHJ1ZSk7XG4gICAgICBpZiAob25Gb2N1cykgb25Gb2N1cyhldmVudCk7XG4gICAgfSxcbiAgICBbaXNPcGVuLCBvbkZvY3VzLCB0b2dnbGVdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlSGVpZ2h0Q2hhbmdlID0gdXNlQ2FsbGJhY2s8XG4gICAgKGhlaWdodDogbnVtYmVyLCByb3dDb3VudDogbnVtYmVyKSA9PiB2b2lkXG4gID4oXG4gICAgKF8sIHJvd0NvdW50KSA9PiB7XG4gICAgICBzZXRDb250ZW50Um93Q291bnQocm93Q291bnQpO1xuICAgIH0sXG4gICAgW3NldENvbnRlbnRSb3dDb3VudF1cbiAgKTtcblxuICAvLyBUaGlzIGNoZWNrcyBpZiB0aGUgY29udGVudCBpbiB0aGUgdGV4dGFyZWEgb3ZlcmZsb3dzIHRoZSBtaW5pbXVtXG4gIC8vIGFtb3VudCBvZiBsaW5lcyBpdCBzaG91bGQgaGF2ZSB3aGVuIGNvbGxhcHNlZFxuICBjb25zdCBzaG91bGRSZW5kZXJUb2dnbGVCdXR0b24gPVxuICAgIGNvbnRlbnRSb3dDb3VudCA+IE11bHRpbGluZVRleHRJbnB1dC5NSU5fUk9XX0NPVU5UO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8TXVsdGlsaW5lSW5wdXRcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17cHJvcHMuYXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHZhbHVlPXtwcm9wcy52YWx1ZX1cbiAgICAgICAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgICAgICAgb25IZWlnaHRDaGFuZ2U9e2hhbmRsZUhlaWdodENoYW5nZX1cbiAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgb25CbHVyPXtwcm9wcy5vbkJsdXJ9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICBoYXNFcnJvcj17cHJvcHMuaGFzRXJyb3J9XG4gICAgICAgICAgaGFzV2FybmluZz17cHJvcHMuaGFzV2FybmluZ31cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cHJvcHMucGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaXNSZWFkT25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgICBpc0F1dG9mb2N1c3NlZD17cHJvcHMuaXNBdXRvZm9jdXNzZWR9XG4gICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgICAgICAvKiBBUklBICovXG4gICAgICAgICAgYXJpYS1pbnZhbGlkPXtwcm9wc1snYXJpYS1pbnZhbGlkJ119XG4gICAgICAgICAgYXJpYS1lcnJvcm1lc3NhZ2U9e3Byb3BzWydhcmlhLWVycm9ybWVzc2FnZSddfVxuICAgICAgICAvPlxuICAgICAgICB7c2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uICYmIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlKCl9XG4gICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgaXNPcGVuXG4gICAgICAgICAgICAgICAgICA/IG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQuY29sbGFwc2VcbiAgICAgICAgICAgICAgICAgIDogbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5leHBhbmRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgICAgaXNPcGVuID8gKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlVXBJY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxBbmdsZURvd25JY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5NdWx0aWxpbmVUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTXVsdGlsaW5lVGV4dElucHV0JztcblxuLy8gVGhlIG1pbmltdW0gYW1tb3VudCBvZiByb3dzIHRoZSBNdWx0aWxpbmVUZXh0SW5wdXQgd2lsbCBzaG93LlxuLy8gV2hlbiB0aGUgaW5wdXQgaXMgY2xvc2VkLCB0aGlzIGlzIHVzZWQgYXMgdGhlIG1heGltdW0gcm93IGNvdW50IGFzIHdlbGxcbi8vIHNvIHRoYXQgdGhlIGlucHV0IFwiY29sbGFwc2VzXCIuXG5NdWx0aWxpbmVUZXh0SW5wdXQuTUlOX1JPV19DT1VOVCA9IDE7XG5cbk11bHRpbGluZVRleHRJbnB1dC5pc0VtcHR5ID0gKHZhbHVlOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHNbJ3ZhbHVlJ10pID0+XG4gICF2YWx1ZSB8fCB2YWx1ZS50cmltKCkubGVuZ3RoID09PSAwO1xuTXVsdGlsaW5lVGV4dElucHV0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgTXVsdGlsaW5lVGV4dElucHV0O1xuIl19 */",
|
|
41
38
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
42
39
|
};
|
|
43
|
-
|
|
44
40
|
const MultilineTextInput = props => {
|
|
45
41
|
const intl = useIntl();
|
|
46
|
-
|
|
47
42
|
const _useState = useState(MultilineTextInput.MIN_ROW_COUNT),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
43
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
44
|
+
contentRowCount = _useState2[0],
|
|
45
|
+
setContentRowCount = _useState2[1];
|
|
52
46
|
const _useToggleState = useToggleState(props.defaultExpandMultilineText),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
47
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
48
|
+
isOpen = _useToggleState2[0],
|
|
49
|
+
toggle = _useToggleState2[1];
|
|
57
50
|
const onFocus = props.onFocus;
|
|
58
51
|
const handleFocus = useCallback(event => {
|
|
59
52
|
if (!isOpen) toggle(true);
|
|
@@ -61,9 +54,10 @@ const MultilineTextInput = props => {
|
|
|
61
54
|
}, [isOpen, onFocus, toggle]);
|
|
62
55
|
const handleHeightChange = useCallback((_, rowCount) => {
|
|
63
56
|
setContentRowCount(rowCount);
|
|
64
|
-
}, [setContentRowCount]);
|
|
65
|
-
// amount of lines it should have when collapsed
|
|
57
|
+
}, [setContentRowCount]);
|
|
66
58
|
|
|
59
|
+
// This checks if the content in the textarea overflows the minimum
|
|
60
|
+
// amount of lines it should have when collapsed
|
|
67
61
|
const shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
|
|
68
62
|
return jsx(Constraints.Horizontal, {
|
|
69
63
|
max: props.horizontalConstraint,
|
|
@@ -105,7 +99,6 @@ const MultilineTextInput = props => {
|
|
|
105
99
|
})
|
|
106
100
|
});
|
|
107
101
|
};
|
|
108
|
-
|
|
109
102
|
MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
110
103
|
name: _pt.string,
|
|
111
104
|
'aria-invalid': _pt.bool,
|
|
@@ -125,18 +118,17 @@ MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
125
118
|
hasWarning: _pt.bool,
|
|
126
119
|
horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
|
|
127
120
|
} : {};
|
|
128
|
-
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
121
|
+
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
122
|
+
|
|
123
|
+
// The minimum ammount of rows the MultilineTextInput will show.
|
|
129
124
|
// When the input is closed, this is used as the maximum row count as well
|
|
130
125
|
// so that the input "collapses".
|
|
131
|
-
|
|
132
126
|
MultilineTextInput.MIN_ROW_COUNT = 1;
|
|
133
|
-
|
|
134
127
|
MultilineTextInput.isEmpty = value => !value || _trimInstanceProperty(value).call(value).length === 0;
|
|
135
|
-
|
|
136
128
|
MultilineTextInput.defaultProps = defaultProps;
|
|
137
129
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
138
130
|
|
|
139
131
|
// NOTE: This string will be replaced on build time with the package version.
|
|
140
|
-
var version = "16.
|
|
132
|
+
var version = "16.1.0";
|
|
141
133
|
|
|
142
134
|
export { MultilineTextInput$1 as default, version };
|
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": "16.
|
|
4
|
+
"version": "16.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "16.
|
|
25
|
-
"@commercetools-uikit/design-system": "16.
|
|
26
|
-
"@commercetools-uikit/flat-button": "16.
|
|
27
|
-
"@commercetools-uikit/hooks": "16.
|
|
28
|
-
"@commercetools-uikit/icons": "16.
|
|
29
|
-
"@commercetools-uikit/input-utils": "16.
|
|
30
|
-
"@commercetools-uikit/spacings-inline": "16.
|
|
31
|
-
"@commercetools-uikit/spacings-stack": "16.
|
|
32
|
-
"@commercetools-uikit/tooltip": "16.
|
|
33
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/constraints": "16.1.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.1.0",
|
|
26
|
+
"@commercetools-uikit/flat-button": "16.1.0",
|
|
27
|
+
"@commercetools-uikit/hooks": "16.1.0",
|
|
28
|
+
"@commercetools-uikit/icons": "16.1.0",
|
|
29
|
+
"@commercetools-uikit/input-utils": "16.1.0",
|
|
30
|
+
"@commercetools-uikit/spacings-inline": "16.1.0",
|
|
31
|
+
"@commercetools-uikit/spacings-stack": "16.1.0",
|
|
32
|
+
"@commercetools-uikit/tooltip": "16.1.0",
|
|
33
|
+
"@commercetools-uikit/utils": "16.1.0",
|
|
34
34
|
"@emotion/react": "^11.10.5",
|
|
35
35
|
"@emotion/styled": "^11.10.5",
|
|
36
36
|
"downshift": "6.1.12",
|