@commercetools-uikit/localized-text-input 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.
Files changed (4) hide show
  1. package/dist/commercetools-uikit-localized-text-input.cjs.dev.js +45 -45
  2. package/dist/commercetools-uikit-localized-text-input.cjs.prod.js +15 -15
  3. package/dist/commercetools-uikit-localized-text-input.esm.js +2 -2
  4. package/package.json +17 -21
package/dist/commercetools-uikit-localized-text-input.cjs.dev.js CHANGED
@@ -52,9 +52,9 @@ var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
52
52
  var Text__default = /*#__PURE__*/_interopDefault(Text);
53
53
  var TextInput__default = /*#__PURE__*/_interopDefault(TextInput);
54
54
 
55
- 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; }
55
+ 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; }
56
56
 
57
- 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; }
57
+ 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; }
58
58
 
59
59
  function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
60
60
  // * a disabled-field currently does not display warning/error-states so it takes precedence
@@ -83,9 +83,9 @@ var getLanguageLabelStyles = function getLanguageLabelStyles(props, theme) {
83
83
 
84
84
  var _templateObject;
85
85
 
86
- 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; }
86
+ 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; }
87
87
 
88
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source), true)).call(_context2, 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 _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
88
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, 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 _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
89
89
 
90
90
  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)."; }
91
91
  var sequentialId = utils.createSequentialId('localized-text-input-');
@@ -124,11 +124,11 @@ var LocalizedInput = function LocalizedInput(props) {
124
124
  children: [jsxRuntime.jsx("label", {
125
125
  htmlFor: props.id,
126
126
  css: getLanguageLabelStyles(props, theme),
127
- children: jsxRuntime.jsx(Text__default['default'].Detail, {
127
+ children: jsxRuntime.jsx(Text__default["default"].Detail, {
128
128
  tone: "secondary",
129
129
  children: props.language.toUpperCase()
130
130
  })
131
- }), jsxRuntime.jsx(TextInput__default['default'], _objectSpread(_objectSpread({}, props), {}, {
131
+ }), jsxRuntime.jsx(TextInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
132
132
  onChange: handleChange,
133
133
  css: getLocalizedInputStyles
134
134
  }))]
@@ -140,33 +140,33 @@ LocalizedInput.propTypes = process.env.NODE_ENV !== "production" ? {
140
140
  /**
141
141
  * Used as prefix of HTML `id` property. Each input field id will have the language as a suffix (`${idPrefix}.${lang}`), e.g. `foo.en`. You can use the static `LocalizedTextInput.getId(idPrefix, language)` to create this id string, e.g. for labels.
142
142
  */
143
- id: PropTypes__default['default'].string,
143
+ id: PropTypes__default["default"].string,
144
144
 
145
145
  /**
146
146
  * Used as HTML `name` property for each input field. Each input field name will have the language as a suffix (`${namePrefix}.${lang}`), e.g. `foo.en`
147
147
  */
148
- name: PropTypes__default['default'].string,
148
+ name: PropTypes__default["default"].string,
149
149
 
150
150
  /**
151
151
  * Used as HTML `autocomplete` property
152
152
  */
153
- autoComplete: PropTypes__default['default'].string,
154
- value: PropTypes__default['default'].string.isRequired,
153
+ autoComplete: PropTypes__default["default"].string,
154
+ value: PropTypes__default["default"].string.isRequired,
155
155
 
156
156
  /**
157
157
  * Gets called when any input is changed. Is called with the change event of the changed input.
158
158
  */
159
- onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
159
+ onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
160
160
  return !props.isReadOnly;
161
161
  }),
162
- language: PropTypes__default['default'].string.isRequired,
163
- onBlur: PropTypes__default['default'].func,
164
- onFocus: PropTypes__default['default'].func,
165
- isAutofocussed: PropTypes__default['default'].bool,
166
- isDisabled: PropTypes__default['default'].bool,
167
- isReadOnly: PropTypes__default['default'].bool,
168
- hasError: PropTypes__default['default'].bool,
169
- placeholder: PropTypes__default['default'].string
162
+ language: PropTypes__default["default"].string.isRequired,
163
+ onBlur: PropTypes__default["default"].func,
164
+ onFocus: PropTypes__default["default"].func,
165
+ isAutofocussed: PropTypes__default["default"].bool,
166
+ isDisabled: PropTypes__default["default"].bool,
167
+ isReadOnly: PropTypes__default["default"].bool,
168
+ hasError: PropTypes__default["default"].bool,
169
+ placeholder: PropTypes__default["default"].string
170
170
  } : {};
171
171
 
172
172
  var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
@@ -186,7 +186,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
186
186
  areLanguagesExpanded = _useToggleState2[0],
187
187
  toggleLanguages = _useToggleState2[1];
188
188
 
189
- var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default['default'](props.value));
189
+ var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
190
190
  var id = hooks.useFieldId(props.id, sequentialId);
191
191
  var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
192
192
 
@@ -199,16 +199,16 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
199
199
  }
200
200
 
201
201
  var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
202
- return jsxRuntime.jsx(Constraints__default['default'].Horizontal, {
202
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
203
203
  max: props.horizontalConstraint,
204
- children: jsxRuntime.jsxs(Stack__default['default'], {
204
+ children: jsxRuntime.jsxs(Stack__default["default"], {
205
205
  scale: "xs",
206
- children: [jsxRuntime.jsx(Stack__default['default'], {
207
- children: _mapInstanceProperty__default['default'](languages).call(languages, function (language, index) {
206
+ children: [jsxRuntime.jsx(Stack__default["default"], {
207
+ children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
208
208
  var isFirstLanguage = index === 0;
209
209
  if (!isFirstLanguage && !areLanguagesExpanded) return null;
210
210
  return jsxRuntime.jsx("div", {
211
- children: jsxRuntime.jsxs(Stack__default['default'], {
211
+ children: jsxRuntime.jsxs(Stack__default["default"], {
212
212
  scale: "xs",
213
213
  children: [jsxRuntime.jsx(LocalizedInput, _objectSpread({
214
214
  autoComplete: props.autoComplete,
@@ -241,40 +241,40 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
241
241
  LocalizedTextInput.displayName = 'LocalizedTextInput';
242
242
  LocalizedTextInput.RequiredValueErrorMessage = RequiredValueErrorMessage;
243
243
  LocalizedTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
244
- id: PropTypes__default['default'].string,
245
- name: PropTypes__default['default'].string,
246
- autoComplete: PropTypes__default['default'].string,
244
+ id: PropTypes__default["default"].string,
245
+ name: PropTypes__default["default"].string,
246
+ autoComplete: PropTypes__default["default"].string,
247
247
  // then input doesn't accept a "languages" prop, instead all possible
248
248
  // languages have to exist (with empty or filled strings) on the value:
249
249
  // { en: 'foo', de: '', es: '' }
250
- value: PropTypes__default['default'].objectOf(PropTypes__default['default'].string).isRequired,
250
+ value: PropTypes__default["default"].objectOf(PropTypes__default["default"].string).isRequired,
251
251
 
252
252
  /**
253
253
  * Gets called when any input is changed. Is called with the change event of the changed input.
254
254
  */
255
- onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
255
+ onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
256
256
  return !props.isReadOnly;
257
257
  }),
258
258
 
259
259
  /**
260
260
  * Specifies which language will be shown in case the `LocalizedTextInput` is collapsed.
261
261
  */
262
- selectedLanguage: PropTypes__default['default'].string.isRequired,
262
+ selectedLanguage: PropTypes__default["default"].string.isRequired,
263
263
 
264
264
  /**
265
265
  * Called when any field is blurred. Is called with the `event` of that field.
266
266
  */
267
- onBlur: PropTypes__default['default'].func,
267
+ onBlur: PropTypes__default["default"].func,
268
268
 
269
269
  /**
270
270
  * Called when any field is focussed. Is called with the `event` of that field.
271
271
  */
272
- onFocus: PropTypes__default['default'].func,
272
+ onFocus: PropTypes__default["default"].func,
273
273
 
274
274
  /**
275
275
  * Will hide the language expansion controls when set to `true`. All languages will be shown when set to `true`.
276
276
  */
277
- hideLanguageExpansionControls: PropTypes__default['default'].bool,
277
+ hideLanguageExpansionControls: PropTypes__default["default"].bool,
278
278
 
279
279
  /**
280
280
  * Controls whether one or all languages are visible by default
@@ -290,43 +290,43 @@ LocalizedTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
290
290
  rest[_key - 3] = arguments[_key];
291
291
  }
292
292
 
293
- return PropTypes__default['default'].bool.apply(PropTypes__default['default'], _concatInstanceProperty__default['default'](_context = [props, propName, componentName]).call(_context, rest));
293
+ return PropTypes__default["default"].bool.apply(PropTypes__default["default"], _concatInstanceProperty__default["default"](_context = [props, propName, componentName]).call(_context, rest));
294
294
  },
295
295
 
296
296
  /**
297
297
  * Focus the input field on initial render
298
298
  */
299
- isAutofocussed: PropTypes__default['default'].bool,
299
+ isAutofocussed: PropTypes__default["default"].bool,
300
300
 
301
301
  /**
302
302
  * Disables all input fields.
303
303
  */
304
- isDisabled: PropTypes__default['default'].bool,
304
+ isDisabled: PropTypes__default["default"].bool,
305
305
 
306
306
  /**
307
307
  * Disables all input fields and shows them in read-only mode.
308
308
  */
309
- isReadOnly: PropTypes__default['default'].bool,
309
+ isReadOnly: PropTypes__default["default"].bool,
310
310
 
311
311
  /**
312
312
  * Placeholders for each language. Object of the same shape as `value`.
313
313
  */
314
- placeholder: PropTypes__default['default'].objectOf(PropTypes__default['default'].string),
314
+ placeholder: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
315
315
 
316
316
  /**
317
317
  * Horizontal size limit of the input fields.
318
318
  */
319
- horizontalConstraint: PropTypes__default['default'].oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
319
+ horizontalConstraint: PropTypes__default["default"].oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
320
320
 
321
321
  /**
322
322
  * Will apply the error state to each input without showing any error message.
323
323
  */
324
- hasError: PropTypes__default['default'].bool,
324
+ hasError: PropTypes__default["default"].bool,
325
325
 
326
326
  /**
327
327
  * Used to show errors underneath the inputs of specific currencies. Pass an object whose key is a currency and whose value is the error to show for that key.
328
328
  */
329
- errors: PropTypes__default['default'].objectOf(PropTypes__default['default'].node)
329
+ errors: PropTypes__default["default"].objectOf(PropTypes__default["default"].node)
330
330
  } : {};
331
331
  LocalizedTextInput.defaultProps = {
332
332
  horizontalConstraint: 'scale'
@@ -339,8 +339,8 @@ LocalizedTextInput.omitEmptyTranslations = localizedUtils.omitEmptyTranslations;
339
339
  LocalizedTextInput.isTouched = localizedUtils.isTouched;
340
340
  var LocalizedTextInput$1 = LocalizedTextInput;
341
341
 
342
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
343
- var version = '12.2.3';
342
+ // NOTE: This string will be replaced on build time with the package version.
343
+ var version = "12.2.7";
344
344
 
345
- exports['default'] = LocalizedTextInput$1;
345
+ exports["default"] = LocalizedTextInput$1;
346
346
  exports.version = version;
package/dist/commercetools-uikit-localized-text-input.cjs.prod.js CHANGED
@@ -49,9 +49,9 @@ var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
49
49
  var Text__default = /*#__PURE__*/_interopDefault(Text);
50
50
  var TextInput__default = /*#__PURE__*/_interopDefault(TextInput);
51
51
 
52
- 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; }
52
+ 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; }
53
53
 
54
- 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; }
54
+ 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; }
55
55
  // * a disabled-field currently does not display warning/error-states so it takes precedence
56
56
  // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
57
57
  // how you can interact with the field is controlled separately by the props, this only influences visuals
@@ -71,9 +71,9 @@ var getLanguageLabelStyles = function getLanguageLabelStyles(props, theme) {
71
71
  return /*#__PURE__*/react.css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled], ";height:", designSystem.customProperties.sizeHeightInput, ";line-height:", designSystem.customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designSystem.designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", designSystem.customProperties.spacingS, ";transition:border-color ", designSystem.customProperties.transitionStandard, ",background-color ", designSystem.customProperties.transitionStandard, ",color ", designSystem.customProperties.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + ("" ), "" );
72
72
  };
73
73
 
74
- 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; }
74
+ 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; }
75
75
 
76
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source), true)).call(_context2, 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 _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
76
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, 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 _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
77
77
  var sequentialId = utils.createSequentialId('localized-text-input-');
78
78
 
79
79
  var _ref = {
@@ -105,11 +105,11 @@ var LocalizedInput = function LocalizedInput(props) {
105
105
  children: [jsxRuntime.jsx("label", {
106
106
  htmlFor: props.id,
107
107
  css: getLanguageLabelStyles(props, theme),
108
- children: jsxRuntime.jsx(Text__default['default'].Detail, {
108
+ children: jsxRuntime.jsx(Text__default["default"].Detail, {
109
109
  tone: "secondary",
110
110
  children: props.language.toUpperCase()
111
111
  })
112
- }), jsxRuntime.jsx(TextInput__default['default'], _objectSpread(_objectSpread({}, props), {}, {
112
+ }), jsxRuntime.jsx(TextInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
113
113
  onChange: handleChange,
114
114
  css: getLocalizedInputStyles
115
115
  }))]
@@ -136,7 +136,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
136
136
  areLanguagesExpanded = _useToggleState2[0],
137
137
  toggleLanguages = _useToggleState2[1];
138
138
 
139
- var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default['default'](props.value));
139
+ var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
140
140
  var id = hooks.useFieldId(props.id, sequentialId);
141
141
  var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
142
142
 
@@ -149,16 +149,16 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
149
149
  }
150
150
 
151
151
  var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
152
- return jsxRuntime.jsx(Constraints__default['default'].Horizontal, {
152
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
153
153
  max: props.horizontalConstraint,
154
- children: jsxRuntime.jsxs(Stack__default['default'], {
154
+ children: jsxRuntime.jsxs(Stack__default["default"], {
155
155
  scale: "xs",
156
- children: [jsxRuntime.jsx(Stack__default['default'], {
157
- children: _mapInstanceProperty__default['default'](languages).call(languages, function (language, index) {
156
+ children: [jsxRuntime.jsx(Stack__default["default"], {
157
+ children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
158
158
  var isFirstLanguage = index === 0;
159
159
  if (!isFirstLanguage && !areLanguagesExpanded) return null;
160
160
  return jsxRuntime.jsx("div", {
161
- children: jsxRuntime.jsxs(Stack__default['default'], {
161
+ children: jsxRuntime.jsxs(Stack__default["default"], {
162
162
  scale: "xs",
163
163
  children: [jsxRuntime.jsx(LocalizedInput, _objectSpread({
164
164
  autoComplete: props.autoComplete,
@@ -202,8 +202,8 @@ LocalizedTextInput.omitEmptyTranslations = localizedUtils.omitEmptyTranslations;
202
202
  LocalizedTextInput.isTouched = localizedUtils.isTouched;
203
203
  var LocalizedTextInput$1 = LocalizedTextInput;
204
204
 
205
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
206
- var version = '12.2.3';
205
+ // NOTE: This string will be replaced on build time with the package version.
206
+ var version = "12.2.7";
207
207
 
208
- exports['default'] = LocalizedTextInput$1;
208
+ exports["default"] = LocalizedTextInput$1;
209
209
  exports.version = version;
package/dist/commercetools-uikit-localized-text-input.esm.js CHANGED
@@ -316,7 +316,7 @@ LocalizedTextInput.omitEmptyTranslations = omitEmptyTranslations;
316
316
  LocalizedTextInput.isTouched = isTouched;
317
317
  var LocalizedTextInput$1 = LocalizedTextInput;
318
318
 
319
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
320
- var version = '12.2.3';
319
+ // NOTE: This string will be replaced on build time with the package version.
320
+ var version = "12.2.7";
321
321
 
322
322
  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": "12.2.3",
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,33 +18,30 @@
19
18
  "main": "dist/commercetools-uikit-localized-text-input.cjs.js",
20
19
  "module": "dist/commercetools-uikit-localized-text-input.esm.js",
21
20
  "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../../scripts/version.js replace"
24
- },
25
21
  "dependencies": {
26
- "@babel/runtime": "7.14.8",
27
- "@babel/runtime-corejs3": "7.14.9",
28
- "@commercetools-uikit/constraints": "12.2.3",
29
- "@commercetools-uikit/design-system": "12.2.3",
30
- "@commercetools-uikit/flat-button": "12.2.3",
31
- "@commercetools-uikit/hooks": "12.2.3",
32
- "@commercetools-uikit/icons": "12.2.3",
33
- "@commercetools-uikit/input-utils": "12.2.3",
34
- "@commercetools-uikit/localized-utils": "12.2.0",
35
- "@commercetools-uikit/messages": "12.2.3",
36
- "@commercetools-uikit/spacings-stack": "12.2.3",
37
- "@commercetools-uikit/text": "12.2.3",
38
- "@commercetools-uikit/text-input": "12.2.3",
39
- "@commercetools-uikit/utils": "12.2.0",
22
+ "@babel/runtime": "7.16.3",
23
+ "@babel/runtime-corejs3": "7.16.3",
24
+ "@commercetools-uikit/constraints": "12.2.5",
25
+ "@commercetools-uikit/design-system": "12.2.5",
26
+ "@commercetools-uikit/flat-button": "12.2.5",
27
+ "@commercetools-uikit/hooks": "12.2.5",
28
+ "@commercetools-uikit/icons": "12.2.7",
29
+ "@commercetools-uikit/input-utils": "12.2.7",
30
+ "@commercetools-uikit/localized-utils": "12.2.5",
31
+ "@commercetools-uikit/messages": "12.2.5",
32
+ "@commercetools-uikit/spacings-stack": "12.2.5",
33
+ "@commercetools-uikit/text": "12.2.5",
34
+ "@commercetools-uikit/text-input": "12.2.7",
35
+ "@commercetools-uikit/utils": "12.2.5",
40
36
  "@emotion/react": "^11.4.0",
41
37
  "@emotion/styled": "^11.3.0",
42
- "common-tags": "1.8.0",
38
+ "common-tags": "1.8.2",
43
39
  "prop-types": "15.7.2",
44
40
  "react-required-if": "1.0.3"
45
41
  },
46
42
  "devDependencies": {
47
43
  "react": "17.0.2",
48
- "react-intl": "5.20.7"
44
+ "react-intl": "5.21.2"
49
45
  },
50
46
  "peerDependencies": {
51
47
  "react": "17.x",