@availity/change-password 4.0.5 → 4.0.7

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/CHANGELOG.md +14 -0
  2. package/dist/index.js +3 -3
  3. package/package.json +2 -2
  4. package/src/ChangePasswordForm.jsx +34 -36
package/CHANGELOG.md CHANGED
@@ -2,6 +2,20 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [4.0.7](https://github.com/Availity/availity-react/compare/@availity/change-password@4.0.6...@availity/change-password@4.0.7) (2026-09-17)
6
+
7
+ ### Dependency Updates
8
+
9
+ * `@availity/form` updated to version `4.0.6`
10
+
11
+
12
+ ## [4.0.6](https://github.com/Availity/availity-react/compare/@availity/change-password@4.0.5...@availity/change-password@4.0.6) (2026-09-16)
13
+
14
+ ### Dependency Updates
15
+
16
+ * `@availity/form` updated to version `4.0.5`
17
+
18
+
5
19
  ## [4.0.5](https://github.com/Availity/availity-react/compare/@availity/change-password@4.0.4...@availity/change-password@4.0.5) (2026-09-15)
6
20
 
7
21
  ### Dependency Updates
package/dist/index.js CHANGED
@@ -2384,7 +2384,7 @@ var ChangePasswordForm = ({
2384
2384
  setCurrentPasswordVisible(!currentPasswordVisible);
2385
2385
  },
2386
2386
  onKeyDown: (e) => {
2387
- if (e.keyCode === 13 || e.keyCode === 32) {
2387
+ if (e.key === "Enter" || e.key === " ") {
2388
2388
  setCurrentPasswordVisible(!currentPasswordVisible);
2389
2389
  }
2390
2390
  },
@@ -2422,7 +2422,7 @@ var ChangePasswordForm = ({
2422
2422
  setNewPasswordVisible(!newPasswordVisible);
2423
2423
  },
2424
2424
  onKeyDown: (e) => {
2425
- if (e.keyCode === 13 || e.keyCode === 32) {
2425
+ if (e.key === "Enter" || e.key === " ") {
2426
2426
  setNewPasswordVisible(!newPasswordVisible);
2427
2427
  }
2428
2428
  },
@@ -2460,7 +2460,7 @@ var ChangePasswordForm = ({
2460
2460
  setConfirmNewPasswordVisible(!confirmNewPasswordVisible);
2461
2461
  },
2462
2462
  onKeyDown: (e) => {
2463
- if (e.keyCode === 13 || e.keyCode === 32) {
2463
+ if (e.key === "Enter" || e.key === " ") {
2464
2464
  setConfirmNewPasswordVisible(!confirmNewPasswordVisible);
2465
2465
  }
2466
2466
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@availity/change-password",
3
- "version": "4.0.5",
3
+ "version": "4.0.7",
4
4
  "description": "Easy to use change-password components",
5
5
  "keywords": [
6
6
  "react",
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@availity/block-ui": "^2.0.1",
31
- "@availity/form": "2.0.5",
31
+ "@availity/form": "2.0.7",
32
32
  "@availity/icon": "1.0.1",
33
33
  "classnames": "^2.5.1",
34
34
  "dayjs": "^1.11.23",
package/src/ChangePasswordForm.jsx CHANGED
@@ -90,41 +90,39 @@ const ChangePasswordForm = ({
90
90
  {success}
91
91
  </Alert>
92
92
 
93
- {
94
- showCurrentPassword ? (
95
- <div className="password-with-icon">
96
- <Field
97
- name="currentPassword"
98
- data-testid="current-password-input"
99
- label="Current Password"
100
- maxLength={maxLength}
101
- placeholder="Input your current password"
102
- type={currentPasswordVisible ? 'text' : 'password'}
103
- {...currentPasswordProps}
104
- />
105
- <Icon
106
- name={`eye${currentPasswordVisible ? '' : '-off'}`}
107
- data-testid="current-password-icon"
108
- id="current-password-eye"
109
- role="button"
110
- label="password-visibility"
111
- onMouseDown={(e) => {
112
- currentPasswordIconRef?.current?.focus();
113
- e.preventDefault();
93
+ {showCurrentPassword ? (
94
+ <div className="password-with-icon">
95
+ <Field
96
+ name="currentPassword"
97
+ data-testid="current-password-input"
98
+ label="Current Password"
99
+ maxLength={maxLength}
100
+ placeholder="Input your current password"
101
+ type={currentPasswordVisible ? 'text' : 'password'}
102
+ {...currentPasswordProps}
103
+ />
104
+ <Icon
105
+ name={`eye${currentPasswordVisible ? '' : '-off'}`}
106
+ data-testid="current-password-icon"
107
+ id="current-password-eye"
108
+ role="button"
109
+ label="password-visibility"
110
+ onMouseDown={(e) => {
111
+ currentPasswordIconRef?.current?.focus();
112
+ e.preventDefault();
113
+ setCurrentPasswordVisible(!currentPasswordVisible);
114
+ }}
115
+ onKeyDown={(e) => {
116
+ if (e.key === 'Enter' || e.key === ' ') {
114
117
  setCurrentPasswordVisible(!currentPasswordVisible);
115
- }}
116
- onKeyDown={(e) => {
117
- if (e.keyCode === 13 || e.keyCode === 32) {
118
- setCurrentPasswordVisible(!currentPasswordVisible);
119
- }
120
- }}
121
- tabIndex={0}
122
- aria-label={currentPasswordVisible ? 'Hide Password' : 'Show Password'}
123
- ref={currentPasswordIconRef}
124
- />
125
- </div>
126
- ) : null
127
- }
118
+ }
119
+ }}
120
+ tabIndex={0}
121
+ aria-label={currentPasswordVisible ? 'Hide Password' : 'Show Password'}
122
+ ref={currentPasswordIconRef}
123
+ />
124
+ </div>
125
+ ) : null}
128
126
 
129
127
  <div className="password-with-icon">
130
128
  <Field
@@ -149,7 +147,7 @@ const ChangePasswordForm = ({
149
147
  setNewPasswordVisible(!newPasswordVisible);
150
148
  }}
151
149
  onKeyDown={(e) => {
152
- if (e.keyCode === 13 || e.keyCode === 32) {
150
+ if (e.key === 'Enter' || e.key === ' ') {
153
151
  setNewPasswordVisible(!newPasswordVisible);
154
152
  }
155
153
  }}
@@ -182,7 +180,7 @@ const ChangePasswordForm = ({
182
180
  setConfirmNewPasswordVisible(!confirmNewPasswordVisible);
183
181
  }}
184
182
  onKeyDown={(e) => {
185
- if (e.keyCode === 13 || e.keyCode === 32) {
183
+ if (e.key === 'Enter' || e.key === ' ') {
186
184
  setConfirmNewPasswordVisible(!confirmNewPasswordVisible);
187
185
  }
188
186
  }}