@seed-design/react-fieldset 0.1.0 → 1.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/lib/index.d.ts +12 -12
- package/package.json +3 -3
- package/src/useFieldset.test.tsx +2 -5
package/lib/index.d.ts
CHANGED
|
@@ -15,6 +15,9 @@ declare function useFieldset(): {
|
|
|
15
15
|
errorMessage: boolean;
|
|
16
16
|
};
|
|
17
17
|
rootProps: {
|
|
18
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
19
|
+
"aria-labelledby"?: string | undefined | undefined;
|
|
20
|
+
role?: react.AriaRole | undefined;
|
|
18
21
|
defaultChecked?: boolean | undefined | undefined;
|
|
19
22
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
20
23
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
@@ -39,7 +42,6 @@ declare function useFieldset(): {
|
|
|
39
42
|
title?: string | undefined | undefined;
|
|
40
43
|
translate?: "yes" | "no" | undefined | undefined;
|
|
41
44
|
radioGroup?: string | undefined | undefined;
|
|
42
|
-
role?: react.AriaRole | undefined;
|
|
43
45
|
about?: string | undefined | undefined;
|
|
44
46
|
content?: string | undefined | undefined;
|
|
45
47
|
datatype?: string | undefined | undefined;
|
|
@@ -83,7 +85,6 @@ declare function useFieldset(): {
|
|
|
83
85
|
"aria-colspan"?: number | undefined | undefined;
|
|
84
86
|
"aria-controls"?: string | undefined | undefined;
|
|
85
87
|
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
86
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
87
88
|
"aria-description"?: string | undefined | undefined;
|
|
88
89
|
"aria-details"?: string | undefined | undefined;
|
|
89
90
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -97,7 +98,6 @@ declare function useFieldset(): {
|
|
|
97
98
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
98
99
|
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
99
100
|
"aria-label"?: string | undefined | undefined;
|
|
100
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
101
101
|
"aria-level"?: number | undefined | undefined;
|
|
102
102
|
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
103
103
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
@@ -297,6 +297,9 @@ declare function useFieldset(): {
|
|
|
297
297
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
|
|
298
298
|
};
|
|
299
299
|
labelProps: {
|
|
300
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
301
|
+
"aria-labelledby"?: string | undefined | undefined;
|
|
302
|
+
role?: react.AriaRole | undefined;
|
|
300
303
|
defaultChecked?: boolean | undefined | undefined;
|
|
301
304
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
302
305
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
@@ -321,7 +324,6 @@ declare function useFieldset(): {
|
|
|
321
324
|
title?: string | undefined | undefined;
|
|
322
325
|
translate?: "yes" | "no" | undefined | undefined;
|
|
323
326
|
radioGroup?: string | undefined | undefined;
|
|
324
|
-
role?: react.AriaRole | undefined;
|
|
325
327
|
about?: string | undefined | undefined;
|
|
326
328
|
content?: string | undefined | undefined;
|
|
327
329
|
datatype?: string | undefined | undefined;
|
|
@@ -365,7 +367,6 @@ declare function useFieldset(): {
|
|
|
365
367
|
"aria-colspan"?: number | undefined | undefined;
|
|
366
368
|
"aria-controls"?: string | undefined | undefined;
|
|
367
369
|
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
368
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
369
370
|
"aria-description"?: string | undefined | undefined;
|
|
370
371
|
"aria-details"?: string | undefined | undefined;
|
|
371
372
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -379,7 +380,6 @@ declare function useFieldset(): {
|
|
|
379
380
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
380
381
|
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
381
382
|
"aria-label"?: string | undefined | undefined;
|
|
382
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
383
383
|
"aria-level"?: number | undefined | undefined;
|
|
384
384
|
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
385
385
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
@@ -579,6 +579,9 @@ declare function useFieldset(): {
|
|
|
579
579
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
|
|
580
580
|
};
|
|
581
581
|
descriptionProps: {
|
|
582
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
583
|
+
"aria-labelledby"?: string | undefined | undefined;
|
|
584
|
+
role?: react.AriaRole | undefined;
|
|
582
585
|
defaultChecked?: boolean | undefined | undefined;
|
|
583
586
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
584
587
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
@@ -603,7 +606,6 @@ declare function useFieldset(): {
|
|
|
603
606
|
title?: string | undefined | undefined;
|
|
604
607
|
translate?: "yes" | "no" | undefined | undefined;
|
|
605
608
|
radioGroup?: string | undefined | undefined;
|
|
606
|
-
role?: react.AriaRole | undefined;
|
|
607
609
|
about?: string | undefined | undefined;
|
|
608
610
|
content?: string | undefined | undefined;
|
|
609
611
|
datatype?: string | undefined | undefined;
|
|
@@ -647,7 +649,6 @@ declare function useFieldset(): {
|
|
|
647
649
|
"aria-colspan"?: number | undefined | undefined;
|
|
648
650
|
"aria-controls"?: string | undefined | undefined;
|
|
649
651
|
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
650
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
651
652
|
"aria-description"?: string | undefined | undefined;
|
|
652
653
|
"aria-details"?: string | undefined | undefined;
|
|
653
654
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -661,7 +662,6 @@ declare function useFieldset(): {
|
|
|
661
662
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
662
663
|
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
663
664
|
"aria-label"?: string | undefined | undefined;
|
|
664
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
665
665
|
"aria-level"?: number | undefined | undefined;
|
|
666
666
|
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
667
667
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
@@ -861,6 +861,9 @@ declare function useFieldset(): {
|
|
|
861
861
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
|
|
862
862
|
};
|
|
863
863
|
errorMessageProps: {
|
|
864
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
865
|
+
"aria-labelledby"?: string | undefined | undefined;
|
|
866
|
+
role?: react.AriaRole | undefined;
|
|
864
867
|
defaultChecked?: boolean | undefined | undefined;
|
|
865
868
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
866
869
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
@@ -885,7 +888,6 @@ declare function useFieldset(): {
|
|
|
885
888
|
title?: string | undefined | undefined;
|
|
886
889
|
translate?: "yes" | "no" | undefined | undefined;
|
|
887
890
|
radioGroup?: string | undefined | undefined;
|
|
888
|
-
role?: react.AriaRole | undefined;
|
|
889
891
|
about?: string | undefined | undefined;
|
|
890
892
|
content?: string | undefined | undefined;
|
|
891
893
|
datatype?: string | undefined | undefined;
|
|
@@ -929,7 +931,6 @@ declare function useFieldset(): {
|
|
|
929
931
|
"aria-colspan"?: number | undefined | undefined;
|
|
930
932
|
"aria-controls"?: string | undefined | undefined;
|
|
931
933
|
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
932
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
933
934
|
"aria-description"?: string | undefined | undefined;
|
|
934
935
|
"aria-details"?: string | undefined | undefined;
|
|
935
936
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -943,7 +944,6 @@ declare function useFieldset(): {
|
|
|
943
944
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
944
945
|
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
945
946
|
"aria-label"?: string | undefined | undefined;
|
|
946
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
947
947
|
"aria-level"?: number | undefined | undefined;
|
|
948
948
|
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
949
949
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seed-design/react-fieldset",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/daangn/seed-design.git",
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@radix-ui/react-compose-refs": "^1.1.2",
|
|
31
|
-
"@seed-design/dom-utils": "
|
|
32
|
-
"@seed-design/react-primitive": "^
|
|
31
|
+
"@seed-design/dom-utils": "^2.0.0",
|
|
32
|
+
"@seed-design/react-primitive": "^2.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@types/react": "^19.1.6",
|
package/src/useFieldset.test.tsx
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import "@testing-library/
|
|
2
|
-
import { cleanup, render } from "@testing-library/react";
|
|
1
|
+
import { render } from "@testing-library/react";
|
|
3
2
|
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import {
|
|
3
|
+
import { describe, expect, it } from "bun:test";
|
|
5
4
|
|
|
6
5
|
import { forwardRef, type ReactElement, type ReactNode } from "react";
|
|
7
6
|
|
|
@@ -14,8 +13,6 @@ import {
|
|
|
14
13
|
} from "./Fieldset";
|
|
15
14
|
import { getDescriptionId, getErrorMessageId, getLabelId } from "./dom";
|
|
16
15
|
|
|
17
|
-
afterEach(cleanup);
|
|
18
|
-
|
|
19
16
|
function setUp(jsx: ReactElement) {
|
|
20
17
|
return {
|
|
21
18
|
user: userEvent.setup(),
|