@sproutsocial/seeds-react-modal 2.0.2 → 2.1.1
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/.turbo/turbo-build.log +12 -12
- package/CHANGELOG.md +16 -0
- package/package.json +7 -7
- package/src/Modal.tsx +19 -1
- package/src/ModalTypes.ts +16 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -8,26 +8,26 @@ $ tsup --dts
|
|
|
8
8
|
[34mCLI[39m Cleaning output folder
|
|
9
9
|
[34mCJS[39m Build start
|
|
10
10
|
[34mESM[39m Build start
|
|
11
|
-
[32mCJS[39m [1mdist/index.js [22m[32m58.46 KB[39m
|
|
12
|
-
[32mCJS[39m [1mdist/v1/index.js [22m[32m9.86 KB[39m
|
|
13
|
-
[32mCJS[39m [1mdist/v2/index.js [22m[32m50.48 KB[39m
|
|
14
|
-
[32mCJS[39m [1mdist/index.js.map [22m[32m201.74 KB[39m
|
|
15
|
-
[32mCJS[39m [1mdist/v1/index.js.map [22m[32m13.03 KB[39m
|
|
16
|
-
[32mCJS[39m [1mdist/v2/index.js.map [22m[32m188.43 KB[39m
|
|
17
|
-
[32mCJS[39m ⚡️ Build success in 478ms
|
|
18
|
-
[32mESM[39m [1mdist/esm/index.js [22m[32m583.00 B[39m
|
|
19
11
|
[32mESM[39m [1mdist/esm/v1/index.js [22m[32m165.00 B[39m
|
|
12
|
+
[32mESM[39m [1mdist/esm/index.js [22m[32m583.00 B[39m
|
|
20
13
|
[32mESM[39m [1mdist/esm/v2/index.js [22m[32m596.00 B[39m
|
|
21
14
|
[32mESM[39m [1mdist/esm/chunk-IYDY4OPB.js [22m[32m7.12 KB[39m
|
|
22
15
|
[32mESM[39m [1mdist/esm/chunk-ETVICNHP.js [22m[32m45.64 KB[39m
|
|
23
|
-
[32mESM[39m [1mdist/esm/index.js.map [22m[32m1.05 KB[39m
|
|
24
16
|
[32mESM[39m [1mdist/esm/v1/index.js.map [22m[32m71.00 B[39m
|
|
17
|
+
[32mESM[39m [1mdist/esm/index.js.map [22m[32m1.05 KB[39m
|
|
25
18
|
[32mESM[39m [1mdist/esm/v2/index.js.map [22m[32m71.00 B[39m
|
|
26
19
|
[32mESM[39m [1mdist/esm/chunk-IYDY4OPB.js.map [22m[32m12.85 KB[39m
|
|
27
20
|
[32mESM[39m [1mdist/esm/chunk-ETVICNHP.js.map [22m[32m187.52 KB[39m
|
|
28
|
-
[32mESM[39m ⚡️ Build success in
|
|
21
|
+
[32mESM[39m ⚡️ Build success in 307ms
|
|
22
|
+
[32mCJS[39m [1mdist/v1/index.js [22m[32m9.86 KB[39m
|
|
23
|
+
[32mCJS[39m [1mdist/v2/index.js [22m[32m50.48 KB[39m
|
|
24
|
+
[32mCJS[39m [1mdist/index.js [22m[32m58.46 KB[39m
|
|
25
|
+
[32mCJS[39m [1mdist/v1/index.js.map [22m[32m13.03 KB[39m
|
|
26
|
+
[32mCJS[39m [1mdist/v2/index.js.map [22m[32m188.43 KB[39m
|
|
27
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m201.74 KB[39m
|
|
28
|
+
[32mCJS[39m ⚡️ Build success in 322ms
|
|
29
29
|
[34mDTS[39m Build start
|
|
30
|
-
[32mDTS[39m ⚡️ Build success in
|
|
30
|
+
[32mDTS[39m ⚡️ Build success in 12362ms
|
|
31
31
|
[32mDTS[39m [1mdist/index.d.ts [22m[32m975.00 B[39m
|
|
32
32
|
[32mDTS[39m [1mdist/v1/index.d.ts [22m[32m413.00 B[39m
|
|
33
33
|
[32mDTS[39m [1mdist/v2/index.d.ts [22m[32m1021.00 B[39m
|
|
@@ -38,4 +38,4 @@ $ tsup --dts
|
|
|
38
38
|
[32mDTS[39m [1mdist/v2/index.d.mts [22m[32m1022.00 B[39m
|
|
39
39
|
[32mDTS[39m [1mdist/Modal-ki8oiGbC.d.mts [22m[32m2.52 KB[39m
|
|
40
40
|
[32mDTS[39m [1mdist/ModalAction-BB7qJtQj.d.mts [22m[32m17.39 KB[39m
|
|
41
|
-
Done in
|
|
41
|
+
Done in 15.36s.
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @sproutsocial/seeds-react-modal
|
|
2
2
|
|
|
3
|
+
## 2.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [8f6ba8d]
|
|
8
|
+
- @sproutsocial/seeds-react-theme@3.2.0
|
|
9
|
+
- @sproutsocial/seeds-react-box@1.1.6
|
|
10
|
+
- @sproutsocial/seeds-react-icon@1.1.8
|
|
11
|
+
- @sproutsocial/seeds-react-button@1.3.4
|
|
12
|
+
|
|
13
|
+
## 2.1.0
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- 1814969: Added deprecation notices to Modal V1 components and types. Modal V1 (`Modal`, `Modal.Header`, `Modal.Footer`, `Modal.Content`, `Modal.CloseButton`) and all related types are now marked as deprecated. Developers should migrate to Modal V2, which is available via `@sproutsocial/racine/modal/v2`. See the migration guide at https://seeds.sproutsocial.com/components/modal/usage for details.
|
|
18
|
+
|
|
3
19
|
## 2.0.2
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sproutsocial/seeds-react-modal",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"description": "Seeds React Modal",
|
|
5
5
|
"author": "Sprout Social, Inc.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@radix-ui/react-dialog": "^1.1.14",
|
|
39
|
-
"@sproutsocial/seeds-react-box": "^1.1.
|
|
40
|
-
"@sproutsocial/seeds-react-button": "^1.3.
|
|
41
|
-
"@sproutsocial/seeds-react-icon": "^1.1.
|
|
39
|
+
"@sproutsocial/seeds-react-box": "^1.1.6",
|
|
40
|
+
"@sproutsocial/seeds-react-button": "^1.3.4",
|
|
41
|
+
"@sproutsocial/seeds-react-icon": "^1.1.8",
|
|
42
42
|
"@sproutsocial/seeds-react-system-props": "^3.0.1",
|
|
43
43
|
"@sproutsocial/seeds-react-text": "^1.3.2",
|
|
44
|
-
"@sproutsocial/seeds-react-theme": "^3.
|
|
44
|
+
"@sproutsocial/seeds-react-theme": "^3.2.0",
|
|
45
45
|
"motion": "^12.6.3",
|
|
46
46
|
"react-dnd": "^16.0.1",
|
|
47
47
|
"react-dnd-html5-backend": "^16.0.1",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@sproutsocial/eslint-config-seeds": "*",
|
|
53
|
-
"@sproutsocial/seeds-react-form-field": "^1.0.
|
|
54
|
-
"@sproutsocial/seeds-react-input": "^1.4.
|
|
53
|
+
"@sproutsocial/seeds-react-form-field": "^1.0.5",
|
|
54
|
+
"@sproutsocial/seeds-react-input": "^1.4.10",
|
|
55
55
|
"@sproutsocial/seeds-react-testing-library": "*",
|
|
56
56
|
"@sproutsocial/seeds-testing": "*",
|
|
57
57
|
"@sproutsocial/seeds-tsconfig": "*",
|
package/src/Modal.tsx
CHANGED
|
@@ -21,6 +21,10 @@ type TypeModalContext = Partial<{
|
|
|
21
21
|
|
|
22
22
|
const ModalContext = React.createContext<TypeModalContext>({});
|
|
23
23
|
|
|
24
|
+
/**
|
|
25
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
26
|
+
* See migration guide: https://seeds.sproutsocial.com/components/modal/usage
|
|
27
|
+
*/
|
|
24
28
|
const ModalHeader = (props: TypeModalHeaderProps) => {
|
|
25
29
|
const { title, subtitle, children, bordered, ...rest } = props;
|
|
26
30
|
return (
|
|
@@ -50,6 +54,10 @@ const ModalHeader = (props: TypeModalHeaderProps) => {
|
|
|
50
54
|
);
|
|
51
55
|
};
|
|
52
56
|
|
|
57
|
+
/**
|
|
58
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
59
|
+
* See migration guide: https://seeds.sproutsocial.com/components/modal/usage
|
|
60
|
+
*/
|
|
53
61
|
const ModalCloseButton = (props: TypeModalCloseButtonProps) => {
|
|
54
62
|
const { onClose, closeButtonLabel } = useContext(ModalContext);
|
|
55
63
|
if (!onClose) return null;
|
|
@@ -60,6 +68,10 @@ const ModalCloseButton = (props: TypeModalCloseButtonProps) => {
|
|
|
60
68
|
);
|
|
61
69
|
};
|
|
62
70
|
|
|
71
|
+
/**
|
|
72
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
73
|
+
* See migration guide: https://seeds.sproutsocial.com/components/modal/usage
|
|
74
|
+
*/
|
|
63
75
|
const ModalFooter = ({
|
|
64
76
|
bg = "container.background.base",
|
|
65
77
|
...rest
|
|
@@ -72,6 +84,10 @@ const ModalFooter = ({
|
|
|
72
84
|
/>
|
|
73
85
|
);
|
|
74
86
|
|
|
87
|
+
/**
|
|
88
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
89
|
+
* See migration guide: https://seeds.sproutsocial.com/components/modal/usage
|
|
90
|
+
*/
|
|
75
91
|
const ModalContent = React.forwardRef(
|
|
76
92
|
({ children, ...rest }: TypeModalContentProps, ref) => {
|
|
77
93
|
const { label } = useContext(ModalContext);
|
|
@@ -84,7 +100,9 @@ const ModalContent = React.forwardRef(
|
|
|
84
100
|
);
|
|
85
101
|
|
|
86
102
|
/**
|
|
87
|
-
*
|
|
103
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
104
|
+
* Modal V2 provides improved accessibility, better TypeScript support, and modern React patterns.
|
|
105
|
+
* See migration guide: https://seeds.sproutsocial.com/components/modal/usage
|
|
88
106
|
*/
|
|
89
107
|
const Modal = (props: TypeModalProps) => {
|
|
90
108
|
const {
|
package/src/ModalTypes.ts
CHANGED
|
@@ -6,11 +6,17 @@ import type {
|
|
|
6
6
|
} from "@sproutsocial/seeds-react-box";
|
|
7
7
|
import type { TypeButtonProps } from "@sproutsocial/seeds-react-button";
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
11
|
+
*/
|
|
9
12
|
export interface TypeModalCloseButtonProps
|
|
10
13
|
extends Omit<TypeButtonProps, "children"> {
|
|
11
14
|
children?: void | null;
|
|
12
15
|
}
|
|
13
16
|
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
19
|
+
*/
|
|
14
20
|
export interface TypeModalHeaderProps extends TypeBoxProps {
|
|
15
21
|
title?: string;
|
|
16
22
|
subtitle?: string;
|
|
@@ -22,15 +28,25 @@ export interface TypeModalHeaderProps extends TypeBoxProps {
|
|
|
22
28
|
bordered?: boolean;
|
|
23
29
|
}
|
|
24
30
|
|
|
31
|
+
/**
|
|
32
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
33
|
+
*/
|
|
25
34
|
export interface TypeModalFooterProps extends TypeBoxProps {
|
|
26
35
|
bg?: string;
|
|
27
36
|
children: React.ReactNode;
|
|
28
37
|
}
|
|
29
38
|
|
|
39
|
+
/**
|
|
40
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
41
|
+
*/
|
|
30
42
|
export interface TypeModalContentProps extends TypeBoxProps {
|
|
31
43
|
children?: React.ReactNode;
|
|
32
44
|
}
|
|
33
45
|
|
|
46
|
+
/**
|
|
47
|
+
* @deprecated Modal V1 is deprecated. Use Modal V2 from `@sproutsocial/racine/modal/v2` instead.
|
|
48
|
+
* Modal V2 provides improved accessibility, better TypeScript support, and modern React patterns.
|
|
49
|
+
*/
|
|
34
50
|
export interface TypeModalProps
|
|
35
51
|
extends TypeContainerProps,
|
|
36
52
|
// @ts-notes - onClose is an alias for onRequestClose so we don't need to include it here
|