@commercetools-uikit/input-utils 12.2.9 → 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/dist/commercetools-uikit-input-utils.cjs.dev.js +11 -7
- package/dist/commercetools-uikit-input-utils.cjs.prod.js +8 -6
- package/dist/commercetools-uikit-input-utils.esm.js +11 -7
- package/dist/declarations/src/localized-input-toggle/localized-input-toggle.d.ts +1 -1
- package/dist/declarations/src/multiline-input/multiline-input.d.ts +2 -0
- package/package.json +9 -10
|
@@ -86,9 +86,9 @@ LocalizedInputToggle.defaultProps = defaultProps;
|
|
|
86
86
|
LocalizedInputToggle.displayName = 'LocalizedInputToggle';
|
|
87
87
|
var LocalizedInputToggle$1 = LocalizedInputToggle;
|
|
88
88
|
|
|
89
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
89
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
90
90
|
|
|
91
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
91
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
92
92
|
|
|
93
93
|
var getInputBorderColor = function getInputBorderColor(vars, props) {
|
|
94
94
|
if (props.isDisabled || props.disabled) {
|
|
@@ -143,13 +143,13 @@ var sizeInputLineHeight = '22px'; // NOTE: order is important here
|
|
|
143
143
|
// how you can interact with the field is controlled separately by the props, this only influences visuals
|
|
144
144
|
|
|
145
145
|
var getTextareaStyles = function getTextareaStyles(props, theme) {
|
|
146
|
-
var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-
|
|
146
|
+
var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-word;white-space:pre-wrap;resize:vertical;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS1pbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JPIiwiZmlsZSI6Im11bHRpbGluZS1pbnB1dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRJbnB1dFN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgdHlwZSB7IFRNdWx0aUxpbmVJbnB1dFByb3BzIH0gZnJvbSAnLi9tdWx0aWxpbmUtaW5wdXQnO1xuXG4vKiB3ZSBuZWVkIHRoaXMgbGluZS1oZWlnaHQgdG8gYWNoaWV2ZSAzMnB4IGhlaWdodCB3aGVuIHRoZSBjb21wb25lbnQgaGFzIG9ubHkgb25lIHJvdyAqL1xuY29uc3Qgc2l6ZUlucHV0TGluZUhlaWdodCA9ICcyMnB4JztcblxuLy8gTk9URTogb3JkZXIgaXMgaW1wb3J0YW50IGhlcmVcbi8vICogYSBkaXNhYmxlZC1maWVsZCBjdXJyZW50bHkgZG9lcyBub3QgZGlzcGxheSB3YXJuaW5nL2Vycm9yLXN0YXRlcyBzbyBpdCB0YWtlcyBwcmVjZWRlbmNlXG4vLyAqIGEgcmVhZG9ubHktZmllbGQgY2Fubm90IGJlIGNoYW5nZWQsIGJ1dCBpdCBtaWdodCBiZSByZWxldmFudCBmb3IgdmFsaWRhdGlvbiwgc28gZXJyb3IgYW5kIHdhcm5pbmcgYXJlIGNoZWNrZWQgZmlyc3Rcbi8vIGhvdyB5b3UgY2FuIGludGVyYWN0IHdpdGggdGhlIGZpZWxkIGlzIGNvbnRyb2xsZWQgc2VwYXJhdGVseSBieSB0aGUgcHJvcHMsIHRoaXMgb25seSBpbmZsdWVuY2VzIHZpc3VhbHNcbmNvbnN0IGdldFRleHRhcmVhU3R5bGVzID0gKHByb3BzOiBUTXVsdGlMaW5lSW5wdXRQcm9wcywgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBbXG4gICAgZ2V0SW5wdXRTdHlsZXMocHJvcHMsIHRoZW1lKSxcbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1hzfSAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgbGluZS1oZWlnaHQ6ICR7c2l6ZUlucHV0TGluZUhlaWdodH07XG4gICAgICBmbGV4OiBhdXRvO1xuICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgYCxcbiAgXTtcbiAgcmV0dXJuIGJhc2VTdHlsZXM7XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0VGV4dGFyZWFTdHlsZXMgfTtcbiJdfQ== */")];
|
|
147
147
|
return baseStyles;
|
|
148
148
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
149
149
|
|
|
150
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
150
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
151
151
|
|
|
152
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
152
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
153
153
|
var MIN_ROW_COUNT = 1;
|
|
154
154
|
|
|
155
155
|
var MultilineInput = function MultilineInput(props) {
|
|
@@ -193,6 +193,8 @@ var MultilineInput = function MultilineInput(props) {
|
|
|
193
193
|
,
|
|
194
194
|
"aria-readonly": props.isReadOnly,
|
|
195
195
|
"aria-multiline": "true",
|
|
196
|
+
"aria-invalid": props['aria-invalid'],
|
|
197
|
+
"aria-errormessage": props['aria-errormessage'],
|
|
196
198
|
role: "textbox",
|
|
197
199
|
minRows: MIN_ROW_COUNT,
|
|
198
200
|
maxRows: props.isOpen ? undefined : MIN_ROW_COUNT,
|
|
@@ -216,7 +218,9 @@ MultilineInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
216
218
|
placeholder: _pt__default["default"].string,
|
|
217
219
|
value: _pt__default["default"].string.isRequired,
|
|
218
220
|
isOpen: _pt__default["default"].bool.isRequired,
|
|
219
|
-
onHeightChange: _pt__default["default"].func
|
|
221
|
+
onHeightChange: _pt__default["default"].func,
|
|
222
|
+
'aria-invalid': _pt__default["default"].bool,
|
|
223
|
+
'aria-errormessage': _pt__default["default"].string
|
|
220
224
|
} : {};
|
|
221
225
|
MultilineInput.displayName = 'MultilineInput';
|
|
222
226
|
var MultilineInput$1 = MultilineInput;
|
|
@@ -247,7 +251,7 @@ var accessibleHiddenInputStyles = process.env.NODE_ENV === "production" ? {
|
|
|
247
251
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
248
252
|
|
|
249
253
|
// NOTE: This string will be replaced on build time with the package version.
|
|
250
|
-
var version = "
|
|
254
|
+
var version = "13.0.4";
|
|
251
255
|
|
|
252
256
|
exports.LocalizedInputToggle = LocalizedInputToggle$1;
|
|
253
257
|
exports.MultilineInput = MultilineInput$1;
|
|
@@ -77,9 +77,9 @@ LocalizedInputToggle.defaultProps = defaultProps;
|
|
|
77
77
|
LocalizedInputToggle.displayName = 'LocalizedInputToggle';
|
|
78
78
|
var LocalizedInputToggle$1 = LocalizedInputToggle;
|
|
79
79
|
|
|
80
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
80
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
81
81
|
|
|
82
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
82
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
83
83
|
|
|
84
84
|
var getInputBorderColor = function getInputBorderColor(vars, props) {
|
|
85
85
|
if (props.isDisabled || props.disabled) {
|
|
@@ -134,13 +134,13 @@ var sizeInputLineHeight = '22px'; // NOTE: order is important here
|
|
|
134
134
|
// how you can interact with the field is controlled separately by the props, this only influences visuals
|
|
135
135
|
|
|
136
136
|
var getTextareaStyles = function getTextareaStyles(props, theme) {
|
|
137
|
-
var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-
|
|
137
|
+
var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-word;white-space:pre-wrap;resize:vertical;" + ("" ), "" )];
|
|
138
138
|
return baseStyles;
|
|
139
139
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
140
140
|
|
|
141
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
141
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
142
142
|
|
|
143
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
143
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
144
144
|
var MIN_ROW_COUNT = 1;
|
|
145
145
|
|
|
146
146
|
var MultilineInput = function MultilineInput(props) {
|
|
@@ -182,6 +182,8 @@ var MultilineInput = function MultilineInput(props) {
|
|
|
182
182
|
,
|
|
183
183
|
"aria-readonly": props.isReadOnly,
|
|
184
184
|
"aria-multiline": "true",
|
|
185
|
+
"aria-invalid": props['aria-invalid'],
|
|
186
|
+
"aria-errormessage": props['aria-errormessage'],
|
|
185
187
|
role: "textbox",
|
|
186
188
|
minRows: MIN_ROW_COUNT,
|
|
187
189
|
maxRows: props.isOpen ? undefined : MIN_ROW_COUNT,
|
|
@@ -213,7 +215,7 @@ var accessibleHiddenInputStyles = {
|
|
|
213
215
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
214
216
|
|
|
215
217
|
// NOTE: This string will be replaced on build time with the package version.
|
|
216
|
-
var version = "
|
|
218
|
+
var version = "13.0.4";
|
|
217
219
|
|
|
218
220
|
exports.LocalizedInputToggle = LocalizedInputToggle$1;
|
|
219
221
|
exports.MultilineInput = MultilineInput$1;
|
|
@@ -68,9 +68,9 @@ LocalizedInputToggle.defaultProps = defaultProps;
|
|
|
68
68
|
LocalizedInputToggle.displayName = 'LocalizedInputToggle';
|
|
69
69
|
var LocalizedInputToggle$1 = LocalizedInputToggle;
|
|
70
70
|
|
|
71
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
71
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
72
72
|
|
|
73
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
73
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
74
74
|
|
|
75
75
|
var getInputBorderColor = function getInputBorderColor(vars, props) {
|
|
76
76
|
if (props.isDisabled || props.disabled) {
|
|
@@ -125,13 +125,13 @@ var sizeInputLineHeight = '22px'; // NOTE: order is important here
|
|
|
125
125
|
// how you can interact with the field is controlled separately by the props, this only influences visuals
|
|
126
126
|
|
|
127
127
|
var getTextareaStyles = function getTextareaStyles(props, theme) {
|
|
128
|
-
var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/css("padding:", customProperties.spacingXs, " ", customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-
|
|
128
|
+
var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/css("padding:", customProperties.spacingXs, " ", customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-word;white-space:pre-wrap;resize:vertical;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS1pbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JPIiwiZmlsZSI6Im11bHRpbGluZS1pbnB1dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRJbnB1dFN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgdHlwZSB7IFRNdWx0aUxpbmVJbnB1dFByb3BzIH0gZnJvbSAnLi9tdWx0aWxpbmUtaW5wdXQnO1xuXG4vKiB3ZSBuZWVkIHRoaXMgbGluZS1oZWlnaHQgdG8gYWNoaWV2ZSAzMnB4IGhlaWdodCB3aGVuIHRoZSBjb21wb25lbnQgaGFzIG9ubHkgb25lIHJvdyAqL1xuY29uc3Qgc2l6ZUlucHV0TGluZUhlaWdodCA9ICcyMnB4JztcblxuLy8gTk9URTogb3JkZXIgaXMgaW1wb3J0YW50IGhlcmVcbi8vICogYSBkaXNhYmxlZC1maWVsZCBjdXJyZW50bHkgZG9lcyBub3QgZGlzcGxheSB3YXJuaW5nL2Vycm9yLXN0YXRlcyBzbyBpdCB0YWtlcyBwcmVjZWRlbmNlXG4vLyAqIGEgcmVhZG9ubHktZmllbGQgY2Fubm90IGJlIGNoYW5nZWQsIGJ1dCBpdCBtaWdodCBiZSByZWxldmFudCBmb3IgdmFsaWRhdGlvbiwgc28gZXJyb3IgYW5kIHdhcm5pbmcgYXJlIGNoZWNrZWQgZmlyc3Rcbi8vIGhvdyB5b3UgY2FuIGludGVyYWN0IHdpdGggdGhlIGZpZWxkIGlzIGNvbnRyb2xsZWQgc2VwYXJhdGVseSBieSB0aGUgcHJvcHMsIHRoaXMgb25seSBpbmZsdWVuY2VzIHZpc3VhbHNcbmNvbnN0IGdldFRleHRhcmVhU3R5bGVzID0gKHByb3BzOiBUTXVsdGlMaW5lSW5wdXRQcm9wcywgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBbXG4gICAgZ2V0SW5wdXRTdHlsZXMocHJvcHMsIHRoZW1lKSxcbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1hzfSAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgbGluZS1oZWlnaHQ6ICR7c2l6ZUlucHV0TGluZUhlaWdodH07XG4gICAgICBmbGV4OiBhdXRvO1xuICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgYCxcbiAgXTtcbiAgcmV0dXJuIGJhc2VTdHlsZXM7XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0VGV4dGFyZWFTdHlsZXMgfTtcbiJdfQ== */")];
|
|
129
129
|
return baseStyles;
|
|
130
130
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
131
131
|
|
|
132
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
132
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
133
133
|
|
|
134
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
134
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
135
135
|
var MIN_ROW_COUNT = 1;
|
|
136
136
|
|
|
137
137
|
var MultilineInput = function MultilineInput(props) {
|
|
@@ -175,6 +175,8 @@ var MultilineInput = function MultilineInput(props) {
|
|
|
175
175
|
,
|
|
176
176
|
"aria-readonly": props.isReadOnly,
|
|
177
177
|
"aria-multiline": "true",
|
|
178
|
+
"aria-invalid": props['aria-invalid'],
|
|
179
|
+
"aria-errormessage": props['aria-errormessage'],
|
|
178
180
|
role: "textbox",
|
|
179
181
|
minRows: MIN_ROW_COUNT,
|
|
180
182
|
maxRows: props.isOpen ? undefined : MIN_ROW_COUNT,
|
|
@@ -198,7 +200,9 @@ MultilineInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
198
200
|
placeholder: _pt.string,
|
|
199
201
|
value: _pt.string.isRequired,
|
|
200
202
|
isOpen: _pt.bool.isRequired,
|
|
201
|
-
onHeightChange: _pt.func
|
|
203
|
+
onHeightChange: _pt.func,
|
|
204
|
+
'aria-invalid': _pt.bool,
|
|
205
|
+
'aria-errormessage': _pt.string
|
|
202
206
|
} : {};
|
|
203
207
|
MultilineInput.displayName = 'MultilineInput';
|
|
204
208
|
var MultilineInput$1 = MultilineInput;
|
|
@@ -229,6 +233,6 @@ var accessibleHiddenInputStyles = process.env.NODE_ENV === "production" ? {
|
|
|
229
233
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
230
234
|
|
|
231
235
|
// NOTE: This string will be replaced on build time with the package version.
|
|
232
|
-
var version = "
|
|
236
|
+
var version = "13.0.4";
|
|
233
237
|
|
|
234
238
|
export { LocalizedInputToggle$1 as LocalizedInputToggle, MultilineInput$1 as MultilineInput, accessibleHiddenInputStyles$1 as accessibleHiddenInputStyles, getInputStyles, messages$1 as messagesLocalizedInput, messages as messagesMultilineInput, version };
|
|
@@ -3,7 +3,7 @@ import { MouseEvent, KeyboardEvent, ReactElement } from 'react';
|
|
|
3
3
|
export declare type TLocalizedInputToggleProps = {
|
|
4
4
|
icon?: ReactElement;
|
|
5
5
|
isOpen?: boolean;
|
|
6
|
-
onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
6
|
+
onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement> | boolean) => void;
|
|
7
7
|
isDisabled?: boolean;
|
|
8
8
|
showMessage: string | MessageDescriptor;
|
|
9
9
|
hideMessage: string | MessageDescriptor;
|
|
@@ -16,6 +16,8 @@ export declare type TMultiLineInputProps = {
|
|
|
16
16
|
value: string;
|
|
17
17
|
isOpen: boolean;
|
|
18
18
|
onHeightChange?: (height: number, rowCount: number) => void;
|
|
19
|
+
'aria-invalid'?: boolean;
|
|
20
|
+
'aria-errormessage'?: string;
|
|
19
21
|
};
|
|
20
22
|
declare const MultilineInput: {
|
|
21
23
|
(props: TMultiLineInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/input-utils",
|
|
3
3
|
"description": "Utilities for working with input components.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "13.0.4",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -19,20 +19,19 @@
|
|
|
19
19
|
"module": "dist/commercetools-uikit-input-utils.esm.js",
|
|
20
20
|
"files": ["dist"],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@babel/runtime": "7.
|
|
23
|
-
"@babel/runtime-corejs3": "7.
|
|
24
|
-
"@commercetools-uikit/design-system": "
|
|
25
|
-
"@commercetools-uikit/flat-button": "
|
|
26
|
-
"@commercetools-uikit/icons": "
|
|
27
|
-
"@commercetools-uikit/utils": "
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/design-system": "13.0.0",
|
|
25
|
+
"@commercetools-uikit/flat-button": "13.0.4",
|
|
26
|
+
"@commercetools-uikit/icons": "13.0.2",
|
|
27
|
+
"@commercetools-uikit/utils": "13.0.2",
|
|
28
28
|
"@emotion/react": "^11.4.0",
|
|
29
|
-
"prop-types": "15.
|
|
30
|
-
"react-required-if": "1.0.3",
|
|
29
|
+
"prop-types": "15.8.1",
|
|
31
30
|
"react-textarea-autosize": "8.3.3"
|
|
32
31
|
},
|
|
33
32
|
"devDependencies": {
|
|
34
33
|
"react": "17.0.2",
|
|
35
|
-
"react-intl": "5.
|
|
34
|
+
"react-intl": "^5.24.6"
|
|
36
35
|
},
|
|
37
36
|
"peerDependencies": {
|
|
38
37
|
"react": "17.x",
|