npm - @commercetools-uikit/multiline-text-input - Versions diffs - 19.4.0 → 19.6.0 - Mend

@commercetools-uikit/multiline-text-input 19.4.0 → 19.6.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.

Files changed (6) hide show

package/README.md +23 -19
package/dist/commercetools-uikit-multiline-text-input.cjs.dev.js +72 -29
package/dist/commercetools-uikit-multiline-text-input.cjs.prod.js +55 -27
package/dist/commercetools-uikit-multiline-text-input.esm.js +67 -26
package/dist/declarations/src/multiline-text-input.d.ts +7 -2
package/package.json +12 -11

package/README.md CHANGED Viewed

@@ -48,25 +48,29 @@ export default Example;
 ## Properties
-| Props                        | Type                                                                                         | Required | Default | Description                                                                                                               |
-| ---------------------------- | -------------------------------------------------------------------------------------------- | :------: | ------- | ------------------------------------------------------------------------------------------------------------------------- |
-| `name`                       | `string`                                                                                     |          |         | Used as HTML name of the input component. property                                                                        |
-| `aria-invalid`               | `boolean`                                                                                    |          |         | Indicate if the value entered in the input is invalid.                                                                    |
-| `aria-errormessage`          | `string`                                                                                     |          |         | HTML ID of an element containing an error message related to the input.                                                   |
-| `autoComplete`               | `string`                                                                                     |          |         | Used as HTML `autocomplete` property                                                                                      |
-| `id`                         | `string`                                                                                     |          |         | Used as HTML id property. An id is auto-generated when it is not specified.                                               |
-| `value`                      | `string`                                                                                     |    ✅    |         | Value of the input component.                                                                                             |
-| `onChange`                   | `ChangeEventHandler`                                                                         |          |         | Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value. |
-| `onBlur`                     | `FocusEventHandler`                                                                          |          |         | Called when input is blurred                                                                                              |
-| `onFocus`                    | `FocusEventHandler`                                                                          |          |         | Called when input is focused                                                                                              |
-| `isAutofocussed`             | `boolean`                                                                                    |          |         | Focus the input on initial render                                                                                         |
-| `defaultExpandMultilineText` | `boolean`                                                                                    |          | `false` | Expands multiline text input initially                                                                                    |
-| `isDisabled`                 | `boolean`                                                                                    |          |         | Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).                            |
-| `isReadOnly`                 | `boolean`                                                                                    |          |         | Indicates that the field is displaying read-only content                                                                  |
-| `placeholder`                | `string`                                                                                     |          |         | Placeholder text for the input                                                                                            |
-| `hasError`                   | `boolean`                                                                                    |          |         | Indicates that input has errors                                                                                           |
-| `hasWarning`                 | `boolean`                                                                                    |          |         | Control to indicate on the input if there are selected values that are potentially invalid                                |
-| `horizontalConstraint`       | `union`<br/>Possible values:<br/>`, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` |          |         | Horizontal size limit of the input fields.                                                                                |
+| Props                        | Type                                                                                         | Required | Default | Description                                                                                                                                                   |
+| ---------------------------- | -------------------------------------------------------------------------------------------- | :------: | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `name`                       | `string`                                                                                     |          |         | Used as HTML name of the input component. property                                                                                                            |
+| `aria-invalid`               | `boolean`                                                                                    |          |         | Indicate if the value entered in the input is invalid.                                                                                                        |
+| `aria-errormessage`          | `string`                                                                                     |          |         | HTML ID of an element containing an error message related to the input.                                                                                       |
+| `autoComplete`               | `string`                                                                                     |          |         | Used as HTML `autocomplete` property                                                                                                                          |
+| `id`                         | `string`                                                                                     |          |         | Used as HTML id property. An id is auto-generated when it is not specified.                                                                                   |
+| `value`                      | `string`                                                                                     |    ✅    |         | Value of the input component.                                                                                                                                 |
+| `onChange`                   | `ChangeEventHandler`                                                                         |          |         | Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value.                                     |
+| `onBlur`                     | `FocusEventHandler`                                                                          |          |         | Called when input is blurred                                                                                                                                  |
+| `onFocus`                    | `FocusEventHandler`                                                                          |          |         | Called when input is focused                                                                                                                                  |
+| `isAutofocussed`             | `boolean`                                                                                    |          |         | Focus the input on initial render                                                                                                                             |
+| `defaultExpandMultilineText` | `boolean`                                                                                    |          | `false` | Expands multiline text input initially                                                                                                                        |
+| `isDisabled`                 | `boolean`                                                                                    |          |         | Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).                                                                |
+| `isReadOnly`                 | `boolean`                                                                                    |          |         | Indicates that the field is displaying read-only content                                                                                                      |
+| `placeholder`                | `string`                                                                                     |          |         | Placeholder text for the input                                                                                                                                |
+| `hasError`                   | `boolean`                                                                                    |          |         | Indicates that input has errors                                                                                                                               |
+| `hasWarning`                 | `boolean`                                                                                    |          |         | Control to indicate on the input if there are selected values that are potentially invalid                                                                    |
+| `horizontalConstraint`       | `union`<br/>Possible values:<br/>`, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` |          |         | Horizontal size limit of the input fields.                                                                                                                    |
+| `rightActionIcon`            | `ReactElement`                                                                               |          |         | Custom action icon to be displayed on the right side of the input.                                                                                            |
+| `rightActionProps`           | `TSecondaryButtonIconProps`                                                                  |          |         | Props for the right-action icon-button. Required when rightActionIcon is provided.&#xA;At least a `label` and an `onClick` prop/function need to be provided. |
+| `isCondensed`                | `boolean`                                                                                    |          |         | Set this to `true` to reduce the paddings of the input allowing the input to display&#xA;more data in less space.                                             |
+| `maxRows`                    | `number`                                                                                     |          |         | Set this to value to determine the maximum text rows of the text area.&#xA;Any text overflow past this row number would implement a scroll                    |
 ## Static methods

package/dist/commercetools-uikit-multiline-text-input.cjs.dev.js CHANGED Viewed

@@ -14,16 +14,19 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _pt = require('prop-types');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var react = require('react');
+var react$1 = require('react');
+var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
 var reactIntl = require('react-intl');
-require('@emotion/react');
+var react = require('@emotion/react');
 var icons = require('@commercetools-uikit/icons');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var hooks = require('@commercetools-uikit/hooks');
 var utils = require('@commercetools-uikit/utils');
 var Stack = require('@commercetools-uikit/spacings-stack');
 var Constraints = require('@commercetools-uikit/constraints');
+var designSystem = require('@commercetools-uikit/design-system');
 var inputUtils = require('@commercetools-uikit/input-utils');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -38,9 +41,28 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
+var SecondaryIconButton__default = /*#__PURE__*/_interopDefault(SecondaryIconButton);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var Stack__default = /*#__PURE__*/_interopDefault(Stack);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { 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)."; }
+const getMultilineTextInputActionIconStyles = props => /*#__PURE__*/react.css("position:absolute;right:", designSystem.designTokens.spacing30, ";top:0;height:", props.isCondensed ? "".concat(designSystem.designTokens.heightForInputAsSmall) : "".concat(designSystem.designTokens.heightForInput), ";padding:0;display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:getMultilineTextInputActionIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPUSIsImZpbGUiOiJtdWx0aWxpbmUtdGV4dC1pbnB1dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzIH0gZnJvbSAnLi9tdWx0aWxpbmUtdGV4dC1pbnB1dCc7XG5cbmNvbnN0IGdldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMgPSAoXG4gIHByb3BzOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHNcbikgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICB0b3A6IDA7XG4gIGhlaWdodDogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgID8gYCR7ZGVzaWduVG9rZW5zLmhlaWdodEZvcklucHV0QXNTbWFsbH1gXG4gICAgOiBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXR9YH07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgTXVsdGlsaW5lSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IHsgZ2V0TXVsdGlsaW5lVGV4dElucHV0QWN0aW9uSWNvblN0eWxlcywgTXVsdGlsaW5lSW5wdXRXcmFwcGVyIH07XG4iXX0= */");
+const MultilineInputWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "eg1owae0"
+} : {
+  target: "eg1owae0",
+  label: "MultilineInputWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "8sarsy",
+  styles: "position:relative;display:inline-block;width:100%"
+} : {
+  name: "8sarsy",
+  styles: "position:relative;display:inline-block;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndDIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgdHlwZSBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMgfSBmcm9tICcuL211bHRpbGluZS10ZXh0LWlucHV0JztcblxuY29uc3QgZ2V0TXVsdGlsaW5lVGV4dElucHV0QWN0aW9uSWNvblN0eWxlcyA9IChcbiAgcHJvcHM6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1xuKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAke3Byb3BzLmlzQ29uZGVuc2VkXG4gICAgPyBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXRBc1NtYWxsfWBcbiAgICA6IGAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JJbnB1dH1gfTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBNdWx0aWxpbmVJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgeyBnZXRNdWx0aWxpbmVUZXh0SW5wdXRBY3Rpb25JY29uU3R5bGVzLCBNdWx0aWxpbmVJbnB1dFdyYXBwZXIgfTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -54,12 +76,12 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "7hlegj-MultilineTextInput",
   styles: "display:flex;justify-content:flex-end;label:MultilineTextInput;",
-  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 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Tm9CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG4gIFJlYWN0RWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNlY29uZGFyeUljb25CdXR0b24sIHtcbiAgdHlwZSBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQW5nbGVVcEljb24sIEFuZ2xlRG93bkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFN0YWNrIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLXN0YWNrJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIE11bHRpbGluZUlucHV0LFxuICBtZXNzYWdlc011bHRpbGluZUlucHV0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQge1xuICBNdWx0aWxpbmVJbnB1dFdyYXBwZXIsXG4gIGdldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMsXG59IGZyb20gJy4vbXVsdGlsaW5lLXRleHQtaW5wdXQuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC4gcHJvcGVydHlcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZSBpZiB0aGUgdmFsdWUgZW50ZXJlZCBpbiB0aGUgaW5wdXQgaXMgaW52YWxpZC5cbiAgICovXG4gICdhcmlhLWludmFsaWQnPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhUTUwgSUQgb2YgYW4gZWxlbWVudCBjb250YWluaW5nIGFuIGVycm9yIG1lc3NhZ2UgcmVsYXRlZCB0byB0aGUgaW5wdXQuXG4gICAqL1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgaWQgcHJvcGVydHkuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC5cbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2l0aCBhbiBldmVudCBjb250YWluaW5nIHRoZSBuZXcgdmFsdWUuIFJlcXVpcmVkIHdoZW4gaW5wdXQgaXMgbm90IHJlYWQgb25seS4gUGFyZW50IHNob3VsZCBwYXNzIGl0IGJhY2sgYXMgdmFsdWUuXG4gICAqL1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGJsdXJyZWRcbiAgICovXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9jdXMgdGhlIGlucHV0IG9uIGluaXRpYWwgcmVuZGVyXG4gICAqL1xuICBpc0F1dG9mb2N1c3NlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBFeHBhbmRzIG11bHRpbGluZSB0ZXh0IGlucHV0IGluaXRpYWxseVxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGNhbm5vdCBiZSBtb2RpZmllZCAoZS5nIG5vdCBhdXRob3JpemVkLCBvciBjaGFuZ2VzIGN1cnJlbnRseSBzYXZpbmcpLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZmllbGQgaXMgZGlzcGxheWluZyByZWFkLW9ubHkgY29udGVudFxuICAgKi9cbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGZvciB0aGUgaW5wdXRcbiAgICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgaW5wdXQgaGFzIGVycm9yc1xuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbCB0byBpbmRpY2F0ZSBvbiB0aGUgaW5wdXQgaWYgdGhlcmUgYXJlIHNlbGVjdGVkIHZhbHVlcyB0aGF0IGFyZSBwb3RlbnRpYWxseSBpbnZhbGlkXG4gICAqL1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgaW5wdXQgZmllbGRzLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcblxuICAvKipcbiAgICogQ3VzdG9tIGFjdGlvbiBpY29uIHRvIGJlIGRpc3BsYXllZCBvbiB0aGUgcmlnaHQgc2lkZSBvZiB0aGUgaW5wdXQuXG4gICAqL1xuICByaWdodEFjdGlvbkljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBQcm9wcyBmb3IgdGhlIHJpZ2h0LWFjdGlvbiBpY29uLWJ1dHRvbi4gUmVxdWlyZWQgd2hlbiByaWdodEFjdGlvbkljb24gaXMgcHJvdmlkZWQuXG4gICAqIEF0IGxlYXN0IGEgYGxhYmVsYCBhbmQgYW4gYG9uQ2xpY2tgIHByb3AvZnVuY3Rpb24gbmVlZCB0byBiZSBwcm92aWRlZC5cbiAgICovXG4gIHJpZ2h0QWN0aW9uUHJvcHM/OiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzO1xuICAvKipcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIHJlZHVjZSB0aGUgcGFkZGluZ3Mgb2YgdGhlIGlucHV0IGFsbG93aW5nIHRoZSBpbnB1dCB0byBkaXNwbGF5XG4gICAqIG1vcmUgZGF0YSBpbiBsZXNzIHNwYWNlLlxuICAgKlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRoaXMgdG8gdmFsdWUgdG8gZGV0ZXJtaW5lIHRoZSBtYXhpbXVtIHRleHQgcm93cyBvZiB0aGUgdGV4dCBhcmVhLlxuICAgKiBBbnkgdGV4dCBvdmVyZmxvdyBwYXN0IHRoaXMgcm93IG51bWJlciB3b3VsZCBpbXBsZW1lbnQgYSBzY3JvbGxcbiAgICovXG4gIG1heFJvd3M/OiBudW1iZXI7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcyxcbiAgJ2RlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0J1xuPiA9IHtcbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ6IGZhbHNlLFxufTtcblxuY29uc3QgTXVsdGlsaW5lVGV4dElucHV0ID0gKHByb3BzOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW3Nob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbiwgc2V0U2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uXSA9XG4gICAgdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHRvZ2dsZV0gPSB1c2VUb2dnbGVTdGF0ZShwcm9wcy5kZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dCk7XG5cbiAgY29uc3QgeyBvbkZvY3VzIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlRm9jdXMgPSB1c2VDYWxsYmFjazxGb2N1c0V2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzT3BlbikgdG9nZ2xlKHRydWUpO1xuICAgICAgaWYgKG9uRm9jdXMpIG9uRm9jdXMoZXZlbnQpO1xuICAgIH0sXG4gICAgW2lzT3Blbiwgb25Gb2N1cywgdG9nZ2xlXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUhlaWdodENoYW5nZSA9IHVzZUNhbGxiYWNrPFxuICAgIChoZWlnaHQ6IG51bWJlciwgcm93Q291bnQ6IG51bWJlcikgPT4gdm9pZFxuICA+KFxuICAgIChfLCByb3dDb3VudCkgPT4ge1xuICAgICAgLy8gVGhpcyBjaGVja3MgaWYgdGhlIGNvbnRlbnQgaW4gdGhlIHRleHRhcmVhIGlzIGdyZWF0ZXIgdGhhbiBvbmUgcm93LiBJZiBpdCBpcywgdGhlbiB0aGUgdG9nZ2xlIGJ1dHRvbiB3aWxsIGJlIHNob3duLlxuICAgICAgLy8gVGhpcyBpcyB0byBwcmV2ZW50IHRoZSB0b2dnbGUgYnV0dG9uIGZyb20gc2hvd2luZyB3aGVuIHRoZXJlIGlzIG5vdCBlbm91Z2ggY29udGVudCB0byBleHBhbmQvY29sbGFwc2UuXG4gICAgICBzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b24ocm93Q291bnQgPiAxKTtcbiAgICB9LFxuICAgIFtzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b25dXG4gICk7XG5cbiAgaWYgKHByb3BzLnJpZ2h0QWN0aW9uSWNvbiAmJiAhcHJvcHMucmlnaHRBY3Rpb25Qcm9wcykge1xuICAgIHdhcm5pbmcoXG4gICAgICBmYWxzZSxcbiAgICAgICdTZWxlY3RhYmxlU2VhcmNoSW5wdXQ6IGByaWdodEFjdGlvbkljb25gIGlzIHByb3ZpZGVkIGJ1dCBgcmlnaHRBY3Rpb25Qcm9wc2AgaXMgbWlzc2luZy4gUHJvdmlkZSBhbiBvYmplY3Qgd2l0aCBhIGBsYWJlbGAgYW5kIGBvbkNsaWNrYCBwcm9wZXJ0eS4nXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8TXVsdGlsaW5lSW5wdXRXcmFwcGVyPlxuICAgICAgICAgIDxNdWx0aWxpbmVJbnB1dFxuICAgICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICAgIGF1dG9Db21wbGV0ZT17cHJvcHMuYXV0b0NvbXBsZXRlfVxuICAgICAgICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuICAgICAgICAgICAgb25IZWlnaHRDaGFuZ2U9e2hhbmRsZUhlaWdodENoYW5nZX1cbiAgICAgICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgICAgIG9uQmx1cj17cHJvcHMub25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgICAgICAgaGFzV2FybmluZz17cHJvcHMuaGFzV2FybmluZ31cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwcm9wcy5wbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgICBpc0F1dG9mb2N1c3NlZD17cHJvcHMuaXNBdXRvZm9jdXNzZWR9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIGNhY2hlTWVhc3VyZW1lbnRzPXtmYWxzZX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAke3Byb3BzLnJpZ2h0QWN0aW9uSWNvbiAmJlxuICAgICAgICAgICAgICBwcm9wcy5yaWdodEFjdGlvblByb3BzICYmXG4gICAgICAgICAgICAgIGRlc2lnblRva2Vucy5zcGFjaW5nNTB9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGlzQ29uZGVuc2VkPXtwcm9wcy5pc0NvbmRlbnNlZH1cbiAgICAgICAgICAgIG1heFJvd3M9e3Byb3BzLm1heFJvd3N9XG4gICAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICAgICAgLyogQVJJQSAqL1xuICAgICAgICAgICAgYXJpYS1pbnZhbGlkPXtwcm9wc1snYXJpYS1pbnZhbGlkJ119XG4gICAgICAgICAgICBhcmlhLWVycm9ybWVzc2FnZT17cHJvcHNbJ2FyaWEtZXJyb3JtZXNzYWdlJ119XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7cHJvcHMucmlnaHRBY3Rpb25JY29uICYmIHByb3BzLnJpZ2h0QWN0aW9uUHJvcHMgJiYgKFxuICAgICAgICAgICAgPGRpdiBjc3M9e2dldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMocHJvcHMpfT5cbiAgICAgICAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICAgICAgICBjb2xvcj1cImluZm9cIlxuICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgICAgICAgICBzaXplPXtwcm9wcy5pc0NvbmRlbnNlZCA/ICczMCcgOiAnNDAnfVxuICAgICAgICAgICAgICAgIGljb249e3Byb3BzLnJpZ2h0QWN0aW9uSWNvbn1cbiAgICAgICAgICAgICAgICB7Li4ucHJvcHMucmlnaHRBY3Rpb25Qcm9wc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTXVsdGlsaW5lSW5wdXRXcmFwcGVyPlxuICAgICAgICB7c2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uICYmIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlKCl9XG4gICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgaXNPcGVuXG4gICAgICAgICAgICAgICAgICA/IG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQuY29sbGFwc2VcbiAgICAgICAgICAgICAgICAgIDogbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5leHBhbmRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgICAgaXNPcGVuID8gKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlVXBJY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxBbmdsZURvd25JY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5NdWx0aWxpbmVUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTXVsdGlsaW5lVGV4dElucHV0JztcblxuTXVsdGlsaW5lVGV4dElucHV0LmlzRW1wdHkgPSAodmFsdWU6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1sndmFsdWUnXSkgPT5cbiAgIXZhbHVlIHx8IHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XG5NdWx0aWxpbmVUZXh0SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNdWx0aWxpbmVUZXh0SW5wdXQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const MultilineTextInput = props => {
   const intl = reactIntl.useIntl();
-  const _useState = react.useState(false),
+  const _useState = react$1.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     shouldRenderToggleButton = _useState2[0],
     setShouldRenderToggleButton = _useState2[1];
@@ -68,40 +90,57 @@ const MultilineTextInput = props => {
     isOpen = _useToggleState2[0],
     toggle = _useToggleState2[1];
   const onFocus = props.onFocus;
-  const handleFocus = react.useCallback(event => {
+  const handleFocus = react$1.useCallback(event => {
     if (!isOpen) toggle(true);
     if (onFocus) onFocus(event);
   }, [isOpen, onFocus, toggle]);
-  const handleHeightChange = react.useCallback((_, rowCount) => {
+  const handleHeightChange = react$1.useCallback((_, rowCount) => {
     // This checks if the content in the textarea is greater than one row. If it is, then the toggle button will be shown.
     // This is to prevent the toggle button from showing when there is not enough content to expand/collapse.
     setShouldRenderToggleButton(rowCount > 1);
   }, [setShouldRenderToggleButton]);
+  if (props.rightActionIcon && !props.rightActionProps) {
+    process.env.NODE_ENV !== "production" ? utils.warning(false, 'SelectableSearchInput: `rightActionIcon` is provided but `rightActionProps` is missing. Provide an object with a `label` and `onClick` property.') : void 0;
+  }
   return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
     max: props.horizontalConstraint,
     children: jsxRuntime.jsxs(Stack__default["default"], {
       scale: "xs",
-      children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread(_objectSpread({
-        name: props.name,
-        autoComplete: props.autoComplete,
-        value: props.value,
-        onChange: props.onChange,
-        onHeightChange: handleHeightChange,
-        id: props.id,
-        onBlur: props.onBlur,
-        onFocus: handleFocus,
-        isDisabled: props.isDisabled,
-        hasError: props.hasError,
-        hasWarning: props.hasWarning,
-        placeholder: props.placeholder,
-        isReadOnly: props.isReadOnly,
-        isAutofocussed: props.isAutofocussed,
-        isOpen: isOpen
-      }, utils.filterDataAttributes(props)), {}, {
-        /* ARIA */
-        "aria-invalid": props['aria-invalid'],
-        "aria-errormessage": props['aria-errormessage']
-      })), shouldRenderToggleButton && jsxRuntime.jsx("div", {
+      children: [jsxRuntime.jsxs(MultilineInputWrapper, {
+        children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread(_objectSpread({
+          name: props.name,
+          autoComplete: props.autoComplete,
+          value: props.value,
+          onChange: props.onChange,
+          onHeightChange: handleHeightChange,
+          id: props.id,
+          onBlur: props.onBlur,
+          onFocus: handleFocus,
+          isDisabled: props.isDisabled,
+          hasError: props.hasError,
+          hasWarning: props.hasWarning,
+          placeholder: props.placeholder,
+          isReadOnly: props.isReadOnly,
+          isAutofocussed: props.isAutofocussed,
+          isOpen: isOpen,
+          cacheMeasurements: false,
+          css: /*#__PURE__*/react.css("padding-right:", props.rightActionIcon && props.rightActionProps && designSystem.designTokens.spacing50, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MultilineTextInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtTW9CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG4gIFJlYWN0RWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNlY29uZGFyeUljb25CdXR0b24sIHtcbiAgdHlwZSBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQW5nbGVVcEljb24sIEFuZ2xlRG93bkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFN0YWNrIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLXN0YWNrJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIE11bHRpbGluZUlucHV0LFxuICBtZXNzYWdlc011bHRpbGluZUlucHV0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQge1xuICBNdWx0aWxpbmVJbnB1dFdyYXBwZXIsXG4gIGdldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMsXG59IGZyb20gJy4vbXVsdGlsaW5lLXRleHQtaW5wdXQuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC4gcHJvcGVydHlcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZSBpZiB0aGUgdmFsdWUgZW50ZXJlZCBpbiB0aGUgaW5wdXQgaXMgaW52YWxpZC5cbiAgICovXG4gICdhcmlhLWludmFsaWQnPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhUTUwgSUQgb2YgYW4gZWxlbWVudCBjb250YWluaW5nIGFuIGVycm9yIG1lc3NhZ2UgcmVsYXRlZCB0byB0aGUgaW5wdXQuXG4gICAqL1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgaWQgcHJvcGVydHkuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC5cbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2l0aCBhbiBldmVudCBjb250YWluaW5nIHRoZSBuZXcgdmFsdWUuIFJlcXVpcmVkIHdoZW4gaW5wdXQgaXMgbm90IHJlYWQgb25seS4gUGFyZW50IHNob3VsZCBwYXNzIGl0IGJhY2sgYXMgdmFsdWUuXG4gICAqL1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGJsdXJyZWRcbiAgICovXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9jdXMgdGhlIGlucHV0IG9uIGluaXRpYWwgcmVuZGVyXG4gICAqL1xuICBpc0F1dG9mb2N1c3NlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBFeHBhbmRzIG11bHRpbGluZSB0ZXh0IGlucHV0IGluaXRpYWxseVxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGNhbm5vdCBiZSBtb2RpZmllZCAoZS5nIG5vdCBhdXRob3JpemVkLCBvciBjaGFuZ2VzIGN1cnJlbnRseSBzYXZpbmcpLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZmllbGQgaXMgZGlzcGxheWluZyByZWFkLW9ubHkgY29udGVudFxuICAgKi9cbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGZvciB0aGUgaW5wdXRcbiAgICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgaW5wdXQgaGFzIGVycm9yc1xuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbCB0byBpbmRpY2F0ZSBvbiB0aGUgaW5wdXQgaWYgdGhlcmUgYXJlIHNlbGVjdGVkIHZhbHVlcyB0aGF0IGFyZSBwb3RlbnRpYWxseSBpbnZhbGlkXG4gICAqL1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgaW5wdXQgZmllbGRzLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcblxuICAvKipcbiAgICogQ3VzdG9tIGFjdGlvbiBpY29uIHRvIGJlIGRpc3BsYXllZCBvbiB0aGUgcmlnaHQgc2lkZSBvZiB0aGUgaW5wdXQuXG4gICAqL1xuICByaWdodEFjdGlvbkljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBQcm9wcyBmb3IgdGhlIHJpZ2h0LWFjdGlvbiBpY29uLWJ1dHRvbi4gUmVxdWlyZWQgd2hlbiByaWdodEFjdGlvbkljb24gaXMgcHJvdmlkZWQuXG4gICAqIEF0IGxlYXN0IGEgYGxhYmVsYCBhbmQgYW4gYG9uQ2xpY2tgIHByb3AvZnVuY3Rpb24gbmVlZCB0byBiZSBwcm92aWRlZC5cbiAgICovXG4gIHJpZ2h0QWN0aW9uUHJvcHM/OiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzO1xuICAvKipcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIHJlZHVjZSB0aGUgcGFkZGluZ3Mgb2YgdGhlIGlucHV0IGFsbG93aW5nIHRoZSBpbnB1dCB0byBkaXNwbGF5XG4gICAqIG1vcmUgZGF0YSBpbiBsZXNzIHNwYWNlLlxuICAgKlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRoaXMgdG8gdmFsdWUgdG8gZGV0ZXJtaW5lIHRoZSBtYXhpbXVtIHRleHQgcm93cyBvZiB0aGUgdGV4dCBhcmVhLlxuICAgKiBBbnkgdGV4dCBvdmVyZmxvdyBwYXN0IHRoaXMgcm93IG51bWJlciB3b3VsZCBpbXBsZW1lbnQgYSBzY3JvbGxcbiAgICovXG4gIG1heFJvd3M/OiBudW1iZXI7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcyxcbiAgJ2RlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0J1xuPiA9IHtcbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ6IGZhbHNlLFxufTtcblxuY29uc3QgTXVsdGlsaW5lVGV4dElucHV0ID0gKHByb3BzOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW3Nob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbiwgc2V0U2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uXSA9XG4gICAgdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHRvZ2dsZV0gPSB1c2VUb2dnbGVTdGF0ZShwcm9wcy5kZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dCk7XG5cbiAgY29uc3QgeyBvbkZvY3VzIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlRm9jdXMgPSB1c2VDYWxsYmFjazxGb2N1c0V2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzT3BlbikgdG9nZ2xlKHRydWUpO1xuICAgICAgaWYgKG9uRm9jdXMpIG9uRm9jdXMoZXZlbnQpO1xuICAgIH0sXG4gICAgW2lzT3Blbiwgb25Gb2N1cywgdG9nZ2xlXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUhlaWdodENoYW5nZSA9IHVzZUNhbGxiYWNrPFxuICAgIChoZWlnaHQ6IG51bWJlciwgcm93Q291bnQ6IG51bWJlcikgPT4gdm9pZFxuICA+KFxuICAgIChfLCByb3dDb3VudCkgPT4ge1xuICAgICAgLy8gVGhpcyBjaGVja3MgaWYgdGhlIGNvbnRlbnQgaW4gdGhlIHRleHRhcmVhIGlzIGdyZWF0ZXIgdGhhbiBvbmUgcm93LiBJZiBpdCBpcywgdGhlbiB0aGUgdG9nZ2xlIGJ1dHRvbiB3aWxsIGJlIHNob3duLlxuICAgICAgLy8gVGhpcyBpcyB0byBwcmV2ZW50IHRoZSB0b2dnbGUgYnV0dG9uIGZyb20gc2hvd2luZyB3aGVuIHRoZXJlIGlzIG5vdCBlbm91Z2ggY29udGVudCB0byBleHBhbmQvY29sbGFwc2UuXG4gICAgICBzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b24ocm93Q291bnQgPiAxKTtcbiAgICB9LFxuICAgIFtzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b25dXG4gICk7XG5cbiAgaWYgKHByb3BzLnJpZ2h0QWN0aW9uSWNvbiAmJiAhcHJvcHMucmlnaHRBY3Rpb25Qcm9wcykge1xuICAgIHdhcm5pbmcoXG4gICAgICBmYWxzZSxcbiAgICAgICdTZWxlY3RhYmxlU2VhcmNoSW5wdXQ6IGByaWdodEFjdGlvbkljb25gIGlzIHByb3ZpZGVkIGJ1dCBgcmlnaHRBY3Rpb25Qcm9wc2AgaXMgbWlzc2luZy4gUHJvdmlkZSBhbiBvYmplY3Qgd2l0aCBhIGBsYWJlbGAgYW5kIGBvbkNsaWNrYCBwcm9wZXJ0eS4nXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8TXVsdGlsaW5lSW5wdXRXcmFwcGVyPlxuICAgICAgICAgIDxNdWx0aWxpbmVJbnB1dFxuICAgICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICAgIGF1dG9Db21wbGV0ZT17cHJvcHMuYXV0b0NvbXBsZXRlfVxuICAgICAgICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuICAgICAgICAgICAgb25IZWlnaHRDaGFuZ2U9e2hhbmRsZUhlaWdodENoYW5nZX1cbiAgICAgICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgICAgIG9uQmx1cj17cHJvcHMub25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgICAgICAgaGFzV2FybmluZz17cHJvcHMuaGFzV2FybmluZ31cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwcm9wcy5wbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgICBpc0F1dG9mb2N1c3NlZD17cHJvcHMuaXNBdXRvZm9jdXNzZWR9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIGNhY2hlTWVhc3VyZW1lbnRzPXtmYWxzZX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAke3Byb3BzLnJpZ2h0QWN0aW9uSWNvbiAmJlxuICAgICAgICAgICAgICBwcm9wcy5yaWdodEFjdGlvblByb3BzICYmXG4gICAgICAgICAgICAgIGRlc2lnblRva2Vucy5zcGFjaW5nNTB9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGlzQ29uZGVuc2VkPXtwcm9wcy5pc0NvbmRlbnNlZH1cbiAgICAgICAgICAgIG1heFJvd3M9e3Byb3BzLm1heFJvd3N9XG4gICAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICAgICAgLyogQVJJQSAqL1xuICAgICAgICAgICAgYXJpYS1pbnZhbGlkPXtwcm9wc1snYXJpYS1pbnZhbGlkJ119XG4gICAgICAgICAgICBhcmlhLWVycm9ybWVzc2FnZT17cHJvcHNbJ2FyaWEtZXJyb3JtZXNzYWdlJ119XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7cHJvcHMucmlnaHRBY3Rpb25JY29uICYmIHByb3BzLnJpZ2h0QWN0aW9uUHJvcHMgJiYgKFxuICAgICAgICAgICAgPGRpdiBjc3M9e2dldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMocHJvcHMpfT5cbiAgICAgICAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICAgICAgICBjb2xvcj1cImluZm9cIlxuICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgICAgICAgICBzaXplPXtwcm9wcy5pc0NvbmRlbnNlZCA/ICczMCcgOiAnNDAnfVxuICAgICAgICAgICAgICAgIGljb249e3Byb3BzLnJpZ2h0QWN0aW9uSWNvbn1cbiAgICAgICAgICAgICAgICB7Li4ucHJvcHMucmlnaHRBY3Rpb25Qcm9wc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTXVsdGlsaW5lSW5wdXRXcmFwcGVyPlxuICAgICAgICB7c2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uICYmIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlKCl9XG4gICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgaXNPcGVuXG4gICAgICAgICAgICAgICAgICA/IG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQuY29sbGFwc2VcbiAgICAgICAgICAgICAgICAgIDogbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5leHBhbmRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgICAgaXNPcGVuID8gKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlVXBJY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxBbmdsZURvd25JY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5NdWx0aWxpbmVUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTXVsdGlsaW5lVGV4dElucHV0JztcblxuTXVsdGlsaW5lVGV4dElucHV0LmlzRW1wdHkgPSAodmFsdWU6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1sndmFsdWUnXSkgPT5cbiAgIXZhbHVlIHx8IHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XG5NdWx0aWxpbmVUZXh0SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNdWx0aWxpbmVUZXh0SW5wdXQ7XG4iXX0= */"),
+          isCondensed: props.isCondensed,
+          maxRows: props.maxRows
+        }, utils.filterDataAttributes(props)), {}, {
+          /* ARIA */
+          "aria-invalid": props['aria-invalid'],
+          "aria-errormessage": props['aria-errormessage']
+        })), props.rightActionIcon && props.rightActionProps && jsxRuntime.jsx("div", {
+          css: getMultilineTextInputActionIconStyles(props),
+          children: jsxRuntime.jsx(SecondaryIconButton__default["default"], _objectSpread({
+            color: "info",
+            isDisabled: props.isDisabled || props.isReadOnly,
+            size: props.isCondensed ? '30' : '40',
+            icon: props.rightActionIcon
+          }, props.rightActionProps))
+        })]
+      }), shouldRenderToggleButton && jsxRuntime.jsx("div", {
         css: _ref,
         children: jsxRuntime.jsx(FlatButton__default["default"], {
           onClick: () => toggle(),
@@ -134,7 +173,11 @@ MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
   placeholder: _pt__default["default"].string,
   hasError: _pt__default["default"].bool,
   hasWarning: _pt__default["default"].bool,
-  horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
+  horizontalConstraint: _pt__default["default"].oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  rightActionIcon: _pt__default["default"].element,
+  rightActionProps: _pt__default["default"].any,
+  isCondensed: _pt__default["default"].bool,
+  maxRows: _pt__default["default"].number
 } : {};
 MultilineTextInput.displayName = 'MultilineTextInput';
 MultilineTextInput.isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
@@ -142,7 +185,7 @@ MultilineTextInput.defaultProps = defaultProps;
 var MultilineTextInput$1 = MultilineTextInput;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.4.0";
+var version = "19.6.0";
 exports["default"] = MultilineTextInput$1;
 exports.version = version;

package/dist/commercetools-uikit-multiline-text-input.cjs.prod.js CHANGED Viewed

@@ -14,16 +14,19 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('prop-types');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var react = require('react');
+var react$1 = require('react');
+var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
 var reactIntl = require('react-intl');
-require('@emotion/react');
+var react = require('@emotion/react');
 var icons = require('@commercetools-uikit/icons');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var hooks = require('@commercetools-uikit/hooks');
 var utils = require('@commercetools-uikit/utils');
 var Stack = require('@commercetools-uikit/spacings-stack');
 var Constraints = require('@commercetools-uikit/constraints');
+var designSystem = require('@commercetools-uikit/design-system');
 var inputUtils = require('@commercetools-uikit/input-utils');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -37,9 +40,19 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
+var SecondaryIconButton__default = /*#__PURE__*/_interopDefault(SecondaryIconButton);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var Stack__default = /*#__PURE__*/_interopDefault(Stack);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+const getMultilineTextInputActionIconStyles = props => /*#__PURE__*/react.css("position:absolute;right:", designSystem.designTokens.spacing30, ";top:0;height:", props.isCondensed ? "".concat(designSystem.designTokens.heightForInputAsSmall) : "".concat(designSystem.designTokens.heightForInput), ";padding:0;display:flex;justify-content:center;align-items:center;" + ("" ), "" );
+const MultilineInputWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "eg1owae0"
+} )({
+  name: "8sarsy",
+  styles: "position:relative;display:inline-block;width:100%"
+} );
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -52,7 +65,7 @@ var _ref = {
 } ;
 const MultilineTextInput = props => {
   const intl = reactIntl.useIntl();
-  const _useState = react.useState(false),
+  const _useState = react$1.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     shouldRenderToggleButton = _useState2[0],
     setShouldRenderToggleButton = _useState2[1];
@@ -61,40 +74,55 @@ const MultilineTextInput = props => {
     isOpen = _useToggleState2[0],
     toggle = _useToggleState2[1];
   const onFocus = props.onFocus;
-  const handleFocus = react.useCallback(event => {
+  const handleFocus = react$1.useCallback(event => {
     if (!isOpen) toggle(true);
     if (onFocus) onFocus(event);
   }, [isOpen, onFocus, toggle]);
-  const handleHeightChange = react.useCallback((_, rowCount) => {
+  const handleHeightChange = react$1.useCallback((_, rowCount) => {
     // This checks if the content in the textarea is greater than one row. If it is, then the toggle button will be shown.
     // This is to prevent the toggle button from showing when there is not enough content to expand/collapse.
     setShouldRenderToggleButton(rowCount > 1);
   }, [setShouldRenderToggleButton]);
+  if (props.rightActionIcon && !props.rightActionProps) ;
   return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
     max: props.horizontalConstraint,
     children: jsxRuntime.jsxs(Stack__default["default"], {
       scale: "xs",
-      children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread(_objectSpread({
-        name: props.name,
-        autoComplete: props.autoComplete,
-        value: props.value,
-        onChange: props.onChange,
-        onHeightChange: handleHeightChange,
-        id: props.id,
-        onBlur: props.onBlur,
-        onFocus: handleFocus,
-        isDisabled: props.isDisabled,
-        hasError: props.hasError,
-        hasWarning: props.hasWarning,
-        placeholder: props.placeholder,
-        isReadOnly: props.isReadOnly,
-        isAutofocussed: props.isAutofocussed,
-        isOpen: isOpen
-      }, utils.filterDataAttributes(props)), {}, {
-        /* ARIA */
-        "aria-invalid": props['aria-invalid'],
-        "aria-errormessage": props['aria-errormessage']
-      })), shouldRenderToggleButton && jsxRuntime.jsx("div", {
+      children: [jsxRuntime.jsxs(MultilineInputWrapper, {
+        children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread(_objectSpread({
+          name: props.name,
+          autoComplete: props.autoComplete,
+          value: props.value,
+          onChange: props.onChange,
+          onHeightChange: handleHeightChange,
+          id: props.id,
+          onBlur: props.onBlur,
+          onFocus: handleFocus,
+          isDisabled: props.isDisabled,
+          hasError: props.hasError,
+          hasWarning: props.hasWarning,
+          placeholder: props.placeholder,
+          isReadOnly: props.isReadOnly,
+          isAutofocussed: props.isAutofocussed,
+          isOpen: isOpen,
+          cacheMeasurements: false,
+          css: /*#__PURE__*/react.css("padding-right:", props.rightActionIcon && props.rightActionProps && designSystem.designTokens.spacing50, ";" + ("" ), "" ),
+          isCondensed: props.isCondensed,
+          maxRows: props.maxRows
+        }, utils.filterDataAttributes(props)), {}, {
+          /* ARIA */
+          "aria-invalid": props['aria-invalid'],
+          "aria-errormessage": props['aria-errormessage']
+        })), props.rightActionIcon && props.rightActionProps && jsxRuntime.jsx("div", {
+          css: getMultilineTextInputActionIconStyles(props),
+          children: jsxRuntime.jsx(SecondaryIconButton__default["default"], _objectSpread({
+            color: "info",
+            isDisabled: props.isDisabled || props.isReadOnly,
+            size: props.isCondensed ? '30' : '40',
+            icon: props.rightActionIcon
+          }, props.rightActionProps))
+        })]
+      }), shouldRenderToggleButton && jsxRuntime.jsx("div", {
         css: _ref,
         children: jsxRuntime.jsx(FlatButton__default["default"], {
           onClick: () => toggle(),
@@ -117,7 +145,7 @@ MultilineTextInput.defaultProps = defaultProps;
 var MultilineTextInput$1 = MultilineTextInput;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.4.0";
+var version = "19.6.0";
 exports["default"] = MultilineTextInput$1;
 exports.version = version;

package/dist/commercetools-uikit-multiline-text-input.esm.js CHANGED Viewed

@@ -11,17 +11,37 @@ import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _pt from 'prop-types';
 import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
 import { useState, useCallback } from 'react';
+import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
 import { useIntl } from 'react-intl';
-import '@emotion/react';
+import { css } from '@emotion/react';
 import { AngleUpIcon, AngleDownIcon } from '@commercetools-uikit/icons';
 import FlatButton from '@commercetools-uikit/flat-button';
 import { useToggleState } from '@commercetools-uikit/hooks';
-import { filterDataAttributes } from '@commercetools-uikit/utils';
+import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
 import Stack from '@commercetools-uikit/spacings-stack';
 import Constraints from '@commercetools-uikit/constraints';
+import { designTokens } from '@commercetools-uikit/design-system';
 import { MultilineInput, messagesMultilineInput } from '@commercetools-uikit/input-utils';
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { 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)."; }
+const getMultilineTextInputActionIconStyles = props => /*#__PURE__*/css("position:absolute;right:", designTokens.spacing30, ";top:0;height:", props.isCondensed ? "".concat(designTokens.heightForInputAsSmall) : "".concat(designTokens.heightForInput), ";padding:0;display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:getMultilineTextInputActionIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPUSIsImZpbGUiOiJtdWx0aWxpbmUtdGV4dC1pbnB1dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzIH0gZnJvbSAnLi9tdWx0aWxpbmUtdGV4dC1pbnB1dCc7XG5cbmNvbnN0IGdldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMgPSAoXG4gIHByb3BzOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHNcbikgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICB0b3A6IDA7XG4gIGhlaWdodDogJHtwcm9wcy5pc0NvbmRlbnNlZFxuICAgID8gYCR7ZGVzaWduVG9rZW5zLmhlaWdodEZvcklucHV0QXNTbWFsbH1gXG4gICAgOiBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXR9YH07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgTXVsdGlsaW5lSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IHsgZ2V0TXVsdGlsaW5lVGV4dElucHV0QWN0aW9uSWNvblN0eWxlcywgTXVsdGlsaW5lSW5wdXRXcmFwcGVyIH07XG4iXX0= */");
+const MultilineInputWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eg1owae0"
+} : {
+  target: "eg1owae0",
+  label: "MultilineInputWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "8sarsy",
+  styles: "position:relative;display:inline-block;width:100%"
+} : {
+  name: "8sarsy",
+  styles: "position:relative;display:inline-block;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndDIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgdHlwZSBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMgfSBmcm9tICcuL211bHRpbGluZS10ZXh0LWlucHV0JztcblxuY29uc3QgZ2V0TXVsdGlsaW5lVGV4dElucHV0QWN0aW9uSWNvblN0eWxlcyA9IChcbiAgcHJvcHM6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1xuKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAke3Byb3BzLmlzQ29uZGVuc2VkXG4gICAgPyBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXRBc1NtYWxsfWBcbiAgICA6IGAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JJbnB1dH1gfTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBNdWx0aWxpbmVJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgeyBnZXRNdWx0aWxpbmVUZXh0SW5wdXRBY3Rpb25JY29uU3R5bGVzLCBNdWx0aWxpbmVJbnB1dFdyYXBwZXIgfTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 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)."; }
@@ -34,7 +54,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "7hlegj-MultilineTextInput",
   styles: "display:flex;justify-content:flex-end;label:MultilineTextInput;",
-  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 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Tm9CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG4gIFJlYWN0RWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNlY29uZGFyeUljb25CdXR0b24sIHtcbiAgdHlwZSBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQW5nbGVVcEljb24sIEFuZ2xlRG93bkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFN0YWNrIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLXN0YWNrJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIE11bHRpbGluZUlucHV0LFxuICBtZXNzYWdlc011bHRpbGluZUlucHV0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQge1xuICBNdWx0aWxpbmVJbnB1dFdyYXBwZXIsXG4gIGdldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMsXG59IGZyb20gJy4vbXVsdGlsaW5lLXRleHQtaW5wdXQuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC4gcHJvcGVydHlcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZSBpZiB0aGUgdmFsdWUgZW50ZXJlZCBpbiB0aGUgaW5wdXQgaXMgaW52YWxpZC5cbiAgICovXG4gICdhcmlhLWludmFsaWQnPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhUTUwgSUQgb2YgYW4gZWxlbWVudCBjb250YWluaW5nIGFuIGVycm9yIG1lc3NhZ2UgcmVsYXRlZCB0byB0aGUgaW5wdXQuXG4gICAqL1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgaWQgcHJvcGVydHkuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC5cbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2l0aCBhbiBldmVudCBjb250YWluaW5nIHRoZSBuZXcgdmFsdWUuIFJlcXVpcmVkIHdoZW4gaW5wdXQgaXMgbm90IHJlYWQgb25seS4gUGFyZW50IHNob3VsZCBwYXNzIGl0IGJhY2sgYXMgdmFsdWUuXG4gICAqL1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGJsdXJyZWRcbiAgICovXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9jdXMgdGhlIGlucHV0IG9uIGluaXRpYWwgcmVuZGVyXG4gICAqL1xuICBpc0F1dG9mb2N1c3NlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBFeHBhbmRzIG11bHRpbGluZSB0ZXh0IGlucHV0IGluaXRpYWxseVxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGNhbm5vdCBiZSBtb2RpZmllZCAoZS5nIG5vdCBhdXRob3JpemVkLCBvciBjaGFuZ2VzIGN1cnJlbnRseSBzYXZpbmcpLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZmllbGQgaXMgZGlzcGxheWluZyByZWFkLW9ubHkgY29udGVudFxuICAgKi9cbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGZvciB0aGUgaW5wdXRcbiAgICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgaW5wdXQgaGFzIGVycm9yc1xuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbCB0byBpbmRpY2F0ZSBvbiB0aGUgaW5wdXQgaWYgdGhlcmUgYXJlIHNlbGVjdGVkIHZhbHVlcyB0aGF0IGFyZSBwb3RlbnRpYWxseSBpbnZhbGlkXG4gICAqL1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgaW5wdXQgZmllbGRzLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcblxuICAvKipcbiAgICogQ3VzdG9tIGFjdGlvbiBpY29uIHRvIGJlIGRpc3BsYXllZCBvbiB0aGUgcmlnaHQgc2lkZSBvZiB0aGUgaW5wdXQuXG4gICAqL1xuICByaWdodEFjdGlvbkljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBQcm9wcyBmb3IgdGhlIHJpZ2h0LWFjdGlvbiBpY29uLWJ1dHRvbi4gUmVxdWlyZWQgd2hlbiByaWdodEFjdGlvbkljb24gaXMgcHJvdmlkZWQuXG4gICAqIEF0IGxlYXN0IGEgYGxhYmVsYCBhbmQgYW4gYG9uQ2xpY2tgIHByb3AvZnVuY3Rpb24gbmVlZCB0byBiZSBwcm92aWRlZC5cbiAgICovXG4gIHJpZ2h0QWN0aW9uUHJvcHM/OiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzO1xuICAvKipcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIHJlZHVjZSB0aGUgcGFkZGluZ3Mgb2YgdGhlIGlucHV0IGFsbG93aW5nIHRoZSBpbnB1dCB0byBkaXNwbGF5XG4gICAqIG1vcmUgZGF0YSBpbiBsZXNzIHNwYWNlLlxuICAgKlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRoaXMgdG8gdmFsdWUgdG8gZGV0ZXJtaW5lIHRoZSBtYXhpbXVtIHRleHQgcm93cyBvZiB0aGUgdGV4dCBhcmVhLlxuICAgKiBBbnkgdGV4dCBvdmVyZmxvdyBwYXN0IHRoaXMgcm93IG51bWJlciB3b3VsZCBpbXBsZW1lbnQgYSBzY3JvbGxcbiAgICovXG4gIG1heFJvd3M/OiBudW1iZXI7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcyxcbiAgJ2RlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0J1xuPiA9IHtcbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ6IGZhbHNlLFxufTtcblxuY29uc3QgTXVsdGlsaW5lVGV4dElucHV0ID0gKHByb3BzOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW3Nob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbiwgc2V0U2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uXSA9XG4gICAgdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHRvZ2dsZV0gPSB1c2VUb2dnbGVTdGF0ZShwcm9wcy5kZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dCk7XG5cbiAgY29uc3QgeyBvbkZvY3VzIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlRm9jdXMgPSB1c2VDYWxsYmFjazxGb2N1c0V2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzT3BlbikgdG9nZ2xlKHRydWUpO1xuICAgICAgaWYgKG9uRm9jdXMpIG9uRm9jdXMoZXZlbnQpO1xuICAgIH0sXG4gICAgW2lzT3Blbiwgb25Gb2N1cywgdG9nZ2xlXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUhlaWdodENoYW5nZSA9IHVzZUNhbGxiYWNrPFxuICAgIChoZWlnaHQ6IG51bWJlciwgcm93Q291bnQ6IG51bWJlcikgPT4gdm9pZFxuICA+KFxuICAgIChfLCByb3dDb3VudCkgPT4ge1xuICAgICAgLy8gVGhpcyBjaGVja3MgaWYgdGhlIGNvbnRlbnQgaW4gdGhlIHRleHRhcmVhIGlzIGdyZWF0ZXIgdGhhbiBvbmUgcm93LiBJZiBpdCBpcywgdGhlbiB0aGUgdG9nZ2xlIGJ1dHRvbiB3aWxsIGJlIHNob3duLlxuICAgICAgLy8gVGhpcyBpcyB0byBwcmV2ZW50IHRoZSB0b2dnbGUgYnV0dG9uIGZyb20gc2hvd2luZyB3aGVuIHRoZXJlIGlzIG5vdCBlbm91Z2ggY29udGVudCB0byBleHBhbmQvY29sbGFwc2UuXG4gICAgICBzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b24ocm93Q291bnQgPiAxKTtcbiAgICB9LFxuICAgIFtzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b25dXG4gICk7XG5cbiAgaWYgKHByb3BzLnJpZ2h0QWN0aW9uSWNvbiAmJiAhcHJvcHMucmlnaHRBY3Rpb25Qcm9wcykge1xuICAgIHdhcm5pbmcoXG4gICAgICBmYWxzZSxcbiAgICAgICdTZWxlY3RhYmxlU2VhcmNoSW5wdXQ6IGByaWdodEFjdGlvbkljb25gIGlzIHByb3ZpZGVkIGJ1dCBgcmlnaHRBY3Rpb25Qcm9wc2AgaXMgbWlzc2luZy4gUHJvdmlkZSBhbiBvYmplY3Qgd2l0aCBhIGBsYWJlbGAgYW5kIGBvbkNsaWNrYCBwcm9wZXJ0eS4nXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8TXVsdGlsaW5lSW5wdXRXcmFwcGVyPlxuICAgICAgICAgIDxNdWx0aWxpbmVJbnB1dFxuICAgICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICAgIGF1dG9Db21wbGV0ZT17cHJvcHMuYXV0b0NvbXBsZXRlfVxuICAgICAgICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuICAgICAgICAgICAgb25IZWlnaHRDaGFuZ2U9e2hhbmRsZUhlaWdodENoYW5nZX1cbiAgICAgICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgICAgIG9uQmx1cj17cHJvcHMub25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgICAgICAgaGFzV2FybmluZz17cHJvcHMuaGFzV2FybmluZ31cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwcm9wcy5wbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgICBpc0F1dG9mb2N1c3NlZD17cHJvcHMuaXNBdXRvZm9jdXNzZWR9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIGNhY2hlTWVhc3VyZW1lbnRzPXtmYWxzZX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAke3Byb3BzLnJpZ2h0QWN0aW9uSWNvbiAmJlxuICAgICAgICAgICAgICBwcm9wcy5yaWdodEFjdGlvblByb3BzICYmXG4gICAgICAgICAgICAgIGRlc2lnblRva2Vucy5zcGFjaW5nNTB9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGlzQ29uZGVuc2VkPXtwcm9wcy5pc0NvbmRlbnNlZH1cbiAgICAgICAgICAgIG1heFJvd3M9e3Byb3BzLm1heFJvd3N9XG4gICAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICAgICAgLyogQVJJQSAqL1xuICAgICAgICAgICAgYXJpYS1pbnZhbGlkPXtwcm9wc1snYXJpYS1pbnZhbGlkJ119XG4gICAgICAgICAgICBhcmlhLWVycm9ybWVzc2FnZT17cHJvcHNbJ2FyaWEtZXJyb3JtZXNzYWdlJ119XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7cHJvcHMucmlnaHRBY3Rpb25JY29uICYmIHByb3BzLnJpZ2h0QWN0aW9uUHJvcHMgJiYgKFxuICAgICAgICAgICAgPGRpdiBjc3M9e2dldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMocHJvcHMpfT5cbiAgICAgICAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICAgICAgICBjb2xvcj1cImluZm9cIlxuICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgICAgICAgICBzaXplPXtwcm9wcy5pc0NvbmRlbnNlZCA/ICczMCcgOiAnNDAnfVxuICAgICAgICAgICAgICAgIGljb249e3Byb3BzLnJpZ2h0QWN0aW9uSWNvbn1cbiAgICAgICAgICAgICAgICB7Li4ucHJvcHMucmlnaHRBY3Rpb25Qcm9wc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTXVsdGlsaW5lSW5wdXRXcmFwcGVyPlxuICAgICAgICB7c2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uICYmIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlKCl9XG4gICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgaXNPcGVuXG4gICAgICAgICAgICAgICAgICA/IG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQuY29sbGFwc2VcbiAgICAgICAgICAgICAgICAgIDogbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5leHBhbmRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgICAgaXNPcGVuID8gKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlVXBJY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxBbmdsZURvd25JY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5NdWx0aWxpbmVUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTXVsdGlsaW5lVGV4dElucHV0JztcblxuTXVsdGlsaW5lVGV4dElucHV0LmlzRW1wdHkgPSAodmFsdWU6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1sndmFsdWUnXSkgPT5cbiAgIXZhbHVlIHx8IHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XG5NdWx0aWxpbmVUZXh0SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNdWx0aWxpbmVUZXh0SW5wdXQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const MultilineTextInput = props => {
@@ -57,31 +77,48 @@ const MultilineTextInput = props => {
     // This is to prevent the toggle button from showing when there is not enough content to expand/collapse.
     setShouldRenderToggleButton(rowCount > 1);
   }, [setShouldRenderToggleButton]);
+  if (props.rightActionIcon && !props.rightActionProps) {
+    process.env.NODE_ENV !== "production" ? warning(false, 'SelectableSearchInput: `rightActionIcon` is provided but `rightActionProps` is missing. Provide an object with a `label` and `onClick` property.') : void 0;
+  }
   return jsx(Constraints.Horizontal, {
     max: props.horizontalConstraint,
     children: jsxs(Stack, {
       scale: "xs",
-      children: [jsx(MultilineInput, _objectSpread(_objectSpread({
-        name: props.name,
-        autoComplete: props.autoComplete,
-        value: props.value,
-        onChange: props.onChange,
-        onHeightChange: handleHeightChange,
-        id: props.id,
-        onBlur: props.onBlur,
-        onFocus: handleFocus,
-        isDisabled: props.isDisabled,
-        hasError: props.hasError,
-        hasWarning: props.hasWarning,
-        placeholder: props.placeholder,
-        isReadOnly: props.isReadOnly,
-        isAutofocussed: props.isAutofocussed,
-        isOpen: isOpen
-      }, filterDataAttributes(props)), {}, {
-        /* ARIA */
-        "aria-invalid": props['aria-invalid'],
-        "aria-errormessage": props['aria-errormessage']
-      })), shouldRenderToggleButton && jsx("div", {
+      children: [jsxs(MultilineInputWrapper, {
+        children: [jsx(MultilineInput, _objectSpread(_objectSpread({
+          name: props.name,
+          autoComplete: props.autoComplete,
+          value: props.value,
+          onChange: props.onChange,
+          onHeightChange: handleHeightChange,
+          id: props.id,
+          onBlur: props.onBlur,
+          onFocus: handleFocus,
+          isDisabled: props.isDisabled,
+          hasError: props.hasError,
+          hasWarning: props.hasWarning,
+          placeholder: props.placeholder,
+          isReadOnly: props.isReadOnly,
+          isAutofocussed: props.isAutofocussed,
+          isOpen: isOpen,
+          cacheMeasurements: false,
+          css: /*#__PURE__*/css("padding-right:", props.rightActionIcon && props.rightActionProps && designTokens.spacing50, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MultilineTextInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtTW9CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG4gIFJlYWN0RWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNlY29uZGFyeUljb25CdXR0b24sIHtcbiAgdHlwZSBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQW5nbGVVcEljb24sIEFuZ2xlRG93bkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFN0YWNrIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLXN0YWNrJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIE11bHRpbGluZUlucHV0LFxuICBtZXNzYWdlc011bHRpbGluZUlucHV0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQge1xuICBNdWx0aWxpbmVJbnB1dFdyYXBwZXIsXG4gIGdldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMsXG59IGZyb20gJy4vbXVsdGlsaW5lLXRleHQtaW5wdXQuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVE11bHRpbGluZVRleHRJbnB1dFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC4gcHJvcGVydHlcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZSBpZiB0aGUgdmFsdWUgZW50ZXJlZCBpbiB0aGUgaW5wdXQgaXMgaW52YWxpZC5cbiAgICovXG4gICdhcmlhLWludmFsaWQnPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhUTUwgSUQgb2YgYW4gZWxlbWVudCBjb250YWluaW5nIGFuIGVycm9yIG1lc3NhZ2UgcmVsYXRlZCB0byB0aGUgaW5wdXQuXG4gICAqL1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgaWQgcHJvcGVydHkuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIGlucHV0IGNvbXBvbmVudC5cbiAgICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2l0aCBhbiBldmVudCBjb250YWluaW5nIHRoZSBuZXcgdmFsdWUuIFJlcXVpcmVkIHdoZW4gaW5wdXQgaXMgbm90IHJlYWQgb25seS4gUGFyZW50IHNob3VsZCBwYXNzIGl0IGJhY2sgYXMgdmFsdWUuXG4gICAqL1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIGlucHV0IGlzIGJsdXJyZWRcbiAgICovXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9jdXMgdGhlIGlucHV0IG9uIGluaXRpYWwgcmVuZGVyXG4gICAqL1xuICBpc0F1dG9mb2N1c3NlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBFeHBhbmRzIG11bHRpbGluZSB0ZXh0IGlucHV0IGluaXRpYWxseVxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGlucHV0IGNhbm5vdCBiZSBtb2RpZmllZCAoZS5nIG5vdCBhdXRob3JpemVkLCBvciBjaGFuZ2VzIGN1cnJlbnRseSBzYXZpbmcpLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZmllbGQgaXMgZGlzcGxheWluZyByZWFkLW9ubHkgY29udGVudFxuICAgKi9cbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGZvciB0aGUgaW5wdXRcbiAgICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgaW5wdXQgaGFzIGVycm9yc1xuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbCB0byBpbmRpY2F0ZSBvbiB0aGUgaW5wdXQgaWYgdGhlcmUgYXJlIHNlbGVjdGVkIHZhbHVlcyB0aGF0IGFyZSBwb3RlbnRpYWxseSBpbnZhbGlkXG4gICAqL1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgaW5wdXQgZmllbGRzLlxuICAgKi9cbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ/OlxuICAgIHwgNlxuICAgIHwgN1xuICAgIHwgOFxuICAgIHwgOVxuICAgIHwgMTBcbiAgICB8IDExXG4gICAgfCAxMlxuICAgIHwgMTNcbiAgICB8IDE0XG4gICAgfCAxNVxuICAgIHwgMTZcbiAgICB8ICdzY2FsZSdcbiAgICB8ICdhdXRvJztcblxuICAvKipcbiAgICogQ3VzdG9tIGFjdGlvbiBpY29uIHRvIGJlIGRpc3BsYXllZCBvbiB0aGUgcmlnaHQgc2lkZSBvZiB0aGUgaW5wdXQuXG4gICAqL1xuICByaWdodEFjdGlvbkljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBQcm9wcyBmb3IgdGhlIHJpZ2h0LWFjdGlvbiBpY29uLWJ1dHRvbi4gUmVxdWlyZWQgd2hlbiByaWdodEFjdGlvbkljb24gaXMgcHJvdmlkZWQuXG4gICAqIEF0IGxlYXN0IGEgYGxhYmVsYCBhbmQgYW4gYG9uQ2xpY2tgIHByb3AvZnVuY3Rpb24gbmVlZCB0byBiZSBwcm92aWRlZC5cbiAgICovXG4gIHJpZ2h0QWN0aW9uUHJvcHM/OiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzO1xuICAvKipcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIHJlZHVjZSB0aGUgcGFkZGluZ3Mgb2YgdGhlIGlucHV0IGFsbG93aW5nIHRoZSBpbnB1dCB0byBkaXNwbGF5XG4gICAqIG1vcmUgZGF0YSBpbiBsZXNzIHNwYWNlLlxuICAgKlxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRoaXMgdG8gdmFsdWUgdG8gZGV0ZXJtaW5lIHRoZSBtYXhpbXVtIHRleHQgcm93cyBvZiB0aGUgdGV4dCBhcmVhLlxuICAgKiBBbnkgdGV4dCBvdmVyZmxvdyBwYXN0IHRoaXMgcm93IG51bWJlciB3b3VsZCBpbXBsZW1lbnQgYSBzY3JvbGxcbiAgICovXG4gIG1heFJvd3M/OiBudW1iZXI7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wcyxcbiAgJ2RlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0J1xuPiA9IHtcbiAgZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQ6IGZhbHNlLFxufTtcblxuY29uc3QgTXVsdGlsaW5lVGV4dElucHV0ID0gKHByb3BzOiBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW3Nob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbiwgc2V0U2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uXSA9XG4gICAgdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtpc09wZW4sIHRvZ2dsZV0gPSB1c2VUb2dnbGVTdGF0ZShwcm9wcy5kZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dCk7XG5cbiAgY29uc3QgeyBvbkZvY3VzIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlRm9jdXMgPSB1c2VDYWxsYmFjazxGb2N1c0V2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzT3BlbikgdG9nZ2xlKHRydWUpO1xuICAgICAgaWYgKG9uRm9jdXMpIG9uRm9jdXMoZXZlbnQpO1xuICAgIH0sXG4gICAgW2lzT3Blbiwgb25Gb2N1cywgdG9nZ2xlXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUhlaWdodENoYW5nZSA9IHVzZUNhbGxiYWNrPFxuICAgIChoZWlnaHQ6IG51bWJlciwgcm93Q291bnQ6IG51bWJlcikgPT4gdm9pZFxuICA+KFxuICAgIChfLCByb3dDb3VudCkgPT4ge1xuICAgICAgLy8gVGhpcyBjaGVja3MgaWYgdGhlIGNvbnRlbnQgaW4gdGhlIHRleHRhcmVhIGlzIGdyZWF0ZXIgdGhhbiBvbmUgcm93LiBJZiBpdCBpcywgdGhlbiB0aGUgdG9nZ2xlIGJ1dHRvbiB3aWxsIGJlIHNob3duLlxuICAgICAgLy8gVGhpcyBpcyB0byBwcmV2ZW50IHRoZSB0b2dnbGUgYnV0dG9uIGZyb20gc2hvd2luZyB3aGVuIHRoZXJlIGlzIG5vdCBlbm91Z2ggY29udGVudCB0byBleHBhbmQvY29sbGFwc2UuXG4gICAgICBzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b24ocm93Q291bnQgPiAxKTtcbiAgICB9LFxuICAgIFtzZXRTaG91bGRSZW5kZXJUb2dnbGVCdXR0b25dXG4gICk7XG5cbiAgaWYgKHByb3BzLnJpZ2h0QWN0aW9uSWNvbiAmJiAhcHJvcHMucmlnaHRBY3Rpb25Qcm9wcykge1xuICAgIHdhcm5pbmcoXG4gICAgICBmYWxzZSxcbiAgICAgICdTZWxlY3RhYmxlU2VhcmNoSW5wdXQ6IGByaWdodEFjdGlvbkljb25gIGlzIHByb3ZpZGVkIGJ1dCBgcmlnaHRBY3Rpb25Qcm9wc2AgaXMgbWlzc2luZy4gUHJvdmlkZSBhbiBvYmplY3Qgd2l0aCBhIGBsYWJlbGAgYW5kIGBvbkNsaWNrYCBwcm9wZXJ0eS4nXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8TXVsdGlsaW5lSW5wdXRXcmFwcGVyPlxuICAgICAgICAgIDxNdWx0aWxpbmVJbnB1dFxuICAgICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICAgIGF1dG9Db21wbGV0ZT17cHJvcHMuYXV0b0NvbXBsZXRlfVxuICAgICAgICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuICAgICAgICAgICAgb25IZWlnaHRDaGFuZ2U9e2hhbmRsZUhlaWdodENoYW5nZX1cbiAgICAgICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgICAgIG9uQmx1cj17cHJvcHMub25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgICAgICAgaGFzV2FybmluZz17cHJvcHMuaGFzV2FybmluZ31cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwcm9wcy5wbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgICBpc0F1dG9mb2N1c3NlZD17cHJvcHMuaXNBdXRvZm9jdXNzZWR9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIGNhY2hlTWVhc3VyZW1lbnRzPXtmYWxzZX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAke3Byb3BzLnJpZ2h0QWN0aW9uSWNvbiAmJlxuICAgICAgICAgICAgICBwcm9wcy5yaWdodEFjdGlvblByb3BzICYmXG4gICAgICAgICAgICAgIGRlc2lnblRva2Vucy5zcGFjaW5nNTB9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGlzQ29uZGVuc2VkPXtwcm9wcy5pc0NvbmRlbnNlZH1cbiAgICAgICAgICAgIG1heFJvd3M9e3Byb3BzLm1heFJvd3N9XG4gICAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICAgICAgLyogQVJJQSAqL1xuICAgICAgICAgICAgYXJpYS1pbnZhbGlkPXtwcm9wc1snYXJpYS1pbnZhbGlkJ119XG4gICAgICAgICAgICBhcmlhLWVycm9ybWVzc2FnZT17cHJvcHNbJ2FyaWEtZXJyb3JtZXNzYWdlJ119XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7cHJvcHMucmlnaHRBY3Rpb25JY29uICYmIHByb3BzLnJpZ2h0QWN0aW9uUHJvcHMgJiYgKFxuICAgICAgICAgICAgPGRpdiBjc3M9e2dldE11bHRpbGluZVRleHRJbnB1dEFjdGlvbkljb25TdHlsZXMocHJvcHMpfT5cbiAgICAgICAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICAgICAgICBjb2xvcj1cImluZm9cIlxuICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgICAgICAgICBzaXplPXtwcm9wcy5pc0NvbmRlbnNlZCA/ICczMCcgOiAnNDAnfVxuICAgICAgICAgICAgICAgIGljb249e3Byb3BzLnJpZ2h0QWN0aW9uSWNvbn1cbiAgICAgICAgICAgICAgICB7Li4ucHJvcHMucmlnaHRBY3Rpb25Qcm9wc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTXVsdGlsaW5lSW5wdXRXcmFwcGVyPlxuICAgICAgICB7c2hvdWxkUmVuZGVyVG9nZ2xlQnV0dG9uICYmIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlKCl9XG4gICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgaXNPcGVuXG4gICAgICAgICAgICAgICAgICA/IG1lc3NhZ2VzTXVsdGlsaW5lSW5wdXQuY29sbGFwc2VcbiAgICAgICAgICAgICAgICAgIDogbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5leHBhbmRcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgICAgaXNPcGVuID8gKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlVXBJY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxBbmdsZURvd25JY29uIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5NdWx0aWxpbmVUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTXVsdGlsaW5lVGV4dElucHV0JztcblxuTXVsdGlsaW5lVGV4dElucHV0LmlzRW1wdHkgPSAodmFsdWU6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1sndmFsdWUnXSkgPT5cbiAgIXZhbHVlIHx8IHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XG5NdWx0aWxpbmVUZXh0SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNdWx0aWxpbmVUZXh0SW5wdXQ7XG4iXX0= */"),
+          isCondensed: props.isCondensed,
+          maxRows: props.maxRows
+        }, filterDataAttributes(props)), {}, {
+          /* ARIA */
+          "aria-invalid": props['aria-invalid'],
+          "aria-errormessage": props['aria-errormessage']
+        })), props.rightActionIcon && props.rightActionProps && jsx("div", {
+          css: getMultilineTextInputActionIconStyles(props),
+          children: jsx(SecondaryIconButton, _objectSpread({
+            color: "info",
+            isDisabled: props.isDisabled || props.isReadOnly,
+            size: props.isCondensed ? '30' : '40',
+            icon: props.rightActionIcon
+          }, props.rightActionProps))
+        })]
+      }), shouldRenderToggleButton && jsx("div", {
         css: _ref,
         children: jsx(FlatButton, {
           onClick: () => toggle(),
@@ -114,7 +151,11 @@ MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
   placeholder: _pt.string,
   hasError: _pt.bool,
   hasWarning: _pt.bool,
-  horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
+  horizontalConstraint: _pt.oneOf([6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  rightActionIcon: _pt.element,
+  rightActionProps: _pt.any,
+  isCondensed: _pt.bool,
+  maxRows: _pt.number
 } : {};
 MultilineTextInput.displayName = 'MultilineTextInput';
 MultilineTextInput.isEmpty = value => !value || _trimInstanceProperty(value).call(value).length === 0;
@@ -122,6 +163,6 @@ MultilineTextInput.defaultProps = defaultProps;
 var MultilineTextInput$1 = MultilineTextInput;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.4.0";
+var version = "19.6.0";
 export { MultilineTextInput$1 as default, version };

package/dist/declarations/src/multiline-text-input.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { type ChangeEventHandler, type FocusEventHandler } from 'react';
+import { type ChangeEventHandler, type FocusEventHandler, ReactElement } from 'react';
+import { type TSecondaryButtonIconProps } from '@commercetools-uikit/secondary-icon-button';
 export type TMultilineTextInputProps = {
     name?: string;
     'aria-invalid'?: boolean;
@@ -17,11 +18,15 @@ export type TMultilineTextInputProps = {
     hasError?: boolean;
     hasWarning?: boolean;
     horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
+    rightActionIcon?: ReactElement;
+    rightActionProps?: TSecondaryButtonIconProps;
+    isCondensed?: boolean;
+    maxRows?: number;
 };
 declare const MultilineTextInput: {
     (props: TMultilineTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
-    isEmpty(value: TMultilineTextInputProps['value']): boolean;
+    isEmpty(value: TMultilineTextInputProps["value"]): boolean;
     defaultProps: Pick<TMultilineTextInputProps, "defaultExpandMultilineText">;
 };
 export default MultilineTextInput;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/multiline-text-input",
   "description": "A controlled text input component for multi-line strings with validation states.",
-  "version": "19.4.0",
+  "version": "19.6.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,16 +21,17 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/constraints": "19.4.0",
-    "@commercetools-uikit/design-system": "19.4.0",
-    "@commercetools-uikit/flat-button": "19.4.0",
-    "@commercetools-uikit/hooks": "19.4.0",
-    "@commercetools-uikit/icons": "19.4.0",
-    "@commercetools-uikit/input-utils": "19.4.0",
-    "@commercetools-uikit/spacings-inline": "19.4.0",
-    "@commercetools-uikit/spacings-stack": "19.4.0",
-    "@commercetools-uikit/tooltip": "19.4.0",
-    "@commercetools-uikit/utils": "19.4.0",
+    "@commercetools-uikit/constraints": "19.6.0",
+    "@commercetools-uikit/design-system": "19.6.0",
+    "@commercetools-uikit/flat-button": "19.6.0",
+    "@commercetools-uikit/hooks": "19.6.0",
+    "@commercetools-uikit/icons": "19.6.0",
+    "@commercetools-uikit/input-utils": "19.6.0",
+    "@commercetools-uikit/secondary-icon-button": "19.6.0",
+    "@commercetools-uikit/spacings-inline": "19.6.0",
+    "@commercetools-uikit/spacings-stack": "19.6.0",
+    "@commercetools-uikit/tooltip": "19.6.0",
+    "@commercetools-uikit/utils": "19.6.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "downshift": "6.1.12",