@commercetools-uikit/multiline-text-input 16.1.0 → 16.2.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.
- package/dist/commercetools-uikit-multiline-text-input.cjs.dev.js +9 -16
- package/dist/commercetools-uikit-multiline-text-input.cjs.prod.js +8 -15
- package/dist/commercetools-uikit-multiline-text-input.esm.js +9 -16
- package/dist/declarations/src/multiline-text-input.d.ts +0 -1
- package/package.json +11 -11
|
@@ -54,15 +54,15 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
54
54
|
} : {
|
|
55
55
|
name: "7hlegj-MultilineTextInput",
|
|
56
56
|
styles: "display:flex;justify-content:flex-end;label:MultilineTextInput;",
|
|
57
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
57
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtS29CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEFuZ2xlVXBJY29uLCBBbmdsZURvd25JY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IEZsYXRCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmxhdC1idXR0b24nO1xuaW1wb3J0IHsgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHtcbiAgTXVsdGlsaW5lSW5wdXQsXG4gIG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcblxuZXhwb3J0IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC4gcHJvcGVydHlcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZSBpZiB0aGUgdmFsdWUgZW50ZXJlZCBpbiB0aGUgaW5wdXQgaXMgaW52YWxpZC5cbiAgICovXG4gICdhcmlhLWludmFsaWQnPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhUTUwgSUQgb2YgYW4gZWxlbWVudCBjb250YWluaW5nIGFuIGVycm9yIG1lc3NhZ2UgcmVsYXRlZCB0byB0aGUgaW5wdXQuXG4gICAqL1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgaWQgcHJvcGVydHkuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC5cbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2l0aCBhbiBldmVudCBjb250YWluaW5nIHRoZSBuZXcgdmFsdWUuIFJlcXVpcmVkIHdoZW4gaW5wdXQgaXMgbm90IHJlYWQgb25seS4gUGFyZW50IHNob3VsZCBwYXNzIGl0IGJhY2sgYXMgdmFsdWUuXG4gICAqL1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGJsdXJyZWRcbiAgICovXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9jdXMgdGhlIGlucHV0IG9uIGluaXRpYWwgcmVuZGVyXG4gICAqL1xuICBpc0F1dG9mb2N1c3NlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBFeHBhbmRzIG11bHRpbGluZSB0ZXh0IGlucHV0IGluaXRpYWxseVxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGNhbm5vdCBiZSBtb2RpZmllZCAoZS5nIG5vdCBhdXRob3JpemVkLCBvciBjaGFuZ2VzIGN1cnJlbnRseSBzYXZpbmcpLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZmllbGQgaXMgZGlzcGxheWluZyByZWFkLW9ubHkgY29udGVudFxuICAgKi9cbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGZvciB0aGUgaW5wdXRcbiAgICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgaW5wdXQgaGFzIGVycm9yc1xuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbCB0byBpbmRpY2F0ZSBvbiB0aGUgaW5wdXQgaWYgdGhlcmUgYXJlIHNlbGVjdGVkIHZhbHVlcyB0aGF0IGFyZSBwb3RlbnRpYWxseSBpbnZhbGlkXG4gICAqL1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgaW5wdXQgZmllbGRzLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVE11bHRpbGluZVRleHRJbnB1dFByb3BzLFxuICAnZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQnXG4+ID0ge1xuICBkZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dDogZmFsc2UsXG59O1xuXG5jb25zdCBNdWx0aWxpbmVUZXh0SW5wdXQgPSAocHJvcHM6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICBjb25zdCBbc2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uLCBzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b25dID1cbiAgICB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlXSA9IHVzZVRvZ2dsZVN0YXRlKHByb3BzLmRlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0KTtcblxuICBjb25zdCB7IG9uRm9jdXMgfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVGb2N1cyA9IHVzZUNhbGxiYWNrPEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+PihcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB0b2dnbGUodHJ1ZSk7XG4gICAgICBpZiAob25Gb2N1cykgb25Gb2N1cyhldmVudCk7XG4gICAgfSxcbiAgICBbaXNPcGVuLCBvbkZvY3VzLCB0b2dnbGVdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlSGVpZ2h0Q2hhbmdlID0gdXNlQ2FsbGJhY2s8XG4gICAgKGhlaWdodDogbnVtYmVyLCByb3dDb3VudDogbnVtYmVyKSA9PiB2b2lkXG4gID4oXG4gICAgKF8sIHJvd0NvdW50KSA9PiB7XG4gICAgICAvLyBUaGlzIGNoZWNrcyBpZiB0aGUgY29udGVudCBpbiB0aGUgdGV4dGFyZWEgaXMgZ3JlYXRlciB0aGFuIG9uZSByb3cuIElmIGl0IGlzLCB0aGVuIHRoZSB0b2dnbGUgYnV0dG9uIHdpbGwgYmUgc2hvd24uXG4gICAgICAvLyBUaGlzIGlzIHRvIHByZXZlbnQgdGhlIHRvZ2dsZSBidXR0b24gZnJvbSBzaG93aW5nIHdoZW4gdGhlcmUgaXMgbm90IGVub3VnaCBjb250ZW50IHRvIGV4cGFuZC9jb2xsYXBzZS5cbiAgICAgIHNldFNob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbihyb3dDb3VudCA+IDEpO1xuICAgIH0sXG4gICAgW3NldFNob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbl1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD17cHJvcHMuaG9yaXpvbnRhbENvbnN0cmFpbnR9PlxuICAgICAgPFN0YWNrIHNjYWxlPVwieHNcIj5cbiAgICAgICAgPE11bHRpbGluZUlucHV0XG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICBhdXRvQ29tcGxldGU9e3Byb3BzLmF1dG9Db21wbGV0ZX1cbiAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWV9XG4gICAgICAgICAgb25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuICAgICAgICAgIG9uSGVpZ2h0Q2hhbmdlPXtoYW5kbGVIZWlnaHRDaGFuZ2V9XG4gICAgICAgICAgaWQ9e3Byb3BzLmlkfVxuICAgICAgICAgIG9uQmx1cj17cHJvcHMub25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e2hhbmRsZUZvY3VzfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgICAgIGhhc1dhcm5pbmc9e3Byb3BzLmhhc1dhcm5pbmd9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3Byb3BzLnBsYWNlaG9sZGVyfVxuICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgaXNBdXRvZm9jdXNzZWQ9e3Byb3BzLmlzQXV0b2ZvY3Vzc2VkfVxuICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICAgICAgLyogQVJJQSAqL1xuICAgICAgICAgIGFyaWEtaW52YWxpZD17cHJvcHNbJ2FyaWEtaW52YWxpZCddfVxuICAgICAgICAgIGFyaWEtZXJyb3JtZXNzYWdlPXtwcm9wc1snYXJpYS1lcnJvcm1lc3NhZ2UnXX1cbiAgICAgICAgLz5cbiAgICAgICAge3Nob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbiAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGF0QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRvZ2dsZSgpfVxuICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgIGlzT3BlblxuICAgICAgICAgICAgICAgICAgPyBtZXNzYWdlc011bHRpbGluZUlucHV0LmNvbGxhcHNlXG4gICAgICAgICAgICAgICAgICA6IG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQuZXhwYW5kXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICAgIGlzT3BlbiA/IChcbiAgICAgICAgICAgICAgICAgIDxBbmdsZVVwSWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8QW5nbGVEb3duSWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9Db25zdHJhaW50cy5Ib3Jpem9udGFsPlxuICApO1xufTtcblxuTXVsdGlsaW5lVGV4dElucHV0LmRpc3BsYXlOYW1lID0gJ011bHRpbGluZVRleHRJbnB1dCc7XG5cbk11bHRpbGluZVRleHRJbnB1dC5pc0VtcHR5ID0gKHZhbHVlOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHNbJ3ZhbHVlJ10pID0+XG4gICF2YWx1ZSB8fCB2YWx1ZS50cmltKCkubGVuZ3RoID09PSAwO1xuTXVsdGlsaW5lVGV4dElucHV0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgTXVsdGlsaW5lVGV4dElucHV0O1xuIl19 */",
|
|
58
58
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
59
59
|
};
|
|
60
60
|
const MultilineTextInput = props => {
|
|
61
61
|
const intl = reactIntl.useIntl();
|
|
62
|
-
const _useState = react.useState(
|
|
62
|
+
const _useState = react.useState(false),
|
|
63
63
|
_useState2 = _slicedToArray(_useState, 2),
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
shouldRenderToggleButton = _useState2[0],
|
|
65
|
+
setShouldRenderToggleButton = _useState2[1];
|
|
66
66
|
const _useToggleState = hooks.useToggleState(props.defaultExpandMultilineText),
|
|
67
67
|
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
68
68
|
isOpen = _useToggleState2[0],
|
|
@@ -73,12 +73,10 @@ const MultilineTextInput = props => {
|
|
|
73
73
|
if (onFocus) onFocus(event);
|
|
74
74
|
}, [isOpen, onFocus, toggle]);
|
|
75
75
|
const handleHeightChange = react.useCallback((_, rowCount) => {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
// amount of lines it should have when collapsed
|
|
81
|
-
const shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
|
|
76
|
+
// This checks if the content in the textarea is greater than one row. If it is, then the toggle button will be shown.
|
|
77
|
+
// This is to prevent the toggle button from showing when there is not enough content to expand/collapse.
|
|
78
|
+
setShouldRenderToggleButton(rowCount > 1);
|
|
79
|
+
}, [setShouldRenderToggleButton]);
|
|
82
80
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
83
81
|
max: props.horizontalConstraint,
|
|
84
82
|
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
@@ -139,17 +137,12 @@ MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
139
137
|
horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
|
|
140
138
|
} : {};
|
|
141
139
|
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
142
|
-
|
|
143
|
-
// The minimum ammount of rows the MultilineTextInput will show.
|
|
144
|
-
// When the input is closed, this is used as the maximum row count as well
|
|
145
|
-
// so that the input "collapses".
|
|
146
|
-
MultilineTextInput.MIN_ROW_COUNT = 1;
|
|
147
140
|
MultilineTextInput.isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
148
141
|
MultilineTextInput.defaultProps = defaultProps;
|
|
149
142
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
150
143
|
|
|
151
144
|
// NOTE: This string will be replaced on build time with the package version.
|
|
152
|
-
var version = "16.
|
|
145
|
+
var version = "16.2.0";
|
|
153
146
|
|
|
154
147
|
exports["default"] = MultilineTextInput$1;
|
|
155
148
|
exports.version = version;
|
|
@@ -52,10 +52,10 @@ var _ref = {
|
|
|
52
52
|
} ;
|
|
53
53
|
const MultilineTextInput = props => {
|
|
54
54
|
const intl = reactIntl.useIntl();
|
|
55
|
-
const _useState = react.useState(
|
|
55
|
+
const _useState = react.useState(false),
|
|
56
56
|
_useState2 = _slicedToArray(_useState, 2),
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
shouldRenderToggleButton = _useState2[0],
|
|
58
|
+
setShouldRenderToggleButton = _useState2[1];
|
|
59
59
|
const _useToggleState = hooks.useToggleState(props.defaultExpandMultilineText),
|
|
60
60
|
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
61
61
|
isOpen = _useToggleState2[0],
|
|
@@ -66,12 +66,10 @@ const MultilineTextInput = props => {
|
|
|
66
66
|
if (onFocus) onFocus(event);
|
|
67
67
|
}, [isOpen, onFocus, toggle]);
|
|
68
68
|
const handleHeightChange = react.useCallback((_, rowCount) => {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
// amount of lines it should have when collapsed
|
|
74
|
-
const shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
|
|
69
|
+
// This checks if the content in the textarea is greater than one row. If it is, then the toggle button will be shown.
|
|
70
|
+
// This is to prevent the toggle button from showing when there is not enough content to expand/collapse.
|
|
71
|
+
setShouldRenderToggleButton(rowCount > 1);
|
|
72
|
+
}, [setShouldRenderToggleButton]);
|
|
75
73
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
76
74
|
max: props.horizontalConstraint,
|
|
77
75
|
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
@@ -114,17 +112,12 @@ const MultilineTextInput = props => {
|
|
|
114
112
|
};
|
|
115
113
|
MultilineTextInput.propTypes = {};
|
|
116
114
|
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
117
|
-
|
|
118
|
-
// The minimum ammount of rows the MultilineTextInput will show.
|
|
119
|
-
// When the input is closed, this is used as the maximum row count as well
|
|
120
|
-
// so that the input "collapses".
|
|
121
|
-
MultilineTextInput.MIN_ROW_COUNT = 1;
|
|
122
115
|
MultilineTextInput.isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
|
|
123
116
|
MultilineTextInput.defaultProps = defaultProps;
|
|
124
117
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
125
118
|
|
|
126
119
|
// NOTE: This string will be replaced on build time with the package version.
|
|
127
|
-
var version = "16.
|
|
120
|
+
var version = "16.2.0";
|
|
128
121
|
|
|
129
122
|
exports["default"] = MultilineTextInput$1;
|
|
130
123
|
exports.version = version;
|
|
@@ -34,15 +34,15 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
34
34
|
} : {
|
|
35
35
|
name: "7hlegj-MultilineTextInput",
|
|
36
36
|
styles: "display:flex;justify-content:flex-end;label:MultilineTextInput;",
|
|
37
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtS29CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEFuZ2xlVXBJY29uLCBBbmdsZURvd25JY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IEZsYXRCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmxhdC1idXR0b24nO1xuaW1wb3J0IHsgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHtcbiAgTXVsdGlsaW5lSW5wdXQsXG4gIG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcblxuZXhwb3J0IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC4gcHJvcGVydHlcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZSBpZiB0aGUgdmFsdWUgZW50ZXJlZCBpbiB0aGUgaW5wdXQgaXMgaW52YWxpZC5cbiAgICovXG4gICdhcmlhLWludmFsaWQnPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhUTUwgSUQgb2YgYW4gZWxlbWVudCBjb250YWluaW5nIGFuIGVycm9yIG1lc3NhZ2UgcmVsYXRlZCB0byB0aGUgaW5wdXQuXG4gICAqL1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgaWQgcHJvcGVydHkuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC5cbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2l0aCBhbiBldmVudCBjb250YWluaW5nIHRoZSBuZXcgdmFsdWUuIFJlcXVpcmVkIHdoZW4gaW5wdXQgaXMgbm90IHJlYWQgb25seS4gUGFyZW50IHNob3VsZCBwYXNzIGl0IGJhY2sgYXMgdmFsdWUuXG4gICAqL1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGJsdXJyZWRcbiAgICovXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9jdXMgdGhlIGlucHV0IG9uIGluaXRpYWwgcmVuZGVyXG4gICAqL1xuICBpc0F1dG9mb2N1c3NlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBFeHBhbmRzIG11bHRpbGluZSB0ZXh0IGlucHV0IGluaXRpYWxseVxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGNhbm5vdCBiZSBtb2RpZmllZCAoZS5nIG5vdCBhdXRob3JpemVkLCBvciBjaGFuZ2VzIGN1cnJlbnRseSBzYXZpbmcpLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZmllbGQgaXMgZGlzcGxheWluZyByZWFkLW9ubHkgY29udGVudFxuICAgKi9cbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGZvciB0aGUgaW5wdXRcbiAgICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgaW5wdXQgaGFzIGVycm9yc1xuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbCB0byBpbmRpY2F0ZSBvbiB0aGUgaW5wdXQgaWYgdGhlcmUgYXJlIHNlbGVjdGVkIHZhbHVlcyB0aGF0IGFyZSBwb3RlbnRpYWxseSBpbnZhbGlkXG4gICAqL1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgaW5wdXQgZmllbGRzLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVE11bHRpbGluZVRleHRJbnB1dFByb3BzLFxuICAnZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQnXG4+ID0ge1xuICBkZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dDogZmFsc2UsXG59O1xuXG5jb25zdCBNdWx0aWxpbmVUZXh0SW5wdXQgPSAocHJvcHM6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICBjb25zdCBbc2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uLCBzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b25dID1cbiAgICB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlXSA9IHVzZVRvZ2dsZVN0YXRlKHByb3BzLmRlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0KTtcblxuICBjb25zdCB7IG9uRm9jdXMgfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVGb2N1cyA9IHVzZUNhbGxiYWNrPEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+PihcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB0b2dnbGUodHJ1ZSk7XG4gICAgICBpZiAob25Gb2N1cykgb25Gb2N1cyhldmVudCk7XG4gICAgfSxcbiAgICBbaXNPcGVuLCBvbkZvY3VzLCB0b2dnbGVdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlSGVpZ2h0Q2hhbmdlID0gdXNlQ2FsbGJhY2s8XG4gICAgKGhlaWdodDogbnVtYmVyLCByb3dDb3VudDogbnVtYmVyKSA9PiB2b2lkXG4gID4oXG4gICAgKF8sIHJvd0NvdW50KSA9PiB7XG4gICAgICAvLyBUaGlzIGNoZWNrcyBpZiB0aGUgY29udGVudCBpbiB0aGUgdGV4dGFyZWEgaXMgZ3JlYXRlciB0aGFuIG9uZSByb3cuIElmIGl0IGlzLCB0aGVuIHRoZSB0b2dnbGUgYnV0dG9uIHdpbGwgYmUgc2hvd24uXG4gICAgICAvLyBUaGlzIGlzIHRvIHByZXZlbnQgdGhlIHRvZ2dsZSBidXR0b24gZnJvbSBzaG93aW5nIHdoZW4gdGhlcmUgaXMgbm90IGVub3VnaCBjb250ZW50IHRvIGV4cGFuZC9jb2xsYXBzZS5cbiAgICAgIHNldFNob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbihyb3dDb3VudCA+IDEpO1xuICAgIH0sXG4gICAgW3NldFNob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbl1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD17cHJvcHMuaG9yaXpvbnRhbENvbnN0cmFpbnR9PlxuICAgICAgPFN0YWNrIHNjYWxlPVwieHNcIj5cbiAgICAgICAgPE11bHRpbGluZUlucHV0XG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICBhdXRvQ29tcGxldGU9e3Byb3BzLmF1dG9Db21wbGV0ZX1cbiAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWV9XG4gICAgICAgICAgb25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuICAgICAgICAgIG9uSGVpZ2h0Q2hhbmdlPXtoYW5kbGVIZWlnaHRDaGFuZ2V9XG4gICAgICAgICAgaWQ9e3Byb3BzLmlkfVxuICAgICAgICAgIG9uQmx1cj17cHJvcHMub25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e2hhbmRsZUZvY3VzfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgICAgIGhhc1dhcm5pbmc9e3Byb3BzLmhhc1dhcm5pbmd9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3Byb3BzLnBsYWNlaG9sZGVyfVxuICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgaXNBdXRvZm9jdXNzZWQ9e3Byb3BzLmlzQXV0b2ZvY3Vzc2VkfVxuICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICAgICAgLyogQVJJQSAqL1xuICAgICAgICAgIGFyaWEtaW52YWxpZD17cHJvcHNbJ2FyaWEtaW52YWxpZCddfVxuICAgICAgICAgIGFyaWEtZXJyb3JtZXNzYWdlPXtwcm9wc1snYXJpYS1lcnJvcm1lc3NhZ2UnXX1cbiAgICAgICAgLz5cbiAgICAgICAge3Nob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbiAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGF0QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRvZ2dsZSgpfVxuICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgIGlzT3BlblxuICAgICAgICAgICAgICAgICAgPyBtZXNzYWdlc011bHRpbGluZUlucHV0LmNvbGxhcHNlXG4gICAgICAgICAgICAgICAgICA6IG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQuZXhwYW5kXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICAgIGlzT3BlbiA/IChcbiAgICAgICAgICAgICAgICAgIDxBbmdsZVVwSWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8QW5nbGVEb3duSWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9Db25zdHJhaW50cy5Ib3Jpem9udGFsPlxuICApO1xufTtcblxuTXVsdGlsaW5lVGV4dElucHV0LmRpc3BsYXlOYW1lID0gJ011bHRpbGluZVRleHRJbnB1dCc7XG5cbk11bHRpbGluZVRleHRJbnB1dC5pc0VtcHR5ID0gKHZhbHVlOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHNbJ3ZhbHVlJ10pID0+XG4gICF2YWx1ZSB8fCB2YWx1ZS50cmltKCkubGVuZ3RoID09PSAwO1xuTXVsdGlsaW5lVGV4dElucHV0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgTXVsdGlsaW5lVGV4dElucHV0O1xuIl19 */",
|
|
38
38
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
39
39
|
};
|
|
40
40
|
const MultilineTextInput = props => {
|
|
41
41
|
const intl = useIntl();
|
|
42
|
-
const _useState = useState(
|
|
42
|
+
const _useState = useState(false),
|
|
43
43
|
_useState2 = _slicedToArray(_useState, 2),
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
shouldRenderToggleButton = _useState2[0],
|
|
45
|
+
setShouldRenderToggleButton = _useState2[1];
|
|
46
46
|
const _useToggleState = useToggleState(props.defaultExpandMultilineText),
|
|
47
47
|
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
48
48
|
isOpen = _useToggleState2[0],
|
|
@@ -53,12 +53,10 @@ const MultilineTextInput = props => {
|
|
|
53
53
|
if (onFocus) onFocus(event);
|
|
54
54
|
}, [isOpen, onFocus, toggle]);
|
|
55
55
|
const handleHeightChange = useCallback((_, rowCount) => {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
// amount of lines it should have when collapsed
|
|
61
|
-
const shouldRenderToggleButton = contentRowCount > MultilineTextInput.MIN_ROW_COUNT;
|
|
56
|
+
// This checks if the content in the textarea is greater than one row. If it is, then the toggle button will be shown.
|
|
57
|
+
// This is to prevent the toggle button from showing when there is not enough content to expand/collapse.
|
|
58
|
+
setShouldRenderToggleButton(rowCount > 1);
|
|
59
|
+
}, [setShouldRenderToggleButton]);
|
|
62
60
|
return jsx(Constraints.Horizontal, {
|
|
63
61
|
max: props.horizontalConstraint,
|
|
64
62
|
children: jsxs(Stack, {
|
|
@@ -119,16 +117,11 @@ MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
119
117
|
horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
|
|
120
118
|
} : {};
|
|
121
119
|
MultilineTextInput.displayName = 'MultilineTextInput';
|
|
122
|
-
|
|
123
|
-
// The minimum ammount of rows the MultilineTextInput will show.
|
|
124
|
-
// When the input is closed, this is used as the maximum row count as well
|
|
125
|
-
// so that the input "collapses".
|
|
126
|
-
MultilineTextInput.MIN_ROW_COUNT = 1;
|
|
127
120
|
MultilineTextInput.isEmpty = value => !value || _trimInstanceProperty(value).call(value).length === 0;
|
|
128
121
|
MultilineTextInput.defaultProps = defaultProps;
|
|
129
122
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
130
123
|
|
|
131
124
|
// NOTE: This string will be replaced on build time with the package version.
|
|
132
|
-
var version = "16.
|
|
125
|
+
var version = "16.2.0";
|
|
133
126
|
|
|
134
127
|
export { MultilineTextInput$1 as default, version };
|
|
@@ -21,7 +21,6 @@ export type TMultilineTextInputProps = {
|
|
|
21
21
|
declare const MultilineTextInput: {
|
|
22
22
|
(props: TMultilineTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
23
23
|
displayName: string;
|
|
24
|
-
MIN_ROW_COUNT: number;
|
|
25
24
|
isEmpty(value: TMultilineTextInputProps['value']): boolean;
|
|
26
25
|
defaultProps: Pick<TMultilineTextInputProps, "defaultExpandMultilineText">;
|
|
27
26
|
};
|
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.2.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.2.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.2.0",
|
|
26
|
+
"@commercetools-uikit/flat-button": "16.2.0",
|
|
27
|
+
"@commercetools-uikit/hooks": "16.2.0",
|
|
28
|
+
"@commercetools-uikit/icons": "16.2.0",
|
|
29
|
+
"@commercetools-uikit/input-utils": "16.2.0",
|
|
30
|
+
"@commercetools-uikit/spacings-inline": "16.2.0",
|
|
31
|
+
"@commercetools-uikit/spacings-stack": "16.2.0",
|
|
32
|
+
"@commercetools-uikit/tooltip": "16.2.0",
|
|
33
|
+
"@commercetools-uikit/utils": "16.2.0",
|
|
34
34
|
"@emotion/react": "^11.10.5",
|
|
35
35
|
"@emotion/styled": "^11.10.5",
|
|
36
36
|
"downshift": "6.1.12",
|