@commercetools-uikit/field-errors 12.2.0 → 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.
Files changed (10) hide show
  1. package/README.md +3 -4
  2. package/dist/commercetools-uikit-field-errors.cjs.dev.js +72 -50
  3. package/dist/commercetools-uikit-field-errors.cjs.prod.js +68 -47
  4. package/dist/commercetools-uikit-field-errors.esm.js +56 -41
  5. package/dist/declarations/src/export-types.d.ts +3 -0
  6. package/dist/declarations/src/field-errors.d.ts +19 -19
  7. package/dist/declarations/src/index.d.ts +3 -3
  8. package/dist/declarations/src/messages.d.ts +18 -18
  9. package/dist/declarations/src/version.d.ts +2 -2
  10. package/package.json +14 -11
package/README.md CHANGED
@@ -30,7 +30,6 @@ npm --save install react react-intl
30
30
  ## Usage
31
31
 
32
32
  ```jsx
33
- import React from 'react';
34
33
  import FieldErrors from '@commercetools-uikit/field-errors';
35
34
 
36
35
  const Example = () => (
@@ -74,7 +73,7 @@ export default Example;
74
73
 
75
74
  | Props | Type | Required | Default | Description |
76
75
  | -------------------- | -------------------------------------------------------------- | :------: | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
77
- | `errors` | `Record` | ✅ | | List of errors. Only entries with truthy values will count as active errors. |
76
+ | `errors` | `Record` | | | List of errors. Only entries with truthy values will count as active errors. |
78
77
  | `isVisible` | `boolean` | | | `true` when the error messages should be rendered. Usually you'd pass in a `touched` state of fields. |
79
78
  | `renderError` | `Function`<br/>[See signature.](#signature-renderError) | | | Function which gets called with each error key (from the `errors` prop) and may render an error message or return `null` to hand the error handling off to `renderDefaultError`. |
80
79
  | `renderDefaultError` | `Function`<br/>[See signature.](#signature-renderDefaultError) | | | Function which gets called with each error key (from the `errors` prop) for which `renderError` returned `null`.&#xA;It may render an error message or return `null` to hand the error handling off to `FieldError`s built-in error handling. |
@@ -84,13 +83,13 @@ export default Example;
84
83
  ### Signature `renderError`
85
84
 
86
85
  ```ts
87
- (key: string, error?: boolean) => React.ReactNode;
86
+ (key: string, error?: boolean) => ReactNode;
88
87
  ```
89
88
 
90
89
  ### Signature `renderDefaultError`
91
90
 
92
91
  ```ts
93
- (key: string, error?: boolean) => React.ReactNode;
92
+ (key: string, error?: boolean) => ReactNode;
94
93
  ```
95
94
 
96
95
  ## Static properties
package/dist/commercetools-uikit-field-errors.cjs.dev.js CHANGED
@@ -2,16 +2,24 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
5
6
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
6
7
  var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
7
8
  var _pt = require('prop-types');
8
9
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
9
10
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
10
11
  var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
11
- var React = require('react');
12
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
13
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
14
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
15
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
16
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
17
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
18
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
19
+ require('react');
12
20
  var reactIntl = require('react-intl');
13
21
  var messages$1 = require('@commercetools-uikit/messages');
14
- var react = require('@emotion/react');
22
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
15
23
 
16
24
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
17
25
 
@@ -19,7 +27,13 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
19
27
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
20
28
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
21
29
  var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
22
- var React__default = /*#__PURE__*/_interopDefault(React);
30
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
31
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
32
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
33
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
34
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
35
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
36
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
23
37
 
24
38
  var messages = reactIntl.defineMessages({
25
39
  missingRequiredField: {
@@ -39,6 +53,10 @@ var messages = reactIntl.defineMessages({
39
53
  }
40
54
  });
41
55
 
56
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
57
+
58
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), true)).call(_context3, 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 _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
59
+
42
60
  var isObject = function isObject(obj) {
43
61
  return _typeof(obj) === 'object';
44
62
  };
@@ -47,53 +65,56 @@ var FieldErrors = function FieldErrors(props) {
47
65
  var _context, _context2;
48
66
 
49
67
  if (!props.isVisible) return null;
50
- if (!isObject(props.errors)) return null;
51
- return react.jsx(React__default['default'].Fragment, null, _mapInstanceProperty__default['default'](_context = _filterInstanceProperty__default['default'](_context2 = _Object$entries__default['default'](props.errors) // Only render errors which have truthy values, to avoid
52
- // rendering an error for, e.g. { missing: false }
53
- ).call(_context2, function (_ref) {
54
- var _ref2 = _slicedToArray(_ref, 2),
55
- error = _ref2[1];
56
-
57
- return error;
58
- })).call(_context, function (_ref3) {
59
- var _ref4 = _slicedToArray(_ref3, 2),
60
- key = _ref4[0],
61
- error = _ref4[1];
62
-
63
- // We might not use a custom error renderer, so we fall back to null
64
- // to enable the default errors to kick in
65
- var errorElement = props.renderError ? props.renderError(key, error) : null; // Render a custom error if one was provided.
66
- // Custom errors take precedence over the default errors
67
-
68
- if (errorElement) return react.jsx(messages$1.ErrorMessage, {
69
- key: key
70
- }, errorElement);
71
- var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
72
- // Default errors take precedence over the known errors
73
-
74
- if (defaultErrorElement) return react.jsx(messages$1.ErrorMessage, {
75
- key: key
76
- }, defaultErrorElement); // Try to see if we know this error and render that error instead then
77
-
78
- if (key === FieldErrors.errorTypes.MISSING) return react.jsx(messages$1.ErrorMessage, {
79
- key: key
80
- }, react.jsx(reactIntl.FormattedMessage, messages.missingRequiredField));
81
- if (key === FieldErrors.errorTypes.NEGATIVE) return react.jsx(messages$1.ErrorMessage, {
82
- key: key
83
- }, react.jsx(reactIntl.FormattedMessage, messages.invalidNegativeNumber));
84
- if (key === FieldErrors.errorTypes.FRACTIONS) return react.jsx(messages$1.ErrorMessage, {
85
- key: key
86
- }, react.jsx(reactIntl.FormattedMessage, messages.invalidFractionalNumber)); // Render nothing in case the error is not known and no custom error
87
- // was returned
88
-
89
- return null;
90
- }));
68
+ if (!props.errors || !isObject(props.errors)) return null;
69
+ return jsxRuntime.jsx(jsxRuntime.Fragment, {
70
+ children: _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](props.errors) // Only render errors which have truthy values, to avoid
71
+ // rendering an error for, e.g. { missing: false }
72
+ ).call(_context2, function (_ref) {
73
+ var _ref2 = _slicedToArray(_ref, 2),
74
+ error = _ref2[1];
75
+
76
+ return error;
77
+ })).call(_context, function (_ref3) {
78
+ var _ref4 = _slicedToArray(_ref3, 2),
79
+ key = _ref4[0],
80
+ error = _ref4[1];
81
+
82
+ // We might not use a custom error renderer, so we fall back to null
83
+ // to enable the default errors to kick in
84
+ var errorElement = props.renderError ? props.renderError(key, error) : null; // Render a custom error if one was provided.
85
+ // Custom errors take precedence over the default errors
86
+
87
+ if (errorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
88
+ children: errorElement
89
+ }, key);
90
+ var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
91
+ // Default errors take precedence over the known errors
92
+
93
+ if (defaultErrorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
94
+ children: defaultErrorElement
95
+ }, key); // Try to see if we know this error and render that error instead then
96
+
97
+ if (key === FieldErrors.errorTypes.MISSING) return jsxRuntime.jsx(messages$1.ErrorMessage, {
98
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.missingRequiredField))
99
+ }, key);
100
+ if (key === FieldErrors.errorTypes.NEGATIVE) return jsxRuntime.jsx(messages$1.ErrorMessage, {
101
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
102
+ }, key);
103
+ if (key === FieldErrors.errorTypes.FRACTIONS) return jsxRuntime.jsx(messages$1.ErrorMessage, {
104
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
105
+ }, key); // Render nothing in case the error is not known and no custom error
106
+ // was returned
107
+
108
+ return null;
109
+ })
110
+ });
91
111
  };
92
112
 
93
113
  FieldErrors.propTypes = process.env.NODE_ENV !== "production" ? {
94
- isVisible: _pt__default['default'].bool,
95
- renderError: _pt__default['default'].func,
96
- renderDefaultError: _pt__default['default'].func
114
+ errors: _pt__default["default"].objectOf(_pt__default["default"].bool),
115
+ isVisible: _pt__default["default"].bool,
116
+ renderError: _pt__default["default"].func,
117
+ renderDefaultError: _pt__default["default"].func
97
118
  } : {};
98
119
  FieldErrors.displayName = 'FieldErrors';
99
120
  FieldErrors.errorTypes = {
@@ -101,9 +122,10 @@ FieldErrors.errorTypes = {
101
122
  NEGATIVE: 'negative',
102
123
  FRACTIONS: 'fractions'
103
124
  };
125
+ var FieldErrors$1 = FieldErrors;
104
126
 
105
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
106
- var version = '12.2.0';
127
+ // NOTE: This string will be replaced on build time with the package version.
128
+ var version = "12.2.5";
107
129
 
108
- exports.default = FieldErrors;
130
+ exports["default"] = FieldErrors$1;
109
131
  exports.version = version;
package/dist/commercetools-uikit-field-errors.cjs.prod.js CHANGED
@@ -2,23 +2,37 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
5
6
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
6
7
  var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
7
8
  require('prop-types');
8
9
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
9
10
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
10
11
  var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
11
- var React = require('react');
12
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
13
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
14
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
15
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
16
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
17
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
18
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
19
+ require('react');
12
20
  var reactIntl = require('react-intl');
13
21
  var messages$1 = require('@commercetools-uikit/messages');
14
- var react = require('@emotion/react');
22
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
15
23
 
16
24
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
17
25
 
18
26
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
19
27
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
20
28
  var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
21
- var React__default = /*#__PURE__*/_interopDefault(React);
29
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
30
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
31
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
32
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
33
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
34
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
35
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
22
36
 
23
37
  var messages = reactIntl.defineMessages({
24
38
  missingRequiredField: {
@@ -38,6 +52,10 @@ var messages = reactIntl.defineMessages({
38
52
  }
39
53
  });
40
54
 
55
+ 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; }
56
+
57
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), true)).call(_context3, 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 _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
58
+
41
59
  var isObject = function isObject(obj) {
42
60
  return _typeof(obj) === 'object';
43
61
  };
@@ -46,47 +64,49 @@ var FieldErrors = function FieldErrors(props) {
46
64
  var _context, _context2;
47
65
 
48
66
  if (!props.isVisible) return null;
49
- if (!isObject(props.errors)) return null;
50
- return react.jsx(React__default['default'].Fragment, null, _mapInstanceProperty__default['default'](_context = _filterInstanceProperty__default['default'](_context2 = _Object$entries__default['default'](props.errors) // Only render errors which have truthy values, to avoid
51
- // rendering an error for, e.g. { missing: false }
52
- ).call(_context2, function (_ref) {
53
- var _ref2 = _slicedToArray(_ref, 2),
54
- error = _ref2[1];
55
-
56
- return error;
57
- })).call(_context, function (_ref3) {
58
- var _ref4 = _slicedToArray(_ref3, 2),
59
- key = _ref4[0],
60
- error = _ref4[1];
61
-
62
- // We might not use a custom error renderer, so we fall back to null
63
- // to enable the default errors to kick in
64
- var errorElement = props.renderError ? props.renderError(key, error) : null; // Render a custom error if one was provided.
65
- // Custom errors take precedence over the default errors
66
-
67
- if (errorElement) return react.jsx(messages$1.ErrorMessage, {
68
- key: key
69
- }, errorElement);
70
- var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
71
- // Default errors take precedence over the known errors
72
-
73
- if (defaultErrorElement) return react.jsx(messages$1.ErrorMessage, {
74
- key: key
75
- }, defaultErrorElement); // Try to see if we know this error and render that error instead then
76
-
77
- if (key === FieldErrors.errorTypes.MISSING) return react.jsx(messages$1.ErrorMessage, {
78
- key: key
79
- }, react.jsx(reactIntl.FormattedMessage, messages.missingRequiredField));
80
- if (key === FieldErrors.errorTypes.NEGATIVE) return react.jsx(messages$1.ErrorMessage, {
81
- key: key
82
- }, react.jsx(reactIntl.FormattedMessage, messages.invalidNegativeNumber));
83
- if (key === FieldErrors.errorTypes.FRACTIONS) return react.jsx(messages$1.ErrorMessage, {
84
- key: key
85
- }, react.jsx(reactIntl.FormattedMessage, messages.invalidFractionalNumber)); // Render nothing in case the error is not known and no custom error
86
- // was returned
87
-
88
- return null;
89
- }));
67
+ if (!props.errors || !isObject(props.errors)) return null;
68
+ return jsxRuntime.jsx(jsxRuntime.Fragment, {
69
+ children: _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](props.errors) // Only render errors which have truthy values, to avoid
70
+ // rendering an error for, e.g. { missing: false }
71
+ ).call(_context2, function (_ref) {
72
+ var _ref2 = _slicedToArray(_ref, 2),
73
+ error = _ref2[1];
74
+
75
+ return error;
76
+ })).call(_context, function (_ref3) {
77
+ var _ref4 = _slicedToArray(_ref3, 2),
78
+ key = _ref4[0],
79
+ error = _ref4[1];
80
+
81
+ // We might not use a custom error renderer, so we fall back to null
82
+ // to enable the default errors to kick in
83
+ var errorElement = props.renderError ? props.renderError(key, error) : null; // Render a custom error if one was provided.
84
+ // Custom errors take precedence over the default errors
85
+
86
+ if (errorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
87
+ children: errorElement
88
+ }, key);
89
+ var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
90
+ // Default errors take precedence over the known errors
91
+
92
+ if (defaultErrorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
93
+ children: defaultErrorElement
94
+ }, key); // Try to see if we know this error and render that error instead then
95
+
96
+ if (key === FieldErrors.errorTypes.MISSING) return jsxRuntime.jsx(messages$1.ErrorMessage, {
97
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.missingRequiredField))
98
+ }, key);
99
+ if (key === FieldErrors.errorTypes.NEGATIVE) return jsxRuntime.jsx(messages$1.ErrorMessage, {
100
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
101
+ }, key);
102
+ if (key === FieldErrors.errorTypes.FRACTIONS) return jsxRuntime.jsx(messages$1.ErrorMessage, {
103
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
104
+ }, key); // Render nothing in case the error is not known and no custom error
105
+ // was returned
106
+
107
+ return null;
108
+ })
109
+ });
90
110
  };
91
111
 
92
112
  FieldErrors.propTypes = {};
@@ -96,9 +116,10 @@ FieldErrors.errorTypes = {
96
116
  NEGATIVE: 'negative',
97
117
  FRACTIONS: 'fractions'
98
118
  };
119
+ var FieldErrors$1 = FieldErrors;
99
120
 
100
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
101
- var version = '12.2.0';
121
+ // NOTE: This string will be replaced on build time with the package version.
122
+ var version = "12.2.5";
102
123
 
103
- exports.default = FieldErrors;
124
+ exports["default"] = FieldErrors$1;
104
125
  exports.version = version;
package/dist/commercetools-uikit-field-errors.esm.js CHANGED
@@ -1,13 +1,21 @@
1
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
1
2
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
2
3
  import _typeof from '@babel/runtime-corejs3/helpers/esm/typeof';
3
4
  import _pt from 'prop-types';
4
5
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
5
6
  import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
6
7
  import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
7
- import React from 'react';
8
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
9
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
10
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
11
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
12
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
13
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
14
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
15
+ import 'react';
8
16
  import { defineMessages, FormattedMessage } from 'react-intl';
9
17
  import { ErrorMessage } from '@commercetools-uikit/messages';
10
- import { jsx } from '@emotion/react';
18
+ import { jsx, Fragment } from '@emotion/react/jsx-runtime';
11
19
 
12
20
  var messages = defineMessages({
13
21
  missingRequiredField: {
@@ -27,6 +35,10 @@ var messages = defineMessages({
27
35
  }
28
36
  });
29
37
 
38
+ 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; }
39
+
40
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
41
+
30
42
  var isObject = function isObject(obj) {
31
43
  return _typeof(obj) === 'object';
32
44
  };
@@ -35,50 +47,53 @@ var FieldErrors = function FieldErrors(props) {
35
47
  var _context, _context2;
36
48
 
37
49
  if (!props.isVisible) return null;
38
- if (!isObject(props.errors)) return null;
39
- return jsx(React.Fragment, null, _mapInstanceProperty(_context = _filterInstanceProperty(_context2 = _Object$entries(props.errors) // Only render errors which have truthy values, to avoid
40
- // rendering an error for, e.g. { missing: false }
41
- ).call(_context2, function (_ref) {
42
- var _ref2 = _slicedToArray(_ref, 2),
43
- error = _ref2[1];
50
+ if (!props.errors || !isObject(props.errors)) return null;
51
+ return jsx(Fragment, {
52
+ children: _mapInstanceProperty(_context = _filterInstanceProperty(_context2 = _Object$entries(props.errors) // Only render errors which have truthy values, to avoid
53
+ // rendering an error for, e.g. { missing: false }
54
+ ).call(_context2, function (_ref) {
55
+ var _ref2 = _slicedToArray(_ref, 2),
56
+ error = _ref2[1];
44
57
 
45
- return error;
46
- })).call(_context, function (_ref3) {
47
- var _ref4 = _slicedToArray(_ref3, 2),
48
- key = _ref4[0],
49
- error = _ref4[1];
58
+ return error;
59
+ })).call(_context, function (_ref3) {
60
+ var _ref4 = _slicedToArray(_ref3, 2),
61
+ key = _ref4[0],
62
+ error = _ref4[1];
50
63
 
51
- // We might not use a custom error renderer, so we fall back to null
52
- // to enable the default errors to kick in
53
- var errorElement = props.renderError ? props.renderError(key, error) : null; // Render a custom error if one was provided.
54
- // Custom errors take precedence over the default errors
64
+ // We might not use a custom error renderer, so we fall back to null
65
+ // to enable the default errors to kick in
66
+ var errorElement = props.renderError ? props.renderError(key, error) : null; // Render a custom error if one was provided.
67
+ // Custom errors take precedence over the default errors
55
68
 
56
- if (errorElement) return jsx(ErrorMessage, {
57
- key: key
58
- }, errorElement);
59
- var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
60
- // Default errors take precedence over the known errors
69
+ if (errorElement) return jsx(ErrorMessage, {
70
+ children: errorElement
71
+ }, key);
72
+ var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
73
+ // Default errors take precedence over the known errors
61
74
 
62
- if (defaultErrorElement) return jsx(ErrorMessage, {
63
- key: key
64
- }, defaultErrorElement); // Try to see if we know this error and render that error instead then
75
+ if (defaultErrorElement) return jsx(ErrorMessage, {
76
+ children: defaultErrorElement
77
+ }, key); // Try to see if we know this error and render that error instead then
65
78
 
66
- if (key === FieldErrors.errorTypes.MISSING) return jsx(ErrorMessage, {
67
- key: key
68
- }, jsx(FormattedMessage, messages.missingRequiredField));
69
- if (key === FieldErrors.errorTypes.NEGATIVE) return jsx(ErrorMessage, {
70
- key: key
71
- }, jsx(FormattedMessage, messages.invalidNegativeNumber));
72
- if (key === FieldErrors.errorTypes.FRACTIONS) return jsx(ErrorMessage, {
73
- key: key
74
- }, jsx(FormattedMessage, messages.invalidFractionalNumber)); // Render nothing in case the error is not known and no custom error
75
- // was returned
79
+ if (key === FieldErrors.errorTypes.MISSING) return jsx(ErrorMessage, {
80
+ children: jsx(FormattedMessage, _objectSpread({}, messages.missingRequiredField))
81
+ }, key);
82
+ if (key === FieldErrors.errorTypes.NEGATIVE) return jsx(ErrorMessage, {
83
+ children: jsx(FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
84
+ }, key);
85
+ if (key === FieldErrors.errorTypes.FRACTIONS) return jsx(ErrorMessage, {
86
+ children: jsx(FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
87
+ }, key); // Render nothing in case the error is not known and no custom error
88
+ // was returned
76
89
 
77
- return null;
78
- }));
90
+ return null;
91
+ })
92
+ });
79
93
  };
80
94
 
81
95
  FieldErrors.propTypes = process.env.NODE_ENV !== "production" ? {
96
+ errors: _pt.objectOf(_pt.bool),
82
97
  isVisible: _pt.bool,
83
98
  renderError: _pt.func,
84
99
  renderDefaultError: _pt.func
@@ -89,9 +104,9 @@ FieldErrors.errorTypes = {
89
104
  NEGATIVE: 'negative',
90
105
  FRACTIONS: 'fractions'
91
106
  };
107
+ var FieldErrors$1 = FieldErrors;
92
108
 
93
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
94
- var version = '12.2.0';
109
+ // NOTE: This string will be replaced on build time with the package version.
110
+ var version = "12.2.5";
95
111
 
96
- export default FieldErrors;
97
- export { version };
112
+ export { FieldErrors$1 as default, version };
package/dist/declarations/src/export-types.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { TFieldErrorsProps as FieldErrorsProps, TFieldErrors as FieldErrors } from './field-errors';
2
+ export declare type TFieldErrorsProps = FieldErrorsProps;
3
+ export declare type TFieldErrors = FieldErrors;
package/dist/declarations/src/field-errors.d.ts CHANGED
@@ -1,19 +1,19 @@
1
- import React from 'react';
2
- declare type TErrorRenderer = (key: string, error?: boolean) => React.ReactNode;
3
- export declare type TFieldErrors = Record<string, boolean>;
4
- export declare type TFieldErrorsProps = {
5
- errors: TFieldErrors;
6
- isVisible?: boolean;
7
- renderError?: TErrorRenderer;
8
- renderDefaultError?: TErrorRenderer;
9
- };
10
- declare const FieldErrors: {
11
- (props: TFieldErrorsProps): JSX.Element | null;
12
- displayName: string;
13
- errorTypes: {
14
- MISSING: string;
15
- NEGATIVE: string;
16
- FRACTIONS: string;
17
- };
18
- };
19
- export default FieldErrors;
1
+ import { ReactNode } from 'react';
2
+ declare type TErrorRenderer = (key: string, error?: boolean) => ReactNode;
3
+ export declare type TFieldErrors = Record<string, boolean>;
4
+ export declare type TFieldErrorsProps = {
5
+ errors?: TFieldErrors;
6
+ isVisible?: boolean;
7
+ renderError?: TErrorRenderer;
8
+ renderDefaultError?: TErrorRenderer;
9
+ };
10
+ declare const FieldErrors: {
11
+ (props: TFieldErrorsProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
12
+ displayName: string;
13
+ errorTypes: {
14
+ MISSING: string;
15
+ NEGATIVE: string;
16
+ FRACTIONS: string;
17
+ };
18
+ };
19
+ export default FieldErrors;
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { default } from './field-errors';
2
- export { default as version } from './version';
3
- export type { TFieldErrorsProps, TFieldErrors } from './field-errors';
1
+ export { default } from './field-errors';
2
+ export { default as version } from './version';
3
+ export * from './export-types';
package/dist/declarations/src/messages.d.ts CHANGED
@@ -1,18 +1,18 @@
1
- declare const _default: {
2
- missingRequiredField: {
3
- id: string;
4
- description: string;
5
- defaultMessage: string;
6
- };
7
- invalidNegativeNumber: {
8
- id: string;
9
- description: string;
10
- defaultMessage: string;
11
- };
12
- invalidFractionalNumber: {
13
- id: string;
14
- description: string;
15
- defaultMessage: string;
16
- };
17
- };
18
- export default _default;
1
+ declare const _default: {
2
+ missingRequiredField: {
3
+ id: string;
4
+ description: string;
5
+ defaultMessage: string;
6
+ };
7
+ invalidNegativeNumber: {
8
+ id: string;
9
+ description: string;
10
+ defaultMessage: string;
11
+ };
12
+ invalidFractionalNumber: {
13
+ id: string;
14
+ description: string;
15
+ defaultMessage: string;
16
+ };
17
+ };
18
+ export default _default;
package/dist/declarations/src/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "12.2.0";
2
- export default _default;
1
+ declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
2
+ export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/field-errors",
3
3
  "description": "Renders errors based on configuration.",
4
- "version": "12.2.0",
4
+ "version": "12.2.5",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -9,30 +9,33 @@
9
9
  "directory": "packages/components/field-errors"
10
10
  },
11
11
  "homepage": "https://uikit.commercetools.com",
12
- "keywords": ["javascript", "design system", "react", "uikit"],
12
+ "keywords": [
13
+ "javascript",
14
+ "design system",
15
+ "react",
16
+ "uikit"
17
+ ],
13
18
  "license": "MIT",
14
- "private": false,
15
19
  "publishConfig": {
16
20
  "access": "public"
17
21
  },
18
22
  "sideEffects": false,
19
23
  "main": "dist/commercetools-uikit-field-errors.cjs.js",
20
24
  "module": "dist/commercetools-uikit-field-errors.esm.js",
21
- "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../scripts/version.js replace"
24
- },
25
+ "files": [
26
+ "dist"
27
+ ],
25
28
  "dependencies": {
26
- "@babel/runtime": "7.14.6",
27
- "@babel/runtime-corejs3": "7.14.7",
28
- "@commercetools-uikit/messages": "12.2.0",
29
+ "@babel/runtime": "7.16.3",
30
+ "@babel/runtime-corejs3": "7.16.3",
31
+ "@commercetools-uikit/messages": "12.2.5",
29
32
  "@emotion/react": "^11.4.0",
30
33
  "@emotion/styled": "^11.3.0",
31
34
  "prop-types": "15.7.2"
32
35
  },
33
36
  "devDependencies": {
34
37
  "react": "17.0.2",
35
- "react-intl": "5.20.4"
38
+ "react-intl": "5.21.2"
36
39
  },
37
40
  "peerDependencies": {
38
41
  "react": "17.x",