@availity/phone 3.0.4 → 3.0.6
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/CHANGELOG.md +19 -0
- package/package.json +3 -3
- package/tests/Phone.test.jsx +31 -19
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [3.0.6](https://github.com/Availity/availity-react/compare/@availity/phone@3.0.5...@availity/phone@3.0.6) (2026-09-16)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `@availity/form` updated to version `3.0.5`
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
## [3.0.5](https://github.com/Availity/availity-react/compare/@availity/phone@3.0.4...@availity/phone@3.0.5) (2026-09-15)
|
|
13
|
+
|
|
14
|
+
### Dependency Updates
|
|
15
|
+
|
|
16
|
+
* `@availity/form` updated to version `3.0.4`
|
|
17
|
+
|
|
18
|
+
### Bug Fixes
|
|
19
|
+
|
|
20
|
+
* clean up console warnings in table, date, and phone packages ([281460d](https://github.com/Availity/availity-react/commit/281460d778ecb72c28a513e662144694fa486b8b))
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
5
24
|
## [3.0.4](https://github.com/Availity/availity-react/compare/@availity/phone@3.0.3...@availity/phone@3.0.4) (2026-09-14)
|
|
6
25
|
|
|
7
26
|
### Dependency Updates
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/phone",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.6",
|
|
4
4
|
"description": "Availity Phone component using Formik and Yup",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"availity",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"prop-types": "^15.8.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@availity/form": "2.0.
|
|
34
|
+
"@availity/form": "2.0.6",
|
|
35
35
|
"formik": "^2.4.9",
|
|
36
36
|
"react": "^18.3.1",
|
|
37
37
|
"react-dom": "^18.3.1",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"yup": "^0.32.11"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@availity/form": "2.0.
|
|
43
|
+
"@availity/form": "2.0.6",
|
|
44
44
|
"formik": "^2.4.6",
|
|
45
45
|
"react": "^18.0.0",
|
|
46
46
|
"reactstrap": "^8.10.1",
|
package/tests/Phone.test.jsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import * as yup from 'yup';
|
|
3
3
|
import '../src/validatePhone';
|
|
4
|
-
import { render, fireEvent, waitFor, cleanup } from '@testing-library/react';
|
|
4
|
+
import { render, fireEvent, waitFor, cleanup, act } from '@testing-library/react';
|
|
5
5
|
import { Form } from '@availity/form';
|
|
6
6
|
import { Phone } from '../index.js';
|
|
7
7
|
|
|
@@ -66,15 +66,19 @@ describe('Phone', () => {
|
|
|
66
66
|
const testPhoneInput = getByDisplayValue('201');
|
|
67
67
|
|
|
68
68
|
// Set value
|
|
69
|
-
await
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
69
|
+
await act(async () => {
|
|
70
|
+
fireEvent.change(testPhoneInput, {
|
|
71
|
+
target: {
|
|
72
|
+
name: 'test_phone',
|
|
73
|
+
value: '2015550123',
|
|
74
|
+
},
|
|
75
|
+
});
|
|
74
76
|
});
|
|
75
77
|
|
|
76
78
|
// Formatter runs onBlur for screen reader friendliness
|
|
77
|
-
await
|
|
79
|
+
await act(async () => {
|
|
80
|
+
fireEvent.blur(testPhoneInput);
|
|
81
|
+
});
|
|
78
82
|
|
|
79
83
|
await expect(getByDisplayValue('(201) 555-0123')).toBeDefined();
|
|
80
84
|
});
|
|
@@ -83,14 +87,18 @@ describe('Phone', () => {
|
|
|
83
87
|
const { getByDisplayValue } = renderPhone(phoneProps);
|
|
84
88
|
const testPhoneInput = getByDisplayValue('201');
|
|
85
89
|
|
|
86
|
-
await
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
90
|
+
await act(async () => {
|
|
91
|
+
fireEvent.change(testPhoneInput, {
|
|
92
|
+
target: {
|
|
93
|
+
name: 'test_phone',
|
|
94
|
+
value: '20155501',
|
|
95
|
+
},
|
|
96
|
+
});
|
|
91
97
|
});
|
|
92
98
|
|
|
93
|
-
await
|
|
99
|
+
await act(async () => {
|
|
100
|
+
fireEvent.blur(testPhoneInput);
|
|
101
|
+
});
|
|
94
102
|
|
|
95
103
|
await expect(getByDisplayValue('(201) 555-01')).toBeDefined();
|
|
96
104
|
});
|
|
@@ -99,14 +107,18 @@ describe('Phone', () => {
|
|
|
99
107
|
const { getByDisplayValue } = renderPhone(phoneProps);
|
|
100
108
|
const testPhoneInput = getByDisplayValue('201');
|
|
101
109
|
|
|
102
|
-
await
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
110
|
+
await act(async () => {
|
|
111
|
+
fireEvent.change(testPhoneInput, {
|
|
112
|
+
target: {
|
|
113
|
+
name: 'test_phone',
|
|
114
|
+
value: '22233344445',
|
|
115
|
+
},
|
|
116
|
+
});
|
|
107
117
|
});
|
|
108
118
|
|
|
109
|
-
await
|
|
119
|
+
await act(async () => {
|
|
120
|
+
fireEvent.blur(testPhoneInput);
|
|
121
|
+
});
|
|
110
122
|
|
|
111
123
|
await expect(getByDisplayValue('22233344445')).toBeDefined();
|
|
112
124
|
});
|