@commercetools-uikit/password-input 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
|
@@ -50,6 +50,8 @@ export default Example;
|
|
|
50
50
|
| ---------------------- | ----------------------------------------------------------------------------------------------------- | :------: | --------- | ------------------------------------------------------------------------------------------------------------------------- |
|
|
51
51
|
| `id` | `string` | | | Used as HTML id property. An id is auto-generated when it is not specified. |
|
|
52
52
|
| `name` | `string` | | | Used as HTML name of the input component. property |
|
|
53
|
+
| `aria-invalid` | `boolean` | | | Indicate if the value entered in the input is invalid. |
|
|
54
|
+
| `aria-errormessage` | `string` | | | HTML ID of an element containing an error message related to the input. |
|
|
53
55
|
| `value` | `string` | ✅ | | Value of the input component. |
|
|
54
56
|
| `placeholder` | `string` | | | Placeholder text for the input |
|
|
55
57
|
| `onChange` | `ChangeEventHandler` | | | Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value. |
|
|
@@ -34,9 +34,9 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
|
34
34
|
var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
|
|
35
35
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
36
36
|
|
|
37
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
37
|
+
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; }
|
|
38
38
|
|
|
39
|
-
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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
40
40
|
var defaultProps = {
|
|
41
41
|
horizontalConstraint: 'scale',
|
|
42
42
|
isDisabled: false,
|
|
@@ -70,7 +70,9 @@ var PasswordInput = function PasswordInput(props) {
|
|
|
70
70
|
}, utils.filterDataAttributes(props)), {}, {
|
|
71
71
|
/* ARIA */
|
|
72
72
|
"aria-readonly": props.isReadOnly,
|
|
73
|
-
contentEditable: !props.isReadOnly
|
|
73
|
+
contentEditable: !props.isReadOnly,
|
|
74
|
+
"aria-invalid": props['aria-invalid'],
|
|
75
|
+
"aria-errormessage": props['aria-errormessage']
|
|
74
76
|
}))
|
|
75
77
|
});
|
|
76
78
|
};
|
|
@@ -78,6 +80,8 @@ var PasswordInput = function PasswordInput(props) {
|
|
|
78
80
|
PasswordInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
79
81
|
id: _pt__default["default"].string,
|
|
80
82
|
name: _pt__default["default"].string,
|
|
83
|
+
'aria-invalid': _pt__default["default"].bool,
|
|
84
|
+
'aria-errormessage': _pt__default["default"].string,
|
|
81
85
|
value: _pt__default["default"].string.isRequired,
|
|
82
86
|
placeholder: _pt__default["default"].string,
|
|
83
87
|
onChange: _pt__default["default"].func,
|
|
@@ -102,7 +106,7 @@ PasswordInput.isEmpty = function (value) {
|
|
|
102
106
|
var PasswordInput$1 = PasswordInput;
|
|
103
107
|
|
|
104
108
|
// NOTE: This string will be replaced on build time with the package version.
|
|
105
|
-
var version = "
|
|
109
|
+
var version = "13.0.4";
|
|
106
110
|
|
|
107
111
|
exports["default"] = PasswordInput$1;
|
|
108
112
|
exports.version = version;
|
|
@@ -33,9 +33,9 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
33
33
|
var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
|
|
34
34
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
35
35
|
|
|
36
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
36
|
+
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; }
|
|
37
37
|
|
|
38
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
39
39
|
var defaultProps = {
|
|
40
40
|
horizontalConstraint: 'scale',
|
|
41
41
|
isDisabled: false,
|
|
@@ -67,7 +67,9 @@ var PasswordInput = function PasswordInput(props) {
|
|
|
67
67
|
}, utils.filterDataAttributes(props)), {}, {
|
|
68
68
|
/* ARIA */
|
|
69
69
|
"aria-readonly": props.isReadOnly,
|
|
70
|
-
contentEditable: !props.isReadOnly
|
|
70
|
+
contentEditable: !props.isReadOnly,
|
|
71
|
+
"aria-invalid": props['aria-invalid'],
|
|
72
|
+
"aria-errormessage": props['aria-errormessage']
|
|
71
73
|
}))
|
|
72
74
|
});
|
|
73
75
|
};
|
|
@@ -83,7 +85,7 @@ PasswordInput.isEmpty = function (value) {
|
|
|
83
85
|
var PasswordInput$1 = PasswordInput;
|
|
84
86
|
|
|
85
87
|
// NOTE: This string will be replaced on build time with the package version.
|
|
86
|
-
var version = "
|
|
88
|
+
var version = "13.0.4";
|
|
87
89
|
|
|
88
90
|
exports["default"] = PasswordInput$1;
|
|
89
91
|
exports.version = version;
|
|
@@ -16,9 +16,9 @@ import Constraints from '@commercetools-uikit/constraints';
|
|
|
16
16
|
import { getInputStyles } from '@commercetools-uikit/input-utils';
|
|
17
17
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
18
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
19
|
+
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; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
22
|
var defaultProps = {
|
|
23
23
|
horizontalConstraint: 'scale',
|
|
24
24
|
isDisabled: false,
|
|
@@ -52,7 +52,9 @@ var PasswordInput = function PasswordInput(props) {
|
|
|
52
52
|
}, filterDataAttributes(props)), {}, {
|
|
53
53
|
/* ARIA */
|
|
54
54
|
"aria-readonly": props.isReadOnly,
|
|
55
|
-
contentEditable: !props.isReadOnly
|
|
55
|
+
contentEditable: !props.isReadOnly,
|
|
56
|
+
"aria-invalid": props['aria-invalid'],
|
|
57
|
+
"aria-errormessage": props['aria-errormessage']
|
|
56
58
|
}))
|
|
57
59
|
});
|
|
58
60
|
};
|
|
@@ -60,6 +62,8 @@ var PasswordInput = function PasswordInput(props) {
|
|
|
60
62
|
PasswordInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
61
63
|
id: _pt.string,
|
|
62
64
|
name: _pt.string,
|
|
65
|
+
'aria-invalid': _pt.bool,
|
|
66
|
+
'aria-errormessage': _pt.string,
|
|
63
67
|
value: _pt.string.isRequired,
|
|
64
68
|
placeholder: _pt.string,
|
|
65
69
|
onChange: _pt.func,
|
|
@@ -84,6 +88,6 @@ PasswordInput.isEmpty = function (value) {
|
|
|
84
88
|
var PasswordInput$1 = PasswordInput;
|
|
85
89
|
|
|
86
90
|
// NOTE: This string will be replaced on build time with the package version.
|
|
87
|
-
var version = "
|
|
91
|
+
var version = "13.0.4";
|
|
88
92
|
|
|
89
93
|
export { PasswordInput$1 as default, version };
|
|
@@ -2,6 +2,8 @@ import { ChangeEventHandler, FocusEventHandler } from 'react';
|
|
|
2
2
|
export declare type TPasswordInputProps = {
|
|
3
3
|
id?: string;
|
|
4
4
|
name?: string;
|
|
5
|
+
'aria-invalid'?: boolean;
|
|
6
|
+
'aria-errormessage'?: string;
|
|
5
7
|
value: string;
|
|
6
8
|
placeholder?: string;
|
|
7
9
|
onChange?: ChangeEventHandler;
|
|
@@ -19,7 +21,7 @@ export declare type TPasswordInputProps = {
|
|
|
19
21
|
declare const PasswordInput: {
|
|
20
22
|
(props: TPasswordInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
23
|
displayName: string;
|
|
22
|
-
defaultProps: Pick<TPasswordInputProps, "isDisabled" | "
|
|
24
|
+
defaultProps: Pick<TPasswordInputProps, "isDisabled" | "horizontalConstraint" | "isReadOnly" | "isPasswordVisible">;
|
|
23
25
|
isEmpty(value: TPasswordInputProps['value']): boolean;
|
|
24
26
|
};
|
|
25
27
|
export default PasswordInput;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/password-input",
|
|
3
3
|
"description": "A controlled password input component.",
|
|
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,15 @@
|
|
|
19
19
|
"module": "dist/commercetools-uikit-password-input.esm.js",
|
|
20
20
|
"files": ["dist"],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@babel/runtime": "7.
|
|
23
|
-
"@babel/runtime-corejs3": "7.
|
|
24
|
-
"@commercetools-uikit/constraints": "
|
|
25
|
-
"@commercetools-uikit/design-system": "
|
|
26
|
-
"@commercetools-uikit/input-utils": "
|
|
27
|
-
"@commercetools-uikit/utils": "
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/constraints": "13.0.2",
|
|
25
|
+
"@commercetools-uikit/design-system": "13.0.0",
|
|
26
|
+
"@commercetools-uikit/input-utils": "13.0.4",
|
|
27
|
+
"@commercetools-uikit/utils": "13.0.2",
|
|
28
28
|
"@emotion/react": "^11.4.0",
|
|
29
29
|
"@emotion/styled": "^11.3.0",
|
|
30
|
-
"prop-types": "15.
|
|
31
|
-
"react-required-if": "1.0.3"
|
|
30
|
+
"prop-types": "15.8.1"
|
|
32
31
|
},
|
|
33
32
|
"devDependencies": {
|
|
34
33
|
"react": "17.0.2"
|