@commercetools-uikit/password-field 15.15.0 → 16.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.
- package/dist/commercetools-uikit-password-field.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-password-field.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-password-field.cjs.dev.js +13 -13
- package/dist/commercetools-uikit-password-field.cjs.prod.js +13 -13
- package/dist/commercetools-uikit-password-field.esm.js +13 -13
- package/package.json +14 -14
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-password-field.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -66,29 +66,29 @@ var messages = reactIntl.defineMessages({
|
|
|
66
66
|
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; }
|
|
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
|
-
|
|
70
|
-
|
|
69
|
+
const sequentialId = utils.createSequentialId('password-field-');
|
|
70
|
+
const sequentialErrorsId = utils.createSequentialId('password-field-error-')();
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
const hasErrors = errors => {
|
|
73
73
|
var _context;
|
|
74
74
|
|
|
75
75
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
-
|
|
78
|
+
const defaultProps = {
|
|
79
79
|
horizontalConstraint: 'scale'
|
|
80
80
|
};
|
|
81
81
|
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
const PasswordField = props => {
|
|
83
|
+
const intl = reactIntl.useIntl();
|
|
84
84
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
85
|
+
const _useToggleState = hooks.useToggleState(false),
|
|
86
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
87
|
+
isPasswordVisible = _useToggleState2[0],
|
|
88
|
+
togglePasswordVisibility = _useToggleState2[1];
|
|
89
89
|
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
const id = hooks.useFieldId(props.id, sequentialId);
|
|
91
|
+
const hasError = props.touched && hasErrors(props.errors);
|
|
92
92
|
|
|
93
93
|
if (!props.isReadOnly) {
|
|
94
94
|
process.env.NODE_ENV !== "production" ? utils.warning(Boolean(props.onChange), 'PasswordField: `onChange` is required when field is not read only.') : void 0;
|
|
@@ -188,7 +188,7 @@ PasswordField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
188
188
|
var PasswordField$1 = PasswordField;
|
|
189
189
|
|
|
190
190
|
// NOTE: This string will be replaced on build time with the package version.
|
|
191
|
-
var version = "
|
|
191
|
+
var version = "16.0.0";
|
|
192
192
|
|
|
193
193
|
exports["default"] = PasswordField$1;
|
|
194
194
|
exports.version = version;
|
|
@@ -65,29 +65,29 @@ var messages = reactIntl.defineMessages({
|
|
|
65
65
|
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; }
|
|
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
|
-
|
|
69
|
-
|
|
68
|
+
const sequentialId = utils.createSequentialId('password-field-');
|
|
69
|
+
const sequentialErrorsId = utils.createSequentialId('password-field-error-')();
|
|
70
70
|
|
|
71
|
-
|
|
71
|
+
const hasErrors = errors => {
|
|
72
72
|
var _context;
|
|
73
73
|
|
|
74
74
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
75
75
|
};
|
|
76
76
|
|
|
77
|
-
|
|
77
|
+
const defaultProps = {
|
|
78
78
|
horizontalConstraint: 'scale'
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
const PasswordField = props => {
|
|
82
|
+
const intl = reactIntl.useIntl();
|
|
83
83
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
84
|
+
const _useToggleState = hooks.useToggleState(false),
|
|
85
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
86
|
+
isPasswordVisible = _useToggleState2[0],
|
|
87
|
+
togglePasswordVisibility = _useToggleState2[1];
|
|
88
88
|
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
const id = hooks.useFieldId(props.id, sequentialId);
|
|
90
|
+
const hasError = props.touched && hasErrors(props.errors);
|
|
91
91
|
|
|
92
92
|
if (!props.isReadOnly) ;
|
|
93
93
|
|
|
@@ -160,7 +160,7 @@ PasswordField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
160
160
|
var PasswordField$1 = PasswordField;
|
|
161
161
|
|
|
162
162
|
// NOTE: This string will be replaced on build time with the package version.
|
|
163
|
-
var version = "
|
|
163
|
+
var version = "16.0.0";
|
|
164
164
|
|
|
165
165
|
exports["default"] = PasswordField$1;
|
|
166
166
|
exports.version = version;
|
|
@@ -41,29 +41,29 @@ var messages = defineMessages({
|
|
|
41
41
|
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; }
|
|
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
|
-
|
|
45
|
-
|
|
44
|
+
const sequentialId = createSequentialId('password-field-');
|
|
45
|
+
const sequentialErrorsId = createSequentialId('password-field-error-')();
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
const hasErrors = errors => {
|
|
48
48
|
var _context;
|
|
49
49
|
|
|
50
50
|
return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
const defaultProps = {
|
|
54
54
|
horizontalConstraint: 'scale'
|
|
55
55
|
};
|
|
56
56
|
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
const PasswordField = props => {
|
|
58
|
+
const intl = useIntl();
|
|
59
59
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
60
|
+
const _useToggleState = useToggleState(false),
|
|
61
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
62
|
+
isPasswordVisible = _useToggleState2[0],
|
|
63
|
+
togglePasswordVisibility = _useToggleState2[1];
|
|
64
64
|
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
const id = useFieldId(props.id, sequentialId);
|
|
66
|
+
const hasError = props.touched && hasErrors(props.errors);
|
|
67
67
|
|
|
68
68
|
if (!props.isReadOnly) {
|
|
69
69
|
process.env.NODE_ENV !== "production" ? warning(Boolean(props.onChange), 'PasswordField: `onChange` is required when field is not read only.') : void 0;
|
|
@@ -163,6 +163,6 @@ PasswordField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
163
163
|
var PasswordField$1 = PasswordField;
|
|
164
164
|
|
|
165
165
|
// NOTE: This string will be replaced on build time with the package version.
|
|
166
|
-
var version = "
|
|
166
|
+
var version = "16.0.0";
|
|
167
167
|
|
|
168
168
|
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": "
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,27 +21,27 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "
|
|
25
|
-
"@commercetools-uikit/design-system": "
|
|
26
|
-
"@commercetools-uikit/field-errors": "
|
|
27
|
-
"@commercetools-uikit/field-label": "
|
|
28
|
-
"@commercetools-uikit/flat-button": "
|
|
29
|
-
"@commercetools-uikit/hooks": "
|
|
30
|
-
"@commercetools-uikit/icons": "
|
|
31
|
-
"@commercetools-uikit/password-input": "
|
|
32
|
-
"@commercetools-uikit/spacings-inline": "
|
|
33
|
-
"@commercetools-uikit/spacings-stack": "
|
|
34
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/constraints": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.0.0",
|
|
26
|
+
"@commercetools-uikit/field-errors": "16.0.0",
|
|
27
|
+
"@commercetools-uikit/field-label": "16.0.0",
|
|
28
|
+
"@commercetools-uikit/flat-button": "16.0.0",
|
|
29
|
+
"@commercetools-uikit/hooks": "16.0.0",
|
|
30
|
+
"@commercetools-uikit/icons": "16.0.0",
|
|
31
|
+
"@commercetools-uikit/password-input": "16.0.0",
|
|
32
|
+
"@commercetools-uikit/spacings-inline": "16.0.0",
|
|
33
|
+
"@commercetools-uikit/spacings-stack": "16.0.0",
|
|
34
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
35
35
|
"@emotion/react": "^11.10.5",
|
|
36
36
|
"@emotion/styled": "^11.10.5",
|
|
37
37
|
"prop-types": "15.8.1"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"react": "17.0.2",
|
|
41
|
-
"react-intl": "^
|
|
41
|
+
"react-intl": "^6.3.2"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": "17.x",
|
|
45
|
-
"react-intl": "
|
|
45
|
+
"react-intl": "6.x"
|
|
46
46
|
}
|
|
47
47
|
}
|