@commercetools-uikit/field-errors 12.2.9 → 13.0.4
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
|
@@ -73,6 +73,7 @@ export default Example;
|
|
|
73
73
|
|
|
74
74
|
| Props | Type | Required | Default | Description |
|
|
75
75
|
| -------------------- | -------------------------------------------------------------- | :------: | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
76
|
+
| `id` | `string` | | | ID of the error field. |
|
|
76
77
|
| `errors` | `Record` | | | List of errors. Only entries with truthy values will count as active errors. |
|
|
77
78
|
| `isVisible` | `boolean` | | | `true` when the error messages should be rendered. Usually you'd pass in a `touched` state of fields. |
|
|
78
79
|
| `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`. |
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
6
6
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
7
|
-
var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
|
|
8
7
|
var _pt = require('prop-types');
|
|
9
8
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
10
9
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
@@ -53,12 +52,12 @@ var messages = reactIntl.defineMessages({
|
|
|
53
52
|
}
|
|
54
53
|
});
|
|
55
54
|
|
|
56
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
55
|
+
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; }
|
|
57
56
|
|
|
58
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
57
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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
58
|
|
|
60
59
|
var isObject = function isObject(obj) {
|
|
61
|
-
return
|
|
60
|
+
return typeof obj === 'object';
|
|
62
61
|
};
|
|
63
62
|
|
|
64
63
|
var FieldErrors = function FieldErrors(props) {
|
|
@@ -85,22 +84,27 @@ var FieldErrors = function FieldErrors(props) {
|
|
|
85
84
|
// Custom errors take precedence over the default errors
|
|
86
85
|
|
|
87
86
|
if (errorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
87
|
+
id: props.id,
|
|
88
88
|
children: errorElement
|
|
89
89
|
}, key);
|
|
90
90
|
var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
|
|
91
91
|
// Default errors take precedence over the known errors
|
|
92
92
|
|
|
93
93
|
if (defaultErrorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
94
|
+
id: props.id,
|
|
94
95
|
children: defaultErrorElement
|
|
95
96
|
}, key); // Try to see if we know this error and render that error instead then
|
|
96
97
|
|
|
97
98
|
if (key === FieldErrors.errorTypes.MISSING) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
99
|
+
id: props.id,
|
|
98
100
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.missingRequiredField))
|
|
99
101
|
}, key);
|
|
100
102
|
if (key === FieldErrors.errorTypes.NEGATIVE) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
103
|
+
id: props.id,
|
|
101
104
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
|
|
102
105
|
}, key);
|
|
103
106
|
if (key === FieldErrors.errorTypes.FRACTIONS) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
107
|
+
id: props.id,
|
|
104
108
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
|
|
105
109
|
}, key); // Render nothing in case the error is not known and no custom error
|
|
106
110
|
// was returned
|
|
@@ -111,6 +115,7 @@ var FieldErrors = function FieldErrors(props) {
|
|
|
111
115
|
};
|
|
112
116
|
|
|
113
117
|
FieldErrors.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
118
|
+
id: _pt__default["default"].string,
|
|
114
119
|
errors: _pt__default["default"].objectOf(_pt__default["default"].bool),
|
|
115
120
|
isVisible: _pt__default["default"].bool,
|
|
116
121
|
renderError: _pt__default["default"].func,
|
|
@@ -125,7 +130,7 @@ FieldErrors.errorTypes = {
|
|
|
125
130
|
var FieldErrors$1 = FieldErrors;
|
|
126
131
|
|
|
127
132
|
// NOTE: This string will be replaced on build time with the package version.
|
|
128
|
-
var version = "
|
|
133
|
+
var version = "13.0.4";
|
|
129
134
|
|
|
130
135
|
exports["default"] = FieldErrors$1;
|
|
131
136
|
exports.version = version;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
6
6
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
7
|
-
var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
|
|
8
7
|
require('prop-types');
|
|
9
8
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
10
9
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
@@ -52,12 +51,12 @@ var messages = reactIntl.defineMessages({
|
|
|
52
51
|
}
|
|
53
52
|
});
|
|
54
53
|
|
|
55
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
54
|
+
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; }
|
|
56
55
|
|
|
57
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
56
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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
57
|
|
|
59
58
|
var isObject = function isObject(obj) {
|
|
60
|
-
return
|
|
59
|
+
return typeof obj === 'object';
|
|
61
60
|
};
|
|
62
61
|
|
|
63
62
|
var FieldErrors = function FieldErrors(props) {
|
|
@@ -84,22 +83,27 @@ var FieldErrors = function FieldErrors(props) {
|
|
|
84
83
|
// Custom errors take precedence over the default errors
|
|
85
84
|
|
|
86
85
|
if (errorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
86
|
+
id: props.id,
|
|
87
87
|
children: errorElement
|
|
88
88
|
}, key);
|
|
89
89
|
var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
|
|
90
90
|
// Default errors take precedence over the known errors
|
|
91
91
|
|
|
92
92
|
if (defaultErrorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
93
|
+
id: props.id,
|
|
93
94
|
children: defaultErrorElement
|
|
94
95
|
}, key); // Try to see if we know this error and render that error instead then
|
|
95
96
|
|
|
96
97
|
if (key === FieldErrors.errorTypes.MISSING) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
98
|
+
id: props.id,
|
|
97
99
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.missingRequiredField))
|
|
98
100
|
}, key);
|
|
99
101
|
if (key === FieldErrors.errorTypes.NEGATIVE) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
102
|
+
id: props.id,
|
|
100
103
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
|
|
101
104
|
}, key);
|
|
102
105
|
if (key === FieldErrors.errorTypes.FRACTIONS) return jsxRuntime.jsx(messages$1.ErrorMessage, {
|
|
106
|
+
id: props.id,
|
|
103
107
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
|
|
104
108
|
}, key); // Render nothing in case the error is not known and no custom error
|
|
105
109
|
// was returned
|
|
@@ -119,7 +123,7 @@ FieldErrors.errorTypes = {
|
|
|
119
123
|
var FieldErrors$1 = FieldErrors;
|
|
120
124
|
|
|
121
125
|
// NOTE: This string will be replaced on build time with the package version.
|
|
122
|
-
var version = "
|
|
126
|
+
var version = "13.0.4";
|
|
123
127
|
|
|
124
128
|
exports["default"] = FieldErrors$1;
|
|
125
129
|
exports.version = version;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
2
2
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
3
|
-
import _typeof from '@babel/runtime-corejs3/helpers/esm/typeof';
|
|
4
3
|
import _pt from 'prop-types';
|
|
5
4
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
6
5
|
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
@@ -35,12 +34,12 @@ var messages = defineMessages({
|
|
|
35
34
|
}
|
|
36
35
|
});
|
|
37
36
|
|
|
38
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
37
|
+
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; }
|
|
39
38
|
|
|
40
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
39
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
41
40
|
|
|
42
41
|
var isObject = function isObject(obj) {
|
|
43
|
-
return
|
|
42
|
+
return typeof obj === 'object';
|
|
44
43
|
};
|
|
45
44
|
|
|
46
45
|
var FieldErrors = function FieldErrors(props) {
|
|
@@ -67,22 +66,27 @@ var FieldErrors = function FieldErrors(props) {
|
|
|
67
66
|
// Custom errors take precedence over the default errors
|
|
68
67
|
|
|
69
68
|
if (errorElement) return jsx(ErrorMessage, {
|
|
69
|
+
id: props.id,
|
|
70
70
|
children: errorElement
|
|
71
71
|
}, key);
|
|
72
72
|
var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
|
|
73
73
|
// Default errors take precedence over the known errors
|
|
74
74
|
|
|
75
75
|
if (defaultErrorElement) return jsx(ErrorMessage, {
|
|
76
|
+
id: props.id,
|
|
76
77
|
children: defaultErrorElement
|
|
77
78
|
}, key); // Try to see if we know this error and render that error instead then
|
|
78
79
|
|
|
79
80
|
if (key === FieldErrors.errorTypes.MISSING) return jsx(ErrorMessage, {
|
|
81
|
+
id: props.id,
|
|
80
82
|
children: jsx(FormattedMessage, _objectSpread({}, messages.missingRequiredField))
|
|
81
83
|
}, key);
|
|
82
84
|
if (key === FieldErrors.errorTypes.NEGATIVE) return jsx(ErrorMessage, {
|
|
85
|
+
id: props.id,
|
|
83
86
|
children: jsx(FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
|
|
84
87
|
}, key);
|
|
85
88
|
if (key === FieldErrors.errorTypes.FRACTIONS) return jsx(ErrorMessage, {
|
|
89
|
+
id: props.id,
|
|
86
90
|
children: jsx(FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
|
|
87
91
|
}, key); // Render nothing in case the error is not known and no custom error
|
|
88
92
|
// was returned
|
|
@@ -93,6 +97,7 @@ var FieldErrors = function FieldErrors(props) {
|
|
|
93
97
|
};
|
|
94
98
|
|
|
95
99
|
FieldErrors.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
100
|
+
id: _pt.string,
|
|
96
101
|
errors: _pt.objectOf(_pt.bool),
|
|
97
102
|
isVisible: _pt.bool,
|
|
98
103
|
renderError: _pt.func,
|
|
@@ -107,6 +112,6 @@ FieldErrors.errorTypes = {
|
|
|
107
112
|
var FieldErrors$1 = FieldErrors;
|
|
108
113
|
|
|
109
114
|
// NOTE: This string will be replaced on build time with the package version.
|
|
110
|
-
var version = "
|
|
115
|
+
var version = "13.0.4";
|
|
111
116
|
|
|
112
117
|
export { FieldErrors$1 as default, version };
|
|
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
declare type TErrorRenderer = (key: string, error?: boolean) => ReactNode;
|
|
3
3
|
export declare type TFieldErrors = Record<string, boolean>;
|
|
4
4
|
export declare type TFieldErrorsProps = {
|
|
5
|
+
id?: string;
|
|
5
6
|
errors?: TFieldErrors;
|
|
6
7
|
isVisible?: boolean;
|
|
7
8
|
renderError?: TErrorRenderer;
|
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": "
|
|
4
|
+
"version": "13.0.4",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -19,16 +19,16 @@
|
|
|
19
19
|
"module": "dist/commercetools-uikit-field-errors.esm.js",
|
|
20
20
|
"files": ["dist"],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@babel/runtime": "7.
|
|
23
|
-
"@babel/runtime-corejs3": "7.
|
|
24
|
-
"@commercetools-uikit/messages": "
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/messages": "13.0.4",
|
|
25
25
|
"@emotion/react": "^11.4.0",
|
|
26
26
|
"@emotion/styled": "^11.3.0",
|
|
27
|
-
"prop-types": "15.
|
|
27
|
+
"prop-types": "15.8.1"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"react": "17.0.2",
|
|
31
|
-
"react-intl": "5.
|
|
31
|
+
"react-intl": "^5.24.6"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "17.x",
|