@commercetools-uikit/password-field 13.0.1 → 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 (4) hide show
  1. package/dist/commercetools-uikit-password-field.cjs.dev.js +9 -3
  2. package/dist/commercetools-uikit-password-field.cjs.prod.js +9 -3
  3. package/dist/commercetools-uikit-password-field.esm.js +9 -3
  4. package/package.json +17 -18
package/dist/commercetools-uikit-password-field.cjs.dev.js CHANGED
@@ -67,6 +67,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
67
67
 
68
68
  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; }
69
69
  var sequentialId = utils.createSequentialId('password-field-');
70
+ var sequentialErrorsId = utils.createSequentialId('password-field-error-')();
70
71
 
71
72
  var hasErrors = function hasErrors(errors) {
72
73
  var _context;
@@ -119,7 +120,7 @@ var PasswordField = function PasswordField(props) {
119
120
  onClick: togglePasswordVisibility,
120
121
  isDisabled: !props.value
121
122
  })]
122
- }), jsxRuntime.jsx(PasswordInput__default["default"], _objectSpread({
123
+ }), jsxRuntime.jsx(PasswordInput__default["default"], _objectSpread(_objectSpread({
123
124
  id: id,
124
125
  name: props.name,
125
126
  value: props.value,
@@ -134,7 +135,12 @@ var PasswordField = function PasswordField(props) {
134
135
  placeholder: props.placeholder,
135
136
  autoComplete: props.autoComplete,
136
137
  horizontalConstraint: "scale"
137
- }, utils.filterDataAttributes(props))), jsxRuntime.jsx(FieldErrors__default["default"], {
138
+ }, utils.filterDataAttributes(props)), {}, {
139
+ /* ARIA */
140
+ "aria-invalid": hasError,
141
+ "aria-errormessage": sequentialErrorsId
142
+ })), jsxRuntime.jsx(FieldErrors__default["default"], {
143
+ id: sequentialErrorsId,
138
144
  errors: props.errors,
139
145
  isVisible: hasError,
140
146
  renderError: props.renderError
@@ -172,7 +178,7 @@ PasswordField.defaultProps = defaultProps;
172
178
  var PasswordField$1 = PasswordField;
173
179
 
174
180
  // NOTE: This string will be replaced on build time with the package version.
175
- var version = "13.0.1";
181
+ var version = "14.0.0";
176
182
 
177
183
  exports["default"] = PasswordField$1;
178
184
  exports.version = version;
package/dist/commercetools-uikit-password-field.cjs.prod.js CHANGED
@@ -66,6 +66,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
66
66
 
67
67
  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; }
68
68
  var sequentialId = utils.createSequentialId('password-field-');
69
+ var sequentialErrorsId = utils.createSequentialId('password-field-error-')();
69
70
 
70
71
  var hasErrors = function hasErrors(errors) {
71
72
  var _context;
@@ -114,7 +115,7 @@ var PasswordField = function PasswordField(props) {
114
115
  onClick: togglePasswordVisibility,
115
116
  isDisabled: !props.value
116
117
  })]
117
- }), jsxRuntime.jsx(PasswordInput__default["default"], _objectSpread({
118
+ }), jsxRuntime.jsx(PasswordInput__default["default"], _objectSpread(_objectSpread({
118
119
  id: id,
119
120
  name: props.name,
120
121
  value: props.value,
@@ -129,7 +130,12 @@ var PasswordField = function PasswordField(props) {
129
130
  placeholder: props.placeholder,
130
131
  autoComplete: props.autoComplete,
131
132
  horizontalConstraint: "scale"
132
- }, utils.filterDataAttributes(props))), jsxRuntime.jsx(FieldErrors__default["default"], {
133
+ }, utils.filterDataAttributes(props)), {}, {
134
+ /* ARIA */
135
+ "aria-invalid": hasError,
136
+ "aria-errormessage": sequentialErrorsId
137
+ })), jsxRuntime.jsx(FieldErrors__default["default"], {
138
+ id: sequentialErrorsId,
133
139
  errors: props.errors,
134
140
  isVisible: hasError,
135
141
  renderError: props.renderError
@@ -144,7 +150,7 @@ PasswordField.defaultProps = defaultProps;
144
150
  var PasswordField$1 = PasswordField;
145
151
 
146
152
  // NOTE: This string will be replaced on build time with the package version.
147
- var version = "13.0.1";
153
+ var version = "14.0.0";
148
154
 
149
155
  exports["default"] = PasswordField$1;
150
156
  exports.version = version;
package/dist/commercetools-uikit-password-field.esm.js CHANGED
@@ -42,6 +42,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
42
42
 
43
43
  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; }
44
44
  var sequentialId = createSequentialId('password-field-');
45
+ var sequentialErrorsId = createSequentialId('password-field-error-')();
45
46
 
46
47
  var hasErrors = function hasErrors(errors) {
47
48
  var _context;
@@ -94,7 +95,7 @@ var PasswordField = function PasswordField(props) {
94
95
  onClick: togglePasswordVisibility,
95
96
  isDisabled: !props.value
96
97
  })]
97
- }), jsx(PasswordInput, _objectSpread({
98
+ }), jsx(PasswordInput, _objectSpread(_objectSpread({
98
99
  id: id,
99
100
  name: props.name,
100
101
  value: props.value,
@@ -109,7 +110,12 @@ var PasswordField = function PasswordField(props) {
109
110
  placeholder: props.placeholder,
110
111
  autoComplete: props.autoComplete,
111
112
  horizontalConstraint: "scale"
112
- }, filterDataAttributes(props))), jsx(FieldErrors, {
113
+ }, filterDataAttributes(props)), {}, {
114
+ /* ARIA */
115
+ "aria-invalid": hasError,
116
+ "aria-errormessage": sequentialErrorsId
117
+ })), jsx(FieldErrors, {
118
+ id: sequentialErrorsId,
113
119
  errors: props.errors,
114
120
  isVisible: hasError,
115
121
  renderError: props.renderError
@@ -147,6 +153,6 @@ PasswordField.defaultProps = defaultProps;
147
153
  var PasswordField$1 = PasswordField;
148
154
 
149
155
  // NOTE: This string will be replaced on build time with the package version.
150
- var version = "13.0.1";
156
+ var version = "14.0.0";
151
157
 
152
158
  export { PasswordField$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/password-field",
3
3
  "description": "A controlled text input component for passwords with validation states.",
4
- "version": "13.0.1",
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/fields/password-field"
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,27 +19,26 @@
19
19
  "module": "dist/commercetools-uikit-password-field.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/constraints": "13.0.0",
25
- "@commercetools-uikit/design-system": "13.0.0",
26
- "@commercetools-uikit/field-errors": "13.0.0",
27
- "@commercetools-uikit/field-label": "13.0.1",
28
- "@commercetools-uikit/flat-button": "13.0.0",
29
- "@commercetools-uikit/hooks": "12.2.9",
30
- "@commercetools-uikit/icons": "13.0.0",
31
- "@commercetools-uikit/password-input": "13.0.0",
32
- "@commercetools-uikit/spacings-inline": "13.0.0",
33
- "@commercetools-uikit/spacings-stack": "13.0.1",
34
- "@commercetools-uikit/utils": "12.2.9",
22
+ "@babel/runtime": "^7.17.2",
23
+ "@babel/runtime-corejs3": "^7.17.2",
24
+ "@commercetools-uikit/constraints": "14.0.0",
25
+ "@commercetools-uikit/design-system": "14.0.0",
26
+ "@commercetools-uikit/field-errors": "14.0.0",
27
+ "@commercetools-uikit/field-label": "14.0.0",
28
+ "@commercetools-uikit/flat-button": "14.0.0",
29
+ "@commercetools-uikit/hooks": "14.0.0",
30
+ "@commercetools-uikit/icons": "14.0.0",
31
+ "@commercetools-uikit/password-input": "14.0.0",
32
+ "@commercetools-uikit/spacings-inline": "14.0.0",
33
+ "@commercetools-uikit/spacings-stack": "14.0.0",
34
+ "@commercetools-uikit/utils": "14.0.0",
35
35
  "@emotion/react": "^11.4.0",
36
36
  "@emotion/styled": "^11.3.0",
37
- "prop-types": "15.8.1",
38
- "react-required-if": "1.0.3"
37
+ "prop-types": "15.8.1"
39
38
  },
40
39
  "devDependencies": {
41
40
  "react": "17.0.2",
42
- "react-intl": "5.24.6"
41
+ "react-intl": "^5.24.6"
43
42
  },
44
43
  "peerDependencies": {
45
44
  "react": "17.x",