@commercetools-uikit/money-field 17.0.1 → 18.0.0

package/README.md

@@ -63,7 +63,9 @@ export default Example;
 | `id`                    | `string`                                                                                              |          |           | Used as HTML id property. An id is auto-generated when it is not specified.                                                                                                                                                                                           |
 | `horizontalConstraint`  | `union`<br/>Possible values:<br/>`, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` |          | `'scale'` | Horizontal size limit of the input fields.                                                                                                                                                                                                                            |
 | `errors`                | `Record`                                                                                              |          |           | A map of errors. Error messages for known errors are rendered automatically.&#xA;<br />&#xA;Unknown errors will be forwarded to `renderError`                                                                                                                         |
+| `warnings`              | `Record`                                                                                              |          |           | A map of warnings. Warning messages for known warnings are rendered automatically.&#xA;<br/>&#xA;Unknown warnings will be forwarded to renderWarning.                                                                                                                 |
 | `renderError`           | `Function`<br/>[See signature.](#signature-renderError)                                               |          |           | Called with custom errors. This function can return a message which will be wrapped in an ErrorMessage. It can also return null to show no error.                                                                                                                     |
+| `renderWarning`         | `Function`<br/>[See signature.](#signature-renderWarning)                                             |          |           | Called with custom warnings, as renderWarning(key, warning). This function can return a message which will be wrapped in a WarningMessage.&#xA;<br />&#xA;It can also return null to show no warning.                                                                 |
 | `isRequired`            | `boolean`                                                                                             |          |           | Indicates if the value is required. Shows an the "required asterisk" if so.                                                                                                                                                                                           |
 | `touched`               | `Object`<br/>[See signature.](#signature-touched)                                                     |          |           | Indicates whether the `currencyCode` or `amount` fields were touched.&#xA;<br />&#xA;Errors will only be shown when the field was touched.                                                                                                                            |
 | `isTouched`             | `unknown`                                                                                             |          |           |                                                                                                                                                                                                                                                                       |
@@ -96,6 +98,12 @@ export default Example;
 (key: string, error?: boolean) => ReactNode;
 ```
 
+### Signature `renderWarning`
+
+```ts
+(key: string, warning?: boolean) => ReactNode;
+```
+
 ### Signature `touched`
 
 ```ts

package/dist/commercetools-uikit-money-field.cjs.dev.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _pt = require('prop-types');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
@@ -28,6 +28,7 @@ var Spacings = require('@commercetools-uikit/spacings');
 var FieldLabel = require('@commercetools-uikit/field-label');
 var MoneyInput = require('@commercetools-uikit/money-input');
 var FieldErrors = require('@commercetools-uikit/field-errors');
+var FieldWarnings = require('@commercetools-uikit/field-warnings');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -50,27 +51,32 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
 var MoneyInput__default = /*#__PURE__*/_interopDefault(MoneyInput);
 var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
+var FieldWarnings__default = /*#__PURE__*/_interopDefault(FieldWarnings);
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 const sequentialId = utils.createSequentialId('money-field-');
 const sequentialErrorsId = utils.createSequentialId('money-field-error-')();
+const sequentialWarningsId = utils.createSequentialId('money-field-warning-')();
 const hasErrors = errors => {
   var _context;
   return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
 };
+const hasWarnings = warnings => {
+  var _context2;
+  return warnings && _someInstanceProperty__default["default"](_context2 = _Object$values__default["default"](warnings)).call(_context2, Boolean);
+};
 let MoneyField = /*#__PURE__*/function (_Component) {
   _inherits(MoneyField, _Component);
-  var _super = _createSuper(MoneyField);
   function MoneyField() {
     var _this;
     _classCallCheck(this, MoneyField);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call(this, ...args);
+    _this = _callSuper(this, MoneyField, [...args]);
     _this.state = {
       // We generate an id in case no id is provided by the parent to attach the
       // label to the input component.
@@ -85,6 +91,7 @@ let MoneyField = /*#__PURE__*/function (_Component) {
       // This avoids showing an error when the user just selected a language but
       // didn't add an amount yet.
       const hasError = MoneyInput__default["default"].isTouched(this.props.touched) && hasErrors(this.props.errors);
+      const hasWarning = MoneyInput__default["default"].isTouched(this.props.touched) && hasWarnings(this.props.warnings);
       if (!this.props.isReadOnly) {
         process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.onChange === 'function', 'MoneyField: `onChange` is required when field is not read only.') : void 0;
       }
@@ -118,6 +125,7 @@ let MoneyField = /*#__PURE__*/function (_Component) {
             isReadOnly: this.props.isReadOnly,
             onChange: this.props.onChange,
             hasError: hasError,
+            hasWarning: hasWarning,
             hasHighPrecisionBadge: this.props.hasHighPrecisionBadge,
             menuPortalTarget: this.props.menuPortalTarget,
             menuPortalZIndex: this.props.menuPortalZIndex,
@@ -130,6 +138,11 @@ let MoneyField = /*#__PURE__*/function (_Component) {
             errors: this.props.errors,
             isVisible: hasError,
             renderError: this.props.renderError
+          }), jsxRuntime.jsx(FieldWarnings__default["default"], {
+            id: sequentialWarningsId,
+            warnings: this.props.warnings,
+            isVisible: hasWarning,
+            renderWarning: this.props.renderWarning
           })]
         })
       });
@@ -159,7 +172,9 @@ MoneyField.propTypes = process.env.NODE_ENV !== "production" ? {
   id: _pt__default["default"].string,
   horizontalConstraint: _pt__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
   errors: _pt__default["default"].objectOf(_pt__default["default"].bool),
+  warnings: _pt__default["default"].objectOf(_pt__default["default"].bool),
   renderError: _pt__default["default"].func,
+  renderWarning: _pt__default["default"].func,
   isRequired: _pt__default["default"].bool,
   touched: _pt__default["default"].shape({
     amount: _pt__default["default"].bool,
@@ -184,14 +199,12 @@ MoneyField.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]).isRequired,
   hint: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]),
   description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]),
-  onInfoButtonClick: _pt__default["default"].func,
-  hintIcon: _pt__default["default"].element,
-  hasHighPrecisionBadge: _pt__default["default"].bool
+  onInfoButtonClick: _pt__default["default"].func
 } : {};
 var MoneyField$1 = MoneyField;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "17.0.1";
+var version = "18.0.0";
 
 exports["default"] = MoneyField$1;
 exports.version = version;

package/dist/commercetools-uikit-money-field.cjs.prod.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 require('prop-types');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
@@ -28,6 +28,7 @@ var Spacings = require('@commercetools-uikit/spacings');
 var FieldLabel = require('@commercetools-uikit/field-label');
 var MoneyInput = require('@commercetools-uikit/money-input');
 var FieldErrors = require('@commercetools-uikit/field-errors');
+var FieldWarnings = require('@commercetools-uikit/field-warnings');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -48,27 +49,32 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
 var MoneyInput__default = /*#__PURE__*/_interopDefault(MoneyInput);
 var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
+var FieldWarnings__default = /*#__PURE__*/_interopDefault(FieldWarnings);
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 const sequentialId = utils.createSequentialId('money-field-');
 const sequentialErrorsId = utils.createSequentialId('money-field-error-')();
+const sequentialWarningsId = utils.createSequentialId('money-field-warning-')();
 const hasErrors = errors => {
   var _context;
   return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
 };
+const hasWarnings = warnings => {
+  var _context2;
+  return warnings && _someInstanceProperty__default["default"](_context2 = _Object$values__default["default"](warnings)).call(_context2, Boolean);
+};
 let MoneyField = /*#__PURE__*/function (_Component) {
   _inherits(MoneyField, _Component);
-  var _super = _createSuper(MoneyField);
   function MoneyField() {
     var _this;
     _classCallCheck(this, MoneyField);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call(this, ...args);
+    _this = _callSuper(this, MoneyField, [...args]);
     _this.state = {
       // We generate an id in case no id is provided by the parent to attach the
       // label to the input component.
@@ -83,6 +89,7 @@ let MoneyField = /*#__PURE__*/function (_Component) {
       // This avoids showing an error when the user just selected a language but
       // didn't add an amount yet.
       const hasError = MoneyInput__default["default"].isTouched(this.props.touched) && hasErrors(this.props.errors);
+      const hasWarning = MoneyInput__default["default"].isTouched(this.props.touched) && hasWarnings(this.props.warnings);
       if (!this.props.isReadOnly) ;
       if (this.props.hintIcon) ;
       return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
@@ -111,6 +118,7 @@ let MoneyField = /*#__PURE__*/function (_Component) {
             isReadOnly: this.props.isReadOnly,
             onChange: this.props.onChange,
             hasError: hasError,
+            hasWarning: hasWarning,
             hasHighPrecisionBadge: this.props.hasHighPrecisionBadge,
             menuPortalTarget: this.props.menuPortalTarget,
             menuPortalZIndex: this.props.menuPortalZIndex,
@@ -123,6 +131,11 @@ let MoneyField = /*#__PURE__*/function (_Component) {
             errors: this.props.errors,
             isVisible: hasError,
             renderError: this.props.renderError
+          }), jsxRuntime.jsx(FieldWarnings__default["default"], {
+            id: sequentialWarningsId,
+            warnings: this.props.warnings,
+            isVisible: hasWarning,
+            renderWarning: this.props.renderWarning
           })]
         })
       });
@@ -152,7 +165,7 @@ MoneyField.propTypes = {};
 var MoneyField$1 = MoneyField;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "17.0.1";
+var version = "18.0.0";
 
 exports["default"] = MoneyField$1;
 exports.version = version;

package/dist/commercetools-uikit-money-field.esm.js

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
-import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
+import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _pt from 'prop-types';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
@@ -24,28 +24,33 @@ import Spacings from '@commercetools-uikit/spacings';
 import FieldLabel from '@commercetools-uikit/field-label';
 import MoneyInput from '@commercetools-uikit/money-input';
 import FieldErrors from '@commercetools-uikit/field-errors';
+import FieldWarnings from '@commercetools-uikit/field-warnings';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 const sequentialId = createSequentialId('money-field-');
 const sequentialErrorsId = createSequentialId('money-field-error-')();
+const sequentialWarningsId = createSequentialId('money-field-warning-')();
 const hasErrors = errors => {
   var _context;
   return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
 };
+const hasWarnings = warnings => {
+  var _context2;
+  return warnings && _someInstanceProperty(_context2 = _Object$values(warnings)).call(_context2, Boolean);
+};
 let MoneyField = /*#__PURE__*/function (_Component) {
   _inherits(MoneyField, _Component);
-  var _super = _createSuper(MoneyField);
   function MoneyField() {
     var _this;
     _classCallCheck(this, MoneyField);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call(this, ...args);
+    _this = _callSuper(this, MoneyField, [...args]);
     _this.state = {
       // We generate an id in case no id is provided by the parent to attach the
       // label to the input component.
@@ -60,6 +65,7 @@ let MoneyField = /*#__PURE__*/function (_Component) {
       // This avoids showing an error when the user just selected a language but
       // didn't add an amount yet.
       const hasError = MoneyInput.isTouched(this.props.touched) && hasErrors(this.props.errors);
+      const hasWarning = MoneyInput.isTouched(this.props.touched) && hasWarnings(this.props.warnings);
       if (!this.props.isReadOnly) {
         process.env.NODE_ENV !== "production" ? warning(typeof this.props.onChange === 'function', 'MoneyField: `onChange` is required when field is not read only.') : void 0;
       }
@@ -93,6 +99,7 @@ let MoneyField = /*#__PURE__*/function (_Component) {
             isReadOnly: this.props.isReadOnly,
             onChange: this.props.onChange,
             hasError: hasError,
+            hasWarning: hasWarning,
             hasHighPrecisionBadge: this.props.hasHighPrecisionBadge,
             menuPortalTarget: this.props.menuPortalTarget,
             menuPortalZIndex: this.props.menuPortalZIndex,
@@ -105,6 +112,11 @@ let MoneyField = /*#__PURE__*/function (_Component) {
             errors: this.props.errors,
             isVisible: hasError,
             renderError: this.props.renderError
+          }), jsx(FieldWarnings, {
+            id: sequentialWarningsId,
+            warnings: this.props.warnings,
+            isVisible: hasWarning,
+            renderWarning: this.props.renderWarning
           })]
         })
       });
@@ -134,7 +146,9 @@ MoneyField.propTypes = process.env.NODE_ENV !== "production" ? {
   id: _pt.string,
   horizontalConstraint: _pt.oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
   errors: _pt.objectOf(_pt.bool),
+  warnings: _pt.objectOf(_pt.bool),
   renderError: _pt.func,
+  renderWarning: _pt.func,
   isRequired: _pt.bool,
   touched: _pt.shape({
     amount: _pt.bool,
@@ -159,13 +173,11 @@ MoneyField.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _pt.oneOfType([_pt.string, _pt.node]).isRequired,
   hint: _pt.oneOfType([_pt.string, _pt.node]),
   description: _pt.oneOfType([_pt.string, _pt.node]),
-  onInfoButtonClick: _pt.func,
-  hintIcon: _pt.element,
-  hasHighPrecisionBadge: _pt.bool
+  onInfoButtonClick: _pt.func
 } : {};
 var MoneyField$1 = MoneyField;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "17.0.1";
+var version = "18.0.0";
 
 export { MoneyField$1 as default, version };

package/dist/declarations/src/money-field.d.ts

@@ -2,6 +2,7 @@ import { Component, type ReactElement, type ReactNode } from 'react';
 import { type Props as ReactSelectProps } from 'react-select';
 import { type TCurrencyCode } from '@commercetools-uikit/money-input';
 type TErrorRenderer = (key: string, error?: boolean) => ReactNode;
+type TFieldWarnings = Record<string, boolean>;
 type TFieldErrors = Record<string, boolean>;
 type TCustomFormErrors<Values> = {
     [K in keyof Values]?: TFieldErrors;
@@ -26,7 +27,9 @@ export type TMoneyFieldProps = {
     id?: string;
     horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
     errors?: TFieldErrors;
+    warnings?: TFieldWarnings;
     renderError?: TErrorRenderer;
+    renderWarning?: (key: string, warning?: boolean) => ReactNode;
     isRequired?: boolean;
     touched?: TTouched;
     isTouched?: unknown;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/money-field",
   "description": "A controlled input component for money values with validation states and a label.",
-  "version": "17.0.1",
+  "version": "18.0.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,13 +21,14 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/constraints": "17.0.1",
-    "@commercetools-uikit/design-system": "17.0.1",
-    "@commercetools-uikit/field-errors": "17.0.1",
-    "@commercetools-uikit/field-label": "17.0.1",
-    "@commercetools-uikit/money-input": "17.0.1",
-    "@commercetools-uikit/spacings": "17.0.1",
-    "@commercetools-uikit/utils": "17.0.1",
+    "@commercetools-uikit/constraints": "18.0.0",
+    "@commercetools-uikit/design-system": "18.0.0",
+    "@commercetools-uikit/field-errors": "18.0.0",
+    "@commercetools-uikit/field-label": "18.0.0",
+    "@commercetools-uikit/field-warnings": "18.0.0",
+    "@commercetools-uikit/money-input": "18.0.0",
+    "@commercetools-uikit/spacings": "18.0.0",
+    "@commercetools-uikit/utils": "18.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",