@commercetools-uikit/localized-money-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
|
@@ -199,7 +199,6 @@ LocalizedMoneyInput.getEmptyCurrencies({
|
|
|
199
199
|
Here's an example of how `LocalizedMoneyInput` would be used inside a form.
|
|
200
200
|
|
|
201
201
|
```jsx
|
|
202
|
-
import React from 'react';
|
|
203
202
|
import { IntlProvider } from 'react-intl';
|
|
204
203
|
import { Formik } from 'formik';
|
|
205
204
|
import omitEmpty from 'omit-empty-es';
|
|
@@ -250,9 +249,8 @@ const validate = (formValues) => {
|
|
|
250
249
|
);
|
|
251
250
|
// ['EUR', 'USD']
|
|
252
251
|
// This form doesn't accept high precision prices
|
|
253
|
-
const highPrecisionCurrencies =
|
|
254
|
-
formValues.prices
|
|
255
|
-
);
|
|
252
|
+
const highPrecisionCurrencies =
|
|
253
|
+
LocalizedMoneyInput.getHighPrecisionCurrencies(formValues.prices);
|
|
256
254
|
|
|
257
255
|
// ['CAD', 'USD']
|
|
258
256
|
emptyCurrencies.forEach((emptyCurrency) => {
|
|
@@ -2,10 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
7
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
8
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
9
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
10
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
6
11
|
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
7
12
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
8
|
-
var
|
|
13
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
9
14
|
var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
|
|
10
15
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
11
16
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
@@ -14,17 +19,11 @@ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
|
14
19
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
15
20
|
var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
|
|
16
21
|
var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
17
|
-
var
|
|
18
|
-
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
19
|
-
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
20
|
-
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
21
|
-
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
22
|
-
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
23
|
-
var React = require('react');
|
|
22
|
+
var react = require('react');
|
|
24
23
|
var PropTypes = require('prop-types');
|
|
25
24
|
var commonTags = require('common-tags');
|
|
26
25
|
var reactIntl = require('react-intl');
|
|
27
|
-
|
|
26
|
+
require('@emotion/react');
|
|
28
27
|
var hooks = require('@commercetools-uikit/hooks');
|
|
29
28
|
var MoneyInput = require('@commercetools-uikit/money-input');
|
|
30
29
|
var Stack = require('@commercetools-uikit/spacings-stack');
|
|
@@ -33,9 +32,16 @@ var icons = require('@commercetools-uikit/icons');
|
|
|
33
32
|
var localizedUtils = require('@commercetools-uikit/localized-utils');
|
|
34
33
|
var utils = require('@commercetools-uikit/utils');
|
|
35
34
|
var inputUtils = require('@commercetools-uikit/input-utils');
|
|
35
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
36
36
|
|
|
37
37
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
38
38
|
|
|
39
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
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);
|
|
39
45
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
40
46
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
41
47
|
var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
|
|
@@ -43,13 +49,6 @@ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
|
43
49
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
44
50
|
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
45
51
|
var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
|
|
46
|
-
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
47
|
-
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
48
|
-
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
49
|
-
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
50
|
-
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
51
|
-
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
52
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
53
52
|
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
54
53
|
var MoneyInput__default = /*#__PURE__*/_interopDefault(MoneyInput);
|
|
55
54
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
@@ -75,9 +74,9 @@ var messages = reactIntl.defineMessages({
|
|
|
75
74
|
|
|
76
75
|
var _templateObject;
|
|
77
76
|
|
|
78
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
77
|
+
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; }
|
|
79
78
|
|
|
80
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context7; _forEachInstanceProperty__default[
|
|
79
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context7; _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source), true)).call(_context7, 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 _context8; _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
81
80
|
|
|
82
81
|
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)."; }
|
|
83
82
|
var sequentialId = utils.createSequentialId('localized-money-input-'); // sorts the currencies with the following priority:
|
|
@@ -87,11 +86,11 @@ var sequentialId = utils.createSequentialId('localized-money-input-'); // sorts
|
|
|
87
86
|
var sortCurrencies = function sortCurrencies(selectedCurrency, allCurrencies) {
|
|
88
87
|
var _context;
|
|
89
88
|
|
|
90
|
-
var remainingCurrencies = _filterInstanceProperty__default[
|
|
89
|
+
var remainingCurrencies = _filterInstanceProperty__default["default"](allCurrencies).call(allCurrencies, function (currency) {
|
|
91
90
|
return currency !== selectedCurrency;
|
|
92
91
|
});
|
|
93
92
|
|
|
94
|
-
return _concatInstanceProperty__default[
|
|
93
|
+
return _concatInstanceProperty__default["default"](_context = [selectedCurrency]).call(_context, _toConsumableArray(_sortInstanceProperty__default["default"](remainingCurrencies).call(remainingCurrencies)));
|
|
95
94
|
};
|
|
96
95
|
|
|
97
96
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
@@ -100,12 +99,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
100
99
|
} : {
|
|
101
100
|
name: "1ysn02y-LocalizedInput",
|
|
102
101
|
styles: "width:100%;position:relative;display:flex;label:LocalizedInput;",
|
|
102
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC1tb25leS1pbnB1dC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGdCIiwiZmlsZSI6ImxvY2FsaXplZC1tb25leS1pbnB1dC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IG9uZUxpbmUgfSBmcm9tICdjb21tb24tdGFncyc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSwgdXNlRmllbGRJZCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCBNb25leUlucHV0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L21vbmV5LWlucHV0JztcbmltcG9ydCBTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgQ29pbnNJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHtcbiAgY3JlYXRlTG9jYWxpemVkRGF0YUF0dHJpYnV0ZXMsXG4gIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMsXG4gIGdldEhhc1dhcm5pbmdPblJlbWFpbmluZ0xhbmd1YWdlcyxcbiAgZ2V0SWQsXG4gIGdldE5hbWUsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2xvY2FsaXplZC11dGlscyc7XG5pbXBvcnQge1xuICBjcmVhdGVTZXF1ZW50aWFsSWQsXG4gIGZpbHRlckRhdGFBdHRyaWJ1dGVzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBMb2NhbGl6ZWRJbnB1dFRvZ2dsZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxuY29uc3Qgc2VxdWVudGlhbElkID0gY3JlYXRlU2VxdWVudGlhbElkKCdsb2NhbGl6ZWQtbW9uZXktaW5wdXQtJyk7XG5cbi8vIHNvcnRzIHRoZSBjdXJyZW5jaWVzIHdpdGggdGhlIGZvbGxvd2luZyBwcmlvcml0eTpcbi8vIC0gVGhlIHNlbGVjdGVkIGN1cnJlbmN5IGlzIHBsYWNlZCBmaXJzdCAoZS5nIEVVUilcbi8vIC0gQWxsIG90aGVyIGN1cnJlbmNpZXMgZm9sbG93LCBzb3J0ZWQgYWxwaGFiZXRpY2FsbHkgYXMgd2VsbFxuZXhwb3J0IGNvbnN0IHNvcnRDdXJyZW5jaWVzID0gKHNlbGVjdGVkQ3VycmVuY3ksIGFsbEN1cnJlbmNpZXMpID0+IHtcbiAgY29uc3QgcmVtYWluaW5nQ3VycmVuY2llcyA9IGFsbEN1cnJlbmNpZXMuZmlsdGVyKFxuICAgIChjdXJyZW5jeSkgPT4gY3VycmVuY3kgIT09IHNlbGVjdGVkQ3VycmVuY3lcbiAgKTtcbiAgcmV0dXJuIFtzZWxlY3RlZEN1cnJlbmN5LCAuLi5yZW1haW5pbmdDdXJyZW5jaWVzLnNvcnQoKV07XG59O1xuXG5jb25zdCBMb2NhbGl6ZWRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IG9uQ2hhbmdlIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBXZSBtYW5pcHVsYXRlIHRoZSBldmVudCB0byBhZGQgdGhlIGN1cnJlbmN5IHRvIHRoZSB0YXJnZXQuXG4gICAgICAvLyBUaGF0IHdheSB0aGUgdXNlcnMgIGNhbiByZWFkXG4gICAgICAvLyBldmVudC50YXJnZXQuY3VycmVuY3kgYW5kIGV2ZW50LnRhcmdldC52YWx1ZSB0byBkZXRlcm1pbmUgdGhlIG5leHQgdmFsdWUuXG4gICAgICAvL1xuICAgICAgLy8gV2Ugb25seSBuZWVkIHRoaXMgaW5mb3JtYXRpb24gZm9yIHRoZSBzdG9yeSwgdGhlIE1DIGFwcGxpY2F0aW9uIGNvZGUgd2lsbFxuICAgICAgLy8gbmV2ZXIgbmVlZCB0byBhY2Nlc3MgdGhlIGluZm9ybWF0aW9uIGluIHN1Y2ggYW4gaW5jb252ZW5pZW50IHdheSwgYXNcbiAgICAgIC8vIEZvcm1payBjYW4gZGVhbCB3aXRoIGEgbmFtZSBsaWtlIFwiZm9vLmVuXCIgYW5kIHNldHMgdGhlIHZhbHVlIGNvcnJlY3RseS5cbiAgICAgIC8vIFdlIGNhbid0IHVzZSB0aGlzIGFzIHdlIGFyZW4ndCBndWFyYW50ZWVkIGEgbmFtZSBpbiB0aGUgc3RvcnkgYXMgdGhlIHVzZXJcbiAgICAgIC8vIG1pZ2h0IGNsZWFyIGl0IHVzaW5nIHRoZSBrbm9iLCBhbmQgdGhlbiB3ZSBjYW4ndCBwYXJzZSB0aGUgY3VycmVuY3kgZnJvbVxuICAgICAgLy8gdGhlIGlucHV0IG5hbWUgYW55bW9yZS5cbiAgICAgIC8vXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LnRhcmdldC5jdXJyZW5jeSA9IHByb3BzLmN1cnJlbmN5O1xuICAgICAgb25DaGFuZ2UoZXZlbnQpO1xuICAgIH0sXG4gICAgW3Byb3BzLmN1cnJlbmN5LCBvbkNoYW5nZV1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE1vbmV5SW5wdXRcbiAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWV9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3Byb3BzLnBsYWNlaG9sZGVyfVxuICAgICAgICAgIGhhc0Vycm9yPXtwcm9wcy5oYXNFcnJvcn1cbiAgICAgICAgICBoYXNXYXJuaW5nPXtwcm9wcy5oYXNXYXJuaW5nfVxuICAgICAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIHsocHJvcHMuZXJyb3IgfHwgcHJvcHMud2FybmluZykgJiYgKFxuICAgICAgICA8ZGl2Pntwcm9wcy5lcnJvciA/IHByb3BzLmVycm9yIDogcHJvcHMud2FybmluZ308L2Rpdj5cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKTtcbn07XG5cbkxvY2FsaXplZElucHV0LmRpc3BsYXlOYW1lID0gJ0xvY2FsaXplZElucHV0JztcblxuTG9jYWxpemVkSW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFsdWU6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgYW1vdW50OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgY3VycmVuY3lDb2RlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH0pLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgY3VycmVuY3k6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25CbHVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgb25Gb2N1czogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBoYXNXYXJuaW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGVycm9yOiBQcm9wVHlwZXMubm9kZSxcbiAgd2FybmluZzogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5jb25zdCBMb2NhbGl6ZWRNb25leUlucHV0ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgY29uc3QgZGVmYXVsdEV4cGFuc2lvblN0YXRlID1cbiAgICBwcm9wcy5oaWRlQ3VycmVuY3lFeHBhbnNpb25Db250cm9scyB8fFxuICAgIHByb3BzLmRlZmF1bHRFeHBhbmRDdXJyZW5jaWVzIHx8XG4gICAgLy8gZGVmYXVsdCB0byBgZmFsc2VgLCBiZWNhdXNlIHVzZVRvZ2dsZVN0YXRlIGRlZmF1bHRzIHRvIGB0cnVlYFxuICAgIGZhbHNlO1xuXG4gIGNvbnN0IFthcmVDdXJyZW5jaWVzRXhwYW5kZWQsIHRvZ2dsZUN1cnJlbmNpZXNdID0gdXNlVG9nZ2xlU3RhdGUoXG4gICAgZGVmYXVsdEV4cGFuc2lvblN0YXRlXG4gICk7XG5cbiAgY29uc3QgaWQgPSB1c2VGaWVsZElkKHByb3BzLmlkLCBzZXF1ZW50aWFsSWQpO1xuXG4gIGNvbnN0IGhhc0Vycm9ySW5SZW1haW5pbmdDdXJyZW5jaWVzID1cbiAgICBwcm9wcy5oYXNFcnJvciB8fFxuICAgIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMocHJvcHMuZXJyb3JzLCBwcm9wcy5zZWxlY3RlZEN1cnJlbmN5KTtcblxuICBjb25zdCBoYXNXYXJuaW5nSW5SZW1haW5pbmdDdXJyZW5jaWVzID1cbiAgICBwcm9wcy5oYXNXYXJuaW5nIHx8XG4gICAgZ2V0SGFzV2FybmluZ09uUmVtYWluaW5nTGFuZ3VhZ2VzKHByb3BzLndhcm5pbmdzLCBwcm9wcy5zZWxlY3RlZEN1cnJlbmN5KTtcblxuICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0N1cnJlbmNpZXMgfHwgaGFzV2FybmluZ0luUmVtYWluaW5nQ3VycmVuY2llcykge1xuICAgIC8vIHRoaXMgdXBkYXRlIHdpdGhpbiByZW5kZXIgcmVwbGFjZXMgdGhlIG9sZCBgZ2V0RGVyaXZlZFN0YXRlRnJvbVByb3BzYCBmdW5jdGlvbmFsaXR5XG4gICAgLy8gaHR0cHM6Ly9yZWFjdGpzLm9yZy9kb2NzL2hvb2tzLWZhcS5odG1sI2hvdy1kby1pLWltcGxlbWVudC1nZXRkZXJpdmVkc3RhdGVmcm9tcHJvcHNcbiAgICBpZiAoIWFyZUN1cnJlbmNpZXNFeHBhbmRlZCkge1xuICAgICAgdG9nZ2xlQ3VycmVuY2llcygpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGN1cnJlbmNpZXMgPSBzb3J0Q3VycmVuY2llcyhcbiAgICBwcm9wcy5zZWxlY3RlZEN1cnJlbmN5LFxuICAgIE9iamVjdC5rZXlzKHByb3BzLnZhbHVlKVxuICApO1xuXG4gIGNvbnN0IHNob3VsZFJlbmRlckN1cnJlbmN5Q29udHJvbCA9XG4gICAgY3VycmVuY2llcy5sZW5ndGggPiAxICYmICFwcm9wcy5oaWRlQ3VycmVuY3lFeHBhbnNpb25Db250cm9scztcblxuICByZXR1cm4gKFxuICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD17cHJvcHMuaG9yaXpvbnRhbENvbnN0cmFpbnR9PlxuICAgICAgPFN0YWNrIHNjYWxlPVwieHNcIj5cbiAgICAgICAgPFN0YWNrIHNjYWxlPVwic1wiPlxuICAgICAgICAgIHtjdXJyZW5jaWVzLm1hcCgoY3VycmVuY3ksIGluZGV4KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBpc0ZpcnN0Q3VycmVuY3kgPSBpbmRleCA9PT0gMDtcbiAgICAgICAgICAgIGlmICghaXNGaXJzdEN1cnJlbmN5ICYmICFhcmVDdXJyZW5jaWVzRXhwYW5kZWQpIHJldHVybiBudWxsO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8TG9jYWxpemVkSW5wdXRcbiAgICAgICAgICAgICAgICBrZXk9e2N1cnJlbmN5fVxuICAgICAgICAgICAgICAgIGlkPXtMb2NhbGl6ZWRNb25leUlucHV0LmdldElkKGlkLCBjdXJyZW5jeSl9XG4gICAgICAgICAgICAgICAgbmFtZT17TG9jYWxpemVkTW9uZXlJbnB1dC5nZXROYW1lKHByb3BzLm5hbWUsIGN1cnJlbmN5KX1cbiAgICAgICAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWVbY3VycmVuY3ldfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtwcm9wcy5vbkNoYW5nZX1cbiAgICAgICAgICAgICAgICBjdXJyZW5jeT17Y3VycmVuY3l9XG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1xuICAgICAgICAgICAgICAgICAgcHJvcHMucGxhY2Vob2xkZXIgPyBwcm9wcy5wbGFjZWhvbGRlcltjdXJyZW5jeV0gOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25CbHVyPXtwcm9wcy5vbkJsdXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17cHJvcHMub25Gb2N1c31cbiAgICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgaGFzRXJyb3I9e0Jvb2xlYW4oXG4gICAgICAgICAgICAgICAgICBwcm9wcy5oYXNFcnJvciB8fCAocHJvcHMuZXJyb3JzICYmIHByb3BzLmVycm9yc1tjdXJyZW5jeV0pXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICBoYXNXYXJuaW5nPXtCb29sZWFuKFxuICAgICAgICAgICAgICAgICAgcHJvcHMuaGFzV2FybmluZyB8fFxuICAgICAgICAgICAgICAgICAgICAocHJvcHMud2FybmluZ3MgJiYgcHJvcHMud2FybmluZ3NbY3VycmVuY3ldKVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgaW50bD17aW50bH1cbiAgICAgICAgICAgICAgICB3YXJuaW5nPXtwcm9wcy53YXJuaW5ncyAmJiBwcm9wcy53YXJuaW5nc1tjdXJyZW5jeV19XG4gICAgICAgICAgICAgICAgZXJyb3I9e3Byb3BzLmVycm9ycyAmJiBwcm9wcy5lcnJvcnNbY3VycmVuY3ldfVxuICAgICAgICAgICAgICAgIHsuLi5jcmVhdGVMb2NhbGl6ZWREYXRhQXR0cmlidXRlcyhwcm9wcywgY3VycmVuY3kpfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgICAge3Nob3VsZFJlbmRlckN1cnJlbmN5Q29udHJvbCAmJiAoXG4gICAgICAgICAgPExvY2FsaXplZElucHV0VG9nZ2xlXG4gICAgICAgICAgICBpY29uPXs8Q29pbnNJY29uIC8+fVxuICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlQ3VycmVuY2llc31cbiAgICAgICAgICAgIGlzT3Blbj17YXJlQ3VycmVuY2llc0V4cGFuZGVkfVxuICAgICAgICAgICAgaXNEaXNhYmxlZD17XG4gICAgICAgICAgICAgIGFyZUN1cnJlbmNpZXNFeHBhbmRlZCAmJlxuICAgICAgICAgICAgICBCb29sZWFuKFxuICAgICAgICAgICAgICAgIGhhc0Vycm9ySW5SZW1haW5pbmdDdXJyZW5jaWVzIHx8IGhhc1dhcm5pbmdJblJlbWFpbmluZ0N1cnJlbmNpZXNcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2hvd01lc3NhZ2U9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zaG93LCB7XG4gICAgICAgICAgICAgIHJlbWFpbmluZ0N1cnJlbmNpZXM6IGN1cnJlbmNpZXMubGVuZ3RoIC0gMSxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgaGlkZU1lc3NhZ2U9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5oaWRlLCB7XG4gICAgICAgICAgICAgIHJlbWFpbmluZ0N1cnJlbmNpZXM6IGN1cnJlbmNpZXMubGVuZ3RoIC0gMSxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgKTtcbn07XG5cbkxvY2FsaXplZE1vbmV5SW5wdXQuZGlzcGxheU5hbWUgPSAnTG9jYWxpemVkTW9uZXlJbnB1dCc7XG5cbkxvY2FsaXplZE1vbmV5SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgLy8gdGhlbiBpbnB1dCBkb2Vzbid0IGFjY2VwdCBhIFwiY3VycmVuY2llc1wiIHByb3AsIGluc3RlYWQgYWxsIHBvc3NpYmxlXG4gIC8vIGN1cnJlbmNpZXMgaGF2ZSB0byBleGlzdCAod2l0aCBlbXB0eSBvciBmaWxsZWQgc3RyaW5ncykgb24gdGhlIHZhbHVlOlxuICAvLyB7IEVVUjoge2Ftb3VudDogJzEyLjAwJywgY3VycmVuY3lDb2RlOiAnRVVSJ30sIFVTRDoge2Ftb3VudDogJycsIGN1cnJlbmN5Q29kZTogJ1VTRCd9fVxuICB2YWx1ZTogUHJvcFR5cGVzLm9iamVjdE9mKFxuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBhbW91bnQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIGN1cnJlbmN5Q29kZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIH0pXG4gICkuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBzZWxlY3RlZEN1cnJlbmN5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQmx1cjogUHJvcFR5cGVzLmZ1bmMsXG4gIG9uRm9jdXM6IFByb3BUeXBlcy5mdW5jLFxuICBoaWRlQ3VycmVuY3lFeHBhbnNpb25Db250cm9sczogUHJvcFR5cGVzLmJvb2wsXG4gIGRlZmF1bHRFeHBhbmRDdXJyZW5jaWVzOiAocHJvcHMsIHByb3BOYW1lLCBjb21wb25lbnROYW1lLCAuLi5yZXN0KSA9PiB7XG4gICAgaWYgKFxuICAgICAgcHJvcHMuaGlkZUN1cnJlbmN5RXhwYW5zaW9uQ29udHJvbHMgJiZcbiAgICAgIHR5cGVvZiBwcm9wc1twcm9wTmFtZV0gPT09ICdib29sZWFuJ1xuICAgICkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICBvbmVMaW5lYFxuICAgICAgICAgICR7Y29tcG9uZW50TmFtZX06IFwiJHtwcm9wTmFtZX1cIiBkb2VzIG5vdCBoYXZlIGFueSBlZmZlY3Qgd2hlblxuICAgICAgICAgIFwiaGlkZUN1cnJlbmN5RXhwYW5zaW9uQ29udHJvbHNcIiBpcyBzZXQuXG4gICAgICAgIGBcbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiBQcm9wVHlwZXMuYm9vbChwcm9wcywgcHJvcE5hbWUsIGNvbXBvbmVudE5hbWUsIC4uLnJlc3QpO1xuICB9LFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZyksXG4gIGhvcml6b250YWxDb25zdHJhaW50OiBQcm9wVHlwZXMub25lT2YoW1xuICAgIDMsXG4gICAgNCxcbiAgICA1LFxuICAgIDYsXG4gICAgNyxcbiAgICA4LFxuICAgIDksXG4gICAgMTAsXG4gICAgMTEsXG4gICAgMTIsXG4gICAgMTMsXG4gICAgMTQsXG4gICAgMTUsXG4gICAgMTYsXG4gICAgJ3NjYWxlJyxcbiAgICAnYXV0bycsXG4gIF0pLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1dhcm5pbmc6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvcnM6IFByb3BUeXBlcy5vYmplY3RPZihQcm9wVHlwZXMubm9kZSksXG4gIHdhcm5pbmdzOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLm5vZGUpLFxufTtcblxuTG9jYWxpemVkTW9uZXlJbnB1dC5nZXRJZCA9IGdldElkO1xuXG5Mb2NhbGl6ZWRNb25leUlucHV0LmdldE5hbWUgPSBnZXROYW1lO1xuXG5Mb2NhbGl6ZWRNb25leUlucHV0LmRlZmF1bHRQcm9wcyA9IHtcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6ICdzY2FsZScsXG59O1xuXG5Mb2NhbGl6ZWRNb25leUlucHV0LmNvbnZlcnRUb01vbmV5VmFsdWVzID0gKHZhbHVlcywgbG9jYWxlKSA9PlxuICBPYmplY3QudmFsdWVzKHZhbHVlcykubWFwKCh2YWx1ZSkgPT5cbiAgICBNb25leUlucHV0LmNvbnZlcnRUb01vbmV5VmFsdWUodmFsdWUsIGxvY2FsZSlcbiAgKTtcblxuTG9jYWxpemVkTW9uZXlJbnB1dC5wYXJzZU1vbmV5VmFsdWVzID0gKG1vbmV5VmFsdWVzID0gW10sIGxvY2FsZSkgPT5cbiAgbW9uZXlWYWx1ZXNcbiAgICAubWFwKCh2YWx1ZSkgPT4gTW9uZXlJbnB1dC5wYXJzZU1vbmV5VmFsdWUodmFsdWUsIGxvY2FsZSkpXG4gICAgLnJlZHVjZShcbiAgICAgIChwYWlycywgdmFsdWUpID0+ICh7XG4gICAgICAgIC4uLnBhaXJzLFxuICAgICAgICBbdmFsdWUuY3VycmVuY3lDb2RlXTogdmFsdWUsXG4gICAgICB9KSxcbiAgICAgIHt9XG4gICAgKTtcblxuTG9jYWxpemVkTW9uZXlJbnB1dC5nZXRIaWdoUHJlY2lzaW9uQ3VycmVuY2llcyA9ICh2YWx1ZXMsIGxvY2FsZSkgPT5cbiAgT2JqZWN0LmtleXModmFsdWVzKS5maWx0ZXIoKGN1cnJlbmN5Q29kZSkgPT5cbiAgICBNb25leUlucHV0LmlzSGlnaFByZWNpc2lvbih2YWx1ZXNbY3VycmVuY3lDb2RlXSwgbG9jYWxlKVxuICApO1xuXG5Mb2NhbGl6ZWRNb25leUlucHV0LmdldEVtcHR5Q3VycmVuY2llcyA9ICh2YWx1ZXMpID0+XG4gIE9iamVjdC5rZXlzKHZhbHVlcykuZmlsdGVyKChjdXJyZW5jeUNvZGUpID0+XG4gICAgTW9uZXlJbnB1dC5pc0VtcHR5KHZhbHVlc1tjdXJyZW5jeUNvZGVdKVxuICApO1xuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGl6ZWRNb25leUlucHV0O1xuIl19 */",
|
|
103
103
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
104
104
|
};
|
|
105
105
|
|
|
106
106
|
var LocalizedInput = function LocalizedInput(props) {
|
|
107
107
|
var onChange = props.onChange;
|
|
108
|
-
var handleChange =
|
|
108
|
+
var handleChange = react.useCallback(function (event) {
|
|
109
109
|
// We manipulate the event to add the currency to the target.
|
|
110
110
|
// That way the users can read
|
|
111
111
|
// event.target.currency and event.target.value to determine the next value.
|
|
@@ -121,43 +121,47 @@ var LocalizedInput = function LocalizedInput(props) {
|
|
|
121
121
|
event.target.currency = props.currency;
|
|
122
122
|
onChange(event);
|
|
123
123
|
}, [props.currency, onChange]);
|
|
124
|
-
return
|
|
125
|
-
scale: "xs"
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
124
|
+
return jsxRuntime.jsxs(Stack__default["default"], {
|
|
125
|
+
scale: "xs",
|
|
126
|
+
children: [jsxRuntime.jsx("div", {
|
|
127
|
+
css: _ref,
|
|
128
|
+
children: jsxRuntime.jsx(MoneyInput__default["default"], _objectSpread({
|
|
129
|
+
id: props.id,
|
|
130
|
+
name: props.name,
|
|
131
|
+
value: props.value,
|
|
132
|
+
onChange: handleChange,
|
|
133
|
+
onBlur: props.onBlur,
|
|
134
|
+
isDisabled: props.isDisabled,
|
|
135
|
+
isReadOnly: props.isReadOnly,
|
|
136
|
+
placeholder: props.placeholder,
|
|
137
|
+
hasError: props.hasError,
|
|
138
|
+
hasWarning: props.hasWarning
|
|
139
|
+
}, utils.filterDataAttributes(props)))
|
|
140
|
+
}), (props.error || props.warning) && jsxRuntime.jsx("div", {
|
|
141
|
+
children: props.error ? props.error : props.warning
|
|
142
|
+
})]
|
|
143
|
+
});
|
|
140
144
|
};
|
|
141
145
|
|
|
142
146
|
LocalizedInput.displayName = 'LocalizedInput';
|
|
143
147
|
LocalizedInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
144
|
-
id: PropTypes__default[
|
|
145
|
-
name: PropTypes__default[
|
|
146
|
-
value: PropTypes__default[
|
|
147
|
-
amount: PropTypes__default[
|
|
148
|
-
currencyCode: PropTypes__default[
|
|
148
|
+
id: PropTypes__default["default"].string,
|
|
149
|
+
name: PropTypes__default["default"].string,
|
|
150
|
+
value: PropTypes__default["default"].shape({
|
|
151
|
+
amount: PropTypes__default["default"].string.isRequired,
|
|
152
|
+
currencyCode: PropTypes__default["default"].string.isRequired
|
|
149
153
|
}).isRequired,
|
|
150
|
-
onChange: PropTypes__default[
|
|
151
|
-
currency: PropTypes__default[
|
|
152
|
-
onBlur: PropTypes__default[
|
|
153
|
-
onFocus: PropTypes__default[
|
|
154
|
-
isDisabled: PropTypes__default[
|
|
155
|
-
isReadOnly: PropTypes__default[
|
|
156
|
-
hasError: PropTypes__default[
|
|
157
|
-
hasWarning: PropTypes__default[
|
|
158
|
-
placeholder: PropTypes__default[
|
|
159
|
-
error: PropTypes__default[
|
|
160
|
-
warning: PropTypes__default[
|
|
154
|
+
onChange: PropTypes__default["default"].func,
|
|
155
|
+
currency: PropTypes__default["default"].string.isRequired,
|
|
156
|
+
onBlur: PropTypes__default["default"].func,
|
|
157
|
+
onFocus: PropTypes__default["default"].func,
|
|
158
|
+
isDisabled: PropTypes__default["default"].bool,
|
|
159
|
+
isReadOnly: PropTypes__default["default"].bool,
|
|
160
|
+
hasError: PropTypes__default["default"].bool,
|
|
161
|
+
hasWarning: PropTypes__default["default"].bool,
|
|
162
|
+
placeholder: PropTypes__default["default"].string,
|
|
163
|
+
error: PropTypes__default["default"].node,
|
|
164
|
+
warning: PropTypes__default["default"].node
|
|
161
165
|
} : {};
|
|
162
166
|
|
|
163
167
|
var LocalizedMoneyInput = function LocalizedMoneyInput(props) {
|
|
@@ -182,65 +186,67 @@ var LocalizedMoneyInput = function LocalizedMoneyInput(props) {
|
|
|
182
186
|
}
|
|
183
187
|
}
|
|
184
188
|
|
|
185
|
-
var currencies = sortCurrencies(props.selectedCurrency, _Object$keys__default[
|
|
189
|
+
var currencies = sortCurrencies(props.selectedCurrency, _Object$keys__default["default"](props.value));
|
|
186
190
|
var shouldRenderCurrencyControl = currencies.length > 1 && !props.hideCurrencyExpansionControls;
|
|
187
|
-
return
|
|
188
|
-
max: props.horizontalConstraint
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
191
|
+
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
192
|
+
max: props.horizontalConstraint,
|
|
193
|
+
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
194
|
+
scale: "xs",
|
|
195
|
+
children: [jsxRuntime.jsx(Stack__default["default"], {
|
|
196
|
+
scale: "s",
|
|
197
|
+
children: _mapInstanceProperty__default["default"](currencies).call(currencies, function (currency, index) {
|
|
198
|
+
var isFirstCurrency = index === 0;
|
|
199
|
+
if (!isFirstCurrency && !areCurrenciesExpanded) return null;
|
|
200
|
+
return jsxRuntime.jsx(LocalizedInput, _objectSpread({
|
|
201
|
+
id: LocalizedMoneyInput.getId(id, currency),
|
|
202
|
+
name: LocalizedMoneyInput.getName(props.name, currency),
|
|
203
|
+
value: props.value[currency],
|
|
204
|
+
onChange: props.onChange,
|
|
205
|
+
currency: currency,
|
|
206
|
+
placeholder: props.placeholder ? props.placeholder[currency] : undefined,
|
|
207
|
+
onBlur: props.onBlur,
|
|
208
|
+
onFocus: props.onFocus,
|
|
209
|
+
isDisabled: props.isDisabled,
|
|
210
|
+
isReadOnly: props.isReadOnly,
|
|
211
|
+
hasError: Boolean(props.hasError || props.errors && props.errors[currency]),
|
|
212
|
+
hasWarning: Boolean(props.hasWarning || props.warnings && props.warnings[currency]),
|
|
213
|
+
intl: intl,
|
|
214
|
+
warning: props.warnings && props.warnings[currency],
|
|
215
|
+
error: props.errors && props.errors[currency]
|
|
216
|
+
}, localizedUtils.createLocalizedDataAttributes(props, currency)), currency);
|
|
217
|
+
})
|
|
218
|
+
}), shouldRenderCurrencyControl && jsxRuntime.jsx(inputUtils.LocalizedInputToggle, {
|
|
219
|
+
icon: jsxRuntime.jsx(icons.CoinsIcon, {}),
|
|
220
|
+
onClick: toggleCurrencies,
|
|
221
|
+
isOpen: areCurrenciesExpanded,
|
|
222
|
+
isDisabled: areCurrenciesExpanded && Boolean(hasErrorInRemainingCurrencies || hasWarningInRemainingCurrencies),
|
|
223
|
+
showMessage: intl.formatMessage(messages.show, {
|
|
224
|
+
remainingCurrencies: currencies.length - 1
|
|
225
|
+
}),
|
|
226
|
+
hideMessage: intl.formatMessage(messages.hide, {
|
|
227
|
+
remainingCurrencies: currencies.length - 1
|
|
228
|
+
})
|
|
229
|
+
})]
|
|
224
230
|
})
|
|
225
|
-
})
|
|
231
|
+
});
|
|
226
232
|
};
|
|
227
233
|
|
|
228
234
|
LocalizedMoneyInput.displayName = 'LocalizedMoneyInput';
|
|
229
235
|
LocalizedMoneyInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
230
|
-
id: PropTypes__default[
|
|
231
|
-
name: PropTypes__default[
|
|
236
|
+
id: PropTypes__default["default"].string,
|
|
237
|
+
name: PropTypes__default["default"].string,
|
|
232
238
|
// then input doesn't accept a "currencies" prop, instead all possible
|
|
233
239
|
// currencies have to exist (with empty or filled strings) on the value:
|
|
234
240
|
// { EUR: {amount: '12.00', currencyCode: 'EUR'}, USD: {amount: '', currencyCode: 'USD'}}
|
|
235
|
-
value: PropTypes__default[
|
|
236
|
-
amount: PropTypes__default[
|
|
237
|
-
currencyCode: PropTypes__default[
|
|
241
|
+
value: PropTypes__default["default"].objectOf(PropTypes__default["default"].shape({
|
|
242
|
+
amount: PropTypes__default["default"].string.isRequired,
|
|
243
|
+
currencyCode: PropTypes__default["default"].string.isRequired
|
|
238
244
|
})).isRequired,
|
|
239
|
-
onChange: PropTypes__default[
|
|
240
|
-
selectedCurrency: PropTypes__default[
|
|
241
|
-
onBlur: PropTypes__default[
|
|
242
|
-
onFocus: PropTypes__default[
|
|
243
|
-
hideCurrencyExpansionControls: PropTypes__default[
|
|
245
|
+
onChange: PropTypes__default["default"].func,
|
|
246
|
+
selectedCurrency: PropTypes__default["default"].string.isRequired,
|
|
247
|
+
onBlur: PropTypes__default["default"].func,
|
|
248
|
+
onFocus: PropTypes__default["default"].func,
|
|
249
|
+
hideCurrencyExpansionControls: PropTypes__default["default"].bool,
|
|
244
250
|
defaultExpandCurrencies: function defaultExpandCurrencies(props, propName, componentName) {
|
|
245
251
|
var _context2;
|
|
246
252
|
|
|
@@ -252,16 +258,16 @@ LocalizedMoneyInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
252
258
|
rest[_key - 3] = arguments[_key];
|
|
253
259
|
}
|
|
254
260
|
|
|
255
|
-
return PropTypes__default[
|
|
261
|
+
return PropTypes__default["default"].bool.apply(PropTypes__default["default"], _concatInstanceProperty__default["default"](_context2 = [props, propName, componentName]).call(_context2, rest));
|
|
256
262
|
},
|
|
257
|
-
isDisabled: PropTypes__default[
|
|
258
|
-
isReadOnly: PropTypes__default[
|
|
259
|
-
placeholder: PropTypes__default[
|
|
260
|
-
horizontalConstraint: PropTypes__default[
|
|
261
|
-
hasError: PropTypes__default[
|
|
262
|
-
hasWarning: PropTypes__default[
|
|
263
|
-
errors: PropTypes__default[
|
|
264
|
-
warnings: PropTypes__default[
|
|
263
|
+
isDisabled: PropTypes__default["default"].bool,
|
|
264
|
+
isReadOnly: PropTypes__default["default"].bool,
|
|
265
|
+
placeholder: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
|
|
266
|
+
horizontalConstraint: PropTypes__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
267
|
+
hasError: PropTypes__default["default"].bool,
|
|
268
|
+
hasWarning: PropTypes__default["default"].bool,
|
|
269
|
+
errors: PropTypes__default["default"].objectOf(PropTypes__default["default"].node),
|
|
270
|
+
warnings: PropTypes__default["default"].objectOf(PropTypes__default["default"].node)
|
|
265
271
|
} : {};
|
|
266
272
|
LocalizedMoneyInput.getId = localizedUtils.getId;
|
|
267
273
|
LocalizedMoneyInput.getName = localizedUtils.getName;
|
|
@@ -272,8 +278,8 @@ LocalizedMoneyInput.defaultProps = {
|
|
|
272
278
|
LocalizedMoneyInput.convertToMoneyValues = function (values, locale) {
|
|
273
279
|
var _context3;
|
|
274
280
|
|
|
275
|
-
return _mapInstanceProperty__default[
|
|
276
|
-
return MoneyInput__default[
|
|
281
|
+
return _mapInstanceProperty__default["default"](_context3 = _Object$values__default["default"](values)).call(_context3, function (value) {
|
|
282
|
+
return MoneyInput__default["default"].convertToMoneyValue(value, locale);
|
|
277
283
|
});
|
|
278
284
|
};
|
|
279
285
|
|
|
@@ -282,8 +288,8 @@ LocalizedMoneyInput.parseMoneyValues = function () {
|
|
|
282
288
|
|
|
283
289
|
var moneyValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
284
290
|
var locale = arguments.length > 1 ? arguments[1] : undefined;
|
|
285
|
-
return _reduceInstanceProperty__default[
|
|
286
|
-
return MoneyInput__default[
|
|
291
|
+
return _reduceInstanceProperty__default["default"](_context4 = _mapInstanceProperty__default["default"](moneyValues).call(moneyValues, function (value) {
|
|
292
|
+
return MoneyInput__default["default"].parseMoneyValue(value, locale);
|
|
287
293
|
})).call(_context4, function (pairs, value) {
|
|
288
294
|
return _objectSpread(_objectSpread({}, pairs), {}, _defineProperty({}, value.currencyCode, value));
|
|
289
295
|
}, {});
|
|
@@ -292,21 +298,23 @@ LocalizedMoneyInput.parseMoneyValues = function () {
|
|
|
292
298
|
LocalizedMoneyInput.getHighPrecisionCurrencies = function (values, locale) {
|
|
293
299
|
var _context5;
|
|
294
300
|
|
|
295
|
-
return _filterInstanceProperty__default[
|
|
296
|
-
return MoneyInput__default[
|
|
301
|
+
return _filterInstanceProperty__default["default"](_context5 = _Object$keys__default["default"](values)).call(_context5, function (currencyCode) {
|
|
302
|
+
return MoneyInput__default["default"].isHighPrecision(values[currencyCode], locale);
|
|
297
303
|
});
|
|
298
304
|
};
|
|
299
305
|
|
|
300
306
|
LocalizedMoneyInput.getEmptyCurrencies = function (values) {
|
|
301
307
|
var _context6;
|
|
302
308
|
|
|
303
|
-
return _filterInstanceProperty__default[
|
|
304
|
-
return MoneyInput__default[
|
|
309
|
+
return _filterInstanceProperty__default["default"](_context6 = _Object$keys__default["default"](values)).call(_context6, function (currencyCode) {
|
|
310
|
+
return MoneyInput__default["default"].isEmpty(values[currencyCode]);
|
|
305
311
|
});
|
|
306
312
|
};
|
|
307
313
|
|
|
308
|
-
|
|
309
|
-
|
|
314
|
+
var LocalizedMoneyInput$1 = LocalizedMoneyInput;
|
|
315
|
+
|
|
316
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
317
|
+
var version = "12.2.5";
|
|
310
318
|
|
|
311
|
-
exports
|
|
319
|
+
exports["default"] = LocalizedMoneyInput$1;
|
|
312
320
|
exports.version = version;
|
|
@@ -2,10 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
7
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
8
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
9
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
10
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
6
11
|
require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
7
12
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
8
|
-
var
|
|
13
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
9
14
|
var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
|
|
10
15
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
11
16
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
@@ -14,17 +19,11 @@ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
|
14
19
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
15
20
|
var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
|
|
16
21
|
var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
17
|
-
var
|
|
18
|
-
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
19
|
-
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
20
|
-
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
21
|
-
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
22
|
-
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
23
|
-
var React = require('react');
|
|
22
|
+
var react = require('react');
|
|
24
23
|
require('prop-types');
|
|
25
24
|
require('common-tags');
|
|
26
25
|
var reactIntl = require('react-intl');
|
|
27
|
-
|
|
26
|
+
require('@emotion/react');
|
|
28
27
|
var hooks = require('@commercetools-uikit/hooks');
|
|
29
28
|
var MoneyInput = require('@commercetools-uikit/money-input');
|
|
30
29
|
var Stack = require('@commercetools-uikit/spacings-stack');
|
|
@@ -33,9 +32,16 @@ var icons = require('@commercetools-uikit/icons');
|
|
|
33
32
|
var localizedUtils = require('@commercetools-uikit/localized-utils');
|
|
34
33
|
var utils = require('@commercetools-uikit/utils');
|
|
35
34
|
var inputUtils = require('@commercetools-uikit/input-utils');
|
|
35
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
36
36
|
|
|
37
37
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
38
38
|
|
|
39
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
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);
|
|
39
45
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
40
46
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
41
47
|
var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
|
|
@@ -43,13 +49,6 @@ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
|
43
49
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
44
50
|
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
45
51
|
var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
|
|
46
|
-
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
47
|
-
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
48
|
-
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
49
|
-
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
50
|
-
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
51
|
-
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
52
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
53
52
|
var MoneyInput__default = /*#__PURE__*/_interopDefault(MoneyInput);
|
|
54
53
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
55
54
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
@@ -72,9 +71,9 @@ var messages = reactIntl.defineMessages({
|
|
|
72
71
|
}
|
|
73
72
|
});
|
|
74
73
|
|
|
75
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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; }
|
|
76
75
|
|
|
77
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context7; _forEachInstanceProperty__default[
|
|
76
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context7; _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source), true)).call(_context7, 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 _context8; _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
78
77
|
var sequentialId = utils.createSequentialId('localized-money-input-'); // sorts the currencies with the following priority:
|
|
79
78
|
// - The selected currency is placed first (e.g EUR)
|
|
80
79
|
// - All other currencies follow, sorted alphabetically as well
|
|
@@ -82,11 +81,11 @@ var sequentialId = utils.createSequentialId('localized-money-input-'); // sorts
|
|
|
82
81
|
var sortCurrencies = function sortCurrencies(selectedCurrency, allCurrencies) {
|
|
83
82
|
var _context;
|
|
84
83
|
|
|
85
|
-
var remainingCurrencies = _filterInstanceProperty__default[
|
|
84
|
+
var remainingCurrencies = _filterInstanceProperty__default["default"](allCurrencies).call(allCurrencies, function (currency) {
|
|
86
85
|
return currency !== selectedCurrency;
|
|
87
86
|
});
|
|
88
87
|
|
|
89
|
-
return _concatInstanceProperty__default[
|
|
88
|
+
return _concatInstanceProperty__default["default"](_context = [selectedCurrency]).call(_context, _toConsumableArray(_sortInstanceProperty__default["default"](remainingCurrencies).call(remainingCurrencies)));
|
|
90
89
|
};
|
|
91
90
|
|
|
92
91
|
var _ref = {
|
|
@@ -96,7 +95,7 @@ var _ref = {
|
|
|
96
95
|
|
|
97
96
|
var LocalizedInput = function LocalizedInput(props) {
|
|
98
97
|
var onChange = props.onChange;
|
|
99
|
-
var handleChange =
|
|
98
|
+
var handleChange = react.useCallback(function (event) {
|
|
100
99
|
// We manipulate the event to add the currency to the target.
|
|
101
100
|
// That way the users can read
|
|
102
101
|
// event.target.currency and event.target.value to determine the next value.
|
|
@@ -112,22 +111,26 @@ var LocalizedInput = function LocalizedInput(props) {
|
|
|
112
111
|
event.target.currency = props.currency;
|
|
113
112
|
onChange(event);
|
|
114
113
|
}, [props.currency, onChange]);
|
|
115
|
-
return
|
|
116
|
-
scale: "xs"
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
114
|
+
return jsxRuntime.jsxs(Stack__default["default"], {
|
|
115
|
+
scale: "xs",
|
|
116
|
+
children: [jsxRuntime.jsx("div", {
|
|
117
|
+
css: _ref,
|
|
118
|
+
children: jsxRuntime.jsx(MoneyInput__default["default"], _objectSpread({
|
|
119
|
+
id: props.id,
|
|
120
|
+
name: props.name,
|
|
121
|
+
value: props.value,
|
|
122
|
+
onChange: handleChange,
|
|
123
|
+
onBlur: props.onBlur,
|
|
124
|
+
isDisabled: props.isDisabled,
|
|
125
|
+
isReadOnly: props.isReadOnly,
|
|
126
|
+
placeholder: props.placeholder,
|
|
127
|
+
hasError: props.hasError,
|
|
128
|
+
hasWarning: props.hasWarning
|
|
129
|
+
}, utils.filterDataAttributes(props)))
|
|
130
|
+
}), (props.error || props.warning) && jsxRuntime.jsx("div", {
|
|
131
|
+
children: props.error ? props.error : props.warning
|
|
132
|
+
})]
|
|
133
|
+
});
|
|
131
134
|
};
|
|
132
135
|
|
|
133
136
|
LocalizedInput.displayName = 'LocalizedInput';
|
|
@@ -155,47 +158,49 @@ var LocalizedMoneyInput = function LocalizedMoneyInput(props) {
|
|
|
155
158
|
}
|
|
156
159
|
}
|
|
157
160
|
|
|
158
|
-
var currencies = sortCurrencies(props.selectedCurrency, _Object$keys__default[
|
|
161
|
+
var currencies = sortCurrencies(props.selectedCurrency, _Object$keys__default["default"](props.value));
|
|
159
162
|
var shouldRenderCurrencyControl = currencies.length > 1 && !props.hideCurrencyExpansionControls;
|
|
160
|
-
return
|
|
161
|
-
max: props.horizontalConstraint
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
163
|
+
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
164
|
+
max: props.horizontalConstraint,
|
|
165
|
+
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
166
|
+
scale: "xs",
|
|
167
|
+
children: [jsxRuntime.jsx(Stack__default["default"], {
|
|
168
|
+
scale: "s",
|
|
169
|
+
children: _mapInstanceProperty__default["default"](currencies).call(currencies, function (currency, index) {
|
|
170
|
+
var isFirstCurrency = index === 0;
|
|
171
|
+
if (!isFirstCurrency && !areCurrenciesExpanded) return null;
|
|
172
|
+
return jsxRuntime.jsx(LocalizedInput, _objectSpread({
|
|
173
|
+
id: LocalizedMoneyInput.getId(id, currency),
|
|
174
|
+
name: LocalizedMoneyInput.getName(props.name, currency),
|
|
175
|
+
value: props.value[currency],
|
|
176
|
+
onChange: props.onChange,
|
|
177
|
+
currency: currency,
|
|
178
|
+
placeholder: props.placeholder ? props.placeholder[currency] : undefined,
|
|
179
|
+
onBlur: props.onBlur,
|
|
180
|
+
onFocus: props.onFocus,
|
|
181
|
+
isDisabled: props.isDisabled,
|
|
182
|
+
isReadOnly: props.isReadOnly,
|
|
183
|
+
hasError: Boolean(props.hasError || props.errors && props.errors[currency]),
|
|
184
|
+
hasWarning: Boolean(props.hasWarning || props.warnings && props.warnings[currency]),
|
|
185
|
+
intl: intl,
|
|
186
|
+
warning: props.warnings && props.warnings[currency],
|
|
187
|
+
error: props.errors && props.errors[currency]
|
|
188
|
+
}, localizedUtils.createLocalizedDataAttributes(props, currency)), currency);
|
|
189
|
+
})
|
|
190
|
+
}), shouldRenderCurrencyControl && jsxRuntime.jsx(inputUtils.LocalizedInputToggle, {
|
|
191
|
+
icon: jsxRuntime.jsx(icons.CoinsIcon, {}),
|
|
192
|
+
onClick: toggleCurrencies,
|
|
193
|
+
isOpen: areCurrenciesExpanded,
|
|
194
|
+
isDisabled: areCurrenciesExpanded && Boolean(hasErrorInRemainingCurrencies || hasWarningInRemainingCurrencies),
|
|
195
|
+
showMessage: intl.formatMessage(messages.show, {
|
|
196
|
+
remainingCurrencies: currencies.length - 1
|
|
197
|
+
}),
|
|
198
|
+
hideMessage: intl.formatMessage(messages.hide, {
|
|
199
|
+
remainingCurrencies: currencies.length - 1
|
|
200
|
+
})
|
|
201
|
+
})]
|
|
197
202
|
})
|
|
198
|
-
})
|
|
203
|
+
});
|
|
199
204
|
};
|
|
200
205
|
|
|
201
206
|
LocalizedMoneyInput.displayName = 'LocalizedMoneyInput';
|
|
@@ -209,8 +214,8 @@ LocalizedMoneyInput.defaultProps = {
|
|
|
209
214
|
LocalizedMoneyInput.convertToMoneyValues = function (values, locale) {
|
|
210
215
|
var _context3;
|
|
211
216
|
|
|
212
|
-
return _mapInstanceProperty__default[
|
|
213
|
-
return MoneyInput__default[
|
|
217
|
+
return _mapInstanceProperty__default["default"](_context3 = _Object$values__default["default"](values)).call(_context3, function (value) {
|
|
218
|
+
return MoneyInput__default["default"].convertToMoneyValue(value, locale);
|
|
214
219
|
});
|
|
215
220
|
};
|
|
216
221
|
|
|
@@ -219,8 +224,8 @@ LocalizedMoneyInput.parseMoneyValues = function () {
|
|
|
219
224
|
|
|
220
225
|
var moneyValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
221
226
|
var locale = arguments.length > 1 ? arguments[1] : undefined;
|
|
222
|
-
return _reduceInstanceProperty__default[
|
|
223
|
-
return MoneyInput__default[
|
|
227
|
+
return _reduceInstanceProperty__default["default"](_context4 = _mapInstanceProperty__default["default"](moneyValues).call(moneyValues, function (value) {
|
|
228
|
+
return MoneyInput__default["default"].parseMoneyValue(value, locale);
|
|
224
229
|
})).call(_context4, function (pairs, value) {
|
|
225
230
|
return _objectSpread(_objectSpread({}, pairs), {}, _defineProperty({}, value.currencyCode, value));
|
|
226
231
|
}, {});
|
|
@@ -229,21 +234,23 @@ LocalizedMoneyInput.parseMoneyValues = function () {
|
|
|
229
234
|
LocalizedMoneyInput.getHighPrecisionCurrencies = function (values, locale) {
|
|
230
235
|
var _context5;
|
|
231
236
|
|
|
232
|
-
return _filterInstanceProperty__default[
|
|
233
|
-
return MoneyInput__default[
|
|
237
|
+
return _filterInstanceProperty__default["default"](_context5 = _Object$keys__default["default"](values)).call(_context5, function (currencyCode) {
|
|
238
|
+
return MoneyInput__default["default"].isHighPrecision(values[currencyCode], locale);
|
|
234
239
|
});
|
|
235
240
|
};
|
|
236
241
|
|
|
237
242
|
LocalizedMoneyInput.getEmptyCurrencies = function (values) {
|
|
238
243
|
var _context6;
|
|
239
244
|
|
|
240
|
-
return _filterInstanceProperty__default[
|
|
241
|
-
return MoneyInput__default[
|
|
245
|
+
return _filterInstanceProperty__default["default"](_context6 = _Object$keys__default["default"](values)).call(_context6, function (currencyCode) {
|
|
246
|
+
return MoneyInput__default["default"].isEmpty(values[currencyCode]);
|
|
242
247
|
});
|
|
243
248
|
};
|
|
244
249
|
|
|
245
|
-
|
|
246
|
-
|
|
250
|
+
var LocalizedMoneyInput$1 = LocalizedMoneyInput;
|
|
251
|
+
|
|
252
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
253
|
+
var version = "12.2.5";
|
|
247
254
|
|
|
248
|
-
exports
|
|
255
|
+
exports["default"] = LocalizedMoneyInput$1;
|
|
249
256
|
exports.version = version;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
2
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
3
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
4
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
5
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
6
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
2
7
|
import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
|
|
3
8
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
4
|
-
import
|
|
9
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
5
10
|
import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
|
|
6
11
|
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
7
12
|
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
@@ -10,17 +15,11 @@ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
|
10
15
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
11
16
|
import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
|
|
12
17
|
import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
|
|
13
|
-
import
|
|
14
|
-
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
15
|
-
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
16
|
-
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
17
|
-
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
18
|
-
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
19
|
-
import React from 'react';
|
|
18
|
+
import { useCallback } from 'react';
|
|
20
19
|
import PropTypes from 'prop-types';
|
|
21
20
|
import { oneLine } from 'common-tags';
|
|
22
21
|
import { defineMessages, useIntl } from 'react-intl';
|
|
23
|
-
import
|
|
22
|
+
import '@emotion/react';
|
|
24
23
|
import { useToggleState, useFieldId } from '@commercetools-uikit/hooks';
|
|
25
24
|
import MoneyInput from '@commercetools-uikit/money-input';
|
|
26
25
|
import Stack from '@commercetools-uikit/spacings-stack';
|
|
@@ -29,6 +28,7 @@ import { CoinsIcon } from '@commercetools-uikit/icons';
|
|
|
29
28
|
import { getHasErrorOnRemainingLanguages, getHasWarningOnRemainingLanguages, createLocalizedDataAttributes, getId, getName } from '@commercetools-uikit/localized-utils';
|
|
30
29
|
import { createSequentialId, filterDataAttributes } from '@commercetools-uikit/utils';
|
|
31
30
|
import { LocalizedInputToggle } from '@commercetools-uikit/input-utils';
|
|
31
|
+
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
32
32
|
|
|
33
33
|
var messages = defineMessages({
|
|
34
34
|
missingRequiredField: {
|
|
@@ -50,7 +50,7 @@ var messages = defineMessages({
|
|
|
50
50
|
|
|
51
51
|
var _templateObject;
|
|
52
52
|
|
|
53
|
-
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; }
|
|
53
|
+
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; }
|
|
54
54
|
|
|
55
55
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context7; _forEachInstanceProperty(_context7 = ownKeys(Object(source), true)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context8; _forEachInstanceProperty(_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
56
56
|
|
|
@@ -75,12 +75,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
75
75
|
} : {
|
|
76
76
|
name: "1ysn02y-LocalizedInput",
|
|
77
77
|
styles: "width:100%;position:relative;display:flex;label:LocalizedInput;",
|
|
78
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC1tb25leS1pbnB1dC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGdCIiwiZmlsZSI6ImxvY2FsaXplZC1tb25leS1pbnB1dC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IG9uZUxpbmUgfSBmcm9tICdjb21tb24tdGFncyc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VUb2dnbGVTdGF0ZSwgdXNlRmllbGRJZCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2hvb2tzJztcbmltcG9ydCBNb25leUlucHV0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L21vbmV5LWlucHV0JztcbmltcG9ydCBTdGFjayBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1zdGFjayc7XG5pbXBvcnQgQ29uc3RyYWludHMgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHsgQ29pbnNJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHtcbiAgY3JlYXRlTG9jYWxpemVkRGF0YUF0dHJpYnV0ZXMsXG4gIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMsXG4gIGdldEhhc1dhcm5pbmdPblJlbWFpbmluZ0xhbmd1YWdlcyxcbiAgZ2V0SWQsXG4gIGdldE5hbWUsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2xvY2FsaXplZC11dGlscyc7XG5pbXBvcnQge1xuICBjcmVhdGVTZXF1ZW50aWFsSWQsXG4gIGZpbHRlckRhdGFBdHRyaWJ1dGVzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBMb2NhbGl6ZWRJbnB1dFRvZ2dsZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxuY29uc3Qgc2VxdWVudGlhbElkID0gY3JlYXRlU2VxdWVudGlhbElkKCdsb2NhbGl6ZWQtbW9uZXktaW5wdXQtJyk7XG5cbi8vIHNvcnRzIHRoZSBjdXJyZW5jaWVzIHdpdGggdGhlIGZvbGxvd2luZyBwcmlvcml0eTpcbi8vIC0gVGhlIHNlbGVjdGVkIGN1cnJlbmN5IGlzIHBsYWNlZCBmaXJzdCAoZS5nIEVVUilcbi8vIC0gQWxsIG90aGVyIGN1cnJlbmNpZXMgZm9sbG93LCBzb3J0ZWQgYWxwaGFiZXRpY2FsbHkgYXMgd2VsbFxuZXhwb3J0IGNvbnN0IHNvcnRDdXJyZW5jaWVzID0gKHNlbGVjdGVkQ3VycmVuY3ksIGFsbEN1cnJlbmNpZXMpID0+IHtcbiAgY29uc3QgcmVtYWluaW5nQ3VycmVuY2llcyA9IGFsbEN1cnJlbmNpZXMuZmlsdGVyKFxuICAgIChjdXJyZW5jeSkgPT4gY3VycmVuY3kgIT09IHNlbGVjdGVkQ3VycmVuY3lcbiAgKTtcbiAgcmV0dXJuIFtzZWxlY3RlZEN1cnJlbmN5LCAuLi5yZW1haW5pbmdDdXJyZW5jaWVzLnNvcnQoKV07XG59O1xuXG5jb25zdCBMb2NhbGl6ZWRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IG9uQ2hhbmdlIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBXZSBtYW5pcHVsYXRlIHRoZSBldmVudCB0byBhZGQgdGhlIGN1cnJlbmN5IHRvIHRoZSB0YXJnZXQuXG4gICAgICAvLyBUaGF0IHdheSB0aGUgdXNlcnMgIGNhbiByZWFkXG4gICAgICAvLyBldmVudC50YXJnZXQuY3VycmVuY3kgYW5kIGV2ZW50LnRhcmdldC52YWx1ZSB0byBkZXRlcm1pbmUgdGhlIG5leHQgdmFsdWUuXG4gICAgICAvL1xuICAgICAgLy8gV2Ugb25seSBuZWVkIHRoaXMgaW5mb3JtYXRpb24gZm9yIHRoZSBzdG9yeSwgdGhlIE1DIGFwcGxpY2F0aW9uIGNvZGUgd2lsbFxuICAgICAgLy8gbmV2ZXIgbmVlZCB0byBhY2Nlc3MgdGhlIGluZm9ybWF0aW9uIGluIHN1Y2ggYW4gaW5jb252ZW5pZW50IHdheSwgYXNcbiAgICAgIC8vIEZvcm1payBjYW4gZGVhbCB3aXRoIGEgbmFtZSBsaWtlIFwiZm9vLmVuXCIgYW5kIHNldHMgdGhlIHZhbHVlIGNvcnJlY3RseS5cbiAgICAgIC8vIFdlIGNhbid0IHVzZSB0aGlzIGFzIHdlIGFyZW4ndCBndWFyYW50ZWVkIGEgbmFtZSBpbiB0aGUgc3RvcnkgYXMgdGhlIHVzZXJcbiAgICAgIC8vIG1pZ2h0IGNsZWFyIGl0IHVzaW5nIHRoZSBrbm9iLCBhbmQgdGhlbiB3ZSBjYW4ndCBwYXJzZSB0aGUgY3VycmVuY3kgZnJvbVxuICAgICAgLy8gdGhlIGlucHV0IG5hbWUgYW55bW9yZS5cbiAgICAgIC8vXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LnRhcmdldC5jdXJyZW5jeSA9IHByb3BzLmN1cnJlbmN5O1xuICAgICAgb25DaGFuZ2UoZXZlbnQpO1xuICAgIH0sXG4gICAgW3Byb3BzLmN1cnJlbmN5LCBvbkNoYW5nZV1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE1vbmV5SW5wdXRcbiAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWV9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3Byb3BzLnBsYWNlaG9sZGVyfVxuICAgICAgICAgIGhhc0Vycm9yPXtwcm9wcy5oYXNFcnJvcn1cbiAgICAgICAgICBoYXNXYXJuaW5nPXtwcm9wcy5oYXNXYXJuaW5nfVxuICAgICAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIHsocHJvcHMuZXJyb3IgfHwgcHJvcHMud2FybmluZykgJiYgKFxuICAgICAgICA8ZGl2Pntwcm9wcy5lcnJvciA/IHByb3BzLmVycm9yIDogcHJvcHMud2FybmluZ308L2Rpdj5cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKTtcbn07XG5cbkxvY2FsaXplZElucHV0LmRpc3BsYXlOYW1lID0gJ0xvY2FsaXplZElucHV0JztcblxuTG9jYWxpemVkSW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFsdWU6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgYW1vdW50OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgY3VycmVuY3lDb2RlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH0pLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgY3VycmVuY3k6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25CbHVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgb25Gb2N1czogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBoYXNXYXJuaW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGVycm9yOiBQcm9wVHlwZXMubm9kZSxcbiAgd2FybmluZzogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5jb25zdCBMb2NhbGl6ZWRNb25leUlucHV0ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgY29uc3QgZGVmYXVsdEV4cGFuc2lvblN0YXRlID1cbiAgICBwcm9wcy5oaWRlQ3VycmVuY3lFeHBhbnNpb25Db250cm9scyB8fFxuICAgIHByb3BzLmRlZmF1bHRFeHBhbmRDdXJyZW5jaWVzIHx8XG4gICAgLy8gZGVmYXVsdCB0byBgZmFsc2VgLCBiZWNhdXNlIHVzZVRvZ2dsZVN0YXRlIGRlZmF1bHRzIHRvIGB0cnVlYFxuICAgIGZhbHNlO1xuXG4gIGNvbnN0IFthcmVDdXJyZW5jaWVzRXhwYW5kZWQsIHRvZ2dsZUN1cnJlbmNpZXNdID0gdXNlVG9nZ2xlU3RhdGUoXG4gICAgZGVmYXVsdEV4cGFuc2lvblN0YXRlXG4gICk7XG5cbiAgY29uc3QgaWQgPSB1c2VGaWVsZElkKHByb3BzLmlkLCBzZXF1ZW50aWFsSWQpO1xuXG4gIGNvbnN0IGhhc0Vycm9ySW5SZW1haW5pbmdDdXJyZW5jaWVzID1cbiAgICBwcm9wcy5oYXNFcnJvciB8fFxuICAgIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMocHJvcHMuZXJyb3JzLCBwcm9wcy5zZWxlY3RlZEN1cnJlbmN5KTtcblxuICBjb25zdCBoYXNXYXJuaW5nSW5SZW1haW5pbmdDdXJyZW5jaWVzID1cbiAgICBwcm9wcy5oYXNXYXJuaW5nIHx8XG4gICAgZ2V0SGFzV2FybmluZ09uUmVtYWluaW5nTGFuZ3VhZ2VzKHByb3BzLndhcm5pbmdzLCBwcm9wcy5zZWxlY3RlZEN1cnJlbmN5KTtcblxuICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0N1cnJlbmNpZXMgfHwgaGFzV2FybmluZ0luUmVtYWluaW5nQ3VycmVuY2llcykge1xuICAgIC8vIHRoaXMgdXBkYXRlIHdpdGhpbiByZW5kZXIgcmVwbGFjZXMgdGhlIG9sZCBgZ2V0RGVyaXZlZFN0YXRlRnJvbVByb3BzYCBmdW5jdGlvbmFsaXR5XG4gICAgLy8gaHR0cHM6Ly9yZWFjdGpzLm9yZy9kb2NzL2hvb2tzLWZhcS5odG1sI2hvdy1kby1pLWltcGxlbWVudC1nZXRkZXJpdmVkc3RhdGVmcm9tcHJvcHNcbiAgICBpZiAoIWFyZUN1cnJlbmNpZXNFeHBhbmRlZCkge1xuICAgICAgdG9nZ2xlQ3VycmVuY2llcygpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGN1cnJlbmNpZXMgPSBzb3J0Q3VycmVuY2llcyhcbiAgICBwcm9wcy5zZWxlY3RlZEN1cnJlbmN5LFxuICAgIE9iamVjdC5rZXlzKHByb3BzLnZhbHVlKVxuICApO1xuXG4gIGNvbnN0IHNob3VsZFJlbmRlckN1cnJlbmN5Q29udHJvbCA9XG4gICAgY3VycmVuY2llcy5sZW5ndGggPiAxICYmICFwcm9wcy5oaWRlQ3VycmVuY3lFeHBhbnNpb25Db250cm9scztcblxuICByZXR1cm4gKFxuICAgIDxDb25zdHJhaW50cy5Ib3Jpem9udGFsIG1heD17cHJvcHMuaG9yaXpvbnRhbENvbnN0cmFpbnR9PlxuICAgICAgPFN0YWNrIHNjYWxlPVwieHNcIj5cbiAgICAgICAgPFN0YWNrIHNjYWxlPVwic1wiPlxuICAgICAgICAgIHtjdXJyZW5jaWVzLm1hcCgoY3VycmVuY3ksIGluZGV4KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBpc0ZpcnN0Q3VycmVuY3kgPSBpbmRleCA9PT0gMDtcbiAgICAgICAgICAgIGlmICghaXNGaXJzdEN1cnJlbmN5ICYmICFhcmVDdXJyZW5jaWVzRXhwYW5kZWQpIHJldHVybiBudWxsO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8TG9jYWxpemVkSW5wdXRcbiAgICAgICAgICAgICAgICBrZXk9e2N1cnJlbmN5fVxuICAgICAgICAgICAgICAgIGlkPXtMb2NhbGl6ZWRNb25leUlucHV0LmdldElkKGlkLCBjdXJyZW5jeSl9XG4gICAgICAgICAgICAgICAgbmFtZT17TG9jYWxpemVkTW9uZXlJbnB1dC5nZXROYW1lKHByb3BzLm5hbWUsIGN1cnJlbmN5KX1cbiAgICAgICAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWVbY3VycmVuY3ldfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtwcm9wcy5vbkNoYW5nZX1cbiAgICAgICAgICAgICAgICBjdXJyZW5jeT17Y3VycmVuY3l9XG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1xuICAgICAgICAgICAgICAgICAgcHJvcHMucGxhY2Vob2xkZXIgPyBwcm9wcy5wbGFjZWhvbGRlcltjdXJyZW5jeV0gOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25CbHVyPXtwcm9wcy5vbkJsdXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17cHJvcHMub25Gb2N1c31cbiAgICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgaGFzRXJyb3I9e0Jvb2xlYW4oXG4gICAgICAgICAgICAgICAgICBwcm9wcy5oYXNFcnJvciB8fCAocHJvcHMuZXJyb3JzICYmIHByb3BzLmVycm9yc1tjdXJyZW5jeV0pXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICBoYXNXYXJuaW5nPXtCb29sZWFuKFxuICAgICAgICAgICAgICAgICAgcHJvcHMuaGFzV2FybmluZyB8fFxuICAgICAgICAgICAgICAgICAgICAocHJvcHMud2FybmluZ3MgJiYgcHJvcHMud2FybmluZ3NbY3VycmVuY3ldKVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgaW50bD17aW50bH1cbiAgICAgICAgICAgICAgICB3YXJuaW5nPXtwcm9wcy53YXJuaW5ncyAmJiBwcm9wcy53YXJuaW5nc1tjdXJyZW5jeV19XG4gICAgICAgICAgICAgICAgZXJyb3I9e3Byb3BzLmVycm9ycyAmJiBwcm9wcy5lcnJvcnNbY3VycmVuY3ldfVxuICAgICAgICAgICAgICAgIHsuLi5jcmVhdGVMb2NhbGl6ZWREYXRhQXR0cmlidXRlcyhwcm9wcywgY3VycmVuY3kpfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgICAge3Nob3VsZFJlbmRlckN1cnJlbmN5Q29udHJvbCAmJiAoXG4gICAgICAgICAgPExvY2FsaXplZElucHV0VG9nZ2xlXG4gICAgICAgICAgICBpY29uPXs8Q29pbnNJY29uIC8+fVxuICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlQ3VycmVuY2llc31cbiAgICAgICAgICAgIGlzT3Blbj17YXJlQ3VycmVuY2llc0V4cGFuZGVkfVxuICAgICAgICAgICAgaXNEaXNhYmxlZD17XG4gICAgICAgICAgICAgIGFyZUN1cnJlbmNpZXNFeHBhbmRlZCAmJlxuICAgICAgICAgICAgICBCb29sZWFuKFxuICAgICAgICAgICAgICAgIGhhc0Vycm9ySW5SZW1haW5pbmdDdXJyZW5jaWVzIHx8IGhhc1dhcm5pbmdJblJlbWFpbmluZ0N1cnJlbmNpZXNcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2hvd01lc3NhZ2U9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zaG93LCB7XG4gICAgICAgICAgICAgIHJlbWFpbmluZ0N1cnJlbmNpZXM6IGN1cnJlbmNpZXMubGVuZ3RoIC0gMSxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgaGlkZU1lc3NhZ2U9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5oaWRlLCB7XG4gICAgICAgICAgICAgIHJlbWFpbmluZ0N1cnJlbmNpZXM6IGN1cnJlbmNpZXMubGVuZ3RoIC0gMSxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgKTtcbn07XG5cbkxvY2FsaXplZE1vbmV5SW5wdXQuZGlzcGxheU5hbWUgPSAnTG9jYWxpemVkTW9uZXlJbnB1dCc7XG5cbkxvY2FsaXplZE1vbmV5SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgLy8gdGhlbiBpbnB1dCBkb2Vzbid0IGFjY2VwdCBhIFwiY3VycmVuY2llc1wiIHByb3AsIGluc3RlYWQgYWxsIHBvc3NpYmxlXG4gIC8vIGN1cnJlbmNpZXMgaGF2ZSB0byBleGlzdCAod2l0aCBlbXB0eSBvciBmaWxsZWQgc3RyaW5ncykgb24gdGhlIHZhbHVlOlxuICAvLyB7IEVVUjoge2Ftb3VudDogJzEyLjAwJywgY3VycmVuY3lDb2RlOiAnRVVSJ30sIFVTRDoge2Ftb3VudDogJycsIGN1cnJlbmN5Q29kZTogJ1VTRCd9fVxuICB2YWx1ZTogUHJvcFR5cGVzLm9iamVjdE9mKFxuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBhbW91bnQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIGN1cnJlbmN5Q29kZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIH0pXG4gICkuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBzZWxlY3RlZEN1cnJlbmN5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQmx1cjogUHJvcFR5cGVzLmZ1bmMsXG4gIG9uRm9jdXM6IFByb3BUeXBlcy5mdW5jLFxuICBoaWRlQ3VycmVuY3lFeHBhbnNpb25Db250cm9sczogUHJvcFR5cGVzLmJvb2wsXG4gIGRlZmF1bHRFeHBhbmRDdXJyZW5jaWVzOiAocHJvcHMsIHByb3BOYW1lLCBjb21wb25lbnROYW1lLCAuLi5yZXN0KSA9PiB7XG4gICAgaWYgKFxuICAgICAgcHJvcHMuaGlkZUN1cnJlbmN5RXhwYW5zaW9uQ29udHJvbHMgJiZcbiAgICAgIHR5cGVvZiBwcm9wc1twcm9wTmFtZV0gPT09ICdib29sZWFuJ1xuICAgICkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICBvbmVMaW5lYFxuICAgICAgICAgICR7Y29tcG9uZW50TmFtZX06IFwiJHtwcm9wTmFtZX1cIiBkb2VzIG5vdCBoYXZlIGFueSBlZmZlY3Qgd2hlblxuICAgICAgICAgIFwiaGlkZUN1cnJlbmN5RXhwYW5zaW9uQ29udHJvbHNcIiBpcyBzZXQuXG4gICAgICAgIGBcbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiBQcm9wVHlwZXMuYm9vbChwcm9wcywgcHJvcE5hbWUsIGNvbXBvbmVudE5hbWUsIC4uLnJlc3QpO1xuICB9LFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZyksXG4gIGhvcml6b250YWxDb25zdHJhaW50OiBQcm9wVHlwZXMub25lT2YoW1xuICAgIDMsXG4gICAgNCxcbiAgICA1LFxuICAgIDYsXG4gICAgNyxcbiAgICA4LFxuICAgIDksXG4gICAgMTAsXG4gICAgMTEsXG4gICAgMTIsXG4gICAgMTMsXG4gICAgMTQsXG4gICAgMTUsXG4gICAgMTYsXG4gICAgJ3NjYWxlJyxcbiAgICAnYXV0bycsXG4gIF0pLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1dhcm5pbmc6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvcnM6IFByb3BUeXBlcy5vYmplY3RPZihQcm9wVHlwZXMubm9kZSksXG4gIHdhcm5pbmdzOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLm5vZGUpLFxufTtcblxuTG9jYWxpemVkTW9uZXlJbnB1dC5nZXRJZCA9IGdldElkO1xuXG5Mb2NhbGl6ZWRNb25leUlucHV0LmdldE5hbWUgPSBnZXROYW1lO1xuXG5Mb2NhbGl6ZWRNb25leUlucHV0LmRlZmF1bHRQcm9wcyA9IHtcbiAgaG9yaXpvbnRhbENvbnN0cmFpbnQ6ICdzY2FsZScsXG59O1xuXG5Mb2NhbGl6ZWRNb25leUlucHV0LmNvbnZlcnRUb01vbmV5VmFsdWVzID0gKHZhbHVlcywgbG9jYWxlKSA9PlxuICBPYmplY3QudmFsdWVzKHZhbHVlcykubWFwKCh2YWx1ZSkgPT5cbiAgICBNb25leUlucHV0LmNvbnZlcnRUb01vbmV5VmFsdWUodmFsdWUsIGxvY2FsZSlcbiAgKTtcblxuTG9jYWxpemVkTW9uZXlJbnB1dC5wYXJzZU1vbmV5VmFsdWVzID0gKG1vbmV5VmFsdWVzID0gW10sIGxvY2FsZSkgPT5cbiAgbW9uZXlWYWx1ZXNcbiAgICAubWFwKCh2YWx1ZSkgPT4gTW9uZXlJbnB1dC5wYXJzZU1vbmV5VmFsdWUodmFsdWUsIGxvY2FsZSkpXG4gICAgLnJlZHVjZShcbiAgICAgIChwYWlycywgdmFsdWUpID0+ICh7XG4gICAgICAgIC4uLnBhaXJzLFxuICAgICAgICBbdmFsdWUuY3VycmVuY3lDb2RlXTogdmFsdWUsXG4gICAgICB9KSxcbiAgICAgIHt9XG4gICAgKTtcblxuTG9jYWxpemVkTW9uZXlJbnB1dC5nZXRIaWdoUHJlY2lzaW9uQ3VycmVuY2llcyA9ICh2YWx1ZXMsIGxvY2FsZSkgPT5cbiAgT2JqZWN0LmtleXModmFsdWVzKS5maWx0ZXIoKGN1cnJlbmN5Q29kZSkgPT5cbiAgICBNb25leUlucHV0LmlzSGlnaFByZWNpc2lvbih2YWx1ZXNbY3VycmVuY3lDb2RlXSwgbG9jYWxlKVxuICApO1xuXG5Mb2NhbGl6ZWRNb25leUlucHV0LmdldEVtcHR5Q3VycmVuY2llcyA9ICh2YWx1ZXMpID0+XG4gIE9iamVjdC5rZXlzKHZhbHVlcykuZmlsdGVyKChjdXJyZW5jeUNvZGUpID0+XG4gICAgTW9uZXlJbnB1dC5pc0VtcHR5KHZhbHVlc1tjdXJyZW5jeUNvZGVdKVxuICApO1xuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGl6ZWRNb25leUlucHV0O1xuIl19 */",
|
|
78
79
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
79
80
|
};
|
|
80
81
|
|
|
81
82
|
var LocalizedInput = function LocalizedInput(props) {
|
|
82
83
|
var onChange = props.onChange;
|
|
83
|
-
var handleChange =
|
|
84
|
+
var handleChange = useCallback(function (event) {
|
|
84
85
|
// We manipulate the event to add the currency to the target.
|
|
85
86
|
// That way the users can read
|
|
86
87
|
// event.target.currency and event.target.value to determine the next value.
|
|
@@ -96,22 +97,26 @@ var LocalizedInput = function LocalizedInput(props) {
|
|
|
96
97
|
event.target.currency = props.currency;
|
|
97
98
|
onChange(event);
|
|
98
99
|
}, [props.currency, onChange]);
|
|
99
|
-
return
|
|
100
|
-
scale: "xs"
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
100
|
+
return jsxs(Stack, {
|
|
101
|
+
scale: "xs",
|
|
102
|
+
children: [jsx("div", {
|
|
103
|
+
css: _ref,
|
|
104
|
+
children: jsx(MoneyInput, _objectSpread({
|
|
105
|
+
id: props.id,
|
|
106
|
+
name: props.name,
|
|
107
|
+
value: props.value,
|
|
108
|
+
onChange: handleChange,
|
|
109
|
+
onBlur: props.onBlur,
|
|
110
|
+
isDisabled: props.isDisabled,
|
|
111
|
+
isReadOnly: props.isReadOnly,
|
|
112
|
+
placeholder: props.placeholder,
|
|
113
|
+
hasError: props.hasError,
|
|
114
|
+
hasWarning: props.hasWarning
|
|
115
|
+
}, filterDataAttributes(props)))
|
|
116
|
+
}), (props.error || props.warning) && jsx("div", {
|
|
117
|
+
children: props.error ? props.error : props.warning
|
|
118
|
+
})]
|
|
119
|
+
});
|
|
115
120
|
};
|
|
116
121
|
|
|
117
122
|
LocalizedInput.displayName = 'LocalizedInput';
|
|
@@ -160,44 +165,46 @@ var LocalizedMoneyInput = function LocalizedMoneyInput(props) {
|
|
|
160
165
|
var currencies = sortCurrencies(props.selectedCurrency, _Object$keys(props.value));
|
|
161
166
|
var shouldRenderCurrencyControl = currencies.length > 1 && !props.hideCurrencyExpansionControls;
|
|
162
167
|
return jsx(Constraints.Horizontal, {
|
|
163
|
-
max: props.horizontalConstraint
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
168
|
+
max: props.horizontalConstraint,
|
|
169
|
+
children: jsxs(Stack, {
|
|
170
|
+
scale: "xs",
|
|
171
|
+
children: [jsx(Stack, {
|
|
172
|
+
scale: "s",
|
|
173
|
+
children: _mapInstanceProperty(currencies).call(currencies, function (currency, index) {
|
|
174
|
+
var isFirstCurrency = index === 0;
|
|
175
|
+
if (!isFirstCurrency && !areCurrenciesExpanded) return null;
|
|
176
|
+
return jsx(LocalizedInput, _objectSpread({
|
|
177
|
+
id: LocalizedMoneyInput.getId(id, currency),
|
|
178
|
+
name: LocalizedMoneyInput.getName(props.name, currency),
|
|
179
|
+
value: props.value[currency],
|
|
180
|
+
onChange: props.onChange,
|
|
181
|
+
currency: currency,
|
|
182
|
+
placeholder: props.placeholder ? props.placeholder[currency] : undefined,
|
|
183
|
+
onBlur: props.onBlur,
|
|
184
|
+
onFocus: props.onFocus,
|
|
185
|
+
isDisabled: props.isDisabled,
|
|
186
|
+
isReadOnly: props.isReadOnly,
|
|
187
|
+
hasError: Boolean(props.hasError || props.errors && props.errors[currency]),
|
|
188
|
+
hasWarning: Boolean(props.hasWarning || props.warnings && props.warnings[currency]),
|
|
189
|
+
intl: intl,
|
|
190
|
+
warning: props.warnings && props.warnings[currency],
|
|
191
|
+
error: props.errors && props.errors[currency]
|
|
192
|
+
}, createLocalizedDataAttributes(props, currency)), currency);
|
|
193
|
+
})
|
|
194
|
+
}), shouldRenderCurrencyControl && jsx(LocalizedInputToggle, {
|
|
195
|
+
icon: jsx(CoinsIcon, {}),
|
|
196
|
+
onClick: toggleCurrencies,
|
|
197
|
+
isOpen: areCurrenciesExpanded,
|
|
198
|
+
isDisabled: areCurrenciesExpanded && Boolean(hasErrorInRemainingCurrencies || hasWarningInRemainingCurrencies),
|
|
199
|
+
showMessage: intl.formatMessage(messages.show, {
|
|
200
|
+
remainingCurrencies: currencies.length - 1
|
|
201
|
+
}),
|
|
202
|
+
hideMessage: intl.formatMessage(messages.hide, {
|
|
203
|
+
remainingCurrencies: currencies.length - 1
|
|
204
|
+
})
|
|
205
|
+
})]
|
|
199
206
|
})
|
|
200
|
-
})
|
|
207
|
+
});
|
|
201
208
|
};
|
|
202
209
|
|
|
203
210
|
LocalizedMoneyInput.displayName = 'LocalizedMoneyInput';
|
|
@@ -280,8 +287,9 @@ LocalizedMoneyInput.getEmptyCurrencies = function (values) {
|
|
|
280
287
|
});
|
|
281
288
|
};
|
|
282
289
|
|
|
283
|
-
|
|
284
|
-
|
|
290
|
+
var LocalizedMoneyInput$1 = LocalizedMoneyInput;
|
|
291
|
+
|
|
292
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
293
|
+
var version = "12.2.5";
|
|
285
294
|
|
|
286
|
-
export default
|
|
287
|
-
export { version };
|
|
295
|
+
export { LocalizedMoneyInput$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/localized-money-input",
|
|
3
3
|
"description": "A controlled input component for localized money values with validation states.",
|
|
4
|
-
"version": "12.2.
|
|
4
|
+
"version": "12.2.5",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,37 +9,40 @@
|
|
|
9
9
|
"directory": "packages/components/inputs/localized-money-input"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
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-money-input.cjs.js",
|
|
20
24
|
"module": "dist/commercetools-uikit-localized-money-input.esm.js",
|
|
21
|
-
"files": [
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
},
|
|
25
|
+
"files": [
|
|
26
|
+
"dist"
|
|
27
|
+
],
|
|
25
28
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/constraints": "12.2.
|
|
29
|
-
"@commercetools-uikit/design-system": "12.
|
|
30
|
-
"@commercetools-uikit/flat-button": "12.2.
|
|
31
|
-
"@commercetools-uikit/hooks": "12.2.
|
|
32
|
-
"@commercetools-uikit/icons": "12.2.
|
|
33
|
-
"@commercetools-uikit/input-utils": "12.2.
|
|
34
|
-
"@commercetools-uikit/localized-utils": "12.2.
|
|
35
|
-
"@commercetools-uikit/money-input": "12.2.
|
|
36
|
-
"@commercetools-uikit/select-utils": "12.2.
|
|
37
|
-
"@commercetools-uikit/spacings-stack": "12.2.
|
|
38
|
-
"@commercetools-uikit/tooltip": "12.2.
|
|
39
|
-
"@commercetools-uikit/utils": "12.2.
|
|
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/money-input": "12.2.5",
|
|
39
|
+
"@commercetools-uikit/select-utils": "12.2.5",
|
|
40
|
+
"@commercetools-uikit/spacings-stack": "12.2.5",
|
|
41
|
+
"@commercetools-uikit/tooltip": "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.
|
|
45
|
+
"common-tags": "1.8.2",
|
|
43
46
|
"prop-types": "15.7.2",
|
|
44
47
|
"react-required-if": "1.0.3",
|
|
45
48
|
"react-select": "4.3.1"
|
|
@@ -47,7 +50,7 @@
|
|
|
47
50
|
"devDependencies": {
|
|
48
51
|
"react": "17.0.2",
|
|
49
52
|
"react-dom": "17.0.2",
|
|
50
|
-
"react-intl": "5.
|
|
53
|
+
"react-intl": "5.21.2"
|
|
51
54
|
},
|
|
52
55
|
"peerDependencies": {
|
|
53
56
|
"react": "17.x",
|