@commercetools-uikit/multiline-text-input 13.0.2 → 13.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/dist/commercetools-uikit-multiline-text-input.cjs.dev.js +10 -4
- package/dist/commercetools-uikit-multiline-text-input.cjs.prod.js +7 -3
- package/dist/commercetools-uikit-multiline-text-input.esm.js +10 -4
- package/dist/declarations/src/multiline-text-input.d.ts +2 -0
- package/package.json +4 -5
package/README.md
CHANGED
|
@@ -51,6 +51,8 @@ export default Example;
|
|
|
51
51
|
| Props | Type | Required | Default | Description |
|
|
52
52
|
| ---------------------------- | -------------------------------------------------------------------------------------------- | :------: | ------- | ------------------------------------------------------------------------------------------------------------------------- |
|
|
53
53
|
| `name` | `string` | | | Used as HTML name of the input component. property |
|
|
54
|
+
| `aria-invalid` | `boolean` | | | Indicate if the value entered in the input is invalid. |
|
|
55
|
+
| `aria-errormessage` | `string` | | | HTML ID of an element containing an error message related to the input. |
|
|
54
56
|
| `autoComplete` | `string` | | | Used as HTML `autocomplete` property |
|
|
55
57
|
| `id` | `string` | | | Used as HTML id property. An id is auto-generated when it is not specified. |
|
|
56
58
|
| `value` | `string` | ✅ | | Value of the input component. |
|
|
@@ -57,7 +57,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
57
57
|
} : {
|
|
58
58
|
name: "7hlegj-MultilineTextInput",
|
|
59
59
|
styles: "display:flex;justify-content:flex-end;label:MultilineTextInput;",
|
|
60
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
60
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5S29CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQW5nbGVVcEljb24sIEFuZ2xlRG93bkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFN0YWNrIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLXN0YWNrJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQge1xuICBNdWx0aWxpbmVJbnB1dCxcbiAgbWVzc2FnZXNNdWx0aWxpbmVJbnB1dCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaW5wdXQtdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgbmFtZSBvZiB0aGUgaW5wdXQgY29tcG9uZW50LiBwcm9wZXJ0eVxuICAgKi9cbiAgbmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIEluZGljYXRlIGlmIHRoZSB2YWx1ZSBlbnRlcmVkIGluIHRoZSBpbnB1dCBpcyBpbnZhbGlkLlxuICAgKi9cbiAgJ2FyaWEtaW52YWxpZCc/OiBib29sZWFuO1xuICAvKipcbiAgICogSFRNTCBJRCBvZiBhbiBlbGVtZW50IGNvbnRhaW5pbmcgYW4gZXJyb3IgbWVzc2FnZSByZWxhdGVkIHRvIHRoZSBpbnB1dC5cbiAgICovXG4gICdhcmlhLWVycm9ybWVzc2FnZSc/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgYGF1dG9jb21wbGV0ZWAgcHJvcGVydHlcbiAgICovXG4gIGF1dG9Db21wbGV0ZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFVzZWQgYXMgSFRNTCBpZCBwcm9wZXJ0eS4gQW4gaWQgaXMgYXV0by1nZW5lcmF0ZWQgd2hlbiBpdCBpcyBub3Qgc3BlY2lmaWVkLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBWYWx1ZSBvZiB0aGUgaW5wdXQgY29tcG9uZW50LlxuICAgKi9cbiAgdmFsdWU6IHN0cmluZztcbiAgLyoqXG4gICAqIENhbGxlZCB3aXRoIGFuIGV2ZW50IGNvbnRhaW5pbmcgdGhlIG5ldyB2YWx1ZS4gUmVxdWlyZWQgd2hlbiBpbnB1dCBpcyBub3QgcmVhZCBvbmx5LiBQYXJlbnQgc2hvdWxkIHBhc3MgaXQgYmFjayBhcyB2YWx1ZS5cbiAgICovXG4gIG9uQ2hhbmdlPzogQ2hhbmdlRXZlbnRIYW5kbGVyO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgYmx1cnJlZFxuICAgKi9cbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXI7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBpbnB1dCBpcyBmb2N1c2VkXG4gICAqL1xuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXI7XG4gIC8qKlxuICAgKiBGb2N1cyB0aGUgaW5wdXQgb24gaW5pdGlhbCByZW5kZXJcbiAgICovXG4gIGlzQXV0b2ZvY3Vzc2VkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEV4cGFuZHMgbXVsdGlsaW5lIHRleHQgaW5wdXQgaW5pdGlhbGx5XG4gICAqL1xuICBkZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgaW5wdXQgY2Fubm90IGJlIG1vZGlmaWVkIChlLmcgbm90IGF1dGhvcml6ZWQsIG9yIGNoYW5nZXMgY3VycmVudGx5IHNhdmluZykuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBmaWVsZCBpcyBkaXNwbGF5aW5nIHJlYWQtb25seSBjb250ZW50XG4gICAqL1xuICBpc1JlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZm9yIHRoZSBpbnB1dFxuICAgKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCBpbnB1dCBoYXMgZXJyb3JzXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBDb250cm9sIHRvIGluZGljYXRlIG9uIHRoZSBpbnB1dCBpZiB0aGVyZSBhcmUgc2VsZWN0ZWQgdmFsdWVzIHRoYXQgYXJlIHBvdGVudGlhbGx5IGludmFsaWRcbiAgICovXG4gIGhhc1dhcm5pbmc/OiBib29sZWFuO1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBzaXplIGxpbWl0IG9mIHRoZSBpbnB1dCBmaWVsZHMuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMsXG4gICdkZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dCdcbj4gPSB7XG4gIGRlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0OiBmYWxzZSxcbn07XG5cbmNvbnN0IE11bHRpbGluZVRleHRJbnB1dCA9IChwcm9wczogVE11bHRpbGluZVRleHRJbnB1dFByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgY29uc3QgW2NvbnRlbnRSb3dDb3VudCwgc2V0Q29udGVudFJvd0NvdW50XSA9IHVzZVN0YXRlPG51bWJlcj4oXG4gICAgTXVsdGlsaW5lVGV4dElucHV0Lk1JTl9ST1dfQ09VTlRcbiAgKTtcblxuICBjb25zdCBbaXNPcGVuLCB0b2dnbGVdID0gdXNlVG9nZ2xlU3RhdGUocHJvcHMuZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQpO1xuXG4gIGNvbnN0IHsgb25Gb2N1cyB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZUZvY3VzID0gdXNlQ2FsbGJhY2s8Rm9jdXNFdmVudEhhbmRsZXI+KFxuICAgIChldmVudDogRm9jdXNFdmVudCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4pIHRvZ2dsZSh0cnVlKTtcbiAgICAgIGlmIChvbkZvY3VzKSBvbkZvY3VzKGV2ZW50KTtcbiAgICB9LFxuICAgIFtpc09wZW4sIG9uRm9jdXMsIHRvZ2dsZV1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVIZWlnaHRDaGFuZ2UgPSB1c2VDYWxsYmFjazxcbiAgICAoaGVpZ2h0OiBudW1iZXIsIHJvd0NvdW50OiBudW1iZXIpID0+IHZvaWRcbiAgPihcbiAgICAoXywgcm93Q291bnQpID0+IHtcbiAgICAgIHNldENvbnRlbnRSb3dDb3VudChyb3dDb3VudCk7XG4gICAgfSxcbiAgICBbc2V0Q29udGVudFJvd0NvdW50XVxuICApO1xuXG4gIC8vIFRoaXMgY2hlY2tzIGlmIHRoZSBjb250ZW50IGluIHRoZSB0ZXh0YXJlYSBvdmVyZmxvd3MgdGhlIG1pbmltdW1cbiAgLy8gYW1vdW50IG9mIGxpbmVzIGl0IHNob3VsZCBoYXZlIHdoZW4gY29sbGFwc2VkXG4gIGNvbnN0IHNob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbiA9XG4gICAgY29udGVudFJvd0NvdW50ID4gTXVsdGlsaW5lVGV4dElucHV0Lk1JTl9ST1dfQ09VTlQ7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29uc3RyYWludHMuSG9yaXpvbnRhbCBtYXg9e3Byb3BzLmhvcml6b250YWxDb25zdHJhaW50fT5cbiAgICAgIDxTdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICAgIDxNdWx0aWxpbmVJbnB1dFxuICAgICAgICAgIG5hbWU9e3Byb3BzLm5hbWV9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXtwcm9wcy5hdXRvQ29tcGxldGV9XG4gICAgICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtwcm9wcy5vbkNoYW5nZX1cbiAgICAgICAgICBvbkhlaWdodENoYW5nZT17aGFuZGxlSGVpZ2h0Q2hhbmdlfVxuICAgICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtwcm9wcy5oYXNFcnJvcn1cbiAgICAgICAgICBoYXNXYXJuaW5nPXtwcm9wcy5oYXNXYXJuaW5nfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwcm9wcy5wbGFjZWhvbGRlcn1cbiAgICAgICAgICBpc1JlYWRPbmx5PXtwcm9wcy5pc1JlYWRPbmx5fVxuICAgICAgICAgIGlzQXV0b2ZvY3Vzc2VkPXtwcm9wcy5pc0F1dG9mb2N1c3NlZH1cbiAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICAgIC8qIEFSSUEgKi9cbiAgICAgICAgICBhcmlhLWludmFsaWQ9e3Byb3BzWydhcmlhLWludmFsaWQnXX1cbiAgICAgICAgICBhcmlhLWVycm9ybWVzc2FnZT17cHJvcHNbJ2FyaWEtZXJyb3JtZXNzYWdlJ119XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG91bGRSZW5kZXJUb2dnbGVCdXR0b24gJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxhdEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGUoKX1cbiAgICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICBpc09wZW5cbiAgICAgICAgICAgICAgICAgID8gbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5jb2xsYXBzZVxuICAgICAgICAgICAgICAgICAgOiBtZXNzYWdlc011bHRpbGluZUlucHV0LmV4cGFuZFxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgICAgICBpc09wZW4gPyAoXG4gICAgICAgICAgICAgICAgICA8QW5nbGVVcEljb24gc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlRG93bkljb24gc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgKTtcbn07XG5cbk11bHRpbGluZVRleHRJbnB1dC5kaXNwbGF5TmFtZSA9ICdNdWx0aWxpbmVUZXh0SW5wdXQnO1xuXG4vLyBUaGUgbWluaW11bSBhbW1vdW50IG9mIHJvd3MgdGhlIE11bHRpbGluZVRleHRJbnB1dCB3aWxsIHNob3cuXG4vLyBXaGVuIHRoZSBpbnB1dCBpcyBjbG9zZWQsIHRoaXMgaXMgdXNlZCBhcyB0aGUgbWF4aW11bSByb3cgY291bnQgYXMgd2VsbFxuLy8gc28gdGhhdCB0aGUgaW5wdXQgXCJjb2xsYXBzZXNcIi5cbk11bHRpbGluZVRleHRJbnB1dC5NSU5fUk9XX0NPVU5UID0gMTtcblxuTXVsdGlsaW5lVGV4dElucHV0LmlzRW1wdHkgPSAodmFsdWU6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1sndmFsdWUnXSkgPT5cbiAgIXZhbHVlIHx8IHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XG5NdWx0aWxpbmVUZXh0SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNdWx0aWxpbmVUZXh0SW5wdXQ7XG4iXX0= */",
|
|
61
61
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
62
62
|
};
|
|
63
63
|
|
|
@@ -89,7 +89,7 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
89
89
|
max: props.horizontalConstraint,
|
|
90
90
|
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
91
91
|
scale: "xs",
|
|
92
|
-
children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread({
|
|
92
|
+
children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread(_objectSpread({
|
|
93
93
|
name: props.name,
|
|
94
94
|
autoComplete: props.autoComplete,
|
|
95
95
|
value: props.value,
|
|
@@ -105,7 +105,11 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
105
105
|
isReadOnly: props.isReadOnly,
|
|
106
106
|
isAutofocussed: props.isAutofocussed,
|
|
107
107
|
isOpen: isOpen
|
|
108
|
-
}, utils.filterDataAttributes(props))
|
|
108
|
+
}, utils.filterDataAttributes(props)), {}, {
|
|
109
|
+
/* ARIA */
|
|
110
|
+
"aria-invalid": props['aria-invalid'],
|
|
111
|
+
"aria-errormessage": props['aria-errormessage']
|
|
112
|
+
})), shouldRenderToggleButton && jsxRuntime.jsx("div", {
|
|
109
113
|
css: _ref,
|
|
110
114
|
children: jsxRuntime.jsx(FlatButton__default["default"], {
|
|
111
115
|
onClick: function onClick() {
|
|
@@ -126,6 +130,8 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
126
130
|
|
|
127
131
|
MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
128
132
|
name: _pt__default["default"].string,
|
|
133
|
+
'aria-invalid': _pt__default["default"].bool,
|
|
134
|
+
'aria-errormessage': _pt__default["default"].string,
|
|
129
135
|
autoComplete: _pt__default["default"].string,
|
|
130
136
|
id: _pt__default["default"].string,
|
|
131
137
|
value: _pt__default["default"].string.isRequired,
|
|
@@ -155,7 +161,7 @@ MultilineTextInput.defaultProps = defaultProps;
|
|
|
155
161
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
156
162
|
|
|
157
163
|
// NOTE: This string will be replaced on build time with the package version.
|
|
158
|
-
var version = "13.0.
|
|
164
|
+
var version = "13.0.4";
|
|
159
165
|
|
|
160
166
|
exports["default"] = MultilineTextInput$1;
|
|
161
167
|
exports.version = version;
|
|
@@ -81,7 +81,7 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
81
81
|
max: props.horizontalConstraint,
|
|
82
82
|
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
83
83
|
scale: "xs",
|
|
84
|
-
children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread({
|
|
84
|
+
children: [jsxRuntime.jsx(inputUtils.MultilineInput, _objectSpread(_objectSpread({
|
|
85
85
|
name: props.name,
|
|
86
86
|
autoComplete: props.autoComplete,
|
|
87
87
|
value: props.value,
|
|
@@ -97,7 +97,11 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
97
97
|
isReadOnly: props.isReadOnly,
|
|
98
98
|
isAutofocussed: props.isAutofocussed,
|
|
99
99
|
isOpen: isOpen
|
|
100
|
-
}, utils.filterDataAttributes(props))
|
|
100
|
+
}, utils.filterDataAttributes(props)), {}, {
|
|
101
|
+
/* ARIA */
|
|
102
|
+
"aria-invalid": props['aria-invalid'],
|
|
103
|
+
"aria-errormessage": props['aria-errormessage']
|
|
104
|
+
})), shouldRenderToggleButton && jsxRuntime.jsx("div", {
|
|
101
105
|
css: _ref,
|
|
102
106
|
children: jsxRuntime.jsx(FlatButton__default["default"], {
|
|
103
107
|
onClick: function onClick() {
|
|
@@ -131,7 +135,7 @@ MultilineTextInput.defaultProps = defaultProps;
|
|
|
131
135
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
132
136
|
|
|
133
137
|
// NOTE: This string will be replaced on build time with the package version.
|
|
134
|
-
var version = "13.0.
|
|
138
|
+
var version = "13.0.4";
|
|
135
139
|
|
|
136
140
|
exports["default"] = MultilineTextInput$1;
|
|
137
141
|
exports.version = version;
|
|
@@ -37,7 +37,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
37
37
|
} : {
|
|
38
38
|
name: "7hlegj-MultilineTextInput",
|
|
39
39
|
styles: "display:flex;justify-content:flex-end;label:MultilineTextInput;",
|
|
40
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS10ZXh0LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5S29CIiwiZmlsZSI6Im11bHRpbGluZS10ZXh0LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVN0YXRlLFxuICB1c2VDYWxsYmFjayxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgQW5nbGVVcEljb24sIEFuZ2xlRG93bkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFN0YWNrIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLXN0YWNrJztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQge1xuICBNdWx0aWxpbmVJbnB1dCxcbiAgbWVzc2FnZXNNdWx0aWxpbmVJbnB1dCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaW5wdXQtdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgbmFtZSBvZiB0aGUgaW5wdXQgY29tcG9uZW50LiBwcm9wZXJ0eVxuICAgKi9cbiAgbmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIEluZGljYXRlIGlmIHRoZSB2YWx1ZSBlbnRlcmVkIGluIHRoZSBpbnB1dCBpcyBpbnZhbGlkLlxuICAgKi9cbiAgJ2FyaWEtaW52YWxpZCc/OiBib29sZWFuO1xuICAvKipcbiAgICogSFRNTCBJRCBvZiBhbiBlbGVtZW50IGNvbnRhaW5pbmcgYW4gZXJyb3IgbWVzc2FnZSByZWxhdGVkIHRvIHRoZSBpbnB1dC5cbiAgICovXG4gICdhcmlhLWVycm9ybWVzc2FnZSc/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgYGF1dG9jb21wbGV0ZWAgcHJvcGVydHlcbiAgICovXG4gIGF1dG9Db21wbGV0ZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFVzZWQgYXMgSFRNTCBpZCBwcm9wZXJ0eS4gQW4gaWQgaXMgYXV0by1nZW5lcmF0ZWQgd2hlbiBpdCBpcyBub3Qgc3BlY2lmaWVkLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBWYWx1ZSBvZiB0aGUgaW5wdXQgY29tcG9uZW50LlxuICAgKi9cbiAgdmFsdWU6IHN0cmluZztcbiAgLyoqXG4gICAqIENhbGxlZCB3aXRoIGFuIGV2ZW50IGNvbnRhaW5pbmcgdGhlIG5ldyB2YWx1ZS4gUmVxdWlyZWQgd2hlbiBpbnB1dCBpcyBub3QgcmVhZCBvbmx5LiBQYXJlbnQgc2hvdWxkIHBhc3MgaXQgYmFjayBhcyB2YWx1ZS5cbiAgICovXG4gIG9uQ2hhbmdlPzogQ2hhbmdlRXZlbnRIYW5kbGVyO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gaW5wdXQgaXMgYmx1cnJlZFxuICAgKi9cbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXI7XG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBpbnB1dCBpcyBmb2N1c2VkXG4gICAqL1xuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXI7XG4gIC8qKlxuICAgKiBGb2N1cyB0aGUgaW5wdXQgb24gaW5pdGlhbCByZW5kZXJcbiAgICovXG4gIGlzQXV0b2ZvY3Vzc2VkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEV4cGFuZHMgbXVsdGlsaW5lIHRleHQgaW5wdXQgaW5pdGlhbGx5XG4gICAqL1xuICBkZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgaW5wdXQgY2Fubm90IGJlIG1vZGlmaWVkIChlLmcgbm90IGF1dGhvcml6ZWQsIG9yIGNoYW5nZXMgY3VycmVudGx5IHNhdmluZykuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBmaWVsZCBpcyBkaXNwbGF5aW5nIHJlYWQtb25seSBjb250ZW50XG4gICAqL1xuICBpc1JlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZm9yIHRoZSBpbnB1dFxuICAgKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCBpbnB1dCBoYXMgZXJyb3JzXG4gICAqL1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBDb250cm9sIHRvIGluZGljYXRlIG9uIHRoZSBpbnB1dCBpZiB0aGVyZSBhcmUgc2VsZWN0ZWQgdmFsdWVzIHRoYXQgYXJlIHBvdGVudGlhbGx5IGludmFsaWRcbiAgICovXG4gIGhhc1dhcm5pbmc/OiBib29sZWFuO1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBzaXplIGxpbWl0IG9mIHRoZSBpbnB1dCBmaWVsZHMuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUTXVsdGlsaW5lVGV4dElucHV0UHJvcHMsXG4gICdkZWZhdWx0RXhwYW5kTXVsdGlsaW5lVGV4dCdcbj4gPSB7XG4gIGRlZmF1bHRFeHBhbmRNdWx0aWxpbmVUZXh0OiBmYWxzZSxcbn07XG5cbmNvbnN0IE11bHRpbGluZVRleHRJbnB1dCA9IChwcm9wczogVE11bHRpbGluZVRleHRJbnB1dFByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgY29uc3QgW2NvbnRlbnRSb3dDb3VudCwgc2V0Q29udGVudFJvd0NvdW50XSA9IHVzZVN0YXRlPG51bWJlcj4oXG4gICAgTXVsdGlsaW5lVGV4dElucHV0Lk1JTl9ST1dfQ09VTlRcbiAgKTtcblxuICBjb25zdCBbaXNPcGVuLCB0b2dnbGVdID0gdXNlVG9nZ2xlU3RhdGUocHJvcHMuZGVmYXVsdEV4cGFuZE11bHRpbGluZVRleHQpO1xuXG4gIGNvbnN0IHsgb25Gb2N1cyB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZUZvY3VzID0gdXNlQ2FsbGJhY2s8Rm9jdXNFdmVudEhhbmRsZXI+KFxuICAgIChldmVudDogRm9jdXNFdmVudCkgPT4ge1xuICAgICAgaWYgKCFpc09wZW4pIHRvZ2dsZSh0cnVlKTtcbiAgICAgIGlmIChvbkZvY3VzKSBvbkZvY3VzKGV2ZW50KTtcbiAgICB9LFxuICAgIFtpc09wZW4sIG9uRm9jdXMsIHRvZ2dsZV1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVIZWlnaHRDaGFuZ2UgPSB1c2VDYWxsYmFjazxcbiAgICAoaGVpZ2h0OiBudW1iZXIsIHJvd0NvdW50OiBudW1iZXIpID0+IHZvaWRcbiAgPihcbiAgICAoXywgcm93Q291bnQpID0+IHtcbiAgICAgIHNldENvbnRlbnRSb3dDb3VudChyb3dDb3VudCk7XG4gICAgfSxcbiAgICBbc2V0Q29udGVudFJvd0NvdW50XVxuICApO1xuXG4gIC8vIFRoaXMgY2hlY2tzIGlmIHRoZSBjb250ZW50IGluIHRoZSB0ZXh0YXJlYSBvdmVyZmxvd3MgdGhlIG1pbmltdW1cbiAgLy8gYW1vdW50IG9mIGxpbmVzIGl0IHNob3VsZCBoYXZlIHdoZW4gY29sbGFwc2VkXG4gIGNvbnN0IHNob3VsZFJlbmRlclRvZ2dsZUJ1dHRvbiA9XG4gICAgY29udGVudFJvd0NvdW50ID4gTXVsdGlsaW5lVGV4dElucHV0Lk1JTl9ST1dfQ09VTlQ7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29uc3RyYWludHMuSG9yaXpvbnRhbCBtYXg9e3Byb3BzLmhvcml6b250YWxDb25zdHJhaW50fT5cbiAgICAgIDxTdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICAgIDxNdWx0aWxpbmVJbnB1dFxuICAgICAgICAgIG5hbWU9e3Byb3BzLm5hbWV9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXtwcm9wcy5hdXRvQ29tcGxldGV9XG4gICAgICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtwcm9wcy5vbkNoYW5nZX1cbiAgICAgICAgICBvbkhlaWdodENoYW5nZT17aGFuZGxlSGVpZ2h0Q2hhbmdlfVxuICAgICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtwcm9wcy5oYXNFcnJvcn1cbiAgICAgICAgICBoYXNXYXJuaW5nPXtwcm9wcy5oYXNXYXJuaW5nfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwcm9wcy5wbGFjZWhvbGRlcn1cbiAgICAgICAgICBpc1JlYWRPbmx5PXtwcm9wcy5pc1JlYWRPbmx5fVxuICAgICAgICAgIGlzQXV0b2ZvY3Vzc2VkPXtwcm9wcy5pc0F1dG9mb2N1c3NlZH1cbiAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICAgIC8qIEFSSUEgKi9cbiAgICAgICAgICBhcmlhLWludmFsaWQ9e3Byb3BzWydhcmlhLWludmFsaWQnXX1cbiAgICAgICAgICBhcmlhLWVycm9ybWVzc2FnZT17cHJvcHNbJ2FyaWEtZXJyb3JtZXNzYWdlJ119XG4gICAgICAgIC8+XG4gICAgICAgIHtzaG91bGRSZW5kZXJUb2dnbGVCdXR0b24gJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxhdEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGUoKX1cbiAgICAgICAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShcbiAgICAgICAgICAgICAgICBpc09wZW5cbiAgICAgICAgICAgICAgICAgID8gbWVzc2FnZXNNdWx0aWxpbmVJbnB1dC5jb2xsYXBzZVxuICAgICAgICAgICAgICAgICAgOiBtZXNzYWdlc011bHRpbGluZUlucHV0LmV4cGFuZFxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgICAgICBpc09wZW4gPyAoXG4gICAgICAgICAgICAgICAgICA8QW5nbGVVcEljb24gc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPEFuZ2xlRG93bkljb24gc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgKTtcbn07XG5cbk11bHRpbGluZVRleHRJbnB1dC5kaXNwbGF5TmFtZSA9ICdNdWx0aWxpbmVUZXh0SW5wdXQnO1xuXG4vLyBUaGUgbWluaW11bSBhbW1vdW50IG9mIHJvd3MgdGhlIE11bHRpbGluZVRleHRJbnB1dCB3aWxsIHNob3cuXG4vLyBXaGVuIHRoZSBpbnB1dCBpcyBjbG9zZWQsIHRoaXMgaXMgdXNlZCBhcyB0aGUgbWF4aW11bSByb3cgY291bnQgYXMgd2VsbFxuLy8gc28gdGhhdCB0aGUgaW5wdXQgXCJjb2xsYXBzZXNcIi5cbk11bHRpbGluZVRleHRJbnB1dC5NSU5fUk9XX0NPVU5UID0gMTtcblxuTXVsdGlsaW5lVGV4dElucHV0LmlzRW1wdHkgPSAodmFsdWU6IFRNdWx0aWxpbmVUZXh0SW5wdXRQcm9wc1sndmFsdWUnXSkgPT5cbiAgIXZhbHVlIHx8IHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XG5NdWx0aWxpbmVUZXh0SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNdWx0aWxpbmVUZXh0SW5wdXQ7XG4iXX0= */",
|
|
41
41
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -69,7 +69,7 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
69
69
|
max: props.horizontalConstraint,
|
|
70
70
|
children: jsxs(Stack, {
|
|
71
71
|
scale: "xs",
|
|
72
|
-
children: [jsx(MultilineInput, _objectSpread({
|
|
72
|
+
children: [jsx(MultilineInput, _objectSpread(_objectSpread({
|
|
73
73
|
name: props.name,
|
|
74
74
|
autoComplete: props.autoComplete,
|
|
75
75
|
value: props.value,
|
|
@@ -85,7 +85,11 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
85
85
|
isReadOnly: props.isReadOnly,
|
|
86
86
|
isAutofocussed: props.isAutofocussed,
|
|
87
87
|
isOpen: isOpen
|
|
88
|
-
}, filterDataAttributes(props))
|
|
88
|
+
}, filterDataAttributes(props)), {}, {
|
|
89
|
+
/* ARIA */
|
|
90
|
+
"aria-invalid": props['aria-invalid'],
|
|
91
|
+
"aria-errormessage": props['aria-errormessage']
|
|
92
|
+
})), shouldRenderToggleButton && jsx("div", {
|
|
89
93
|
css: _ref,
|
|
90
94
|
children: jsx(FlatButton, {
|
|
91
95
|
onClick: function onClick() {
|
|
@@ -106,6 +110,8 @@ var MultilineTextInput = function MultilineTextInput(props) {
|
|
|
106
110
|
|
|
107
111
|
MultilineTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
108
112
|
name: _pt.string,
|
|
113
|
+
'aria-invalid': _pt.bool,
|
|
114
|
+
'aria-errormessage': _pt.string,
|
|
109
115
|
autoComplete: _pt.string,
|
|
110
116
|
id: _pt.string,
|
|
111
117
|
value: _pt.string.isRequired,
|
|
@@ -135,6 +141,6 @@ MultilineTextInput.defaultProps = defaultProps;
|
|
|
135
141
|
var MultilineTextInput$1 = MultilineTextInput;
|
|
136
142
|
|
|
137
143
|
// NOTE: This string will be replaced on build time with the package version.
|
|
138
|
-
var version = "13.0.
|
|
144
|
+
var version = "13.0.4";
|
|
139
145
|
|
|
140
146
|
export { MultilineTextInput$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/multiline-text-input",
|
|
3
3
|
"description": "A controlled text input component for multi-line strings with validation states.",
|
|
4
|
-
"version": "13.0.
|
|
4
|
+
"version": "13.0.4",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
"@babel/runtime-corejs3": "7.17.2",
|
|
24
24
|
"@commercetools-uikit/constraints": "13.0.2",
|
|
25
25
|
"@commercetools-uikit/design-system": "13.0.0",
|
|
26
|
-
"@commercetools-uikit/flat-button": "13.0.
|
|
26
|
+
"@commercetools-uikit/flat-button": "13.0.4",
|
|
27
27
|
"@commercetools-uikit/hooks": "13.0.2",
|
|
28
28
|
"@commercetools-uikit/icons": "13.0.2",
|
|
29
|
-
"@commercetools-uikit/input-utils": "13.0.
|
|
29
|
+
"@commercetools-uikit/input-utils": "13.0.4",
|
|
30
30
|
"@commercetools-uikit/spacings-inline": "13.0.2",
|
|
31
31
|
"@commercetools-uikit/spacings-stack": "13.0.2",
|
|
32
32
|
"@commercetools-uikit/tooltip": "13.0.2",
|
|
@@ -35,12 +35,11 @@
|
|
|
35
35
|
"@emotion/styled": "^11.3.0",
|
|
36
36
|
"downshift": "6.1.7",
|
|
37
37
|
"prop-types": "15.8.1",
|
|
38
|
-
"react-required-if": "1.0.3",
|
|
39
38
|
"react-textarea-autosize": "8.3.3"
|
|
40
39
|
},
|
|
41
40
|
"devDependencies": {
|
|
42
41
|
"react": "17.0.2",
|
|
43
|
-
"react-intl": "5.24.6"
|
|
42
|
+
"react-intl": "^5.24.6"
|
|
44
43
|
},
|
|
45
44
|
"peerDependencies": {
|
|
46
45
|
"react": "17.x",
|