@commercetools-uikit/localized-text-input 12.2.1 → 12.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -30,7 +30,6 @@ npm --save install react react-intl
30
30
  ## Usage
31
31
 
32
32
  ```jsx
33
- import React from 'react';
34
33
  import LocalizedTextInput from '@commercetools-uikit/localized-text-input';
35
34
 
36
35
  const Example = () => (
@@ -2,13 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
6
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
7
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
8
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
9
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
10
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
11
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
5
12
  var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
6
13
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
7
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
14
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
8
15
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
9
16
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
10
17
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
11
- var React = require('react');
18
+ var react$1 = require('react');
12
19
  var PropTypes = require('prop-types');
13
20
  var requiredIf = require('react-required-if');
14
21
  var commonTags = require('common-tags');
@@ -23,81 +30,79 @@ var localizedUtils = require('@commercetools-uikit/localized-utils');
23
30
  var utils = require('@commercetools-uikit/utils');
24
31
  var TextInput = require('@commercetools-uikit/text-input');
25
32
  var inputUtils = require('@commercetools-uikit/input-utils');
26
- var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
27
- var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
28
- var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
29
- var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
30
- var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
31
- var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
32
- var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
33
- var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
34
33
  var designSystem = require('@commercetools-uikit/design-system');
34
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
35
35
 
36
36
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
37
37
 
38
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
39
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
40
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
41
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
42
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
43
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
44
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
38
45
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
39
46
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
40
47
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
41
- var React__default = /*#__PURE__*/_interopDefault(React);
42
48
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
43
49
  var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
44
50
  var Stack__default = /*#__PURE__*/_interopDefault(Stack);
45
51
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
46
52
  var Text__default = /*#__PURE__*/_interopDefault(Text);
47
53
  var TextInput__default = /*#__PURE__*/_interopDefault(TextInput);
48
- var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
49
- var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
50
- var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
51
- var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
52
- var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
53
- var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
54
- var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
55
54
 
56
- 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; }
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; }
57
56
 
58
- 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; }
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; }
59
58
 
60
- 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)."; }
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)."; }
61
60
  // * a disabled-field currently does not display warning/error-states so it takes precedence
62
61
  // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
63
62
  // how you can interact with the field is controlled separately by the props, this only influences visuals
64
63
 
65
- var _ref = process.env.NODE_ENV === "production" ? {
64
+ var _ref$1 = process.env.NODE_ENV === "production" ? {
66
65
  name: "1ps4mw6",
67
66
  styles: "border-top-left-radius:0;border-bottom-left-radius:0;border-style:solid;flex:auto"
68
67
  } : {
69
68
  name: "bqcila-getLocalizedInputStyles",
70
69
  styles: "border-top-left-radius:0;border-bottom-left-radius:0;border-style:solid;flex:auto;label:getLocalizedInputStyles;",
71
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
70
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXSyIsImZpbGUiOiJsb2NhbGl6ZWQtdGV4dC1pbnB1dC5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbi8vIE5PVEU6IG9yZGVyIGlzIGltcG9ydGFudCBoZXJlXG4vLyAqIGEgZGlzYWJsZWQtZmllbGQgY3VycmVudGx5IGRvZXMgbm90IGRpc3BsYXkgd2FybmluZy9lcnJvci1zdGF0ZXMgc28gaXQgdGFrZXMgcHJlY2VkZW5jZVxuLy8gKiBhIHJlYWRvbmx5LWZpZWxkIGNhbm5vdCBiZSBjaGFuZ2VkLCBidXQgaXQgbWlnaHQgYmUgcmVsZXZhbnQgZm9yIHZhbGlkYXRpb24sIHNvIGVycm9yIGFuZCB3YXJuaW5nIGFyZSBjaGVja2VkIGZpcnN0XG4vLyBob3cgeW91IGNhbiBpbnRlcmFjdCB3aXRoIHRoZSBmaWVsZCBpcyBjb250cm9sbGVkIHNlcGFyYXRlbHkgYnkgdGhlIHByb3BzLCB0aGlzIG9ubHkgaW5mbHVlbmNlcyB2aXN1YWxzXG5jb25zdCBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyA9ICgpID0+IFtcbiAgY3NzYFxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGZsZXg6IGF1dG87XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRMYW5ndWFnZUxhYmVsU3R5bGVzID0gKHByb3BzLCB0aGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnMgPSB7XG4gICAgLi4udmFycyxcbiAgICAuLi50aGVtZSxcbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgIC8qIGF2b2lkIHdyYXBwaW5nIGxhYmVsIG9udG8gbmV3IGxpbmVzICovXG4gICAgZmxleDogMSAwIGF1dG87XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBjb2xvcjogJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXX07XG4gICAgaGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBsaW5lLWhlaWdodDogJHt2YXJzLnNpemVIZWlnaHRJbnB1dH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtvdmVyd3JpdHRlblZhcnNbXG4gICAgICBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICBdfTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke292ZXJ3cml0dGVuVmFyc1tcbiAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dFxuICAgIF19O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7b3ZlcndyaXR0ZW5WYXJzW1xuICAgICAgZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0XG4gICAgXX07XG4gICAgYm9yZGVyOiAxcHggJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRdfVxuICAgICAgc29saWQ7XG4gICAgcGFkZGluZzogMCAke3ZhcnMuc3BhY2luZ1N9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICBgO1xufTtcblxuZXhwb3J0IHsgZ2V0TG9jYWxpemVkSW5wdXRTdHlsZXMsIGdldExhbmd1YWdlTGFiZWxTdHlsZXMgfTtcbiJdfQ== */",
71
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
72
72
  };
73
73
 
74
74
  var getLocalizedInputStyles = function getLocalizedInputStyles() {
75
- return [_ref];
75
+ return [_ref$1];
76
76
  };
77
77
 
78
78
  var getLanguageLabelStyles = function getLanguageLabelStyles(props, theme) {
79
- var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
79
+ var overwrittenVars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
80
80
 
81
- 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;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"));
81
+ 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;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoibG9jYWxpemVkLXRleHQtaW5wdXQuc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzLFxuICBkZXNpZ25Ub2tlbnMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG4vLyBOT1RFOiBvcmRlciBpcyBpbXBvcnRhbnQgaGVyZVxuLy8gKiBhIGRpc2FibGVkLWZpZWxkIGN1cnJlbnRseSBkb2VzIG5vdCBkaXNwbGF5IHdhcm5pbmcvZXJyb3Itc3RhdGVzIHNvIGl0IHRha2VzIHByZWNlZGVuY2Vcbi8vICogYSByZWFkb25seS1maWVsZCBjYW5ub3QgYmUgY2hhbmdlZCwgYnV0IGl0IG1pZ2h0IGJlIHJlbGV2YW50IGZvciB2YWxpZGF0aW9uLCBzbyBlcnJvciBhbmQgd2FybmluZyBhcmUgY2hlY2tlZCBmaXJzdFxuLy8gaG93IHlvdSBjYW4gaW50ZXJhY3Qgd2l0aCB0aGUgZmllbGQgaXMgY29udHJvbGxlZCBzZXBhcmF0ZWx5IGJ5IHRoZSBwcm9wcywgdGhpcyBvbmx5IGluZmx1ZW5jZXMgdmlzdWFsc1xuY29uc3QgZ2V0TG9jYWxpemVkSW5wdXRTdHlsZXMgPSAoKSA9PiBbXG4gIGNzc2BcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBmbGV4OiBhdXRvO1xuICBgLFxuXTtcblxuY29uc3QgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyA9IChwcm9wcywgdGhlbWUpID0+IHtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICAvKiBhdm9pZCB3cmFwcGluZyBsYWJlbCBvbnRvIG5ldyBsaW5lcyAqL1xuICAgIGZsZXg6IDEgMCBhdXRvO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29sb3I6ICR7b3ZlcndyaXR0ZW5WYXJzW2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF19O1xuICAgIGhlaWdodDogJHt2YXJzLnNpemVIZWlnaHRJbnB1dH07XG4gICAgbGluZS1oZWlnaHQ6ICR7dmFycy5zaXplSGVpZ2h0SW5wdXR9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7b3ZlcndyaXR0ZW5WYXJzW1xuICAgICAgZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgXX07XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHtvdmVyd3JpdHRlblZhcnNbXG4gICAgICBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9ySW5wdXRcbiAgICBdfTtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke292ZXJ3cml0dGVuVmFyc1tcbiAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dFxuICAgIF19O1xuICAgIGJvcmRlcjogMXB4ICR7b3ZlcndyaXR0ZW5WYXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXX1cbiAgICAgIHNvbGlkO1xuICAgIHBhZGRpbmc6IDAgJHt2YXJzLnNwYWNpbmdTfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yICR7dmFycy50cmFuc2l0aW9uU3RhbmRhcmR9LFxuICAgICAgY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYDtcbn07XG5cbmV4cG9ydCB7IGdldExvY2FsaXplZElucHV0U3R5bGVzLCBnZXRMYW5ndWFnZUxhYmVsU3R5bGVzIH07XG4iXX0= */");
82
82
  };
83
83
 
84
84
  var _templateObject;
85
85
 
86
- 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)."; }
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
+
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
+
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)."; }
87
91
  var sequentialId = utils.createSequentialId('localized-text-input-');
88
92
 
89
- var _ref$1 = process.env.NODE_ENV === "production" ? {
93
+ var _ref = process.env.NODE_ENV === "production" ? {
90
94
  name: "1ktetz7",
91
95
  styles: "width:100%;position:relative;display:flex"
92
96
  } : {
93
97
  name: "1ysn02y-LocalizedInput",
94
98
  styles: "width:100%;position:relative;display:flex;label:LocalizedInput;",
95
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
99
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEYyIsImZpbGUiOiJsb2NhbGl6ZWQtdGV4dC1pbnB1dC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCByZXF1aXJlZElmIGZyb20gJ3JlYWN0LXJlcXVpcmVkLWlmJztcbmltcG9ydCB7IG9uZUxpbmUgfSBmcm9tICdjb21tb24tdGFncyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdXNlRmllbGRJZCwgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBFcnJvck1lc3NhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9tZXNzYWdlcyc7XG5pbXBvcnQgU3RhY2sgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3Mtc3RhY2snO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgc29ydExhbmd1YWdlcyxcbiAgY3JlYXRlTG9jYWxpemVkRGF0YUF0dHJpYnV0ZXMsXG4gIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMsXG4gIGlzVG91Y2hlZCxcbiAgb21pdEVtcHR5VHJhbnNsYXRpb25zLFxuICBpc0VtcHR5LFxuICBjcmVhdGVMb2NhbGl6ZWRTdHJpbmcsXG4gIGdldElkLFxuICBnZXROYW1lLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9sb2NhbGl6ZWQtdXRpbHMnO1xuaW1wb3J0IHsgY3JlYXRlU2VxdWVudGlhbElkIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHRJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0LWlucHV0JztcbmltcG9ydCB7XG4gIExvY2FsaXplZElucHV0VG9nZ2xlLFxuICBtZXNzYWdlc0xvY2FsaXplZElucHV0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQge1xuICBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyxcbiAgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyxcbn0gZnJvbSAnLi9sb2NhbGl6ZWQtdGV4dC1pbnB1dC5zdHlsZXMnO1xuXG5jb25zdCBzZXF1ZW50aWFsSWQgPSBjcmVhdGVTZXF1ZW50aWFsSWQoJ2xvY2FsaXplZC10ZXh0LWlucHV0LScpO1xuXG5jb25zdCBMb2NhbGl6ZWRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IG9uQ2hhbmdlIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBXZSBtYW5pcHVsYXRlIHRoZSBldmVudCB0byBhZGQgdGhlIGxhbmd1YWdlIHRvIHRoZSB0YXJnZXQuXG4gICAgICAvLyBUaGF0IHdheSB0aGUgdXNlcnMgb2YgTG9jYWxpemVkVGV4dElucHV0J3Mgb25DaGFuZ2UgY2FuIHJlYWRcbiAgICAgIC8vIGV2ZW50LnRhcmdldC5sYW5ndWFnZSBhbmQgZXZlbnQudGFyZ2V0LnZhbHVlIHRvIGRldGVybWluZSB0aGUgbmV4dCB2YWx1ZS5cbiAgICAgIC8vXG4gICAgICAvLyBXZSBvbmx5IG5lZWQgdGhpcyBpbmZvcm1hdGlvbiBmb3IgdGhlIHN0b3J5LCB0aGUgTUMgYXBwbGljYXRpb24gY29kZSB3aWxsXG4gICAgICAvLyBuZXZlciBuZWVkIHRvIGFjY2VzcyB0aGUgaW5mb3JtYXRpb24gaW4gc3VjaCBhbiBpbmNvbnZlbmllbnQgd2F5LCBhc1xuICAgICAgLy8gRm9ybWlrIGNhbiBkZWFsIHdpdGggYSBuYW1lIGxpa2UgXCJmb28uZW5cIiBhbmQgc2V0cyB0aGUgdmFsdWUgY29ycmVjdGx5LlxuICAgICAgLy8gV2UgY2FuJ3QgdXNlIHRoaXMgYXMgd2UgYXJlbid0IGd1YXJhbnRlZWQgYSBuYW1lIGluIHRoZSBzdG9yeSBhcyB0aGUgdXNlclxuICAgICAgLy8gbWlnaHQgY2xlYXIgaXQgdXNpbmcgdGhlIGtub2IsIGFuZCB0aGVuIHdlIGNhbid0IHBhcnNlIHRoZSBsYW5ndWFnZSBmcm9tXG4gICAgICAvLyB0aGUgaW5wdXQgbmFtZSBhbnltb3JlLlxuICAgICAgLy9cbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQudGFyZ2V0Lmxhbmd1YWdlID0gcHJvcHMubGFuZ3VhZ2U7XG4gICAgICBvbkNoYW5nZShldmVudCk7XG4gICAgfSxcbiAgICBbcHJvcHMubGFuZ3VhZ2UsIG9uQ2hhbmdlXVxuICApO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBrZXk9e3Byb3BzLmxhbmd1YWdlfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxsYWJlbCBodG1sRm9yPXtwcm9wcy5pZH0gY3NzPXtnZXRMYW5ndWFnZUxhYmVsU3R5bGVzKHByb3BzLCB0aGVtZSl9PlxuICAgICAgICB7LyogRklYTUU6IGFkZCBwcm9wZXIgdG9uZSBmb3IgZGlzYWJsZWQgd2hlbiB0b25lcyBhcmUgcmVmYWN0b3JlZCAqL31cbiAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7cHJvcHMubGFuZ3VhZ2UudG9VcHBlckNhc2UoKX1cbiAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgIDwvbGFiZWw+XG4gICAgICA8VGV4dElucHV0XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgY3NzPXtnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlc31cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5Mb2NhbGl6ZWRJbnB1dC5kaXNwbGF5TmFtZSA9ICdMb2NhbGl6ZWRJbnB1dCc7XG5Mb2NhbGl6ZWRJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHByZWZpeCBvZiBIVE1MIGBpZGAgcHJvcGVydHkuIEVhY2ggaW5wdXQgZmllbGQgaWQgd2lsbCBoYXZlIHRoZSBsYW5ndWFnZSBhcyBhIHN1ZmZpeCAoYCR7aWRQcmVmaXh9LiR7bGFuZ31gKSwgZS5nLiBgZm9vLmVuYC4gWW91IGNhbiB1c2UgdGhlIHN0YXRpYyBgTG9jYWxpemVkVGV4dElucHV0LmdldElkKGlkUHJlZml4LCBsYW5ndWFnZSlgIHRvIGNyZWF0ZSB0aGlzIGlkIHN0cmluZywgZS5nLiBmb3IgbGFiZWxzLlxuICAgKi9cbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgYG5hbWVgIHByb3BlcnR5IGZvciBlYWNoIGlucHV0IGZpZWxkLiBFYWNoIGlucHV0IGZpZWxkIG5hbWUgd2lsbCBoYXZlIHRoZSBsYW5ndWFnZSBhcyBhIHN1ZmZpeCAoYCR7bmFtZVByZWZpeH0uJHtsYW5nfWApLCBlLmcuIGBmb28uZW5gXG4gICAqL1xuICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiBHZXRzIGNhbGxlZCB3aGVuIGFueSBpbnB1dCBpcyBjaGFuZ2VkLiBJcyBjYWxsZWQgd2l0aCB0aGUgY2hhbmdlIGV2ZW50IG9mIHRoZSBjaGFuZ2VkIGlucHV0LlxuICAgKi9cbiAgb25DaGFuZ2U6IHJlcXVpcmVkSWYoUHJvcFR5cGVzLmZ1bmMsIChwcm9wcykgPT4gIXByb3BzLmlzUmVhZE9ubHkpLFxuICBsYW5ndWFnZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkJsdXI6IFByb3BUeXBlcy5mdW5jLFxuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNBdXRvZm9jdXNzZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5jb25zdCBSZXF1aXJlZFZhbHVlRXJyb3JNZXNzYWdlID0gKCkgPT4gKFxuICA8RXJyb3JNZXNzYWdlPlxuICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlc0xvY2FsaXplZElucHV0Lm1pc3NpbmdSZXF1aXJlZEZpZWxkfSAvPlxuICA8L0Vycm9yTWVzc2FnZT5cbik7XG5cblJlcXVpcmVkVmFsdWVFcnJvck1lc3NhZ2UuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRWYWx1ZUVycm9yTWVzc2FnZSc7XG5cbmNvbnN0IExvY2FsaXplZFRleHRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCBkZWZhdWx0RXhwYW5zaW9uU3RhdGUgPVxuICAgIHByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzIHx8XG4gICAgcHJvcHMuZGVmYXVsdEV4cGFuZExhbmd1YWdlcyB8fCAvLyBkZWZhdWx0IHRvIGBmYWxzZWAsIGJlY2F1c2UgdXNlVG9nZ2xlU3RhdGUgZGVmYXVsdHMgdG8gYHRydWVgXG4gICAgZmFsc2U7XG5cbiAgY29uc3QgW2FyZUxhbmd1YWdlc0V4cGFuZGVkLCB0b2dnbGVMYW5ndWFnZXNdID0gdXNlVG9nZ2xlU3RhdGUoXG4gICAgZGVmYXVsdEV4cGFuc2lvblN0YXRlXG4gICk7XG5cbiAgY29uc3QgbGFuZ3VhZ2VzID0gc29ydExhbmd1YWdlcyhcbiAgICBwcm9wcy5zZWxlY3RlZExhbmd1YWdlLFxuICAgIE9iamVjdC5rZXlzKHByb3BzLnZhbHVlKVxuICApO1xuXG4gIGNvbnN0IGlkID0gdXNlRmllbGRJZChwcm9wcy5pZCwgc2VxdWVudGlhbElkKTtcblxuICBjb25zdCBoYXNFcnJvckluUmVtYWluaW5nTGFuZ3VhZ2VzID1cbiAgICBwcm9wcy5oYXNFcnJvciB8fFxuICAgIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMocHJvcHMuZXJyb3JzLCBwcm9wcy5zZWxlY3RlZExhbmd1YWdlKTtcblxuICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0xhbmd1YWdlcykge1xuICAgIC8vIHRoaXMgdXBkYXRlIHdpdGhpbiByZW5kZXIgcmVwbGFjZXMgdGhlIG9sZCBgZ2V0RGVyaXZlZFN0YXRlRnJvbVByb3BzYCBmdW5jdGlvbmFsaXR5XG4gICAgLy8gaHR0cHM6Ly9yZWFjdGpzLm9yZy9kb2NzL2hvb2tzLWZhcS5odG1sI2hvdy1kby1pLWltcGxlbWVudC1nZXRkZXJpdmVkc3RhdGVmcm9tcHJvcHNcbiAgICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0xhbmd1YWdlcyAhPT0gYXJlTGFuZ3VhZ2VzRXhwYW5kZWQpIHtcbiAgICAgIHRvZ2dsZUxhbmd1YWdlcygpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHNob3VsZFJlbmRlckxhbmd1YWdlc0J1dHRvbiA9XG4gICAgbGFuZ3VhZ2VzLmxlbmd0aCA+IDEgJiYgIXByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8U3RhY2s+XG4gICAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNGaXJzdExhbmd1YWdlID0gaW5kZXggPT09IDA7XG4gICAgICAgICAgICBpZiAoIWlzRmlyc3RMYW5ndWFnZSAmJiAhYXJlTGFuZ3VhZ2VzRXhwYW5kZWQpIHJldHVybiBudWxsO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8ZGl2IGtleT17bGFuZ3VhZ2V9PlxuICAgICAgICAgICAgICAgIDxTdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgICA8TG9jYWxpemVkSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPXtwcm9wcy5hdXRvQ29tcGxldGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXtMb2NhbGl6ZWRUZXh0SW5wdXQuZ2V0SWQoaWQsIGxhbmd1YWdlKX1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17TG9jYWxpemVkVGV4dElucHV0LmdldE5hbWUocHJvcHMubmFtZSwgbGFuZ3VhZ2UpfVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWVbbGFuZ3VhZ2VdfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtsYW5ndWFnZX1cbiAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1xuICAgICAgICAgICAgICAgICAgICAgIHByb3BzLnBsYWNlaG9sZGVyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHByb3BzLnBsYWNlaG9sZGVyW2xhbmd1YWdlXVxuICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgICAgICAgICAgICAgICAgb25Gb2N1cz17cHJvcHMub25Gb2N1c31cbiAgICAgICAgICAgICAgICAgICAgaXNBdXRvZm9jdXNzZWQ9e2luZGV4ID09PSAwICYmIHByb3BzLmlzQXV0b2ZvY3Vzc2VkfVxuICAgICAgICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgICBpc1JlYWRPbmx5PXtwcm9wcy5pc1JlYWRPbmx5fVxuICAgICAgICAgICAgICAgICAgICBoYXNFcnJvcj17Qm9vbGVhbihcbiAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5oYXNFcnJvciB8fCAocHJvcHMuZXJyb3JzICYmIHByb3BzLmVycm9yc1tsYW5ndWFnZV0pXG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5jcmVhdGVMb2NhbGl6ZWREYXRhQXR0cmlidXRlcyhwcm9wcywgbGFuZ3VhZ2UpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtwcm9wcy5lcnJvcnMgJiYgcHJvcHMuZXJyb3JzW2xhbmd1YWdlXX1cbiAgICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICAgIHtzaG91bGRSZW5kZXJMYW5ndWFnZXNCdXR0b24gJiYgKFxuICAgICAgICAgIDxMb2NhbGl6ZWRJbnB1dFRvZ2dsZVxuICAgICAgICAgICAgaXNPcGVuPXthcmVMYW5ndWFnZXNFeHBhbmRlZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZUxhbmd1YWdlc31cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2FyZUxhbmd1YWdlc0V4cGFuZGVkICYmIGhhc0Vycm9ySW5SZW1haW5pbmdMYW5ndWFnZXN9XG4gICAgICAgICAgICByZW1haW5pbmdMb2NhbGl6YXRpb25zPXtsYW5ndWFnZXMubGVuZ3RoIC0gMX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTG9jYWxpemVkVGV4dElucHV0JztcblxuTG9jYWxpemVkVGV4dElucHV0LlJlcXVpcmVkVmFsdWVFcnJvck1lc3NhZ2UgPSBSZXF1aXJlZFZhbHVlRXJyb3JNZXNzYWdlO1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgYXV0b0NvbXBsZXRlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvLyB0aGVuIGlucHV0IGRvZXNuJ3QgYWNjZXB0IGEgXCJsYW5ndWFnZXNcIiBwcm9wLCBpbnN0ZWFkIGFsbCBwb3NzaWJsZVxuICAvLyBsYW5ndWFnZXMgaGF2ZSB0byBleGlzdCAod2l0aCBlbXB0eSBvciBmaWxsZWQgc3RyaW5ncykgb24gdGhlIHZhbHVlOlxuICAvLyAgIHsgZW46ICdmb28nLCBkZTogJycsIGVzOiAnJyB9XG4gIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgLyoqXG4gICAqIEdldHMgY2FsbGVkIHdoZW4gYW55IGlucHV0IGlzIGNoYW5nZWQuIElzIGNhbGxlZCB3aXRoIHRoZSBjaGFuZ2UgZXZlbnQgb2YgdGhlIGNoYW5nZWQgaW5wdXQuXG4gICAqL1xuICBvbkNoYW5nZTogcmVxdWlyZWRJZihQcm9wVHlwZXMuZnVuYywgKHByb3BzKSA9PiAhcHJvcHMuaXNSZWFkT25seSksXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgd2hpY2ggbGFuZ3VhZ2Ugd2lsbCBiZSBzaG93biBpbiBjYXNlIHRoZSBgTG9jYWxpemVkVGV4dElucHV0YCBpcyBjb2xsYXBzZWQuXG4gICAqL1xuICBzZWxlY3RlZExhbmd1YWdlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBhbnkgZmllbGQgaXMgYmx1cnJlZC4gSXMgY2FsbGVkIHdpdGggdGhlIGBldmVudGAgb2YgdGhhdCBmaWVsZC5cbiAgICovXG4gIG9uQmx1cjogUHJvcFR5cGVzLmZ1bmMsXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBhbnkgZmllbGQgaXMgZm9jdXNzZWQuIElzIGNhbGxlZCB3aXRoIHRoZSBgZXZlbnRgIG9mIHRoYXQgZmllbGQuXG4gICAqL1xuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgLyoqXG4gICAqIFdpbGwgaGlkZSB0aGUgbGFuZ3VhZ2UgZXhwYW5zaW9uIGNvbnRyb2xzIHdoZW4gc2V0IHRvIGB0cnVlYC4gQWxsIGxhbmd1YWdlcyB3aWxsIGJlIHNob3duIHdoZW4gc2V0IHRvIGB0cnVlYC5cbiAgICovXG4gIGhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIENvbnRyb2xzIHdoZXRoZXIgb25lIG9yIGFsbCBsYW5ndWFnZXMgYXJlIHZpc2libGUgYnkgZGVmYXVsdFxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZExhbmd1YWdlczogKHByb3BzLCBwcm9wTmFtZSwgY29tcG9uZW50TmFtZSwgLi4ucmVzdCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzICYmXG4gICAgICB0eXBlb2YgcHJvcHNbcHJvcE5hbWVdID09PSAnYm9vbGVhbidcbiAgICApIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgb25lTGluZWBcbiAgICAgICAgICAke2NvbXBvbmVudE5hbWV9OiBcIiR7cHJvcE5hbWV9XCIgZG9lcyBub3QgaGF2ZSBhbnkgZWZmZWN0IHdoZW5cbiAgICAgICAgICBcImhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzXCIgaXMgc2V0LlxuICAgICAgICBgXG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gUHJvcFR5cGVzLmJvb2wocHJvcHMsIHByb3BOYW1lLCBjb21wb25lbnROYW1lLCAuLi5yZXN0KTtcbiAgfSxcbiAgLyoqXG4gICAqIEZvY3VzIHRoZSBpbnB1dCBmaWVsZCBvbiBpbml0aWFsIHJlbmRlclxuICAgKi9cbiAgaXNBdXRvZm9jdXNzZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRGlzYWJsZXMgYWxsIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRGlzYWJsZXMgYWxsIGlucHV0IGZpZWxkcyBhbmQgc2hvd3MgdGhlbSBpbiByZWFkLW9ubHkgbW9kZS5cbiAgICovXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogUGxhY2Vob2xkZXJzIGZvciBlYWNoIGxhbmd1YWdlLiBPYmplY3Qgb2YgdGhlIHNhbWUgc2hhcGUgYXMgYHZhbHVlYC5cbiAgICovXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZyksXG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGhvcml6b250YWxDb25zdHJhaW50OiBQcm9wVHlwZXMub25lT2YoW1xuICAgIDEsXG4gICAgMixcbiAgICAzLFxuICAgIDQsXG4gICAgNSxcbiAgICA2LFxuICAgIDcsXG4gICAgOCxcbiAgICA5LFxuICAgIDEwLFxuICAgIDExLFxuICAgIDEyLFxuICAgIDEzLFxuICAgIDE0LFxuICAgIDE1LFxuICAgIDE2LFxuICAgICdzY2FsZScsXG4gICAgJ2F1dG8nLFxuICBdKSxcbiAgLyoqXG4gICAqIFdpbGwgYXBwbHkgdGhlIGVycm9yIHN0YXRlIHRvIGVhY2ggaW5wdXQgd2l0aG91dCBzaG93aW5nIGFueSBlcnJvciBtZXNzYWdlLlxuICAgKi9cbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogVXNlZCB0byBzaG93IGVycm9ycyB1bmRlcm5lYXRoIHRoZSBpbnB1dHMgb2Ygc3BlY2lmaWMgY3VycmVuY2llcy4gUGFzcyBhbiBvYmplY3Qgd2hvc2Uga2V5IGlzIGEgY3VycmVuY3kgYW5kIHdob3NlIHZhbHVlIGlzIHRoZSBlcnJvciB0byBzaG93IGZvciB0aGF0IGtleS5cbiAgICovXG4gIGVycm9yczogUHJvcFR5cGVzLm9iamVjdE9mKFByb3BUeXBlcy5ub2RlKSxcbn07XG5cbkxvY2FsaXplZFRleHRJbnB1dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiAnc2NhbGUnLFxufTtcblxuTG9jYWxpemVkVGV4dElucHV0LmdldElkID0gZ2V0SWQ7XG5cbkxvY2FsaXplZFRleHRJbnB1dC5nZXROYW1lID0gZ2V0TmFtZTtcblxuTG9jYWxpemVkVGV4dElucHV0LmNyZWF0ZUxvY2FsaXplZFN0cmluZyA9IGNyZWF0ZUxvY2FsaXplZFN0cmluZztcblxuTG9jYWxpemVkVGV4dElucHV0LmlzRW1wdHkgPSBpc0VtcHR5O1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQub21pdEVtcHR5VHJhbnNsYXRpb25zID0gb21pdEVtcHR5VHJhbnNsYXRpb25zO1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQuaXNUb3VjaGVkID0gaXNUb3VjaGVkO1xuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGl6ZWRUZXh0SW5wdXQ7XG4iXX0= */",
100
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
96
101
  };
97
102
 
98
103
  var LocalizedInput = function LocalizedInput(props) {
99
104
  var onChange = props.onChange;
100
- var handleChange = React__default['default'].useCallback(function (event) {
105
+ var handleChange = react$1.useCallback(function (event) {
101
106
  // We manipulate the event to add the language to the target.
102
107
  // That way the users of LocalizedTextInput's onChange can read
103
108
  // event.target.language and event.target.value to determine the next value.
@@ -114,18 +119,20 @@ var LocalizedInput = function LocalizedInput(props) {
114
119
  onChange(event);
115
120
  }, [props.language, onChange]);
116
121
  var theme = react.useTheme();
117
- return react.jsx("div", {
118
- key: props.language,
119
- css: _ref$1
120
- }, react.jsx("label", {
121
- htmlFor: props.id,
122
- css: getLanguageLabelStyles(props, theme)
123
- }, react.jsx(Text__default['default'].Detail, {
124
- tone: "secondary"
125
- }, props.language.toUpperCase())), react.jsx(TextInput__default['default'], _extends({}, props, {
126
- onChange: handleChange,
127
- css: getLocalizedInputStyles
128
- })));
122
+ return jsxRuntime.jsxs("div", {
123
+ css: _ref,
124
+ children: [jsxRuntime.jsx("label", {
125
+ htmlFor: props.id,
126
+ css: getLanguageLabelStyles(props, theme),
127
+ children: jsxRuntime.jsx(Text__default["default"].Detail, {
128
+ tone: "secondary",
129
+ children: props.language.toUpperCase()
130
+ })
131
+ }), jsxRuntime.jsx(TextInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
132
+ onChange: handleChange,
133
+ css: getLocalizedInputStyles
134
+ }))]
135
+ }, props.language);
129
136
  };
130
137
 
131
138
  LocalizedInput.displayName = 'LocalizedInput';
@@ -133,37 +140,39 @@ LocalizedInput.propTypes = process.env.NODE_ENV !== "production" ? {
133
140
  /**
134
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.
135
142
  */
136
- id: PropTypes__default['default'].string,
143
+ id: PropTypes__default["default"].string,
137
144
 
138
145
  /**
139
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`
140
147
  */
141
- name: PropTypes__default['default'].string,
148
+ name: PropTypes__default["default"].string,
142
149
 
143
150
  /**
144
151
  * Used as HTML `autocomplete` property
145
152
  */
146
- autoComplete: PropTypes__default['default'].string,
147
- value: PropTypes__default['default'].string.isRequired,
153
+ autoComplete: PropTypes__default["default"].string,
154
+ value: PropTypes__default["default"].string.isRequired,
148
155
 
149
156
  /**
150
157
  * Gets called when any input is changed. Is called with the change event of the changed input.
151
158
  */
152
- onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
159
+ onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
153
160
  return !props.isReadOnly;
154
161
  }),
155
- language: PropTypes__default['default'].string.isRequired,
156
- onBlur: PropTypes__default['default'].func,
157
- onFocus: PropTypes__default['default'].func,
158
- isAutofocussed: PropTypes__default['default'].bool,
159
- isDisabled: PropTypes__default['default'].bool,
160
- isReadOnly: PropTypes__default['default'].bool,
161
- hasError: PropTypes__default['default'].bool,
162
- 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
163
170
  } : {};
164
171
 
165
172
  var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
166
- return react.jsx(messages.ErrorMessage, null, react.jsx(reactIntl.FormattedMessage, inputUtils.messagesLocalizedInput.missingRequiredField));
173
+ return jsxRuntime.jsx(messages.ErrorMessage, {
174
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, inputUtils.messagesLocalizedInput.missingRequiredField))
175
+ });
167
176
  };
168
177
 
169
178
  RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
@@ -177,7 +186,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
177
186
  areLanguagesExpanded = _useToggleState2[0],
178
187
  toggleLanguages = _useToggleState2[1];
179
188
 
180
- 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));
181
190
  var id = hooks.useFieldId(props.id, sequentialId);
182
191
  var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
183
192
 
@@ -190,77 +199,82 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
190
199
  }
191
200
 
192
201
  var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
193
- return react.jsx(Constraints__default['default'].Horizontal, {
194
- max: props.horizontalConstraint
195
- }, react.jsx(Stack__default['default'], {
196
- scale: "xs"
197
- }, react.jsx(Stack__default['default'], null, _mapInstanceProperty__default['default'](languages).call(languages, function (language, index) {
198
- var isFirstLanguage = index === 0;
199
- if (!isFirstLanguage && !areLanguagesExpanded) return null;
200
- return react.jsx("div", {
201
- key: language
202
- }, react.jsx(Stack__default['default'], {
203
- scale: "xs"
204
- }, react.jsx(LocalizedInput, _extends({
205
- autoComplete: props.autoComplete,
206
- id: LocalizedTextInput.getId(id, language),
207
- name: LocalizedTextInput.getName(props.name, language),
208
- value: props.value[language],
209
- onChange: props.onChange,
210
- language: language,
211
- placeholder: props.placeholder ? props.placeholder[language] : undefined,
212
- onBlur: props.onBlur,
213
- onFocus: props.onFocus,
214
- isAutofocussed: index === 0 && props.isAutofocussed,
215
- isDisabled: props.isDisabled,
216
- isReadOnly: props.isReadOnly,
217
- hasError: Boolean(props.hasError || props.errors && props.errors[language])
218
- }, localizedUtils.createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]));
219
- })), shouldRenderLanguagesButton && react.jsx(inputUtils.LocalizedInputToggle, {
220
- isOpen: areLanguagesExpanded,
221
- onClick: toggleLanguages,
222
- isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
223
- remainingLocalizations: languages.length - 1
224
- })));
202
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
203
+ max: props.horizontalConstraint,
204
+ children: jsxRuntime.jsxs(Stack__default["default"], {
205
+ scale: "xs",
206
+ children: [jsxRuntime.jsx(Stack__default["default"], {
207
+ children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
208
+ var isFirstLanguage = index === 0;
209
+ if (!isFirstLanguage && !areLanguagesExpanded) return null;
210
+ return jsxRuntime.jsx("div", {
211
+ children: jsxRuntime.jsxs(Stack__default["default"], {
212
+ scale: "xs",
213
+ children: [jsxRuntime.jsx(LocalizedInput, _objectSpread({
214
+ autoComplete: props.autoComplete,
215
+ id: LocalizedTextInput.getId(id, language),
216
+ name: LocalizedTextInput.getName(props.name, language),
217
+ value: props.value[language],
218
+ onChange: props.onChange,
219
+ language: language,
220
+ placeholder: props.placeholder ? props.placeholder[language] : undefined,
221
+ onBlur: props.onBlur,
222
+ onFocus: props.onFocus,
223
+ isAutofocussed: index === 0 && props.isAutofocussed,
224
+ isDisabled: props.isDisabled,
225
+ isReadOnly: props.isReadOnly,
226
+ hasError: Boolean(props.hasError || props.errors && props.errors[language])
227
+ }, localizedUtils.createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]]
228
+ })
229
+ }, language);
230
+ })
231
+ }), shouldRenderLanguagesButton && jsxRuntime.jsx(inputUtils.LocalizedInputToggle, {
232
+ isOpen: areLanguagesExpanded,
233
+ onClick: toggleLanguages,
234
+ isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
235
+ remainingLocalizations: languages.length - 1
236
+ })]
237
+ })
238
+ });
225
239
  };
226
240
 
227
241
  LocalizedTextInput.displayName = 'LocalizedTextInput';
228
242
  LocalizedTextInput.RequiredValueErrorMessage = RequiredValueErrorMessage;
229
243
  LocalizedTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
230
- id: PropTypes__default['default'].string,
231
- name: PropTypes__default['default'].string,
232
- autoComplete: PropTypes__default['default'].string,
244
+ id: PropTypes__default["default"].string,
245
+ name: PropTypes__default["default"].string,
246
+ autoComplete: PropTypes__default["default"].string,
233
247
  // then input doesn't accept a "languages" prop, instead all possible
234
248
  // languages have to exist (with empty or filled strings) on the value:
235
249
  // { en: 'foo', de: '', es: '' }
236
- value: PropTypes__default['default'].objectOf(PropTypes__default['default'].string).isRequired,
250
+ value: PropTypes__default["default"].objectOf(PropTypes__default["default"].string).isRequired,
237
251
 
238
252
  /**
239
253
  * Gets called when any input is changed. Is called with the change event of the changed input.
240
254
  */
241
- onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
255
+ onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
242
256
  return !props.isReadOnly;
243
257
  }),
244
258
 
245
259
  /**
246
260
  * Specifies which language will be shown in case the `LocalizedTextInput` is collapsed.
247
261
  */
248
- selectedLanguage: PropTypes__default['default'].string.isRequired,
262
+ selectedLanguage: PropTypes__default["default"].string.isRequired,
249
263
 
250
264
  /**
251
265
  * Called when any field is blurred. Is called with the `event` of that field.
252
266
  */
253
- onBlur: PropTypes__default['default'].func,
267
+ onBlur: PropTypes__default["default"].func,
254
268
 
255
269
  /**
256
270
  * Called when any field is focussed. Is called with the `event` of that field.
257
271
  */
258
- onFocus: PropTypes__default['default'].func,
272
+ onFocus: PropTypes__default["default"].func,
259
273
 
260
274
  /**
261
275
  * Will hide the language expansion controls when set to `true`. All languages will be shown when set to `true`.
262
276
  */
263
- hideLanguageExpansionControls: PropTypes__default['default'].bool,
277
+ hideLanguageExpansionControls: PropTypes__default["default"].bool,
264
278
 
265
279
  /**
266
280
  * Controls whether one or all languages are visible by default
@@ -276,43 +290,43 @@ LocalizedTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
276
290
  rest[_key - 3] = arguments[_key];
277
291
  }
278
292
 
279
- 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));
280
294
  },
281
295
 
282
296
  /**
283
297
  * Focus the input field on initial render
284
298
  */
285
- isAutofocussed: PropTypes__default['default'].bool,
299
+ isAutofocussed: PropTypes__default["default"].bool,
286
300
 
287
301
  /**
288
302
  * Disables all input fields.
289
303
  */
290
- isDisabled: PropTypes__default['default'].bool,
304
+ isDisabled: PropTypes__default["default"].bool,
291
305
 
292
306
  /**
293
307
  * Disables all input fields and shows them in read-only mode.
294
308
  */
295
- isReadOnly: PropTypes__default['default'].bool,
309
+ isReadOnly: PropTypes__default["default"].bool,
296
310
 
297
311
  /**
298
312
  * Placeholders for each language. Object of the same shape as `value`.
299
313
  */
300
- placeholder: PropTypes__default['default'].objectOf(PropTypes__default['default'].string),
314
+ placeholder: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
301
315
 
302
316
  /**
303
317
  * Horizontal size limit of the input fields.
304
318
  */
305
- 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']),
306
320
 
307
321
  /**
308
322
  * Will apply the error state to each input without showing any error message.
309
323
  */
310
- hasError: PropTypes__default['default'].bool,
324
+ hasError: PropTypes__default["default"].bool,
311
325
 
312
326
  /**
313
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.
314
328
  */
315
- errors: PropTypes__default['default'].objectOf(PropTypes__default['default'].node)
329
+ errors: PropTypes__default["default"].objectOf(PropTypes__default["default"].node)
316
330
  } : {};
317
331
  LocalizedTextInput.defaultProps = {
318
332
  horizontalConstraint: 'scale'
@@ -323,9 +337,10 @@ LocalizedTextInput.createLocalizedString = localizedUtils.createLocalizedString;
323
337
  LocalizedTextInput.isEmpty = localizedUtils.isEmpty;
324
338
  LocalizedTextInput.omitEmptyTranslations = localizedUtils.omitEmptyTranslations;
325
339
  LocalizedTextInput.isTouched = localizedUtils.isTouched;
340
+ var LocalizedTextInput$1 = LocalizedTextInput;
326
341
 
327
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
328
- var version = '12.2.1';
342
+ // NOTE: This string will be replaced on build time with the package version.
343
+ var version = "12.2.5";
329
344
 
330
- exports.default = LocalizedTextInput;
345
+ exports["default"] = LocalizedTextInput$1;
331
346
  exports.version = version;
@@ -2,13 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
6
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
7
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
8
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
9
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
10
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
11
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
5
12
  require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
6
13
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
7
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
14
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
8
15
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
9
16
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
10
17
  require('@babel/runtime-corejs3/core-js-stable/instance/concat');
11
- var React = require('react');
18
+ var react$1 = require('react');
12
19
  require('prop-types');
13
20
  require('react-required-if');
14
21
  require('common-tags');
@@ -23,25 +30,11 @@ var localizedUtils = require('@commercetools-uikit/localized-utils');
23
30
  var utils = require('@commercetools-uikit/utils');
24
31
  var TextInput = require('@commercetools-uikit/text-input');
25
32
  var inputUtils = require('@commercetools-uikit/input-utils');
26
- var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
27
- var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
28
- var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
29
- var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
30
- var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
31
- var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
32
- var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
33
- var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
34
33
  var designSystem = require('@commercetools-uikit/design-system');
34
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
35
35
 
36
36
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
37
37
 
38
- var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
39
- var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
40
- var React__default = /*#__PURE__*/_interopDefault(React);
41
- var Stack__default = /*#__PURE__*/_interopDefault(Stack);
42
- var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
43
- var Text__default = /*#__PURE__*/_interopDefault(Text);
44
- var TextInput__default = /*#__PURE__*/_interopDefault(TextInput);
45
38
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
46
39
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
47
40
  var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
@@ -49,39 +42,48 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
49
42
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
50
43
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
51
44
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
45
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
46
+ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
47
+ var Stack__default = /*#__PURE__*/_interopDefault(Stack);
48
+ var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
49
+ var Text__default = /*#__PURE__*/_interopDefault(Text);
50
+ var TextInput__default = /*#__PURE__*/_interopDefault(TextInput);
52
51
 
53
- 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; }
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; }
54
53
 
55
- 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; }
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; }
56
55
  // * a disabled-field currently does not display warning/error-states so it takes precedence
57
56
  // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
58
57
  // how you can interact with the field is controlled separately by the props, this only influences visuals
59
58
 
60
- var _ref = {
59
+ var _ref$1 = {
61
60
  name: "1ps4mw6",
62
61
  styles: "border-top-left-radius:0;border-bottom-left-radius:0;border-style:solid;flex:auto"
63
62
  } ;
64
63
 
65
64
  var getLocalizedInputStyles = function getLocalizedInputStyles() {
66
- return [_ref];
65
+ return [_ref$1];
67
66
  };
68
67
 
69
68
  var getLanguageLabelStyles = function getLanguageLabelStyles(props, theme) {
70
- var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
69
+ var overwrittenVars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
71
70
 
72
- 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;" + ("" ));
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;" + ("" ), "" );
73
72
  };
74
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; }
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; }
75
77
  var sequentialId = utils.createSequentialId('localized-text-input-');
76
78
 
77
- var _ref$1 = {
79
+ var _ref = {
78
80
  name: "1ktetz7",
79
81
  styles: "width:100%;position:relative;display:flex"
80
82
  } ;
81
83
 
82
84
  var LocalizedInput = function LocalizedInput(props) {
83
85
  var onChange = props.onChange;
84
- var handleChange = React__default['default'].useCallback(function (event) {
86
+ var handleChange = react$1.useCallback(function (event) {
85
87
  // We manipulate the event to add the language to the target.
86
88
  // That way the users of LocalizedTextInput's onChange can read
87
89
  // event.target.language and event.target.value to determine the next value.
@@ -98,25 +100,29 @@ var LocalizedInput = function LocalizedInput(props) {
98
100
  onChange(event);
99
101
  }, [props.language, onChange]);
100
102
  var theme = react.useTheme();
101
- return react.jsx("div", {
102
- key: props.language,
103
- css: _ref$1
104
- }, react.jsx("label", {
105
- htmlFor: props.id,
106
- css: getLanguageLabelStyles(props, theme)
107
- }, react.jsx(Text__default['default'].Detail, {
108
- tone: "secondary"
109
- }, props.language.toUpperCase())), react.jsx(TextInput__default['default'], _extends({}, props, {
110
- onChange: handleChange,
111
- css: getLocalizedInputStyles
112
- })));
103
+ return jsxRuntime.jsxs("div", {
104
+ css: _ref,
105
+ children: [jsxRuntime.jsx("label", {
106
+ htmlFor: props.id,
107
+ css: getLanguageLabelStyles(props, theme),
108
+ children: jsxRuntime.jsx(Text__default["default"].Detail, {
109
+ tone: "secondary",
110
+ children: props.language.toUpperCase()
111
+ })
112
+ }), jsxRuntime.jsx(TextInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
113
+ onChange: handleChange,
114
+ css: getLocalizedInputStyles
115
+ }))]
116
+ }, props.language);
113
117
  };
114
118
 
115
119
  LocalizedInput.displayName = 'LocalizedInput';
116
120
  LocalizedInput.propTypes = {};
117
121
 
118
122
  var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
119
- return react.jsx(messages.ErrorMessage, null, react.jsx(reactIntl.FormattedMessage, inputUtils.messagesLocalizedInput.missingRequiredField));
123
+ return jsxRuntime.jsx(messages.ErrorMessage, {
124
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, inputUtils.messagesLocalizedInput.missingRequiredField))
125
+ });
120
126
  };
121
127
 
122
128
  RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
@@ -130,7 +136,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
130
136
  areLanguagesExpanded = _useToggleState2[0],
131
137
  toggleLanguages = _useToggleState2[1];
132
138
 
133
- 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));
134
140
  var id = hooks.useFieldId(props.id, sequentialId);
135
141
  var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
136
142
 
@@ -143,38 +149,43 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
143
149
  }
144
150
 
145
151
  var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
146
- return react.jsx(Constraints__default['default'].Horizontal, {
147
- max: props.horizontalConstraint
148
- }, react.jsx(Stack__default['default'], {
149
- scale: "xs"
150
- }, react.jsx(Stack__default['default'], null, _mapInstanceProperty__default['default'](languages).call(languages, function (language, index) {
151
- var isFirstLanguage = index === 0;
152
- if (!isFirstLanguage && !areLanguagesExpanded) return null;
153
- return react.jsx("div", {
154
- key: language
155
- }, react.jsx(Stack__default['default'], {
156
- scale: "xs"
157
- }, react.jsx(LocalizedInput, _extends({
158
- autoComplete: props.autoComplete,
159
- id: LocalizedTextInput.getId(id, language),
160
- name: LocalizedTextInput.getName(props.name, language),
161
- value: props.value[language],
162
- onChange: props.onChange,
163
- language: language,
164
- placeholder: props.placeholder ? props.placeholder[language] : undefined,
165
- onBlur: props.onBlur,
166
- onFocus: props.onFocus,
167
- isAutofocussed: index === 0 && props.isAutofocussed,
168
- isDisabled: props.isDisabled,
169
- isReadOnly: props.isReadOnly,
170
- hasError: Boolean(props.hasError || props.errors && props.errors[language])
171
- }, localizedUtils.createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]));
172
- })), shouldRenderLanguagesButton && react.jsx(inputUtils.LocalizedInputToggle, {
173
- isOpen: areLanguagesExpanded,
174
- onClick: toggleLanguages,
175
- isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
176
- remainingLocalizations: languages.length - 1
177
- })));
152
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
153
+ max: props.horizontalConstraint,
154
+ children: jsxRuntime.jsxs(Stack__default["default"], {
155
+ scale: "xs",
156
+ children: [jsxRuntime.jsx(Stack__default["default"], {
157
+ children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
158
+ var isFirstLanguage = index === 0;
159
+ if (!isFirstLanguage && !areLanguagesExpanded) return null;
160
+ return jsxRuntime.jsx("div", {
161
+ children: jsxRuntime.jsxs(Stack__default["default"], {
162
+ scale: "xs",
163
+ children: [jsxRuntime.jsx(LocalizedInput, _objectSpread({
164
+ autoComplete: props.autoComplete,
165
+ id: LocalizedTextInput.getId(id, language),
166
+ name: LocalizedTextInput.getName(props.name, language),
167
+ value: props.value[language],
168
+ onChange: props.onChange,
169
+ language: language,
170
+ placeholder: props.placeholder ? props.placeholder[language] : undefined,
171
+ onBlur: props.onBlur,
172
+ onFocus: props.onFocus,
173
+ isAutofocussed: index === 0 && props.isAutofocussed,
174
+ isDisabled: props.isDisabled,
175
+ isReadOnly: props.isReadOnly,
176
+ hasError: Boolean(props.hasError || props.errors && props.errors[language])
177
+ }, localizedUtils.createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]]
178
+ })
179
+ }, language);
180
+ })
181
+ }), shouldRenderLanguagesButton && jsxRuntime.jsx(inputUtils.LocalizedInputToggle, {
182
+ isOpen: areLanguagesExpanded,
183
+ onClick: toggleLanguages,
184
+ isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
185
+ remainingLocalizations: languages.length - 1
186
+ })]
187
+ })
188
+ });
178
189
  };
179
190
 
180
191
  LocalizedTextInput.displayName = 'LocalizedTextInput';
@@ -189,9 +200,10 @@ LocalizedTextInput.createLocalizedString = localizedUtils.createLocalizedString;
189
200
  LocalizedTextInput.isEmpty = localizedUtils.isEmpty;
190
201
  LocalizedTextInput.omitEmptyTranslations = localizedUtils.omitEmptyTranslations;
191
202
  LocalizedTextInput.isTouched = localizedUtils.isTouched;
203
+ var LocalizedTextInput$1 = LocalizedTextInput;
192
204
 
193
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
194
- var version = '12.2.1';
205
+ // NOTE: This string will be replaced on build time with the package version.
206
+ var version = "12.2.5";
195
207
 
196
- exports.default = LocalizedTextInput;
208
+ exports["default"] = LocalizedTextInput$1;
197
209
  exports.version = version;
@@ -1,15 +1,22 @@
1
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
2
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
3
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
4
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
5
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
6
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
7
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
1
8
  import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
2
9
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
3
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
10
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
4
11
  import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
5
12
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
6
13
  import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
7
- import React from 'react';
14
+ import { useCallback } from 'react';
8
15
  import PropTypes from 'prop-types';
9
16
  import requiredIf from 'react-required-if';
10
17
  import { oneLine } from 'common-tags';
11
18
  import { FormattedMessage } from 'react-intl';
12
- import { css, jsx, useTheme } from '@emotion/react';
19
+ import { css, useTheme } from '@emotion/react';
13
20
  import { useToggleState, useFieldId } from '@commercetools-uikit/hooks';
14
21
  import { ErrorMessage } from '@commercetools-uikit/messages';
15
22
  import Stack from '@commercetools-uikit/spacings-stack';
@@ -19,61 +26,60 @@ import { sortLanguages, getHasErrorOnRemainingLanguages, createLocalizedDataAttr
19
26
  import { createSequentialId } from '@commercetools-uikit/utils';
20
27
  import TextInput from '@commercetools-uikit/text-input';
21
28
  import { LocalizedInputToggle, messagesLocalizedInput } from '@commercetools-uikit/input-utils';
22
- import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
23
- import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
24
- import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
25
- import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
26
- import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
27
- import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
28
- import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
29
- import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
30
- import { designTokens, customProperties } from '@commercetools-uikit/design-system';
29
+ import { customProperties, designTokens } from '@commercetools-uikit/design-system';
30
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
31
31
 
32
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
32
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
33
33
 
34
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
34
+ 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(_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
35
35
 
36
- 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)."; }
36
+ 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)."; }
37
37
  // * a disabled-field currently does not display warning/error-states so it takes precedence
38
38
  // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
39
39
  // how you can interact with the field is controlled separately by the props, this only influences visuals
40
40
 
41
- var _ref = process.env.NODE_ENV === "production" ? {
41
+ var _ref$1 = process.env.NODE_ENV === "production" ? {
42
42
  name: "1ps4mw6",
43
43
  styles: "border-top-left-radius:0;border-bottom-left-radius:0;border-style:solid;flex:auto"
44
44
  } : {
45
45
  name: "bqcila-getLocalizedInputStyles",
46
46
  styles: "border-top-left-radius:0;border-bottom-left-radius:0;border-style:solid;flex:auto;label:getLocalizedInputStyles;",
47
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
47
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXSyIsImZpbGUiOiJsb2NhbGl6ZWQtdGV4dC1pbnB1dC5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbi8vIE5PVEU6IG9yZGVyIGlzIGltcG9ydGFudCBoZXJlXG4vLyAqIGEgZGlzYWJsZWQtZmllbGQgY3VycmVudGx5IGRvZXMgbm90IGRpc3BsYXkgd2FybmluZy9lcnJvci1zdGF0ZXMgc28gaXQgdGFrZXMgcHJlY2VkZW5jZVxuLy8gKiBhIHJlYWRvbmx5LWZpZWxkIGNhbm5vdCBiZSBjaGFuZ2VkLCBidXQgaXQgbWlnaHQgYmUgcmVsZXZhbnQgZm9yIHZhbGlkYXRpb24sIHNvIGVycm9yIGFuZCB3YXJuaW5nIGFyZSBjaGVja2VkIGZpcnN0XG4vLyBob3cgeW91IGNhbiBpbnRlcmFjdCB3aXRoIHRoZSBmaWVsZCBpcyBjb250cm9sbGVkIHNlcGFyYXRlbHkgYnkgdGhlIHByb3BzLCB0aGlzIG9ubHkgaW5mbHVlbmNlcyB2aXN1YWxzXG5jb25zdCBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyA9ICgpID0+IFtcbiAgY3NzYFxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGZsZXg6IGF1dG87XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRMYW5ndWFnZUxhYmVsU3R5bGVzID0gKHByb3BzLCB0aGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnMgPSB7XG4gICAgLi4udmFycyxcbiAgICAuLi50aGVtZSxcbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgIC8qIGF2b2lkIHdyYXBwaW5nIGxhYmVsIG9udG8gbmV3IGxpbmVzICovXG4gICAgZmxleDogMSAwIGF1dG87XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBjb2xvcjogJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXX07XG4gICAgaGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBsaW5lLWhlaWdodDogJHt2YXJzLnNpemVIZWlnaHRJbnB1dH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtvdmVyd3JpdHRlblZhcnNbXG4gICAgICBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICBdfTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke292ZXJ3cml0dGVuVmFyc1tcbiAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dFxuICAgIF19O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7b3ZlcndyaXR0ZW5WYXJzW1xuICAgICAgZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0XG4gICAgXX07XG4gICAgYm9yZGVyOiAxcHggJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRdfVxuICAgICAgc29saWQ7XG4gICAgcGFkZGluZzogMCAke3ZhcnMuc3BhY2luZ1N9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICBgO1xufTtcblxuZXhwb3J0IHsgZ2V0TG9jYWxpemVkSW5wdXRTdHlsZXMsIGdldExhbmd1YWdlTGFiZWxTdHlsZXMgfTtcbiJdfQ== */",
48
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
48
49
  };
49
50
 
50
51
  var getLocalizedInputStyles = function getLocalizedInputStyles() {
51
- return [_ref];
52
+ return [_ref$1];
52
53
  };
53
54
 
54
55
  var getLanguageLabelStyles = function getLanguageLabelStyles(props, theme) {
55
- var overwrittenVars = _objectSpread(_objectSpread({}, customProperties), theme);
56
+ var overwrittenVars = _objectSpread$1(_objectSpread$1({}, customProperties), theme);
56
57
 
57
- return /*#__PURE__*/css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designTokens.fontColorForInputWhenDisabled], ";height:", customProperties.sizeHeightInput, ";line-height:", customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", customProperties.spacingS, ";transition:border-color ", customProperties.transitionStandard, ",background-color ", customProperties.transitionStandard, ",color ", customProperties.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"));
58
+ return /*#__PURE__*/css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designTokens.fontColorForInputWhenDisabled], ";height:", customProperties.sizeHeightInput, ";line-height:", customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", customProperties.spacingS, ";transition:border-color ", customProperties.transitionStandard, ",background-color ", customProperties.transitionStandard, ",color ", customProperties.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoibG9jYWxpemVkLXRleHQtaW5wdXQuc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzLFxuICBkZXNpZ25Ub2tlbnMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG4vLyBOT1RFOiBvcmRlciBpcyBpbXBvcnRhbnQgaGVyZVxuLy8gKiBhIGRpc2FibGVkLWZpZWxkIGN1cnJlbnRseSBkb2VzIG5vdCBkaXNwbGF5IHdhcm5pbmcvZXJyb3Itc3RhdGVzIHNvIGl0IHRha2VzIHByZWNlZGVuY2Vcbi8vICogYSByZWFkb25seS1maWVsZCBjYW5ub3QgYmUgY2hhbmdlZCwgYnV0IGl0IG1pZ2h0IGJlIHJlbGV2YW50IGZvciB2YWxpZGF0aW9uLCBzbyBlcnJvciBhbmQgd2FybmluZyBhcmUgY2hlY2tlZCBmaXJzdFxuLy8gaG93IHlvdSBjYW4gaW50ZXJhY3Qgd2l0aCB0aGUgZmllbGQgaXMgY29udHJvbGxlZCBzZXBhcmF0ZWx5IGJ5IHRoZSBwcm9wcywgdGhpcyBvbmx5IGluZmx1ZW5jZXMgdmlzdWFsc1xuY29uc3QgZ2V0TG9jYWxpemVkSW5wdXRTdHlsZXMgPSAoKSA9PiBbXG4gIGNzc2BcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBmbGV4OiBhdXRvO1xuICBgLFxuXTtcblxuY29uc3QgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyA9IChwcm9wcywgdGhlbWUpID0+IHtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICAvKiBhdm9pZCB3cmFwcGluZyBsYWJlbCBvbnRvIG5ldyBsaW5lcyAqL1xuICAgIGZsZXg6IDEgMCBhdXRvO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29sb3I6ICR7b3ZlcndyaXR0ZW5WYXJzW2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF19O1xuICAgIGhlaWdodDogJHt2YXJzLnNpemVIZWlnaHRJbnB1dH07XG4gICAgbGluZS1oZWlnaHQ6ICR7dmFycy5zaXplSGVpZ2h0SW5wdXR9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7b3ZlcndyaXR0ZW5WYXJzW1xuICAgICAgZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgXX07XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHtvdmVyd3JpdHRlblZhcnNbXG4gICAgICBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9ySW5wdXRcbiAgICBdfTtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke292ZXJ3cml0dGVuVmFyc1tcbiAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dFxuICAgIF19O1xuICAgIGJvcmRlcjogMXB4ICR7b3ZlcndyaXR0ZW5WYXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXX1cbiAgICAgIHNvbGlkO1xuICAgIHBhZGRpbmc6IDAgJHt2YXJzLnNwYWNpbmdTfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yICR7dmFycy50cmFuc2l0aW9uU3RhbmRhcmR9LFxuICAgICAgY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYDtcbn07XG5cbmV4cG9ydCB7IGdldExvY2FsaXplZElucHV0U3R5bGVzLCBnZXRMYW5ndWFnZUxhYmVsU3R5bGVzIH07XG4iXX0= */");
58
59
  };
59
60
 
60
61
  var _templateObject;
61
62
 
62
- 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)."; }
63
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
64
+
65
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
66
+
67
+ 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)."; }
63
68
  var sequentialId = createSequentialId('localized-text-input-');
64
69
 
65
- var _ref$1 = process.env.NODE_ENV === "production" ? {
70
+ var _ref = process.env.NODE_ENV === "production" ? {
66
71
  name: "1ktetz7",
67
72
  styles: "width:100%;position:relative;display:flex"
68
73
  } : {
69
74
  name: "1ysn02y-LocalizedInput",
70
75
  styles: "width:100%;position:relative;display:flex;label:LocalizedInput;",
71
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
76
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEYyIsImZpbGUiOiJsb2NhbGl6ZWQtdGV4dC1pbnB1dC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCByZXF1aXJlZElmIGZyb20gJ3JlYWN0LXJlcXVpcmVkLWlmJztcbmltcG9ydCB7IG9uZUxpbmUgfSBmcm9tICdjb21tb24tdGFncyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdXNlRmllbGRJZCwgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBFcnJvck1lc3NhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9tZXNzYWdlcyc7XG5pbXBvcnQgU3RhY2sgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3Mtc3RhY2snO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgc29ydExhbmd1YWdlcyxcbiAgY3JlYXRlTG9jYWxpemVkRGF0YUF0dHJpYnV0ZXMsXG4gIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMsXG4gIGlzVG91Y2hlZCxcbiAgb21pdEVtcHR5VHJhbnNsYXRpb25zLFxuICBpc0VtcHR5LFxuICBjcmVhdGVMb2NhbGl6ZWRTdHJpbmcsXG4gIGdldElkLFxuICBnZXROYW1lLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9sb2NhbGl6ZWQtdXRpbHMnO1xuaW1wb3J0IHsgY3JlYXRlU2VxdWVudGlhbElkIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHRJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0LWlucHV0JztcbmltcG9ydCB7XG4gIExvY2FsaXplZElucHV0VG9nZ2xlLFxuICBtZXNzYWdlc0xvY2FsaXplZElucHV0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQge1xuICBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyxcbiAgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyxcbn0gZnJvbSAnLi9sb2NhbGl6ZWQtdGV4dC1pbnB1dC5zdHlsZXMnO1xuXG5jb25zdCBzZXF1ZW50aWFsSWQgPSBjcmVhdGVTZXF1ZW50aWFsSWQoJ2xvY2FsaXplZC10ZXh0LWlucHV0LScpO1xuXG5jb25zdCBMb2NhbGl6ZWRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IG9uQ2hhbmdlIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBXZSBtYW5pcHVsYXRlIHRoZSBldmVudCB0byBhZGQgdGhlIGxhbmd1YWdlIHRvIHRoZSB0YXJnZXQuXG4gICAgICAvLyBUaGF0IHdheSB0aGUgdXNlcnMgb2YgTG9jYWxpemVkVGV4dElucHV0J3Mgb25DaGFuZ2UgY2FuIHJlYWRcbiAgICAgIC8vIGV2ZW50LnRhcmdldC5sYW5ndWFnZSBhbmQgZXZlbnQudGFyZ2V0LnZhbHVlIHRvIGRldGVybWluZSB0aGUgbmV4dCB2YWx1ZS5cbiAgICAgIC8vXG4gICAgICAvLyBXZSBvbmx5IG5lZWQgdGhpcyBpbmZvcm1hdGlvbiBmb3IgdGhlIHN0b3J5LCB0aGUgTUMgYXBwbGljYXRpb24gY29kZSB3aWxsXG4gICAgICAvLyBuZXZlciBuZWVkIHRvIGFjY2VzcyB0aGUgaW5mb3JtYXRpb24gaW4gc3VjaCBhbiBpbmNvbnZlbmllbnQgd2F5LCBhc1xuICAgICAgLy8gRm9ybWlrIGNhbiBkZWFsIHdpdGggYSBuYW1lIGxpa2UgXCJmb28uZW5cIiBhbmQgc2V0cyB0aGUgdmFsdWUgY29ycmVjdGx5LlxuICAgICAgLy8gV2UgY2FuJ3QgdXNlIHRoaXMgYXMgd2UgYXJlbid0IGd1YXJhbnRlZWQgYSBuYW1lIGluIHRoZSBzdG9yeSBhcyB0aGUgdXNlclxuICAgICAgLy8gbWlnaHQgY2xlYXIgaXQgdXNpbmcgdGhlIGtub2IsIGFuZCB0aGVuIHdlIGNhbid0IHBhcnNlIHRoZSBsYW5ndWFnZSBmcm9tXG4gICAgICAvLyB0aGUgaW5wdXQgbmFtZSBhbnltb3JlLlxuICAgICAgLy9cbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQudGFyZ2V0Lmxhbmd1YWdlID0gcHJvcHMubGFuZ3VhZ2U7XG4gICAgICBvbkNoYW5nZShldmVudCk7XG4gICAgfSxcbiAgICBbcHJvcHMubGFuZ3VhZ2UsIG9uQ2hhbmdlXVxuICApO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBrZXk9e3Byb3BzLmxhbmd1YWdlfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxsYWJlbCBodG1sRm9yPXtwcm9wcy5pZH0gY3NzPXtnZXRMYW5ndWFnZUxhYmVsU3R5bGVzKHByb3BzLCB0aGVtZSl9PlxuICAgICAgICB7LyogRklYTUU6IGFkZCBwcm9wZXIgdG9uZSBmb3IgZGlzYWJsZWQgd2hlbiB0b25lcyBhcmUgcmVmYWN0b3JlZCAqL31cbiAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7cHJvcHMubGFuZ3VhZ2UudG9VcHBlckNhc2UoKX1cbiAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgIDwvbGFiZWw+XG4gICAgICA8VGV4dElucHV0XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgY3NzPXtnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlc31cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5Mb2NhbGl6ZWRJbnB1dC5kaXNwbGF5TmFtZSA9ICdMb2NhbGl6ZWRJbnB1dCc7XG5Mb2NhbGl6ZWRJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHByZWZpeCBvZiBIVE1MIGBpZGAgcHJvcGVydHkuIEVhY2ggaW5wdXQgZmllbGQgaWQgd2lsbCBoYXZlIHRoZSBsYW5ndWFnZSBhcyBhIHN1ZmZpeCAoYCR7aWRQcmVmaXh9LiR7bGFuZ31gKSwgZS5nLiBgZm9vLmVuYC4gWW91IGNhbiB1c2UgdGhlIHN0YXRpYyBgTG9jYWxpemVkVGV4dElucHV0LmdldElkKGlkUHJlZml4LCBsYW5ndWFnZSlgIHRvIGNyZWF0ZSB0aGlzIGlkIHN0cmluZywgZS5nLiBmb3IgbGFiZWxzLlxuICAgKi9cbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgYG5hbWVgIHByb3BlcnR5IGZvciBlYWNoIGlucHV0IGZpZWxkLiBFYWNoIGlucHV0IGZpZWxkIG5hbWUgd2lsbCBoYXZlIHRoZSBsYW5ndWFnZSBhcyBhIHN1ZmZpeCAoYCR7bmFtZVByZWZpeH0uJHtsYW5nfWApLCBlLmcuIGBmb28uZW5gXG4gICAqL1xuICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiBHZXRzIGNhbGxlZCB3aGVuIGFueSBpbnB1dCBpcyBjaGFuZ2VkLiBJcyBjYWxsZWQgd2l0aCB0aGUgY2hhbmdlIGV2ZW50IG9mIHRoZSBjaGFuZ2VkIGlucHV0LlxuICAgKi9cbiAgb25DaGFuZ2U6IHJlcXVpcmVkSWYoUHJvcFR5cGVzLmZ1bmMsIChwcm9wcykgPT4gIXByb3BzLmlzUmVhZE9ubHkpLFxuICBsYW5ndWFnZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkJsdXI6IFByb3BUeXBlcy5mdW5jLFxuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNBdXRvZm9jdXNzZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5jb25zdCBSZXF1aXJlZFZhbHVlRXJyb3JNZXNzYWdlID0gKCkgPT4gKFxuICA8RXJyb3JNZXNzYWdlPlxuICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlc0xvY2FsaXplZElucHV0Lm1pc3NpbmdSZXF1aXJlZEZpZWxkfSAvPlxuICA8L0Vycm9yTWVzc2FnZT5cbik7XG5cblJlcXVpcmVkVmFsdWVFcnJvck1lc3NhZ2UuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRWYWx1ZUVycm9yTWVzc2FnZSc7XG5cbmNvbnN0IExvY2FsaXplZFRleHRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCBkZWZhdWx0RXhwYW5zaW9uU3RhdGUgPVxuICAgIHByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzIHx8XG4gICAgcHJvcHMuZGVmYXVsdEV4cGFuZExhbmd1YWdlcyB8fCAvLyBkZWZhdWx0IHRvIGBmYWxzZWAsIGJlY2F1c2UgdXNlVG9nZ2xlU3RhdGUgZGVmYXVsdHMgdG8gYHRydWVgXG4gICAgZmFsc2U7XG5cbiAgY29uc3QgW2FyZUxhbmd1YWdlc0V4cGFuZGVkLCB0b2dnbGVMYW5ndWFnZXNdID0gdXNlVG9nZ2xlU3RhdGUoXG4gICAgZGVmYXVsdEV4cGFuc2lvblN0YXRlXG4gICk7XG5cbiAgY29uc3QgbGFuZ3VhZ2VzID0gc29ydExhbmd1YWdlcyhcbiAgICBwcm9wcy5zZWxlY3RlZExhbmd1YWdlLFxuICAgIE9iamVjdC5rZXlzKHByb3BzLnZhbHVlKVxuICApO1xuXG4gIGNvbnN0IGlkID0gdXNlRmllbGRJZChwcm9wcy5pZCwgc2VxdWVudGlhbElkKTtcblxuICBjb25zdCBoYXNFcnJvckluUmVtYWluaW5nTGFuZ3VhZ2VzID1cbiAgICBwcm9wcy5oYXNFcnJvciB8fFxuICAgIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMocHJvcHMuZXJyb3JzLCBwcm9wcy5zZWxlY3RlZExhbmd1YWdlKTtcblxuICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0xhbmd1YWdlcykge1xuICAgIC8vIHRoaXMgdXBkYXRlIHdpdGhpbiByZW5kZXIgcmVwbGFjZXMgdGhlIG9sZCBgZ2V0RGVyaXZlZFN0YXRlRnJvbVByb3BzYCBmdW5jdGlvbmFsaXR5XG4gICAgLy8gaHR0cHM6Ly9yZWFjdGpzLm9yZy9kb2NzL2hvb2tzLWZhcS5odG1sI2hvdy1kby1pLWltcGxlbWVudC1nZXRkZXJpdmVkc3RhdGVmcm9tcHJvcHNcbiAgICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0xhbmd1YWdlcyAhPT0gYXJlTGFuZ3VhZ2VzRXhwYW5kZWQpIHtcbiAgICAgIHRvZ2dsZUxhbmd1YWdlcygpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHNob3VsZFJlbmRlckxhbmd1YWdlc0J1dHRvbiA9XG4gICAgbGFuZ3VhZ2VzLmxlbmd0aCA+IDEgJiYgIXByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8U3RhY2s+XG4gICAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNGaXJzdExhbmd1YWdlID0gaW5kZXggPT09IDA7XG4gICAgICAgICAgICBpZiAoIWlzRmlyc3RMYW5ndWFnZSAmJiAhYXJlTGFuZ3VhZ2VzRXhwYW5kZWQpIHJldHVybiBudWxsO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8ZGl2IGtleT17bGFuZ3VhZ2V9PlxuICAgICAgICAgICAgICAgIDxTdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgICA8TG9jYWxpemVkSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPXtwcm9wcy5hdXRvQ29tcGxldGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXtMb2NhbGl6ZWRUZXh0SW5wdXQuZ2V0SWQoaWQsIGxhbmd1YWdlKX1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17TG9jYWxpemVkVGV4dElucHV0LmdldE5hbWUocHJvcHMubmFtZSwgbGFuZ3VhZ2UpfVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWVbbGFuZ3VhZ2VdfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtsYW5ndWFnZX1cbiAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1xuICAgICAgICAgICAgICAgICAgICAgIHByb3BzLnBsYWNlaG9sZGVyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHByb3BzLnBsYWNlaG9sZGVyW2xhbmd1YWdlXVxuICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgICAgICAgICAgICAgICAgb25Gb2N1cz17cHJvcHMub25Gb2N1c31cbiAgICAgICAgICAgICAgICAgICAgaXNBdXRvZm9jdXNzZWQ9e2luZGV4ID09PSAwICYmIHByb3BzLmlzQXV0b2ZvY3Vzc2VkfVxuICAgICAgICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgICBpc1JlYWRPbmx5PXtwcm9wcy5pc1JlYWRPbmx5fVxuICAgICAgICAgICAgICAgICAgICBoYXNFcnJvcj17Qm9vbGVhbihcbiAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5oYXNFcnJvciB8fCAocHJvcHMuZXJyb3JzICYmIHByb3BzLmVycm9yc1tsYW5ndWFnZV0pXG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5jcmVhdGVMb2NhbGl6ZWREYXRhQXR0cmlidXRlcyhwcm9wcywgbGFuZ3VhZ2UpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtwcm9wcy5lcnJvcnMgJiYgcHJvcHMuZXJyb3JzW2xhbmd1YWdlXX1cbiAgICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICAgIHtzaG91bGRSZW5kZXJMYW5ndWFnZXNCdXR0b24gJiYgKFxuICAgICAgICAgIDxMb2NhbGl6ZWRJbnB1dFRvZ2dsZVxuICAgICAgICAgICAgaXNPcGVuPXthcmVMYW5ndWFnZXNFeHBhbmRlZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZUxhbmd1YWdlc31cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2FyZUxhbmd1YWdlc0V4cGFuZGVkICYmIGhhc0Vycm9ySW5SZW1haW5pbmdMYW5ndWFnZXN9XG4gICAgICAgICAgICByZW1haW5pbmdMb2NhbGl6YXRpb25zPXtsYW5ndWFnZXMubGVuZ3RoIC0gMX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTG9jYWxpemVkVGV4dElucHV0JztcblxuTG9jYWxpemVkVGV4dElucHV0LlJlcXVpcmVkVmFsdWVFcnJvck1lc3NhZ2UgPSBSZXF1aXJlZFZhbHVlRXJyb3JNZXNzYWdlO1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgYXV0b0NvbXBsZXRlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvLyB0aGVuIGlucHV0IGRvZXNuJ3QgYWNjZXB0IGEgXCJsYW5ndWFnZXNcIiBwcm9wLCBpbnN0ZWFkIGFsbCBwb3NzaWJsZVxuICAvLyBsYW5ndWFnZXMgaGF2ZSB0byBleGlzdCAod2l0aCBlbXB0eSBvciBmaWxsZWQgc3RyaW5ncykgb24gdGhlIHZhbHVlOlxuICAvLyAgIHsgZW46ICdmb28nLCBkZTogJycsIGVzOiAnJyB9XG4gIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgLyoqXG4gICAqIEdldHMgY2FsbGVkIHdoZW4gYW55IGlucHV0IGlzIGNoYW5nZWQuIElzIGNhbGxlZCB3aXRoIHRoZSBjaGFuZ2UgZXZlbnQgb2YgdGhlIGNoYW5nZWQgaW5wdXQuXG4gICAqL1xuICBvbkNoYW5nZTogcmVxdWlyZWRJZihQcm9wVHlwZXMuZnVuYywgKHByb3BzKSA9PiAhcHJvcHMuaXNSZWFkT25seSksXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgd2hpY2ggbGFuZ3VhZ2Ugd2lsbCBiZSBzaG93biBpbiBjYXNlIHRoZSBgTG9jYWxpemVkVGV4dElucHV0YCBpcyBjb2xsYXBzZWQuXG4gICAqL1xuICBzZWxlY3RlZExhbmd1YWdlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBhbnkgZmllbGQgaXMgYmx1cnJlZC4gSXMgY2FsbGVkIHdpdGggdGhlIGBldmVudGAgb2YgdGhhdCBmaWVsZC5cbiAgICovXG4gIG9uQmx1cjogUHJvcFR5cGVzLmZ1bmMsXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBhbnkgZmllbGQgaXMgZm9jdXNzZWQuIElzIGNhbGxlZCB3aXRoIHRoZSBgZXZlbnRgIG9mIHRoYXQgZmllbGQuXG4gICAqL1xuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgLyoqXG4gICAqIFdpbGwgaGlkZSB0aGUgbGFuZ3VhZ2UgZXhwYW5zaW9uIGNvbnRyb2xzIHdoZW4gc2V0IHRvIGB0cnVlYC4gQWxsIGxhbmd1YWdlcyB3aWxsIGJlIHNob3duIHdoZW4gc2V0IHRvIGB0cnVlYC5cbiAgICovXG4gIGhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIENvbnRyb2xzIHdoZXRoZXIgb25lIG9yIGFsbCBsYW5ndWFnZXMgYXJlIHZpc2libGUgYnkgZGVmYXVsdFxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZExhbmd1YWdlczogKHByb3BzLCBwcm9wTmFtZSwgY29tcG9uZW50TmFtZSwgLi4ucmVzdCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzICYmXG4gICAgICB0eXBlb2YgcHJvcHNbcHJvcE5hbWVdID09PSAnYm9vbGVhbidcbiAgICApIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgb25lTGluZWBcbiAgICAgICAgICAke2NvbXBvbmVudE5hbWV9OiBcIiR7cHJvcE5hbWV9XCIgZG9lcyBub3QgaGF2ZSBhbnkgZWZmZWN0IHdoZW5cbiAgICAgICAgICBcImhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzXCIgaXMgc2V0LlxuICAgICAgICBgXG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gUHJvcFR5cGVzLmJvb2wocHJvcHMsIHByb3BOYW1lLCBjb21wb25lbnROYW1lLCAuLi5yZXN0KTtcbiAgfSxcbiAgLyoqXG4gICAqIEZvY3VzIHRoZSBpbnB1dCBmaWVsZCBvbiBpbml0aWFsIHJlbmRlclxuICAgKi9cbiAgaXNBdXRvZm9jdXNzZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRGlzYWJsZXMgYWxsIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRGlzYWJsZXMgYWxsIGlucHV0IGZpZWxkcyBhbmQgc2hvd3MgdGhlbSBpbiByZWFkLW9ubHkgbW9kZS5cbiAgICovXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogUGxhY2Vob2xkZXJzIGZvciBlYWNoIGxhbmd1YWdlLiBPYmplY3Qgb2YgdGhlIHNhbWUgc2hhcGUgYXMgYHZhbHVlYC5cbiAgICovXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZyksXG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGhvcml6b250YWxDb25zdHJhaW50OiBQcm9wVHlwZXMub25lT2YoW1xuICAgIDEsXG4gICAgMixcbiAgICAzLFxuICAgIDQsXG4gICAgNSxcbiAgICA2LFxuICAgIDcsXG4gICAgOCxcbiAgICA5LFxuICAgIDEwLFxuICAgIDExLFxuICAgIDEyLFxuICAgIDEzLFxuICAgIDE0LFxuICAgIDE1LFxuICAgIDE2LFxuICAgICdzY2FsZScsXG4gICAgJ2F1dG8nLFxuICBdKSxcbiAgLyoqXG4gICAqIFdpbGwgYXBwbHkgdGhlIGVycm9yIHN0YXRlIHRvIGVhY2ggaW5wdXQgd2l0aG91dCBzaG93aW5nIGFueSBlcnJvciBtZXNzYWdlLlxuICAgKi9cbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogVXNlZCB0byBzaG93IGVycm9ycyB1bmRlcm5lYXRoIHRoZSBpbnB1dHMgb2Ygc3BlY2lmaWMgY3VycmVuY2llcy4gUGFzcyBhbiBvYmplY3Qgd2hvc2Uga2V5IGlzIGEgY3VycmVuY3kgYW5kIHdob3NlIHZhbHVlIGlzIHRoZSBlcnJvciB0byBzaG93IGZvciB0aGF0IGtleS5cbiAgICovXG4gIGVycm9yczogUHJvcFR5cGVzLm9iamVjdE9mKFByb3BUeXBlcy5ub2RlKSxcbn07XG5cbkxvY2FsaXplZFRleHRJbnB1dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiAnc2NhbGUnLFxufTtcblxuTG9jYWxpemVkVGV4dElucHV0LmdldElkID0gZ2V0SWQ7XG5cbkxvY2FsaXplZFRleHRJbnB1dC5nZXROYW1lID0gZ2V0TmFtZTtcblxuTG9jYWxpemVkVGV4dElucHV0LmNyZWF0ZUxvY2FsaXplZFN0cmluZyA9IGNyZWF0ZUxvY2FsaXplZFN0cmluZztcblxuTG9jYWxpemVkVGV4dElucHV0LmlzRW1wdHkgPSBpc0VtcHR5O1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQub21pdEVtcHR5VHJhbnNsYXRpb25zID0gb21pdEVtcHR5VHJhbnNsYXRpb25zO1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQuaXNUb3VjaGVkID0gaXNUb3VjaGVkO1xuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGl6ZWRUZXh0SW5wdXQ7XG4iXX0= */",
77
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
72
78
  };
73
79
 
74
80
  var LocalizedInput = function LocalizedInput(props) {
75
81
  var onChange = props.onChange;
76
- var handleChange = React.useCallback(function (event) {
82
+ var handleChange = useCallback(function (event) {
77
83
  // We manipulate the event to add the language to the target.
78
84
  // That way the users of LocalizedTextInput's onChange can read
79
85
  // event.target.language and event.target.value to determine the next value.
@@ -90,18 +96,20 @@ var LocalizedInput = function LocalizedInput(props) {
90
96
  onChange(event);
91
97
  }, [props.language, onChange]);
92
98
  var theme = useTheme();
93
- return jsx("div", {
94
- key: props.language,
95
- css: _ref$1
96
- }, jsx("label", {
97
- htmlFor: props.id,
98
- css: getLanguageLabelStyles(props, theme)
99
- }, jsx(Text.Detail, {
100
- tone: "secondary"
101
- }, props.language.toUpperCase())), jsx(TextInput, _extends({}, props, {
102
- onChange: handleChange,
103
- css: getLocalizedInputStyles
104
- })));
99
+ return jsxs("div", {
100
+ css: _ref,
101
+ children: [jsx("label", {
102
+ htmlFor: props.id,
103
+ css: getLanguageLabelStyles(props, theme),
104
+ children: jsx(Text.Detail, {
105
+ tone: "secondary",
106
+ children: props.language.toUpperCase()
107
+ })
108
+ }), jsx(TextInput, _objectSpread(_objectSpread({}, props), {}, {
109
+ onChange: handleChange,
110
+ css: getLocalizedInputStyles
111
+ }))]
112
+ }, props.language);
105
113
  };
106
114
 
107
115
  LocalizedInput.displayName = 'LocalizedInput';
@@ -139,7 +147,9 @@ LocalizedInput.propTypes = process.env.NODE_ENV !== "production" ? {
139
147
  } : {};
140
148
 
141
149
  var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
142
- return jsx(ErrorMessage, null, jsx(FormattedMessage, messagesLocalizedInput.missingRequiredField));
150
+ return jsx(ErrorMessage, {
151
+ children: jsx(FormattedMessage, _objectSpread({}, messagesLocalizedInput.missingRequiredField))
152
+ });
143
153
  };
144
154
 
145
155
  RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
@@ -167,37 +177,42 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
167
177
 
168
178
  var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
169
179
  return jsx(Constraints.Horizontal, {
170
- max: props.horizontalConstraint
171
- }, jsx(Stack, {
172
- scale: "xs"
173
- }, jsx(Stack, null, _mapInstanceProperty(languages).call(languages, function (language, index) {
174
- var isFirstLanguage = index === 0;
175
- if (!isFirstLanguage && !areLanguagesExpanded) return null;
176
- return jsx("div", {
177
- key: language
178
- }, jsx(Stack, {
179
- scale: "xs"
180
- }, jsx(LocalizedInput, _extends({
181
- autoComplete: props.autoComplete,
182
- id: LocalizedTextInput.getId(id, language),
183
- name: LocalizedTextInput.getName(props.name, language),
184
- value: props.value[language],
185
- onChange: props.onChange,
186
- language: language,
187
- placeholder: props.placeholder ? props.placeholder[language] : undefined,
188
- onBlur: props.onBlur,
189
- onFocus: props.onFocus,
190
- isAutofocussed: index === 0 && props.isAutofocussed,
191
- isDisabled: props.isDisabled,
192
- isReadOnly: props.isReadOnly,
193
- hasError: Boolean(props.hasError || props.errors && props.errors[language])
194
- }, createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]));
195
- })), shouldRenderLanguagesButton && jsx(LocalizedInputToggle, {
196
- isOpen: areLanguagesExpanded,
197
- onClick: toggleLanguages,
198
- isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
199
- remainingLocalizations: languages.length - 1
200
- })));
180
+ max: props.horizontalConstraint,
181
+ children: jsxs(Stack, {
182
+ scale: "xs",
183
+ children: [jsx(Stack, {
184
+ children: _mapInstanceProperty(languages).call(languages, function (language, index) {
185
+ var isFirstLanguage = index === 0;
186
+ if (!isFirstLanguage && !areLanguagesExpanded) return null;
187
+ return jsx("div", {
188
+ children: jsxs(Stack, {
189
+ scale: "xs",
190
+ children: [jsx(LocalizedInput, _objectSpread({
191
+ autoComplete: props.autoComplete,
192
+ id: LocalizedTextInput.getId(id, language),
193
+ name: LocalizedTextInput.getName(props.name, language),
194
+ value: props.value[language],
195
+ onChange: props.onChange,
196
+ language: language,
197
+ placeholder: props.placeholder ? props.placeholder[language] : undefined,
198
+ onBlur: props.onBlur,
199
+ onFocus: props.onFocus,
200
+ isAutofocussed: index === 0 && props.isAutofocussed,
201
+ isDisabled: props.isDisabled,
202
+ isReadOnly: props.isReadOnly,
203
+ hasError: Boolean(props.hasError || props.errors && props.errors[language])
204
+ }, createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]]
205
+ })
206
+ }, language);
207
+ })
208
+ }), shouldRenderLanguagesButton && jsx(LocalizedInputToggle, {
209
+ isOpen: areLanguagesExpanded,
210
+ onClick: toggleLanguages,
211
+ isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
212
+ remainingLocalizations: languages.length - 1
213
+ })]
214
+ })
215
+ });
201
216
  };
202
217
 
203
218
  LocalizedTextInput.displayName = 'LocalizedTextInput';
@@ -299,9 +314,9 @@ LocalizedTextInput.createLocalizedString = createLocalizedString;
299
314
  LocalizedTextInput.isEmpty = isEmpty;
300
315
  LocalizedTextInput.omitEmptyTranslations = omitEmptyTranslations;
301
316
  LocalizedTextInput.isTouched = isTouched;
317
+ var LocalizedTextInput$1 = LocalizedTextInput;
302
318
 
303
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
304
- var version = '12.2.1';
319
+ // NOTE: This string will be replaced on build time with the package version.
320
+ var version = "12.2.5";
305
321
 
306
- export default LocalizedTextInput;
307
- export { version };
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.1",
4
+ "version": "12.2.5",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -9,43 +9,46 @@
9
9
  "directory": "packages/components/inputs/localized-text-input"
10
10
  },
11
11
  "homepage": "https://uikit.commercetools.com",
12
- "keywords": ["javascript", "design system", "react", "uikit"],
12
+ "keywords": [
13
+ "javascript",
14
+ "design system",
15
+ "react",
16
+ "uikit"
17
+ ],
13
18
  "license": "MIT",
14
- "private": false,
15
19
  "publishConfig": {
16
20
  "access": "public"
17
21
  },
18
22
  "sideEffects": false,
19
23
  "main": "dist/commercetools-uikit-localized-text-input.cjs.js",
20
24
  "module": "dist/commercetools-uikit-localized-text-input.esm.js",
21
- "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../../scripts/version.js replace"
24
- },
25
+ "files": [
26
+ "dist"
27
+ ],
25
28
  "dependencies": {
26
- "@babel/runtime": "7.14.6",
27
- "@babel/runtime-corejs3": "7.14.7",
28
- "@commercetools-uikit/constraints": "12.2.0",
29
- "@commercetools-uikit/design-system": "12.1.0",
30
- "@commercetools-uikit/flat-button": "12.2.0",
31
- "@commercetools-uikit/hooks": "12.2.0",
32
- "@commercetools-uikit/icons": "12.2.1",
33
- "@commercetools-uikit/input-utils": "12.2.1",
34
- "@commercetools-uikit/localized-utils": "12.2.0",
35
- "@commercetools-uikit/messages": "12.2.0",
36
- "@commercetools-uikit/spacings-stack": "12.2.0",
37
- "@commercetools-uikit/text": "12.2.0",
38
- "@commercetools-uikit/text-input": "12.2.1",
39
- "@commercetools-uikit/utils": "12.2.0",
29
+ "@babel/runtime": "7.16.3",
30
+ "@babel/runtime-corejs3": "7.16.3",
31
+ "@commercetools-uikit/constraints": "12.2.5",
32
+ "@commercetools-uikit/design-system": "12.2.5",
33
+ "@commercetools-uikit/flat-button": "12.2.5",
34
+ "@commercetools-uikit/hooks": "12.2.5",
35
+ "@commercetools-uikit/icons": "12.2.5",
36
+ "@commercetools-uikit/input-utils": "12.2.5",
37
+ "@commercetools-uikit/localized-utils": "12.2.5",
38
+ "@commercetools-uikit/messages": "12.2.5",
39
+ "@commercetools-uikit/spacings-stack": "12.2.5",
40
+ "@commercetools-uikit/text": "12.2.5",
41
+ "@commercetools-uikit/text-input": "12.2.5",
42
+ "@commercetools-uikit/utils": "12.2.5",
40
43
  "@emotion/react": "^11.4.0",
41
44
  "@emotion/styled": "^11.3.0",
42
- "common-tags": "1.8.0",
45
+ "common-tags": "1.8.2",
43
46
  "prop-types": "15.7.2",
44
47
  "react-required-if": "1.0.3"
45
48
  },
46
49
  "devDependencies": {
47
50
  "react": "17.0.2",
48
- "react-intl": "5.20.4"
51
+ "react-intl": "5.21.2"
49
52
  },
50
53
  "peerDependencies": {
51
54
  "react": "17.x",