@commercetools-uikit/localized-text-input 15.15.0 → 16.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/commercetools-uikit-localized-text-input.cjs.d.ts +1 -0
  2. package/dist/commercetools-uikit-localized-text-input.cjs.d.ts.map +1 -0
  3. package/dist/commercetools-uikit-localized-text-input.cjs.dev.js +28 -34
  4. package/dist/commercetools-uikit-localized-text-input.cjs.prod.js +28 -34
  5. package/dist/commercetools-uikit-localized-text-input.esm.js +28 -34
  6. package/package.json +15 -15
package/dist/commercetools-uikit-localized-text-input.cjs.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from "./declarations/src/index";
2
2
  export { default } from "./declarations/src/index";
3
+ //# sourceMappingURL=commercetools-uikit-localized-text-input.cjs.d.ts.map
package/dist/commercetools-uikit-localized-text-input.cjs.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"commercetools-uikit-localized-text-input.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
package/dist/commercetools-uikit-localized-text-input.cjs.dev.js CHANGED
@@ -60,11 +60,9 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
60
60
  // * a disabled-field currently does not display warning/error-states so it takes precedence
61
61
  // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
62
62
  // how you can interact with the field is controlled separately by the props, this only influences visuals
63
- var getLocalizedInputStyles = function getLocalizedInputStyles() {
64
- return [_ref$1];
65
- };
63
+ const getLocalizedInputStyles = () => [_ref$1];
66
64
 
67
- var getLanguageLabelBackgroundColor = function getLanguageLabelBackgroundColor(props) {
65
+ const getLanguageLabelBackgroundColor = props => {
68
66
  if (props.isDisabled) {
69
67
  return designSystem.designTokens.backgroundColorForLocalizedInputLabelWhenDisabled;
70
68
  }
@@ -76,7 +74,7 @@ var getLanguageLabelBackgroundColor = function getLanguageLabelBackgroundColor(p
76
74
  return designSystem.designTokens.backgroundColorForLocalizedInputLabel;
77
75
  };
78
76
 
79
- var getLanguageLabelBorderColor = function getLanguageLabelBorderColor(props) {
77
+ const getLanguageLabelBorderColor = props => {
80
78
  if (props.isDisabled) {
81
79
  return designSystem.designTokens.borderColorForInputWhenDisabled;
82
80
  }
@@ -84,7 +82,7 @@ var getLanguageLabelBorderColor = function getLanguageLabelBorderColor(props) {
84
82
  return props.isReadOnly ? designSystem.designTokens.borderColorForLocalizedInputLabelWhenReadonly : designSystem.designTokens.borderColorForLocalizedInputLabel;
85
83
  };
86
84
 
87
- var getLanguageLabelStyles = function getLanguageLabelStyles(props) {
85
+ const getLanguageLabelStyles = props => {
88
86
  return /*#__PURE__*/react.css("display:flex;flex-direction:column;justify-content:center;flex:1 0 auto;box-sizing:border-box;color:", designSystem.designTokens.fontColorForLocalizedInputLabel, ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";height:", designSystem.designTokens.heightForInput, ";font-size:", designSystem.designTokens.fontSizeForLocalizedInputLabel, ";background-color:", getLanguageLabelBackgroundColor(props), ";border-top-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border:1px solid ", getLanguageLabelBorderColor(props), ";padding:", designSystem.designTokens.paddingForLocalizedInputLabel, ";transition:border-color ", designSystem.designTokens.transitionStandard, ",background-color ", designSystem.designTokens.transitionStandard, ",color ", designSystem.designTokens.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1kiLCJmaWxlIjoibG9jYWxpemVkLXRleHQtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRMb2NhbGl6ZWRJbnB1dFByb3BzIH0gZnJvbSAnLi9sb2NhbGl6ZWQtdGV4dC1pbnB1dCc7XG5cbi8vIE5PVEU6IG9yZGVyIGlzIGltcG9ydGFudCBoZXJlXG4vLyAqIGEgZGlzYWJsZWQtZmllbGQgY3VycmVudGx5IGRvZXMgbm90IGRpc3BsYXkgd2FybmluZy9lcnJvci1zdGF0ZXMgc28gaXQgdGFrZXMgcHJlY2VkZW5jZVxuLy8gKiBhIHJlYWRvbmx5LWZpZWxkIGNhbm5vdCBiZSBjaGFuZ2VkLCBidXQgaXQgbWlnaHQgYmUgcmVsZXZhbnQgZm9yIHZhbGlkYXRpb24sIHNvIGVycm9yIGFuZCB3YXJuaW5nIGFyZSBjaGVja2VkIGZpcnN0XG4vLyBob3cgeW91IGNhbiBpbnRlcmFjdCB3aXRoIHRoZSBmaWVsZCBpcyBjb250cm9sbGVkIHNlcGFyYXRlbHkgYnkgdGhlIHByb3BzLCB0aGlzIG9ubHkgaW5mbHVlbmNlcyB2aXN1YWxzXG5jb25zdCBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyA9ICgpID0+IFtcbiAgY3NzYFxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGZsZXg6IGF1dG87XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRMYW5ndWFnZUxhYmVsQmFja2dyb3VuZENvbG9yID0gKHByb3BzOiBUTG9jYWxpemVkSW5wdXRQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTG9jYWxpemVkSW5wdXRMYWJlbFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTG9jYWxpemVkSW5wdXRMYWJlbFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckxvY2FsaXplZElucHV0TGFiZWw7XG59O1xuXG5jb25zdCBnZXRMYW5ndWFnZUxhYmVsQm9yZGVyQ29sb3IgPSAocHJvcHM6IFRMb2NhbGl6ZWRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIHJldHVybiBwcm9wcy5pc1JlYWRPbmx5XG4gICAgPyBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JMb2NhbGl6ZWRJbnB1dExhYmVsV2hlblJlYWRvbmx5XG4gICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JMb2NhbGl6ZWRJbnB1dExhYmVsO1xufTtcblxuY29uc3QgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRMb2NhbGl6ZWRJbnB1dFByb3BzICYgeyBpc05ld1RoZW1lOiBib29sZWFuIH1cbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAvKiBhdm9pZCB3cmFwcGluZyBsYWJlbCBvbnRvIG5ldyBsaW5lcyAqL1xuICAgIGZsZXg6IDEgMCBhdXRvO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckxvY2FsaXplZElucHV0TGFiZWx9O1xuICAgIGN1cnNvcjogJHtwcm9wcy5pc0Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdkZWZhdWx0J307XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JJbnB1dH07XG4gICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZUZvckxvY2FsaXplZElucHV0TGFiZWx9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0TGFuZ3VhZ2VMYWJlbEJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dH07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRMYW5ndWFnZUxhYmVsQm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yTG9jYWxpemVkSW5wdXRMYWJlbH07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9O1xuICAgIGJvcmRlci1yaWdodDogMDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGA7XG59O1xuXG5leHBvcnQgeyBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcywgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyB9O1xuIl19 */");
89
87
  };
90
88
 
@@ -93,7 +91,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
93
91
  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; }
94
92
 
95
93
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
96
- var sequentialId = utils.createSequentialId('localized-text-input-');
94
+ const sequentialId = utils.createSequentialId('localized-text-input-');
97
95
 
98
96
  var _ref = process.env.NODE_ENV === "production" ? {
99
97
  name: "1ktetz7",
@@ -105,13 +103,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
105
103
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
106
104
  };
107
105
 
108
- var LocalizedInput = function LocalizedInput(props) {
109
- var onChange = props.onChange;
106
+ const LocalizedInput = props => {
107
+ const onChange = props.onChange;
110
108
 
111
- var _useTheme = designSystem.useTheme(),
112
- isNewTheme = _useTheme.isNewTheme;
109
+ const _useTheme = designSystem.useTheme(),
110
+ isNewTheme = _useTheme.isNewTheme;
113
111
 
114
- var handleChange = react$1.useCallback(function (event) {
112
+ const handleChange = react$1.useCallback(event => {
115
113
  // We manipulate the event to add the language to the target.
116
114
  // That way the users of LocalizedTextInput's onChange can read
117
115
  // event.target.language and event.target.value to determine the next value.
@@ -136,7 +134,7 @@ var LocalizedInput = function LocalizedInput(props) {
136
134
  children: [jsxRuntime.jsx("label", {
137
135
  htmlFor: props.id,
138
136
  css: getLanguageLabelStyles(_objectSpread(_objectSpread({}, props), {}, {
139
- isNewTheme: isNewTheme
137
+ isNewTheme
140
138
  })),
141
139
  children: props.language.toUpperCase()
142
140
  }), jsxRuntime.jsx(TextInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
@@ -163,29 +161,25 @@ LocalizedInput.propTypes = process.env.NODE_ENV !== "production" ? {
163
161
  } : {};
164
162
  LocalizedInput.displayName = 'LocalizedInput';
165
163
 
166
- var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
167
- return jsxRuntime.jsx(messages.ErrorMessage, {
168
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, inputUtils.messagesLocalizedInput.missingRequiredField))
169
- });
170
- };
164
+ const RequiredValueErrorMessage = () => jsxRuntime.jsx(messages.ErrorMessage, {
165
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, inputUtils.messagesLocalizedInput.missingRequiredField))
166
+ });
171
167
 
172
168
  RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
173
169
 
174
- var LocalizedTextInput = function LocalizedTextInput(props) {
175
- var defaultExpansionState = props.hideLanguageExpansionControls || props.defaultExpandLanguages || // default to `false`, because useToggleState defaults to `true`
170
+ const LocalizedTextInput = props => {
171
+ const defaultExpansionState = props.hideLanguageExpansionControls || props.defaultExpandLanguages || // default to `false`, because useToggleState defaults to `true`
176
172
  false;
177
173
 
178
- var _useToggleState = hooks.useToggleState(defaultExpansionState),
179
- _useToggleState2 = _slicedToArray(_useToggleState, 2),
180
- areLanguagesExpanded = _useToggleState2[0],
181
- toggleLanguages = _useToggleState2[1];
174
+ const _useToggleState = hooks.useToggleState(defaultExpansionState),
175
+ _useToggleState2 = _slicedToArray(_useToggleState, 2),
176
+ areLanguagesExpanded = _useToggleState2[0],
177
+ toggleLanguages = _useToggleState2[1];
182
178
 
183
- var onLocalizedInputToggle = react$1.useCallback(function () {
184
- return toggleLanguages();
185
- }, [toggleLanguages]);
186
- var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
187
- var id = hooks.useFieldId(props.id, sequentialId);
188
- var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
179
+ const onLocalizedInputToggle = react$1.useCallback(() => toggleLanguages(), [toggleLanguages]);
180
+ const languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
181
+ const id = hooks.useFieldId(props.id, sequentialId);
182
+ const hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
189
183
 
190
184
  if (hasErrorInRemainingLanguages) {
191
185
  // this update within render replaces the old `getDerivedStateFromProps` functionality
@@ -195,7 +189,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
195
189
  }
196
190
  }
197
191
 
198
- var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
192
+ const shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
199
193
 
200
194
  if (!props.isReadOnly) {
201
195
  process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'LocalizedTextInput: "onChange" is required when isReadOnly is not true') : void 0;
@@ -210,8 +204,8 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
210
204
  children: jsxRuntime.jsxs(Stack__default["default"], {
211
205
  scale: "xs",
212
206
  children: [jsxRuntime.jsx(Stack__default["default"], {
213
- children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
214
- var isFirstLanguage = index === 0;
207
+ children: _mapInstanceProperty__default["default"](languages).call(languages, (language, index) => {
208
+ const isFirstLanguage = index === 0;
215
209
  if (!isFirstLanguage && !areLanguagesExpanded) return null;
216
210
  return jsxRuntime.jsx("div", {
217
211
  children: jsxRuntime.jsxs(Stack__default["default"], {
@@ -283,7 +277,7 @@ LocalizedTextInput.isTouched = localizedUtils.isTouched;
283
277
  var LocalizedTextInput$1 = LocalizedTextInput;
284
278
 
285
279
  // NOTE: This string will be replaced on build time with the package version.
286
- var version = "15.15.0";
280
+ var version = "16.0.0";
287
281
 
288
282
  exports["default"] = LocalizedTextInput$1;
289
283
  exports.version = version;
package/dist/commercetools-uikit-localized-text-input.cjs.prod.js CHANGED
@@ -52,11 +52,9 @@ var _ref$1 = {
52
52
  // * a disabled-field currently does not display warning/error-states so it takes precedence
53
53
  // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
54
54
  // how you can interact with the field is controlled separately by the props, this only influences visuals
55
- var getLocalizedInputStyles = function getLocalizedInputStyles() {
56
- return [_ref$1];
57
- };
55
+ const getLocalizedInputStyles = () => [_ref$1];
58
56
 
59
- var getLanguageLabelBackgroundColor = function getLanguageLabelBackgroundColor(props) {
57
+ const getLanguageLabelBackgroundColor = props => {
60
58
  if (props.isDisabled) {
61
59
  return designSystem.designTokens.backgroundColorForLocalizedInputLabelWhenDisabled;
62
60
  }
@@ -68,7 +66,7 @@ var getLanguageLabelBackgroundColor = function getLanguageLabelBackgroundColor(p
68
66
  return designSystem.designTokens.backgroundColorForLocalizedInputLabel;
69
67
  };
70
68
 
71
- var getLanguageLabelBorderColor = function getLanguageLabelBorderColor(props) {
69
+ const getLanguageLabelBorderColor = props => {
72
70
  if (props.isDisabled) {
73
71
  return designSystem.designTokens.borderColorForInputWhenDisabled;
74
72
  }
@@ -76,27 +74,27 @@ var getLanguageLabelBorderColor = function getLanguageLabelBorderColor(props) {
76
74
  return props.isReadOnly ? designSystem.designTokens.borderColorForLocalizedInputLabelWhenReadonly : designSystem.designTokens.borderColorForLocalizedInputLabel;
77
75
  };
78
76
 
79
- var getLanguageLabelStyles = function getLanguageLabelStyles(props) {
77
+ const getLanguageLabelStyles = props => {
80
78
  return /*#__PURE__*/react.css("display:flex;flex-direction:column;justify-content:center;flex:1 0 auto;box-sizing:border-box;color:", designSystem.designTokens.fontColorForLocalizedInputLabel, ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";height:", designSystem.designTokens.heightForInput, ";font-size:", designSystem.designTokens.fontSizeForLocalizedInputLabel, ";background-color:", getLanguageLabelBackgroundColor(props), ";border-top-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border:1px solid ", getLanguageLabelBorderColor(props), ";padding:", designSystem.designTokens.paddingForLocalizedInputLabel, ";transition:border-color ", designSystem.designTokens.transitionStandard, ",background-color ", designSystem.designTokens.transitionStandard, ",color ", designSystem.designTokens.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + ("" ), "" );
81
79
  };
82
80
 
83
81
  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; }
84
82
 
85
83
  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; }
86
- var sequentialId = utils.createSequentialId('localized-text-input-');
84
+ const sequentialId = utils.createSequentialId('localized-text-input-');
87
85
 
88
86
  var _ref = {
89
87
  name: "1ktetz7",
90
88
  styles: "width:100%;position:relative;display:flex"
91
89
  } ;
92
90
 
93
- var LocalizedInput = function LocalizedInput(props) {
94
- var onChange = props.onChange;
91
+ const LocalizedInput = props => {
92
+ const onChange = props.onChange;
95
93
 
96
- var _useTheme = designSystem.useTheme(),
97
- isNewTheme = _useTheme.isNewTheme;
94
+ const _useTheme = designSystem.useTheme(),
95
+ isNewTheme = _useTheme.isNewTheme;
98
96
 
99
- var handleChange = react$1.useCallback(function (event) {
97
+ const handleChange = react$1.useCallback(event => {
100
98
  // We manipulate the event to add the language to the target.
101
99
  // That way the users of LocalizedTextInput's onChange can read
102
100
  // event.target.language and event.target.value to determine the next value.
@@ -119,7 +117,7 @@ var LocalizedInput = function LocalizedInput(props) {
119
117
  children: [jsxRuntime.jsx("label", {
120
118
  htmlFor: props.id,
121
119
  css: getLanguageLabelStyles(_objectSpread(_objectSpread({}, props), {}, {
122
- isNewTheme: isNewTheme
120
+ isNewTheme
123
121
  })),
124
122
  children: props.language.toUpperCase()
125
123
  }), jsxRuntime.jsx(TextInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
@@ -132,29 +130,25 @@ var LocalizedInput = function LocalizedInput(props) {
132
130
  LocalizedInput.propTypes = {};
133
131
  LocalizedInput.displayName = 'LocalizedInput';
134
132
 
135
- var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
136
- return jsxRuntime.jsx(messages.ErrorMessage, {
137
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, inputUtils.messagesLocalizedInput.missingRequiredField))
138
- });
139
- };
133
+ const RequiredValueErrorMessage = () => jsxRuntime.jsx(messages.ErrorMessage, {
134
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, inputUtils.messagesLocalizedInput.missingRequiredField))
135
+ });
140
136
 
141
137
  RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
142
138
 
143
- var LocalizedTextInput = function LocalizedTextInput(props) {
144
- var defaultExpansionState = props.hideLanguageExpansionControls || props.defaultExpandLanguages || // default to `false`, because useToggleState defaults to `true`
139
+ const LocalizedTextInput = props => {
140
+ const defaultExpansionState = props.hideLanguageExpansionControls || props.defaultExpandLanguages || // default to `false`, because useToggleState defaults to `true`
145
141
  false;
146
142
 
147
- var _useToggleState = hooks.useToggleState(defaultExpansionState),
148
- _useToggleState2 = _slicedToArray(_useToggleState, 2),
149
- areLanguagesExpanded = _useToggleState2[0],
150
- toggleLanguages = _useToggleState2[1];
143
+ const _useToggleState = hooks.useToggleState(defaultExpansionState),
144
+ _useToggleState2 = _slicedToArray(_useToggleState, 2),
145
+ areLanguagesExpanded = _useToggleState2[0],
146
+ toggleLanguages = _useToggleState2[1];
151
147
 
152
- var onLocalizedInputToggle = react$1.useCallback(function () {
153
- return toggleLanguages();
154
- }, [toggleLanguages]);
155
- var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
156
- var id = hooks.useFieldId(props.id, sequentialId);
157
- var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
148
+ const onLocalizedInputToggle = react$1.useCallback(() => toggleLanguages(), [toggleLanguages]);
149
+ const languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
150
+ const id = hooks.useFieldId(props.id, sequentialId);
151
+ const hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
158
152
 
159
153
  if (hasErrorInRemainingLanguages) {
160
154
  // this update within render replaces the old `getDerivedStateFromProps` functionality
@@ -164,7 +158,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
164
158
  }
165
159
  }
166
160
 
167
- var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
161
+ const shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
168
162
 
169
163
  if (!props.isReadOnly) ;
170
164
 
@@ -175,8 +169,8 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
175
169
  children: jsxRuntime.jsxs(Stack__default["default"], {
176
170
  scale: "xs",
177
171
  children: [jsxRuntime.jsx(Stack__default["default"], {
178
- children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
179
- var isFirstLanguage = index === 0;
172
+ children: _mapInstanceProperty__default["default"](languages).call(languages, (language, index) => {
173
+ const isFirstLanguage = index === 0;
180
174
  if (!isFirstLanguage && !areLanguagesExpanded) return null;
181
175
  return jsxRuntime.jsx("div", {
182
176
  children: jsxRuntime.jsxs(Stack__default["default"], {
@@ -228,7 +222,7 @@ LocalizedTextInput.isTouched = localizedUtils.isTouched;
228
222
  var LocalizedTextInput$1 = LocalizedTextInput;
229
223
 
230
224
  // NOTE: This string will be replaced on build time with the package version.
231
- var version = "15.15.0";
225
+ var version = "16.0.0";
232
226
 
233
227
  exports["default"] = LocalizedTextInput$1;
234
228
  exports.version = version;
package/dist/commercetools-uikit-localized-text-input.esm.js CHANGED
@@ -40,11 +40,9 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
40
40
  // * a disabled-field currently does not display warning/error-states so it takes precedence
41
41
  // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
42
42
  // how you can interact with the field is controlled separately by the props, this only influences visuals
43
- var getLocalizedInputStyles = function getLocalizedInputStyles() {
44
- return [_ref$1];
45
- };
43
+ const getLocalizedInputStyles = () => [_ref$1];
46
44
 
47
- var getLanguageLabelBackgroundColor = function getLanguageLabelBackgroundColor(props) {
45
+ const getLanguageLabelBackgroundColor = props => {
48
46
  if (props.isDisabled) {
49
47
  return designTokens.backgroundColorForLocalizedInputLabelWhenDisabled;
50
48
  }
@@ -56,7 +54,7 @@ var getLanguageLabelBackgroundColor = function getLanguageLabelBackgroundColor(p
56
54
  return designTokens.backgroundColorForLocalizedInputLabel;
57
55
  };
58
56
 
59
- var getLanguageLabelBorderColor = function getLanguageLabelBorderColor(props) {
57
+ const getLanguageLabelBorderColor = props => {
60
58
  if (props.isDisabled) {
61
59
  return designTokens.borderColorForInputWhenDisabled;
62
60
  }
@@ -64,7 +62,7 @@ var getLanguageLabelBorderColor = function getLanguageLabelBorderColor(props) {
64
62
  return props.isReadOnly ? designTokens.borderColorForLocalizedInputLabelWhenReadonly : designTokens.borderColorForLocalizedInputLabel;
65
63
  };
66
64
 
67
- var getLanguageLabelStyles = function getLanguageLabelStyles(props) {
65
+ const getLanguageLabelStyles = props => {
68
66
  return /*#__PURE__*/css("display:flex;flex-direction:column;justify-content:center;flex:1 0 auto;box-sizing:border-box;color:", designTokens.fontColorForLocalizedInputLabel, ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";height:", designTokens.heightForInput, ";font-size:", designTokens.fontSizeForLocalizedInputLabel, ";background-color:", getLanguageLabelBackgroundColor(props), ";border-top-left-radius:", designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designTokens.borderRadiusForInput, ";border:1px solid ", getLanguageLabelBorderColor(props), ";padding:", designTokens.paddingForLocalizedInputLabel, ";transition:border-color ", designTokens.transitionStandard, ",background-color ", designTokens.transitionStandard, ",color ", designTokens.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1kiLCJmaWxlIjoibG9jYWxpemVkLXRleHQtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRMb2NhbGl6ZWRJbnB1dFByb3BzIH0gZnJvbSAnLi9sb2NhbGl6ZWQtdGV4dC1pbnB1dCc7XG5cbi8vIE5PVEU6IG9yZGVyIGlzIGltcG9ydGFudCBoZXJlXG4vLyAqIGEgZGlzYWJsZWQtZmllbGQgY3VycmVudGx5IGRvZXMgbm90IGRpc3BsYXkgd2FybmluZy9lcnJvci1zdGF0ZXMgc28gaXQgdGFrZXMgcHJlY2VkZW5jZVxuLy8gKiBhIHJlYWRvbmx5LWZpZWxkIGNhbm5vdCBiZSBjaGFuZ2VkLCBidXQgaXQgbWlnaHQgYmUgcmVsZXZhbnQgZm9yIHZhbGlkYXRpb24sIHNvIGVycm9yIGFuZCB3YXJuaW5nIGFyZSBjaGVja2VkIGZpcnN0XG4vLyBob3cgeW91IGNhbiBpbnRlcmFjdCB3aXRoIHRoZSBmaWVsZCBpcyBjb250cm9sbGVkIHNlcGFyYXRlbHkgYnkgdGhlIHByb3BzLCB0aGlzIG9ubHkgaW5mbHVlbmNlcyB2aXN1YWxzXG5jb25zdCBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyA9ICgpID0+IFtcbiAgY3NzYFxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGZsZXg6IGF1dG87XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRMYW5ndWFnZUxhYmVsQmFja2dyb3VuZENvbG9yID0gKHByb3BzOiBUTG9jYWxpemVkSW5wdXRQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTG9jYWxpemVkSW5wdXRMYWJlbFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTG9jYWxpemVkSW5wdXRMYWJlbFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckxvY2FsaXplZElucHV0TGFiZWw7XG59O1xuXG5jb25zdCBnZXRMYW5ndWFnZUxhYmVsQm9yZGVyQ29sb3IgPSAocHJvcHM6IFRMb2NhbGl6ZWRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIHJldHVybiBwcm9wcy5pc1JlYWRPbmx5XG4gICAgPyBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JMb2NhbGl6ZWRJbnB1dExhYmVsV2hlblJlYWRvbmx5XG4gICAgOiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JMb2NhbGl6ZWRJbnB1dExhYmVsO1xufTtcblxuY29uc3QgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyA9IChcbiAgcHJvcHM6IFRMb2NhbGl6ZWRJbnB1dFByb3BzICYgeyBpc05ld1RoZW1lOiBib29sZWFuIH1cbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAvKiBhdm9pZCB3cmFwcGluZyBsYWJlbCBvbnRvIG5ldyBsaW5lcyAqL1xuICAgIGZsZXg6IDEgMCBhdXRvO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckxvY2FsaXplZElucHV0TGFiZWx9O1xuICAgIGN1cnNvcjogJHtwcm9wcy5pc0Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdkZWZhdWx0J307XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JJbnB1dH07XG4gICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZUZvckxvY2FsaXplZElucHV0TGFiZWx9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0TGFuZ3VhZ2VMYWJlbEJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0fTtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dH07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRMYW5ndWFnZUxhYmVsQm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yTG9jYWxpemVkSW5wdXRMYWJlbH07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uU3RhbmRhcmR9O1xuICAgIGJvcmRlci1yaWdodDogMDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGA7XG59O1xuXG5leHBvcnQgeyBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcywgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyB9O1xuIl19 */");
69
67
  };
70
68
 
@@ -73,7 +71,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
73
71
  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; }
74
72
 
75
73
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
76
- var sequentialId = createSequentialId('localized-text-input-');
74
+ const sequentialId = createSequentialId('localized-text-input-');
77
75
 
78
76
  var _ref = process.env.NODE_ENV === "production" ? {
79
77
  name: "1ktetz7",
@@ -85,13 +83,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
85
83
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
86
84
  };
87
85
 
88
- var LocalizedInput = function LocalizedInput(props) {
89
- var onChange = props.onChange;
86
+ const LocalizedInput = props => {
87
+ const onChange = props.onChange;
90
88
 
91
- var _useTheme = useTheme(),
92
- isNewTheme = _useTheme.isNewTheme;
89
+ const _useTheme = useTheme(),
90
+ isNewTheme = _useTheme.isNewTheme;
93
91
 
94
- var handleChange = useCallback(function (event) {
92
+ const handleChange = useCallback(event => {
95
93
  // We manipulate the event to add the language to the target.
96
94
  // That way the users of LocalizedTextInput's onChange can read
97
95
  // event.target.language and event.target.value to determine the next value.
@@ -116,7 +114,7 @@ var LocalizedInput = function LocalizedInput(props) {
116
114
  children: [jsx("label", {
117
115
  htmlFor: props.id,
118
116
  css: getLanguageLabelStyles(_objectSpread(_objectSpread({}, props), {}, {
119
- isNewTheme: isNewTheme
117
+ isNewTheme
120
118
  })),
121
119
  children: props.language.toUpperCase()
122
120
  }), jsx(TextInput, _objectSpread(_objectSpread({}, props), {}, {
@@ -143,29 +141,25 @@ LocalizedInput.propTypes = process.env.NODE_ENV !== "production" ? {
143
141
  } : {};
144
142
  LocalizedInput.displayName = 'LocalizedInput';
145
143
 
146
- var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
147
- return jsx(ErrorMessage, {
148
- children: jsx(FormattedMessage, _objectSpread({}, messagesLocalizedInput.missingRequiredField))
149
- });
150
- };
144
+ const RequiredValueErrorMessage = () => jsx(ErrorMessage, {
145
+ children: jsx(FormattedMessage, _objectSpread({}, messagesLocalizedInput.missingRequiredField))
146
+ });
151
147
 
152
148
  RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
153
149
 
154
- var LocalizedTextInput = function LocalizedTextInput(props) {
155
- var defaultExpansionState = props.hideLanguageExpansionControls || props.defaultExpandLanguages || // default to `false`, because useToggleState defaults to `true`
150
+ const LocalizedTextInput = props => {
151
+ const defaultExpansionState = props.hideLanguageExpansionControls || props.defaultExpandLanguages || // default to `false`, because useToggleState defaults to `true`
156
152
  false;
157
153
 
158
- var _useToggleState = useToggleState(defaultExpansionState),
159
- _useToggleState2 = _slicedToArray(_useToggleState, 2),
160
- areLanguagesExpanded = _useToggleState2[0],
161
- toggleLanguages = _useToggleState2[1];
154
+ const _useToggleState = useToggleState(defaultExpansionState),
155
+ _useToggleState2 = _slicedToArray(_useToggleState, 2),
156
+ areLanguagesExpanded = _useToggleState2[0],
157
+ toggleLanguages = _useToggleState2[1];
162
158
 
163
- var onLocalizedInputToggle = useCallback(function () {
164
- return toggleLanguages();
165
- }, [toggleLanguages]);
166
- var languages = sortLanguages(props.selectedLanguage, _Object$keys(props.value));
167
- var id = useFieldId(props.id, sequentialId);
168
- var hasErrorInRemainingLanguages = props.hasError || getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
159
+ const onLocalizedInputToggle = useCallback(() => toggleLanguages(), [toggleLanguages]);
160
+ const languages = sortLanguages(props.selectedLanguage, _Object$keys(props.value));
161
+ const id = useFieldId(props.id, sequentialId);
162
+ const hasErrorInRemainingLanguages = props.hasError || getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
169
163
 
170
164
  if (hasErrorInRemainingLanguages) {
171
165
  // this update within render replaces the old `getDerivedStateFromProps` functionality
@@ -175,7 +169,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
175
169
  }
176
170
  }
177
171
 
178
- var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
172
+ const shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
179
173
 
180
174
  if (!props.isReadOnly) {
181
175
  process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'LocalizedTextInput: "onChange" is required when isReadOnly is not true') : void 0;
@@ -190,8 +184,8 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
190
184
  children: jsxs(Stack, {
191
185
  scale: "xs",
192
186
  children: [jsx(Stack, {
193
- children: _mapInstanceProperty(languages).call(languages, function (language, index) {
194
- var isFirstLanguage = index === 0;
187
+ children: _mapInstanceProperty(languages).call(languages, (language, index) => {
188
+ const isFirstLanguage = index === 0;
195
189
  if (!isFirstLanguage && !areLanguagesExpanded) return null;
196
190
  return jsx("div", {
197
191
  children: jsxs(Stack, {
@@ -263,6 +257,6 @@ LocalizedTextInput.isTouched = isTouched;
263
257
  var LocalizedTextInput$1 = LocalizedTextInput;
264
258
 
265
259
  // NOTE: This string will be replaced on build time with the package version.
266
- var version = "15.15.0";
260
+ var version = "16.0.0";
267
261
 
268
262
  export { LocalizedTextInput$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/localized-text-input",
3
3
  "description": "A controlled text input component for localized single-line strings with validation states.",
4
- "version": "15.15.0",
4
+ "version": "16.0.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,28 +21,28 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/constraints": "15.15.0",
25
- "@commercetools-uikit/design-system": "15.15.0",
26
- "@commercetools-uikit/flat-button": "15.15.0",
27
- "@commercetools-uikit/hooks": "15.15.0",
28
- "@commercetools-uikit/icons": "15.15.0",
29
- "@commercetools-uikit/input-utils": "15.15.0",
30
- "@commercetools-uikit/localized-utils": "15.15.0",
31
- "@commercetools-uikit/messages": "15.15.0",
32
- "@commercetools-uikit/spacings-stack": "15.15.0",
33
- "@commercetools-uikit/text": "15.15.0",
34
- "@commercetools-uikit/text-input": "15.15.0",
35
- "@commercetools-uikit/utils": "15.15.0",
24
+ "@commercetools-uikit/constraints": "16.0.0",
25
+ "@commercetools-uikit/design-system": "16.0.0",
26
+ "@commercetools-uikit/flat-button": "16.0.0",
27
+ "@commercetools-uikit/hooks": "16.0.0",
28
+ "@commercetools-uikit/icons": "16.0.0",
29
+ "@commercetools-uikit/input-utils": "16.0.0",
30
+ "@commercetools-uikit/localized-utils": "16.0.0",
31
+ "@commercetools-uikit/messages": "16.0.0",
32
+ "@commercetools-uikit/spacings-stack": "16.0.0",
33
+ "@commercetools-uikit/text": "16.0.0",
34
+ "@commercetools-uikit/text-input": "16.0.0",
35
+ "@commercetools-uikit/utils": "16.0.0",
36
36
  "@emotion/react": "^11.10.5",
37
37
  "@emotion/styled": "^11.10.5",
38
38
  "prop-types": "15.8.1"
39
39
  },
40
40
  "devDependencies": {
41
41
  "react": "17.0.2",
42
- "react-intl": "^5.25.1"
42
+ "react-intl": "^6.3.2"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": "17.x",
46
- "react-intl": "5.x"
46
+ "react-intl": "6.x"
47
47
  }
48
48
  }