@commercetools-uikit/input-utils 12.2.3 → 12.2.7
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 +32 -32
- package/dist/commercetools-uikit-input-utils.cjs.prod.js +8 -8
- package/dist/commercetools-uikit-input-utils.esm.js +3 -3
- package/dist/declarations/src/accessible-hidden-input.styles.d.ts +2 -2
- package/dist/declarations/src/index.d.ts +7 -7
- package/dist/declarations/src/localized-input-toggle/index.d.ts +3 -3
- package/dist/declarations/src/localized-input-toggle/localized-input-toggle.d.ts +17 -17
- package/dist/declarations/src/messages/localized-input/index.d.ts +1 -1
- package/dist/declarations/src/messages/localized-input/messages.d.ts +18 -18
- package/dist/declarations/src/messages/multiline-input/index.d.ts +1 -1
- package/dist/declarations/src/messages/multiline-input/messages.d.ts +13 -13
- package/dist/declarations/src/multiline-input/index.d.ts +3 -3
- package/dist/declarations/src/multiline-input/multiline-input.d.ts +24 -24
- package/dist/declarations/src/multiline-input/multiline-input.styles.d.ts +4 -4
- package/dist/declarations/src/styles.d.ts +11 -11
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +8 -12
|
@@ -65,7 +65,7 @@ var LocalizedInputToggle = function LocalizedInputToggle(props) {
|
|
|
65
65
|
var label = typeof labelMessage === 'string' ? labelMessage : intl.formatMessage(labelMessage, {
|
|
66
66
|
remainingLanguages: props.remainingLocalizations
|
|
67
67
|
});
|
|
68
|
-
return jsxRuntime.jsx(FlatButton__default[
|
|
68
|
+
return jsxRuntime.jsx(FlatButton__default["default"], {
|
|
69
69
|
icon: props.icon ? props.icon : jsxRuntime.jsx(icons.WorldIcon, {}),
|
|
70
70
|
label: label,
|
|
71
71
|
onClick: props.onClick,
|
|
@@ -74,21 +74,21 @@ var LocalizedInputToggle = function LocalizedInputToggle(props) {
|
|
|
74
74
|
};
|
|
75
75
|
|
|
76
76
|
LocalizedInputToggle.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
77
|
-
icon: _pt__default[
|
|
78
|
-
isOpen: _pt__default[
|
|
79
|
-
onClick: _pt__default[
|
|
80
|
-
isDisabled: _pt__default[
|
|
81
|
-
showMessage: _pt__default[
|
|
82
|
-
hideMessage: _pt__default[
|
|
83
|
-
remainingLocalizations: _pt__default[
|
|
77
|
+
icon: _pt__default["default"].element,
|
|
78
|
+
isOpen: _pt__default["default"].bool,
|
|
79
|
+
onClick: _pt__default["default"].func.isRequired,
|
|
80
|
+
isDisabled: _pt__default["default"].bool,
|
|
81
|
+
showMessage: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].any]).isRequired,
|
|
82
|
+
hideMessage: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].any]).isRequired,
|
|
83
|
+
remainingLocalizations: _pt__default["default"].number
|
|
84
84
|
} : {};
|
|
85
85
|
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[
|
|
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); if (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] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
91
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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) {
|
|
@@ -133,7 +133,7 @@ var getInputFontColor = function getInputFontColor(vars, props) {
|
|
|
133
133
|
var getInputStyles = function getInputStyles(props, theme) {
|
|
134
134
|
var vars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
|
|
135
135
|
|
|
136
|
-
return /*#__PURE__*/react.css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designSystem.designTokens.backgroundColorForInputWhenDisabled] : vars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designSystem.designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designSystem.designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designSystem.designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGN1c3RvbVByb3BlcnRpZXMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/
|
|
136
|
+
return /*#__PURE__*/react.css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designSystem.designTokens.backgroundColorForInputWhenDisabled] : vars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designSystem.designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designSystem.designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designSystem.designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGN1c3RvbVByb3BlcnRpZXMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGdldElucHV0Qm9yZGVyQ29sb3IgPSAodmFyczogVEV4dGVuZGVkVGhlbWUsIHByb3BzOiBUSW5wdXRQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZCkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcl07XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nXTtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSB8fCBwcm9wcy5yZWFkT25seSkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5XTtcbiAgfVxuICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dF07XG59O1xuXG5jb25zdCBnZXRJbnB1dEZvbnRDb2xvciA9ICh2YXJzOiBURXh0ZW5kZWRUaGVtZSwgcHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3JdO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbldhcm5pbmddO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5IHx8IHByb3BzLnJlYWRPbmx5KSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5XTtcbiAgfVxuICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRdO1xufTtcblxuY29uc3QgZ2V0SW5wdXRTdHlsZXMgPSAocHJvcHM6IFRJbnB1dFByb3BzLCB0aGVtZT86IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLmN1c3RvbVByb3BlcnRpZXMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZFxuICAgICAgPyB2YXJzW2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF1cbiAgICAgIDogdmFyc1tkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRdfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldElucHV0Qm9yZGVyQ29sb3IodmFycywgcHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3ZhcnNbZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0XX07XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBjb2xvcjogJHtnZXRJbnB1dEZvbnRDb2xvcih2YXJzLCBwcm9wcyl9O1xuICAgIGN1cnNvcjogJHtwcm9wcy5pc0Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdkZWZhdWx0J307XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgIGZvbnQtc2l6ZTogJHt2YXJzW2Rlc2lnblRva2Vucy5mb250U2l6ZUZvcklucHV0XX07XG4gICAgaGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBtaW4taGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBvcGFjaXR5OiAke3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuZGlzYWJsZWRcbiAgICAgID8gJzEnXG4gICAgICA6ICd1bnNldCd9OyAvKiBmaXggZm9yIG1vYmlsZSBzYWZhcmkgKi9cbiAgICBvdXRsaW5lOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcGFkZGluZzogMCAke3ZhcnMuc3BhY2luZ1N9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSwgYm94LXNoYWRvdyAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke3ZhcnNbZGVzaWduVG9rZW5zLnBsYWNlaG9sZGVyRm9udENvbG9yRm9ySW5wdXRdfTtcbiAgICB9XG4gICAgOmFjdGl2ZSxcbiAgICA6Zm9jdXMsXG4gICAgOmhvdmVyOm5vdCg6ZGlzYWJsZWQpOm5vdCg6cmVhZC1vbmx5KSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkXX07XG4gICAgfVxuICAgIDpmb2N1cyB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAycHhcbiAgICAgICAgJHt2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWRdfTtcbiAgICB9XG4gIGA7XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0SW5wdXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
137
137
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
138
138
|
|
|
139
139
|
/* we need this line-height to achieve 32px height when the component has only one row */
|
|
@@ -147,9 +147,9 @@ var getTextareaStyles = function getTextareaStyles(props, theme) {
|
|
|
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[
|
|
150
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
152
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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) {
|
|
@@ -170,7 +170,7 @@ var MultilineInput = function MultilineInput(props) {
|
|
|
170
170
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'MultilineInput: "onChange" is required when is not read only.') : void 0;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
return jsxRuntime.jsx(TextareaAutosize__default[
|
|
173
|
+
return jsxRuntime.jsx(TextareaAutosize__default["default"], _objectSpread({
|
|
174
174
|
ref: ref,
|
|
175
175
|
name: props.name,
|
|
176
176
|
onHeightChange: handleHeightChange,
|
|
@@ -201,22 +201,22 @@ var MultilineInput = function MultilineInput(props) {
|
|
|
201
201
|
};
|
|
202
202
|
|
|
203
203
|
MultilineInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
204
|
-
autoComplete: _pt__default[
|
|
205
|
-
className: _pt__default[
|
|
206
|
-
hasError: _pt__default[
|
|
207
|
-
hasWarning: _pt__default[
|
|
208
|
-
id: _pt__default[
|
|
209
|
-
isAutofocussed: _pt__default[
|
|
210
|
-
isDisabled: _pt__default[
|
|
211
|
-
isReadOnly: _pt__default[
|
|
212
|
-
name: _pt__default[
|
|
213
|
-
onBlur: _pt__default[
|
|
214
|
-
onChange: _pt__default[
|
|
215
|
-
onFocus: _pt__default[
|
|
216
|
-
placeholder: _pt__default[
|
|
217
|
-
value: _pt__default[
|
|
218
|
-
isOpen: _pt__default[
|
|
219
|
-
onHeightChange: _pt__default[
|
|
204
|
+
autoComplete: _pt__default["default"].string,
|
|
205
|
+
className: _pt__default["default"].string,
|
|
206
|
+
hasError: _pt__default["default"].bool,
|
|
207
|
+
hasWarning: _pt__default["default"].bool,
|
|
208
|
+
id: _pt__default["default"].string,
|
|
209
|
+
isAutofocussed: _pt__default["default"].bool,
|
|
210
|
+
isDisabled: _pt__default["default"].bool,
|
|
211
|
+
isReadOnly: _pt__default["default"].bool,
|
|
212
|
+
name: _pt__default["default"].string,
|
|
213
|
+
onBlur: _pt__default["default"].func,
|
|
214
|
+
onChange: _pt__default["default"].func,
|
|
215
|
+
onFocus: _pt__default["default"].func,
|
|
216
|
+
placeholder: _pt__default["default"].string,
|
|
217
|
+
value: _pt__default["default"].string.isRequired,
|
|
218
|
+
isOpen: _pt__default["default"].bool.isRequired,
|
|
219
|
+
onHeightChange: _pt__default["default"].func
|
|
220
220
|
} : {};
|
|
221
221
|
MultilineInput.displayName = 'MultilineInput';
|
|
222
222
|
var MultilineInput$1 = MultilineInput;
|
|
@@ -246,8 +246,8 @@ var accessibleHiddenInputStyles = process.env.NODE_ENV === "production" ? {
|
|
|
246
246
|
};
|
|
247
247
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
248
248
|
|
|
249
|
-
// NOTE: This string will be replaced
|
|
250
|
-
var version =
|
|
249
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
250
|
+
var version = "12.2.7";
|
|
251
251
|
|
|
252
252
|
exports.LocalizedInputToggle = LocalizedInputToggle$1;
|
|
253
253
|
exports.MultilineInput = MultilineInput$1;
|
|
@@ -64,7 +64,7 @@ var LocalizedInputToggle = function LocalizedInputToggle(props) {
|
|
|
64
64
|
var label = typeof labelMessage === 'string' ? labelMessage : intl.formatMessage(labelMessage, {
|
|
65
65
|
remainingLanguages: props.remainingLocalizations
|
|
66
66
|
});
|
|
67
|
-
return jsxRuntime.jsx(FlatButton__default[
|
|
67
|
+
return jsxRuntime.jsx(FlatButton__default["default"], {
|
|
68
68
|
icon: props.icon ? props.icon : jsxRuntime.jsx(icons.WorldIcon, {}),
|
|
69
69
|
label: label,
|
|
70
70
|
onClick: props.onClick,
|
|
@@ -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[
|
|
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); if (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] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
82
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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) {
|
|
@@ -138,9 +138,9 @@ var getTextareaStyles = function getTextareaStyles(props, theme) {
|
|
|
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[
|
|
141
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
143
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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) {
|
|
@@ -159,7 +159,7 @@ var MultilineInput = function MultilineInput(props) {
|
|
|
159
159
|
|
|
160
160
|
if (!props.isReadOnly) ;
|
|
161
161
|
|
|
162
|
-
return jsxRuntime.jsx(TextareaAutosize__default[
|
|
162
|
+
return jsxRuntime.jsx(TextareaAutosize__default["default"], _objectSpread({
|
|
163
163
|
ref: ref,
|
|
164
164
|
name: props.name,
|
|
165
165
|
onHeightChange: handleHeightChange,
|
|
@@ -212,8 +212,8 @@ var accessibleHiddenInputStyles = {
|
|
|
212
212
|
} ;
|
|
213
213
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
214
214
|
|
|
215
|
-
// NOTE: This string will be replaced
|
|
216
|
-
var version =
|
|
215
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
216
|
+
var version = "12.2.7";
|
|
217
217
|
|
|
218
218
|
exports.LocalizedInputToggle = LocalizedInputToggle$1;
|
|
219
219
|
exports.MultilineInput = MultilineInput$1;
|
|
@@ -115,7 +115,7 @@ var getInputFontColor = function getInputFontColor(vars, props) {
|
|
|
115
115
|
var getInputStyles = function getInputStyles(props, theme) {
|
|
116
116
|
var vars = _objectSpread$1(_objectSpread$1({}, customProperties), theme);
|
|
117
117
|
|
|
118
|
-
return /*#__PURE__*/css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designTokens.backgroundColorForInputWhenDisabled] : vars[designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designTokens.borderColorForInputWhenFocused], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGN1c3RvbVByb3BlcnRpZXMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/
|
|
118
|
+
return /*#__PURE__*/css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designTokens.backgroundColorForInputWhenDisabled] : vars[designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designTokens.borderColorForInputWhenFocused], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGN1c3RvbVByb3BlcnRpZXMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGdldElucHV0Qm9yZGVyQ29sb3IgPSAodmFyczogVEV4dGVuZGVkVGhlbWUsIHByb3BzOiBUSW5wdXRQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZCkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcl07XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nXTtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSB8fCBwcm9wcy5yZWFkT25seSkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5XTtcbiAgfVxuICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dF07XG59O1xuXG5jb25zdCBnZXRJbnB1dEZvbnRDb2xvciA9ICh2YXJzOiBURXh0ZW5kZWRUaGVtZSwgcHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3JdO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbldhcm5pbmddO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5IHx8IHByb3BzLnJlYWRPbmx5KSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5XTtcbiAgfVxuICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRdO1xufTtcblxuY29uc3QgZ2V0SW5wdXRTdHlsZXMgPSAocHJvcHM6IFRJbnB1dFByb3BzLCB0aGVtZT86IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLmN1c3RvbVByb3BlcnRpZXMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZFxuICAgICAgPyB2YXJzW2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF1cbiAgICAgIDogdmFyc1tkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRdfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldElucHV0Qm9yZGVyQ29sb3IodmFycywgcHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3ZhcnNbZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0XX07XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBjb2xvcjogJHtnZXRJbnB1dEZvbnRDb2xvcih2YXJzLCBwcm9wcyl9O1xuICAgIGN1cnNvcjogJHtwcm9wcy5pc0Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdkZWZhdWx0J307XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgIGZvbnQtc2l6ZTogJHt2YXJzW2Rlc2lnblRva2Vucy5mb250U2l6ZUZvcklucHV0XX07XG4gICAgaGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBtaW4taGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBvcGFjaXR5OiAke3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuZGlzYWJsZWRcbiAgICAgID8gJzEnXG4gICAgICA6ICd1bnNldCd9OyAvKiBmaXggZm9yIG1vYmlsZSBzYWZhcmkgKi9cbiAgICBvdXRsaW5lOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcGFkZGluZzogMCAke3ZhcnMuc3BhY2luZ1N9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSwgYm94LXNoYWRvdyAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke3ZhcnNbZGVzaWduVG9rZW5zLnBsYWNlaG9sZGVyRm9udENvbG9yRm9ySW5wdXRdfTtcbiAgICB9XG4gICAgOmFjdGl2ZSxcbiAgICA6Zm9jdXMsXG4gICAgOmhvdmVyOm5vdCg6ZGlzYWJsZWQpOm5vdCg6cmVhZC1vbmx5KSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkXX07XG4gICAgfVxuICAgIDpmb2N1cyB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAycHhcbiAgICAgICAgJHt2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWRdfTtcbiAgICB9XG4gIGA7XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0SW5wdXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
119
119
|
}; // eslint-disable-next-line import/prefer-default-export
|
|
120
120
|
|
|
121
121
|
/* we need this line-height to achieve 32px height when the component has only one row */
|
|
@@ -228,7 +228,7 @@ var accessibleHiddenInputStyles = process.env.NODE_ENV === "production" ? {
|
|
|
228
228
|
};
|
|
229
229
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
230
230
|
|
|
231
|
-
// NOTE: This string will be replaced
|
|
232
|
-
var version =
|
|
231
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
232
|
+
var version = "12.2.7";
|
|
233
233
|
|
|
234
234
|
export { LocalizedInputToggle$1 as LocalizedInputToggle, MultilineInput$1 as MultilineInput, accessibleHiddenInputStyles$1 as accessibleHiddenInputStyles, getInputStyles, messages$1 as messagesLocalizedInput, messages as messagesMultilineInput, version };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const accessibleHiddenInputStyles: import("@emotion/utils").SerializedStyles;
|
|
2
|
-
export default accessibleHiddenInputStyles;
|
|
1
|
+
declare const accessibleHiddenInputStyles: import("@emotion/utils").SerializedStyles;
|
|
2
|
+
export default accessibleHiddenInputStyles;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { default as LocalizedInputToggle } from './localized-input-toggle';
|
|
2
|
-
export { default as MultilineInput } from './multiline-input';
|
|
3
|
-
export { default as messagesLocalizedInput } from './messages/localized-input';
|
|
4
|
-
export { default as messagesMultilineInput } from './messages/multiline-input';
|
|
5
|
-
export { default as accessibleHiddenInputStyles } from './accessible-hidden-input.styles';
|
|
6
|
-
export * from './styles';
|
|
7
|
-
export { default as version } from './version';
|
|
1
|
+
export { default as LocalizedInputToggle } from './localized-input-toggle';
|
|
2
|
+
export { default as MultilineInput } from './multiline-input';
|
|
3
|
+
export { default as messagesLocalizedInput } from './messages/localized-input';
|
|
4
|
+
export { default as messagesMultilineInput } from './messages/multiline-input';
|
|
5
|
+
export { default as accessibleHiddenInputStyles } from './accessible-hidden-input.styles';
|
|
6
|
+
export * from './styles';
|
|
7
|
+
export { default as version } from './version';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { TLocalizedInputToggleProps as LocalizedInputToggleProps } from './localized-input-toggle';
|
|
2
|
-
export { default } from './localized-input-toggle';
|
|
3
|
-
export declare type TLocalizedInputToggleProps = LocalizedInputToggleProps;
|
|
1
|
+
import type { TLocalizedInputToggleProps as LocalizedInputToggleProps } from './localized-input-toggle';
|
|
2
|
+
export { default } from './localized-input-toggle';
|
|
3
|
+
export declare type TLocalizedInputToggleProps = LocalizedInputToggleProps;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import type { MessageDescriptor } from 'react-intl';
|
|
2
|
-
import { MouseEvent, KeyboardEvent, ReactElement } from 'react';
|
|
3
|
-
export declare type TLocalizedInputToggleProps = {
|
|
4
|
-
icon?: ReactElement;
|
|
5
|
-
isOpen?: boolean;
|
|
6
|
-
onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
7
|
-
isDisabled?: boolean;
|
|
8
|
-
showMessage: string | MessageDescriptor;
|
|
9
|
-
hideMessage: string | MessageDescriptor;
|
|
10
|
-
remainingLocalizations?: number;
|
|
11
|
-
};
|
|
12
|
-
declare const LocalizedInputToggle: {
|
|
13
|
-
(props: TLocalizedInputToggleProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
-
defaultProps: Pick<TLocalizedInputToggleProps, "showMessage" | "hideMessage">;
|
|
15
|
-
displayName: string;
|
|
16
|
-
};
|
|
17
|
-
export default LocalizedInputToggle;
|
|
1
|
+
import type { MessageDescriptor } from 'react-intl';
|
|
2
|
+
import { MouseEvent, KeyboardEvent, ReactElement } from 'react';
|
|
3
|
+
export declare type TLocalizedInputToggleProps = {
|
|
4
|
+
icon?: ReactElement;
|
|
5
|
+
isOpen?: boolean;
|
|
6
|
+
onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
|
|
7
|
+
isDisabled?: boolean;
|
|
8
|
+
showMessage: string | MessageDescriptor;
|
|
9
|
+
hideMessage: string | MessageDescriptor;
|
|
10
|
+
remainingLocalizations?: number;
|
|
11
|
+
};
|
|
12
|
+
declare const LocalizedInputToggle: {
|
|
13
|
+
(props: TLocalizedInputToggleProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
+
defaultProps: Pick<TLocalizedInputToggleProps, "showMessage" | "hideMessage">;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
export default LocalizedInputToggle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './messages';
|
|
1
|
+
export { default } from './messages';
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
missingRequiredField: {
|
|
3
|
-
id: string;
|
|
4
|
-
description: string;
|
|
5
|
-
defaultMessage: string;
|
|
6
|
-
};
|
|
7
|
-
show: {
|
|
8
|
-
id: string;
|
|
9
|
-
description: string;
|
|
10
|
-
defaultMessage: string;
|
|
11
|
-
};
|
|
12
|
-
hide: {
|
|
13
|
-
id: string;
|
|
14
|
-
description: string;
|
|
15
|
-
defaultMessage: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
missingRequiredField: {
|
|
3
|
+
id: string;
|
|
4
|
+
description: string;
|
|
5
|
+
defaultMessage: string;
|
|
6
|
+
};
|
|
7
|
+
show: {
|
|
8
|
+
id: string;
|
|
9
|
+
description: string;
|
|
10
|
+
defaultMessage: string;
|
|
11
|
+
};
|
|
12
|
+
hide: {
|
|
13
|
+
id: string;
|
|
14
|
+
description: string;
|
|
15
|
+
defaultMessage: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './messages';
|
|
1
|
+
export { default } from './messages';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
expand: {
|
|
3
|
-
id: string;
|
|
4
|
-
description: string;
|
|
5
|
-
defaultMessage: string;
|
|
6
|
-
};
|
|
7
|
-
collapse: {
|
|
8
|
-
id: string;
|
|
9
|
-
description: string;
|
|
10
|
-
defaultMessage: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
expand: {
|
|
3
|
+
id: string;
|
|
4
|
+
description: string;
|
|
5
|
+
defaultMessage: string;
|
|
6
|
+
};
|
|
7
|
+
collapse: {
|
|
8
|
+
id: string;
|
|
9
|
+
description: string;
|
|
10
|
+
defaultMessage: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { TMultiLineInputProps as MultiLineInputProps } from './multiline-input';
|
|
2
|
-
export { default } from './multiline-input';
|
|
3
|
-
export declare type TMultiLineInputProps = MultiLineInputProps;
|
|
1
|
+
import type { TMultiLineInputProps as MultiLineInputProps } from './multiline-input';
|
|
2
|
+
export { default } from './multiline-input';
|
|
3
|
+
export declare type TMultiLineInputProps = MultiLineInputProps;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { ChangeEventHandler } from 'react';
|
|
2
|
-
export declare type TMultiLineInputProps = {
|
|
3
|
-
autoComplete?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
hasError?: boolean;
|
|
6
|
-
hasWarning?: boolean;
|
|
7
|
-
id?: string;
|
|
8
|
-
isAutofocussed?: boolean;
|
|
9
|
-
isDisabled?: boolean;
|
|
10
|
-
isReadOnly?: boolean;
|
|
11
|
-
name?: string;
|
|
12
|
-
onBlur?: ChangeEventHandler;
|
|
13
|
-
onChange?: ChangeEventHandler;
|
|
14
|
-
onFocus?: ChangeEventHandler;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
value: string;
|
|
17
|
-
isOpen: boolean;
|
|
18
|
-
onHeightChange?: (height: number, rowCount: number) => void;
|
|
19
|
-
};
|
|
20
|
-
declare const MultilineInput: {
|
|
21
|
-
(props: TMultiLineInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
22
|
-
displayName: string;
|
|
23
|
-
};
|
|
24
|
-
export default MultilineInput;
|
|
1
|
+
import { ChangeEventHandler } from 'react';
|
|
2
|
+
export declare type TMultiLineInputProps = {
|
|
3
|
+
autoComplete?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
hasError?: boolean;
|
|
6
|
+
hasWarning?: boolean;
|
|
7
|
+
id?: string;
|
|
8
|
+
isAutofocussed?: boolean;
|
|
9
|
+
isDisabled?: boolean;
|
|
10
|
+
isReadOnly?: boolean;
|
|
11
|
+
name?: string;
|
|
12
|
+
onBlur?: ChangeEventHandler;
|
|
13
|
+
onChange?: ChangeEventHandler;
|
|
14
|
+
onFocus?: ChangeEventHandler;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
value: string;
|
|
17
|
+
isOpen: boolean;
|
|
18
|
+
onHeightChange?: (height: number, rowCount: number) => void;
|
|
19
|
+
};
|
|
20
|
+
declare const MultilineInput: {
|
|
21
|
+
(props: TMultiLineInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
export default MultilineInput;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Theme } from '@emotion/react';
|
|
2
|
-
import type { TMultiLineInputProps } from './multiline-input';
|
|
3
|
-
declare const getTextareaStyles: (props: TMultiLineInputProps, theme: Theme) => import("@emotion/utils").SerializedStyles[];
|
|
4
|
-
export { getTextareaStyles };
|
|
1
|
+
import type { Theme } from '@emotion/react';
|
|
2
|
+
import type { TMultiLineInputProps } from './multiline-input';
|
|
3
|
+
declare const getTextareaStyles: (props: TMultiLineInputProps, theme: Theme) => import("@emotion/utils").SerializedStyles[];
|
|
4
|
+
export { getTextareaStyles };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import type { Theme } from '@emotion/react';
|
|
2
|
-
declare type TInputProps = {
|
|
3
|
-
isDisabled?: boolean;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
hasError?: boolean;
|
|
6
|
-
hasWarning?: boolean;
|
|
7
|
-
isReadOnly?: boolean;
|
|
8
|
-
readOnly?: boolean;
|
|
9
|
-
};
|
|
10
|
-
declare const getInputStyles: (props: TInputProps, theme
|
|
11
|
-
export { getInputStyles };
|
|
1
|
+
import type { Theme } from '@emotion/react';
|
|
2
|
+
declare type TInputProps = {
|
|
3
|
+
isDisabled?: boolean;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
hasError?: boolean;
|
|
6
|
+
hasWarning?: boolean;
|
|
7
|
+
isReadOnly?: boolean;
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const getInputStyles: (props: TInputProps, theme?: Theme | undefined) => import("@emotion/utils").SerializedStyles;
|
|
11
|
+
export { getInputStyles };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
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": "12.2.
|
|
4
|
+
"version": "12.2.7",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,16 +18,13 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-input-utils.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-input-utils.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/design-system": "12.2.
|
|
29
|
-
"@commercetools-uikit/flat-button": "12.2.
|
|
30
|
-
"@commercetools-uikit/icons": "12.2.
|
|
31
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.16.3",
|
|
23
|
+
"@babel/runtime-corejs3": "7.16.3",
|
|
24
|
+
"@commercetools-uikit/design-system": "12.2.5",
|
|
25
|
+
"@commercetools-uikit/flat-button": "12.2.5",
|
|
26
|
+
"@commercetools-uikit/icons": "12.2.7",
|
|
27
|
+
"@commercetools-uikit/utils": "12.2.5",
|
|
32
28
|
"@emotion/react": "^11.4.0",
|
|
33
29
|
"prop-types": "15.7.2",
|
|
34
30
|
"react-required-if": "1.0.3",
|
|
@@ -36,7 +32,7 @@
|
|
|
36
32
|
},
|
|
37
33
|
"devDependencies": {
|
|
38
34
|
"react": "17.0.2",
|
|
39
|
-
"react-intl": "5.
|
|
35
|
+
"react-intl": "5.21.2"
|
|
40
36
|
},
|
|
41
37
|
"peerDependencies": {
|
|
42
38
|
"react": "17.x",
|