@fluentui/react-accordion 0.0.0-nightly-20220523-0424.1 → 0.0.0-nightly-20220603-0421.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/CHANGELOG.json +157 -17
- package/CHANGELOG.md +59 -11
- package/dist/index.d.ts +26 -39
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +3 -1
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js +0 -5
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +41 -29
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +1 -0
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js +0 -5
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +7 -9
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib/index.js +4 -8
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +6 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +1 -6
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +41 -29
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +2 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +1 -6
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +7 -8
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +11 -33
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +9 -9
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,149 @@
|
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-accordion_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Fri, 03 Jun 2022 04:30:58 GMT",
|
|
6
|
+
"tag": "@fluentui/react-accordion_v0.0.0-nightly-20220603-0421.1",
|
|
7
|
+
"version": "0.0.0-nightly-20220603-0421.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
12
|
+
"package": "@fluentui/react-accordion",
|
|
13
|
+
"commit": "7e5efe2d4955ecd68d1dc7114ba00b3413409819",
|
|
14
|
+
"comment": "chore: updates AccordionHeader to follow design spec tokens"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Tue, 31 May 2022 21:28:34 GMT",
|
|
21
|
+
"tag": "@fluentui/react-accordion_v9.0.0-rc.13",
|
|
22
|
+
"version": "9.0.0-rc.13",
|
|
23
|
+
"comments": {
|
|
24
|
+
"prerelease": [
|
|
25
|
+
{
|
|
26
|
+
"author": "olfedias@microsoft.com",
|
|
27
|
+
"package": "@fluentui/react-accordion",
|
|
28
|
+
"commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
|
|
29
|
+
"comment": "chore: Update Griffel to latest version"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
33
|
+
"package": "@fluentui/react-accordion",
|
|
34
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd",
|
|
35
|
+
"comment": "updates import to react-shared-components"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"author": "beachball",
|
|
39
|
+
"package": "@fluentui/react-accordion",
|
|
40
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.10",
|
|
41
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "beachball",
|
|
45
|
+
"package": "@fluentui/react-accordion",
|
|
46
|
+
"comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.10",
|
|
47
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"author": "beachball",
|
|
51
|
+
"package": "@fluentui/react-accordion",
|
|
52
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.10",
|
|
53
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "beachball",
|
|
57
|
+
"package": "@fluentui/react-accordion",
|
|
58
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.13",
|
|
59
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "beachball",
|
|
63
|
+
"package": "@fluentui/react-accordion",
|
|
64
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
|
|
65
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui/react-accordion",
|
|
70
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
|
|
71
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"date": "Thu, 26 May 2022 21:01:22 GMT",
|
|
78
|
+
"tag": "@fluentui/react-accordion_v9.0.0-rc.12",
|
|
79
|
+
"version": "9.0.0-rc.12",
|
|
80
|
+
"comments": {
|
|
81
|
+
"none": [
|
|
82
|
+
{
|
|
83
|
+
"author": "olfedias@microsoft.com",
|
|
84
|
+
"package": "@fluentui/react-accordion",
|
|
85
|
+
"commit": "70f12f46e904da75c3e1eb2c0270a6aecdc8f913",
|
|
86
|
+
"comment": "cleanup examples & docs"
|
|
87
|
+
}
|
|
88
|
+
],
|
|
89
|
+
"prerelease": [
|
|
90
|
+
{
|
|
91
|
+
"author": "beachball",
|
|
92
|
+
"package": "@fluentui/react-accordion",
|
|
93
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
|
|
94
|
+
"commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
|
|
95
|
+
}
|
|
96
|
+
]
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"date": "Mon, 23 May 2022 18:56:40 GMT",
|
|
101
|
+
"tag": "@fluentui/react-accordion_v9.0.0-rc.11",
|
|
102
|
+
"version": "9.0.0-rc.11",
|
|
103
|
+
"comments": {
|
|
104
|
+
"prerelease": [
|
|
105
|
+
{
|
|
106
|
+
"author": "lingfangao@hotmail.com",
|
|
107
|
+
"package": "@fluentui/react-accordion",
|
|
108
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
|
109
|
+
"comment": "BREAKING: stop exporting AccordionContext and AccordionItemContext"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"author": "esteban.230@hotmail.com",
|
|
113
|
+
"package": "@fluentui/react-accordion",
|
|
114
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
|
115
|
+
"comment": "Removing <componentName>ClassName exports."
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"author": "beachball",
|
|
119
|
+
"package": "@fluentui/react-accordion",
|
|
120
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.9",
|
|
121
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"author": "beachball",
|
|
125
|
+
"package": "@fluentui/react-accordion",
|
|
126
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.11",
|
|
127
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"author": "beachball",
|
|
131
|
+
"package": "@fluentui/react-accordion",
|
|
132
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
|
|
133
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"author": "beachball",
|
|
137
|
+
"package": "@fluentui/react-accordion",
|
|
138
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
|
|
139
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
140
|
+
}
|
|
141
|
+
]
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"date": "Mon, 23 May 2022 12:13:58 GMT",
|
|
146
|
+
"tag": "@fluentui/react-accordion_v9.0.0-rc.10",
|
|
147
|
+
"version": "9.0.0-rc.10",
|
|
8
148
|
"comments": {
|
|
9
149
|
"prerelease": [
|
|
10
150
|
{
|
|
@@ -28,44 +168,44 @@
|
|
|
28
168
|
{
|
|
29
169
|
"author": "beachball",
|
|
30
170
|
"package": "@fluentui/react-accordion",
|
|
31
|
-
"comment": "Bump @fluentui/react-aria to
|
|
32
|
-
"commit": "
|
|
171
|
+
"comment": "Bump @fluentui/react-aria to v9.0.0-rc.9",
|
|
172
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
33
173
|
},
|
|
34
174
|
{
|
|
35
175
|
"author": "beachball",
|
|
36
176
|
"package": "@fluentui/react-accordion",
|
|
37
|
-
"comment": "Bump @fluentui/react-context-selector to
|
|
38
|
-
"commit": "
|
|
177
|
+
"comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.9",
|
|
178
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
39
179
|
},
|
|
40
180
|
{
|
|
41
181
|
"author": "beachball",
|
|
42
182
|
"package": "@fluentui/react-accordion",
|
|
43
|
-
"comment": "Bump @fluentui/react-shared-contexts to
|
|
44
|
-
"commit": "
|
|
183
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.8",
|
|
184
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
45
185
|
},
|
|
46
186
|
{
|
|
47
187
|
"author": "beachball",
|
|
48
188
|
"package": "@fluentui/react-accordion",
|
|
49
|
-
"comment": "Bump @fluentui/react-tabster to
|
|
50
|
-
"commit": "
|
|
189
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.10",
|
|
190
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
51
191
|
},
|
|
52
192
|
{
|
|
53
193
|
"author": "beachball",
|
|
54
194
|
"package": "@fluentui/react-accordion",
|
|
55
|
-
"comment": "Bump @fluentui/react-theme to
|
|
56
|
-
"commit": "
|
|
195
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
|
|
196
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
57
197
|
},
|
|
58
198
|
{
|
|
59
199
|
"author": "beachball",
|
|
60
200
|
"package": "@fluentui/react-accordion",
|
|
61
|
-
"comment": "Bump @fluentui/react-utilities to
|
|
62
|
-
"commit": "
|
|
201
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
|
|
202
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
63
203
|
},
|
|
64
204
|
{
|
|
65
205
|
"author": "beachball",
|
|
66
206
|
"package": "@fluentui/react-accordion",
|
|
67
|
-
"comment": "Bump @fluentui/react-conformance-griffel to
|
|
68
|
-
"commit": "
|
|
207
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6",
|
|
208
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
69
209
|
}
|
|
70
210
|
],
|
|
71
211
|
"none": [
|
package/CHANGELOG.md
CHANGED
|
@@ -1,26 +1,74 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-accordion
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 03 Jun 2022 04:30:58 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20220603-0421.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightly-20220603-0421.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.
|
|
9
|
+
Fri, 03 Jun 2022 04:30:58 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.13..@fluentui/react-accordion_v0.0.0-nightly-20220603-0421.1)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- chore: updates AccordionHeader to follow design spec tokens ([PR #23295](https://github.com/microsoft/fluentui/pull/23295) by bernardo.sunderhus@gmail.com)
|
|
15
|
+
|
|
16
|
+
## [9.0.0-rc.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.13)
|
|
17
|
+
|
|
18
|
+
Tue, 31 May 2022 21:28:34 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.12..@fluentui/react-accordion_v9.0.0-rc.13)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
|
|
24
|
+
- updates import to react-shared-components ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by bernardo.sunderhus@gmail.com)
|
|
25
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
26
|
+
- Bump @fluentui/react-context-selector to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
27
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
28
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.13 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
29
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
30
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
31
|
+
|
|
32
|
+
## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.12)
|
|
33
|
+
|
|
34
|
+
Thu, 26 May 2022 21:01:22 GMT
|
|
35
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.11..@fluentui/react-accordion_v9.0.0-rc.12)
|
|
36
|
+
|
|
37
|
+
### Changes
|
|
38
|
+
|
|
39
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
|
|
40
|
+
|
|
41
|
+
## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.11)
|
|
42
|
+
|
|
43
|
+
Mon, 23 May 2022 18:56:40 GMT
|
|
44
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.10..@fluentui/react-accordion_v9.0.0-rc.11)
|
|
45
|
+
|
|
46
|
+
### Changes
|
|
47
|
+
|
|
48
|
+
- BREAKING: stop exporting AccordionContext and AccordionItemContext ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by lingfangao@hotmail.com)
|
|
49
|
+
- Removing <componentName>ClassName exports. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by esteban.230@hotmail.com)
|
|
50
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
51
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
52
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
53
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
54
|
+
|
|
55
|
+
## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.10)
|
|
56
|
+
|
|
57
|
+
Mon, 23 May 2022 12:13:58 GMT
|
|
58
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.9..@fluentui/react-accordion_v9.0.0-rc.10)
|
|
11
59
|
|
|
12
60
|
### Changes
|
|
13
61
|
|
|
14
62
|
- chore: Update Griffel to latest version ([PR #23029](https://github.com/microsoft/fluentui/pull/23029) by olfedias@microsoft.com)
|
|
15
63
|
- chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
|
|
16
64
|
- react-accordion: ship rolluped only dts. ([PR #23061](https://github.com/microsoft/fluentui/pull/23061) by tristan.watanabe@gmail.com)
|
|
17
|
-
- Bump @fluentui/react-aria to
|
|
18
|
-
- Bump @fluentui/react-context-selector to
|
|
19
|
-
- Bump @fluentui/react-shared-contexts to
|
|
20
|
-
- Bump @fluentui/react-tabster to
|
|
21
|
-
- Bump @fluentui/react-theme to
|
|
22
|
-
- Bump @fluentui/react-utilities to
|
|
23
|
-
- Bump @fluentui/react-conformance-griffel to
|
|
65
|
+
- Bump @fluentui/react-aria to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
66
|
+
- Bump @fluentui/react-context-selector to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
67
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
68
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.10 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
69
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
70
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
71
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
24
72
|
|
|
25
73
|
## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.9)
|
|
26
74
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
|
2
2
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
4
|
-
import
|
|
4
|
+
import { ContextSelector } from '@fluentui/react-context-selector';
|
|
5
|
+
import { FC } from 'react';
|
|
5
6
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
7
|
+
import { Provider } from 'react';
|
|
8
|
+
import { ProviderProps } from 'react';
|
|
6
9
|
import * as React_2 from 'react';
|
|
7
10
|
import type { Slot } from '@fluentui/react-utilities';
|
|
8
11
|
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
@@ -12,15 +15,8 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
|
12
15
|
*/
|
|
13
16
|
export declare const Accordion: ForwardRefComponent<AccordionProps>;
|
|
14
17
|
|
|
15
|
-
/**
|
|
16
|
-
* @deprecated Use `accordionClassNames.root` instead.
|
|
17
|
-
*/
|
|
18
|
-
export declare const accordionClassName = "fui-Accordion";
|
|
19
|
-
|
|
20
18
|
export declare const accordionClassNames: SlotClassNames<AccordionSlots>;
|
|
21
19
|
|
|
22
|
-
export declare const AccordionContext: Context<AccordionContextValue>;
|
|
23
|
-
|
|
24
20
|
export declare type AccordionContextValue = Required<Pick<AccordionProps, 'collapsible'>> & Pick<AccordionProps, 'navigation'> & {
|
|
25
21
|
/**
|
|
26
22
|
* The list of opened panels by index
|
|
@@ -43,11 +39,6 @@ export declare type AccordionContextValues = {
|
|
|
43
39
|
*/
|
|
44
40
|
export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
|
|
45
41
|
|
|
46
|
-
/**
|
|
47
|
-
* @deprecated Use `accordionHeaderClassNames.root` instead.
|
|
48
|
-
*/
|
|
49
|
-
export declare const accordionHeaderClassName = "fui-AccordionHeader";
|
|
50
|
-
|
|
51
42
|
export declare const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots>;
|
|
52
43
|
|
|
53
44
|
export declare type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {
|
|
@@ -63,15 +54,15 @@ export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
|
|
|
63
54
|
|
|
64
55
|
export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {
|
|
65
56
|
/**
|
|
66
|
-
* The position of the expand icon slot in heading
|
|
57
|
+
* The position of the expand icon slot in heading.
|
|
67
58
|
*/
|
|
68
59
|
expandIconPosition?: AccordionHeaderExpandIconPosition;
|
|
69
60
|
/**
|
|
70
|
-
* Indicates if the AccordionHeader should be rendered inline
|
|
61
|
+
* Indicates if the AccordionHeader should be rendered inline.
|
|
71
62
|
*/
|
|
72
63
|
inline?: boolean;
|
|
73
64
|
/**
|
|
74
|
-
* Size of spacing in the heading
|
|
65
|
+
* Size of spacing in the heading.
|
|
75
66
|
*/
|
|
76
67
|
size?: AccordionHeaderSize;
|
|
77
68
|
};
|
|
@@ -88,11 +79,11 @@ export declare type AccordionHeaderSlots = {
|
|
|
88
79
|
*/
|
|
89
80
|
button: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
90
81
|
/**
|
|
91
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
82
|
+
* Expand icon slot rendered before (or after) children content in heading.
|
|
92
83
|
*/
|
|
93
84
|
expandIcon: Slot<'span'>;
|
|
94
85
|
/**
|
|
95
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
86
|
+
* Expand icon slot rendered before (or after) children content in heading.
|
|
96
87
|
*/
|
|
97
88
|
icon?: Slot<'div'>;
|
|
98
89
|
};
|
|
@@ -106,15 +97,8 @@ export declare type AccordionIndex = number | number[];
|
|
|
106
97
|
*/
|
|
107
98
|
export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
|
|
108
99
|
|
|
109
|
-
/**
|
|
110
|
-
* @deprecated Use `accordionItemClassNames.root` instead.
|
|
111
|
-
*/
|
|
112
|
-
export declare const accordionItemClassName = "fui-AccordionItem";
|
|
113
|
-
|
|
114
100
|
export declare const accordionItemClassNames: SlotClassNames<AccordionItemSlots>;
|
|
115
101
|
|
|
116
|
-
export declare const AccordionItemContext: React_2.Context<AccordionItemContextValue>;
|
|
117
|
-
|
|
118
102
|
export declare type AccordionItemContextValue = Required<Pick<AccordionItemProps, 'disabled'>> & {
|
|
119
103
|
onHeaderClick(ev: React_2.MouseEvent | React_2.KeyboardEvent): void;
|
|
120
104
|
open: boolean;
|
|
@@ -126,15 +110,17 @@ export declare type AccordionItemContextValues = {
|
|
|
126
110
|
|
|
127
111
|
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & {
|
|
128
112
|
/**
|
|
129
|
-
* Disables opening/closing of panel
|
|
113
|
+
* Disables opening/closing of panel.
|
|
130
114
|
*/
|
|
131
115
|
disabled?: boolean;
|
|
132
116
|
/**
|
|
133
|
-
*
|
|
117
|
+
* Required value that identifies this item inside an Accordion component.
|
|
134
118
|
*/
|
|
135
119
|
value: AccordionItemValue;
|
|
136
120
|
};
|
|
137
121
|
|
|
122
|
+
export declare const AccordionItemProvider: React_2.Provider<AccordionItemContextValue>;
|
|
123
|
+
|
|
138
124
|
export declare type AccordionItemSlots = {
|
|
139
125
|
root: Slot<'div'>;
|
|
140
126
|
};
|
|
@@ -148,11 +134,6 @@ export declare type AccordionItemValue = unknown;
|
|
|
148
134
|
*/
|
|
149
135
|
export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
|
|
150
136
|
|
|
151
|
-
/**
|
|
152
|
-
* @deprecated Use `accordionPanelClassNames.root` instead.
|
|
153
|
-
*/
|
|
154
|
-
export declare const accordionPanelClassName = "fui-AccordionPanel";
|
|
155
|
-
|
|
156
137
|
export declare const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots>;
|
|
157
138
|
|
|
158
139
|
export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
|
|
@@ -163,36 +144,40 @@ export declare type AccordionPanelSlots = {
|
|
|
163
144
|
|
|
164
145
|
export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
|
|
165
146
|
/**
|
|
166
|
-
* Internal open state, provided by context
|
|
147
|
+
* Internal open state, provided by context.
|
|
167
148
|
*/
|
|
168
149
|
open: boolean;
|
|
169
150
|
};
|
|
170
151
|
|
|
171
152
|
export declare type AccordionProps = ComponentProps<AccordionSlots> & {
|
|
172
153
|
/**
|
|
173
|
-
* Default value for the uncontrolled state of the panel
|
|
154
|
+
* Default value for the uncontrolled state of the panel.
|
|
174
155
|
*/
|
|
175
156
|
defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
|
|
176
157
|
/**
|
|
177
|
-
* Indicates if Accordion support multiple Panels closed at the same time
|
|
158
|
+
* Indicates if Accordion support multiple Panels closed at the same time.
|
|
178
159
|
*/
|
|
179
160
|
collapsible?: boolean;
|
|
180
161
|
/**
|
|
181
|
-
* Indicates if Accordion support multiple Panels opened at the same time
|
|
162
|
+
* Indicates if Accordion support multiple Panels opened at the same time.
|
|
182
163
|
*/
|
|
183
164
|
multiple?: boolean;
|
|
184
165
|
/**
|
|
185
|
-
* Indicates if keyboard navigation is available and gives two options,
|
|
186
|
-
* linear or circular navigation
|
|
166
|
+
* Indicates if keyboard navigation is available and gives two options, linear or circular navigation.
|
|
187
167
|
*/
|
|
188
168
|
navigation?: 'linear' | 'circular';
|
|
169
|
+
/**
|
|
170
|
+
* Callback to be called when the opened items change.
|
|
171
|
+
*/
|
|
189
172
|
onToggle?: AccordionToggleEventHandler;
|
|
190
173
|
/**
|
|
191
|
-
* Controls the state of the panel
|
|
174
|
+
* Controls the state of the panel.
|
|
192
175
|
*/
|
|
193
176
|
openItems?: AccordionItemValue | AccordionItemValue[];
|
|
194
177
|
};
|
|
195
178
|
|
|
179
|
+
export declare const AccordionProvider: Provider<AccordionContextValue> & FC<ProviderProps<AccordionContextValue>>;
|
|
180
|
+
|
|
196
181
|
export declare type AccordionSlots = {
|
|
197
182
|
root: Slot<'div'>;
|
|
198
183
|
};
|
|
@@ -234,6 +219,8 @@ export declare const renderAccordionPanel_unstable: (state: AccordionPanelState)
|
|
|
234
219
|
*/
|
|
235
220
|
export declare const useAccordion_unstable: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;
|
|
236
221
|
|
|
222
|
+
export declare const useAccordionContext_unstable: <T>(selector: ContextSelector<AccordionContextValue, T>) => T;
|
|
223
|
+
|
|
237
224
|
export declare function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues;
|
|
238
225
|
|
|
239
226
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,kCAAT,QAAmD,6BAAnD;AAGA,SAAS,2BAAT,QAA4C,sBAA5C;AAEA;;AAEG;;AACH,OAAO,MAAM,SAAS,gBAAwC,KAAK,CAAC,UAAN,CAC5D,CAAC,KAAD,EAAQ,GAAR,KAAe;
|
|
1
|
+
{"version":3,"sources":["components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,kCAAT,QAAmD,6BAAnD;AAGA,SAAS,2BAAT,QAA4C,sBAA5C;AAEA;;AAEG;;AACH,OAAO,MAAM,SAAS,gBAAwC,KAAK,CAAC,UAAN,CAC5D,CAAC,KAAD,EAAQ,GAAR,KAAe;EACb,MAAM,KAAK,GAAG,qBAAqB,CAAC,KAAD,EAAQ,GAAR,CAAnC;EACA,MAAM,aAAa,GAAG,kCAAkC,CAAC,KAAD,CAAxD;EAEA,2BAA2B,CAAC,KAAD,CAA3B;EAEA,OAAO,wBAAwB,CAAC,KAAD,EAAQ,aAAR,CAA/B;AACD,CAR2D,CAAvD;AAWP,SAAS,CAAC,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useAccordionStyles_unstable } from './useAccordionStyles';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n\n useAccordionStyles_unstable(state);\n\n return renderAccordion_unstable(state, contextValues);\n },\n);\n\nAccordion.displayName = 'Accordion';\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.types.js","sourceRoot":"../src/","sources":["components/Accordion/Accordion.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\n\nexport type AccordionIndex = number | number[];\n\nexport type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;\n\nexport type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n\nexport type AccordionContextValue = Required<Pick<AccordionProps, 'collapsible'>> &\n Pick<AccordionProps, 'navigation'> & {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n };\n\nexport type AccordionContextValues = {\n accordion: AccordionContextValue;\n};\n\nexport type AccordionSlots = {\n root: Slot<'div'>;\n};\n\nexport type AccordionToggleData = {\n value: AccordionItemValue;\n};\n\nexport type AccordionProps = ComponentProps<AccordionSlots> & {\n /**\n * Default value for the uncontrolled state of the panel
|
|
1
|
+
{"version":3,"file":"Accordion.types.js","sourceRoot":"../src/","sources":["components/Accordion/Accordion.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\n\nexport type AccordionIndex = number | number[];\n\nexport type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;\n\nexport type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n\nexport type AccordionContextValue = Required<Pick<AccordionProps, 'collapsible'>> &\n Pick<AccordionProps, 'navigation'> & {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n };\n\nexport type AccordionContextValues = {\n accordion: AccordionContextValue;\n};\n\nexport type AccordionSlots = {\n root: Slot<'div'>;\n};\n\nexport type AccordionToggleData = {\n value: AccordionItemValue;\n};\n\nexport type AccordionProps = ComponentProps<AccordionSlots> & {\n /**\n * Default value for the uncontrolled state of the panel.\n */\n defaultOpenItems?: AccordionItemValue | AccordionItemValue[];\n\n /**\n * Indicates if Accordion support multiple Panels closed at the same time.\n */\n collapsible?: boolean;\n\n /**\n * Indicates if Accordion support multiple Panels opened at the same time.\n */\n multiple?: boolean;\n\n /**\n * Indicates if keyboard navigation is available and gives two options, linear or circular navigation.\n */\n navigation?: 'linear' | 'circular';\n\n /**\n * Callback to be called when the opened items change.\n */\n onToggle?: AccordionToggleEventHandler;\n\n /**\n * Controls the state of the panel.\n */\n openItems?: AccordionItemValue | AccordionItemValue[];\n};\n\nexport type AccordionState = ComponentState<AccordionSlots> & AccordionContextValue;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createContext } from '@fluentui/react-context-selector';
|
|
1
|
+
import { createContext, useContextSelector } from '@fluentui/react-context-selector';
|
|
2
2
|
export const AccordionContext = /*#__PURE__*/createContext({
|
|
3
3
|
openItems: [],
|
|
4
4
|
collapsible: false,
|
|
@@ -8,4 +8,6 @@ export const AccordionContext = /*#__PURE__*/createContext({
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
});
|
|
11
|
+
export const AccordionProvider = AccordionContext.Provider;
|
|
12
|
+
export const useAccordionContext_unstable = selector => useContextSelector(AccordionContext, selector);
|
|
11
13
|
//# sourceMappingURL=AccordionContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,
|
|
1
|
+
{"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAyC,kBAAzC,QAAmE,kCAAnE;AAIA,OAAO,MAAM,gBAAgB,gBAAmC,aAAa,CAAwB;EACnG,SAAS,EAAE,EADwF;EAEnG,WAAW,EAAE,KAFsF;;EAGnG,aAAa,GAAA;IACX;EACD;;AALkG,CAAxB,CAAtE;AAQP,OAAO,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAA3C;AACP,OAAO,MAAM,4BAA4B,GAAO,QAAJ,IAC1C,kBAAkB,CAAC,gBAAD,EAAmB,QAAnB,CADb","sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue>({\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n});\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, selector);\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/renderAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;AAEG;;AACH,OAAO,MAAM,wBAAwB,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;
|
|
1
|
+
{"version":3,"sources":["components/Accordion/renderAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;AAEG;;AACH,OAAO,MAAM,wBAAwB,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;EACvG,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,QAAQ,CAAiB,KAAjB,CAArC;EAEA,oBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,CAAC,QAAlB,EAA0B;IAAC,KAAK,EAAE,aAAa,CAAC;EAAtB,CAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n\nimport { AccordionContext } from './AccordionContext';\nimport type { AccordionState, AccordionSlots, AccordionContextValues } from './Accordion.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state: AccordionState, contextValues: AccordionContextValues) => {\n const { slots, slotProps } = getSlots<AccordionSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionContext.Provider value={contextValues.accordion}>{slotProps.root.children}</AccordionContext.Provider>\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/useAccordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,oBAAhC,EAAsD,gBAAtD,QAA8E,2BAA9E;AAGA,SAAS,uBAAT,QAAwC,yBAAxC;AAEA;;;;AAIG;;AACH,OAAO,MAAM,qBAAqB,GAAG,CAAC,KAAD,EAAwB,GAAxB,KAAuE;
|
|
1
|
+
{"version":3,"sources":["components/Accordion/useAccordion.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionProps, AccordionState, AccordionToggleData, AccordionToggleEvent } from './Accordion.types';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */\nexport const useAccordion_unstable = (props: AccordionProps, ref: React.Ref<HTMLElement>): AccordionState => {\n const {\n openItems: controlledOpenItems,\n defaultOpenItems,\n multiple = false,\n collapsible = false,\n onToggle,\n navigation,\n } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n defaultState: () => initializeUncontrolledOpenItems({ defaultOpenItems, multiple }),\n initialState: [],\n });\n\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: navigation === 'circular',\n tabbable: true,\n });\n\n const requestToggle = useEventCallback((event: AccordionToggleEvent, data: AccordionToggleData) => {\n onToggle?.(event, data);\n setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n });\n\n return {\n collapsible,\n navigation,\n openItems,\n requestToggle,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ...props,\n ...(navigation ? arrowNavigationProps : {}),\n ref,\n }),\n };\n};\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple,\n}: Pick<AccordionProps, 'defaultOpenItems' | 'multiple'>): AccordionItemValue[] {\n if (defaultOpenItems !== undefined) {\n if (Array.isArray(defaultOpenItems)) {\n return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n }\n return [defaultOpenItems];\n }\n return [];\n}\n\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */\nfunction updateOpenItems(\n value: AccordionItemValue,\n previousOpenItems: AccordionItemValue[],\n multiple: boolean,\n collapsible: boolean,\n) {\n if (multiple) {\n if (previousOpenItems.includes(value)) {\n if (previousOpenItems.length > 1 || collapsible) {\n return previousOpenItems.filter(i => i !== value);\n }\n } else {\n return [...previousOpenItems, value].sort();\n }\n } else {\n return previousOpenItems[0] === value && collapsible ? [] : [value];\n }\n return previousOpenItems;\n}\n\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index?: AccordionItemValue | AccordionItemValue[]): AccordionItemValue[] | undefined {\n if (index === undefined) {\n return undefined;\n }\n return Array.isArray(index) ? index : [index];\n}\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/useAccordionContextValues.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,kCAAV,CAA6C,KAA7C,EAAkE;
|
|
1
|
+
{"version":3,"sources":["components/Accordion/useAccordionContextValues.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,kCAAV,CAA6C,KAA7C,EAAkE;EACtE,MAAM;IAAE,UAAF;IAAc,SAAd;IAAyB,aAAzB;IAAwC;EAAxC,IAAwD,KAA9D,CADsE,CAGtE;;EACA,MAAM,SAAS,GAA0B;IACvC,UADuC;IAEvC,SAFuC;IAGvC,aAHuC;IAIvC;EAJuC,CAAzC;EAOA,OAAO;IAAE;EAAF,CAAP;AACD","sourcesContent":["import type { AccordionContextValue, AccordionContextValues, AccordionState } from './Accordion.types';\n\nexport function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues {\n const { navigation, openItems, requestToggle, collapsible } = state;\n\n // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n const accordion: AccordionContextValue = {\n navigation,\n openItems,\n requestToggle,\n collapsible,\n };\n\n return { accordion };\n}\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":"AACA,SAAS,YAAT,QAA6B,gBAA7B;AAGA
|
|
1
|
+
{"version":3,"sources":["components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":"AACA,SAAS,YAAT,QAA6B,gBAA7B;AAGA,OAAO,MAAM,mBAAmB,GAAmC;EACjE,IAAI,EAAE;AAD2D,CAA5D;AAIP,OAAO,MAAM,2BAA2B,GAAI,KAAD,IAA0B;EACnE,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,mBAAmB,CAAC,IAArB,EAA2B,KAAK,CAAC,IAAN,CAAW,SAAtC,CAAnC;EAEA,OAAO,KAAP;AACD,CAJM","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionSlots, AccordionState } from './Accordion.types';\n\nexport const accordionClassNames: SlotClassNames<AccordionSlots> = {\n root: 'fui-Accordion',\n};\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionHeader/AccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,2BAAT,QAA4C,sBAA5C;AACA,SAAS,8BAAT,QAA+C,yBAA/C;AACA,SAAS,iCAAT,QAAkD,4BAAlD;AACA,SAAS,wCAAT,QAAyD,mCAAzD;AAIA;;;AAGG;;AACH,OAAO,MAAM,eAAe,gBAA8C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;
|
|
1
|
+
{"version":3,"sources":["components/AccordionHeader/AccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,2BAAT,QAA4C,sBAA5C;AACA,SAAS,8BAAT,QAA+C,yBAA/C;AACA,SAAS,iCAAT,QAAkD,4BAAlD;AACA,SAAS,wCAAT,QAAyD,mCAAzD;AAIA;;;AAGG;;AACH,OAAO,MAAM,eAAe,gBAA8C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACxG,MAAM,KAAK,GAAG,2BAA2B,CAAC,KAAD,EAAQ,GAAR,CAAzC;EACA,MAAM,aAAa,GAAG,wCAAwC,CAAC,KAAD,CAA9D;EAEA,iCAAiC,CAAC,KAAD,CAAjC;EAEA,OAAO,8BAA8B,CAAC,KAAD,EAAQ,aAAR,CAArC;AACD,CAPyE,CAAnE;AASP,eAAe,CAAC,WAAhB,GAA8B,iBAA9B","sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nimport type { AccordionHeaderProps } from './AccordionHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader: ForwardRefComponent<AccordionHeaderProps> = React.forwardRef((props, ref) => {\n const state = useAccordionHeader_unstable(props, ref);\n const contextValues = useAccordionHeaderContextValues_unstable(state);\n\n useAccordionHeaderStyles_unstable(state);\n\n return renderAccordionHeader_unstable(state, contextValues);\n});\n\nAccordionHeader.displayName = 'AccordionHeader';\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionHeader.types.js","sourceRoot":"../src/","sources":["components/AccordionHeader/AccordionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n disabled: boolean;\n open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n /**\n * The element wrapping the button. By default this is a div, but can be a heading.\n */\n root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n /**\n * The component to be used as button in heading\n */\n button: NonNullable<Slot<ARIAButtonSlotProps>>;\n /**\n * Expand icon slot rendered before (or after) children content in heading
|
|
1
|
+
{"version":3,"file":"AccordionHeader.types.js","sourceRoot":"../src/","sources":["components/AccordionHeader/AccordionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n disabled: boolean;\n open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n /**\n * The element wrapping the button. By default this is a div, but can be a heading.\n */\n root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n /**\n * The component to be used as button in heading\n */\n button: NonNullable<Slot<ARIAButtonSlotProps>>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n expandIcon: Slot<'span'>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n /**\n * The position of the expand icon slot in heading.\n */\n expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n /**\n * Indicates if the AccordionHeader should be rendered inline.\n */\n inline?: boolean;\n\n /**\n * Size of spacing in the heading.\n */\n size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n Required<Pick<AccordionHeaderProps, 'inline'>> &\n AccordionHeaderContextValue;\n"]}
|