@commercetools-uikit/field-errors 13.0.0 → 14.0.0

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 (6) hide show
  1. package/README.md +1 -0
  2. package/dist/commercetools-uikit-field-errors.cjs.dev.js +7 -1
  3. package/dist/commercetools-uikit-field-errors.cjs.prod.js +6 -1
  4. package/dist/commercetools-uikit-field-errors.esm.js +7 -1
  5. package/dist/declarations/src/field-errors.d.ts +1 -0
  6. package/package.json +6 -6
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`. |
package/dist/commercetools-uikit-field-errors.cjs.dev.js CHANGED
@@ -84,22 +84,27 @@ var FieldErrors = function FieldErrors(props) {
84
84
  // Custom errors take precedence over the default errors
85
85
 
86
86
  if (errorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
87
+ id: props.id,
87
88
  children: errorElement
88
89
  }, key);
89
90
  var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
90
91
  // Default errors take precedence over the known errors
91
92
 
92
93
  if (defaultErrorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
94
+ id: props.id,
93
95
  children: defaultErrorElement
94
96
  }, key); // Try to see if we know this error and render that error instead then
95
97
 
96
98
  if (key === FieldErrors.errorTypes.MISSING) return jsxRuntime.jsx(messages$1.ErrorMessage, {
99
+ id: props.id,
97
100
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.missingRequiredField))
98
101
  }, key);
99
102
  if (key === FieldErrors.errorTypes.NEGATIVE) return jsxRuntime.jsx(messages$1.ErrorMessage, {
103
+ id: props.id,
100
104
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
101
105
  }, key);
102
106
  if (key === FieldErrors.errorTypes.FRACTIONS) return jsxRuntime.jsx(messages$1.ErrorMessage, {
107
+ id: props.id,
103
108
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
104
109
  }, key); // Render nothing in case the error is not known and no custom error
105
110
  // was returned
@@ -110,6 +115,7 @@ var FieldErrors = function FieldErrors(props) {
110
115
  };
111
116
 
112
117
  FieldErrors.propTypes = process.env.NODE_ENV !== "production" ? {
118
+ id: _pt__default["default"].string,
113
119
  errors: _pt__default["default"].objectOf(_pt__default["default"].bool),
114
120
  isVisible: _pt__default["default"].bool,
115
121
  renderError: _pt__default["default"].func,
@@ -124,7 +130,7 @@ FieldErrors.errorTypes = {
124
130
  var FieldErrors$1 = FieldErrors;
125
131
 
126
132
  // NOTE: This string will be replaced on build time with the package version.
127
- var version = "13.0.0";
133
+ var version = "14.0.0";
128
134
 
129
135
  exports["default"] = FieldErrors$1;
130
136
  exports.version = version;
package/dist/commercetools-uikit-field-errors.cjs.prod.js CHANGED
@@ -83,22 +83,27 @@ var FieldErrors = function FieldErrors(props) {
83
83
  // Custom errors take precedence over the default errors
84
84
 
85
85
  if (errorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
86
+ id: props.id,
86
87
  children: errorElement
87
88
  }, key);
88
89
  var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
89
90
  // Default errors take precedence over the known errors
90
91
 
91
92
  if (defaultErrorElement) return jsxRuntime.jsx(messages$1.ErrorMessage, {
93
+ id: props.id,
92
94
  children: defaultErrorElement
93
95
  }, key); // Try to see if we know this error and render that error instead then
94
96
 
95
97
  if (key === FieldErrors.errorTypes.MISSING) return jsxRuntime.jsx(messages$1.ErrorMessage, {
98
+ id: props.id,
96
99
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.missingRequiredField))
97
100
  }, key);
98
101
  if (key === FieldErrors.errorTypes.NEGATIVE) return jsxRuntime.jsx(messages$1.ErrorMessage, {
102
+ id: props.id,
99
103
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
100
104
  }, key);
101
105
  if (key === FieldErrors.errorTypes.FRACTIONS) return jsxRuntime.jsx(messages$1.ErrorMessage, {
106
+ id: props.id,
102
107
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
103
108
  }, key); // Render nothing in case the error is not known and no custom error
104
109
  // was returned
@@ -118,7 +123,7 @@ FieldErrors.errorTypes = {
118
123
  var FieldErrors$1 = FieldErrors;
119
124
 
120
125
  // NOTE: This string will be replaced on build time with the package version.
121
- var version = "13.0.0";
126
+ var version = "14.0.0";
122
127
 
123
128
  exports["default"] = FieldErrors$1;
124
129
  exports.version = version;
package/dist/commercetools-uikit-field-errors.esm.js CHANGED
@@ -66,22 +66,27 @@ var FieldErrors = function FieldErrors(props) {
66
66
  // Custom errors take precedence over the default errors
67
67
 
68
68
  if (errorElement) return jsx(ErrorMessage, {
69
+ id: props.id,
69
70
  children: errorElement
70
71
  }, key);
71
72
  var defaultErrorElement = props.renderDefaultError ? props.renderDefaultError(key, error) : null; // Render a default error if one was provided.
72
73
  // Default errors take precedence over the known errors
73
74
 
74
75
  if (defaultErrorElement) return jsx(ErrorMessage, {
76
+ id: props.id,
75
77
  children: defaultErrorElement
76
78
  }, key); // Try to see if we know this error and render that error instead then
77
79
 
78
80
  if (key === FieldErrors.errorTypes.MISSING) return jsx(ErrorMessage, {
81
+ id: props.id,
79
82
  children: jsx(FormattedMessage, _objectSpread({}, messages.missingRequiredField))
80
83
  }, key);
81
84
  if (key === FieldErrors.errorTypes.NEGATIVE) return jsx(ErrorMessage, {
85
+ id: props.id,
82
86
  children: jsx(FormattedMessage, _objectSpread({}, messages.invalidNegativeNumber))
83
87
  }, key);
84
88
  if (key === FieldErrors.errorTypes.FRACTIONS) return jsx(ErrorMessage, {
89
+ id: props.id,
85
90
  children: jsx(FormattedMessage, _objectSpread({}, messages.invalidFractionalNumber))
86
91
  }, key); // Render nothing in case the error is not known and no custom error
87
92
  // was returned
@@ -92,6 +97,7 @@ var FieldErrors = function FieldErrors(props) {
92
97
  };
93
98
 
94
99
  FieldErrors.propTypes = process.env.NODE_ENV !== "production" ? {
100
+ id: _pt.string,
95
101
  errors: _pt.objectOf(_pt.bool),
96
102
  isVisible: _pt.bool,
97
103
  renderError: _pt.func,
@@ -106,6 +112,6 @@ FieldErrors.errorTypes = {
106
112
  var FieldErrors$1 = FieldErrors;
107
113
 
108
114
  // NOTE: This string will be replaced on build time with the package version.
109
- var version = "13.0.0";
115
+ var version = "14.0.0";
110
116
 
111
117
  export { FieldErrors$1 as default, version };
package/dist/declarations/src/field-errors.d.ts CHANGED
@@ -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": "13.0.0",
4
+ "version": "14.0.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -9,7 +9,7 @@
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": ["javascript", "typescript", "design-system", "react", "uikit"],
13
13
  "license": "MIT",
14
14
  "publishConfig": {
15
15
  "access": "public"
@@ -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.17.2",
23
- "@babel/runtime-corejs3": "7.17.2",
24
- "@commercetools-uikit/messages": "13.0.0",
22
+ "@babel/runtime": "^7.17.2",
23
+ "@babel/runtime-corejs3": "^7.17.2",
24
+ "@commercetools-uikit/messages": "14.0.0",
25
25
  "@emotion/react": "^11.4.0",
26
26
  "@emotion/styled": "^11.3.0",
27
27
  "prop-types": "15.8.1"
28
28
  },
29
29
  "devDependencies": {
30
30
  "react": "17.0.2",
31
- "react-intl": "5.24.6"
31
+ "react-intl": "^5.24.6"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "react": "17.x",