@fluentui/react-accordion 0.0.0-nightly442708a36520211209.1 → 0.0.0-nightly5ab766c40f20220114.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 +60 -22
- package/CHANGELOG.md +19 -14
- package/dist/react-accordion.d.ts +1 -22
- package/lib/components/Accordion/renderAccordion.js +2 -1
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.d.ts +1 -2
- package/lib/components/Accordion/useAccordion.js +3 -1
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +1 -2
- package/lib/components/AccordionHeader/index.d.ts +0 -1
- package/lib/components/AccordionHeader/index.js +0 -1
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +8 -3
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.d.ts +1 -5
- package/lib/components/AccordionHeader/useAccordionHeader.js +21 -7
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +9 -19
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +3 -3
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.d.ts +1 -5
- package/lib/components/AccordionItem/useAccordionItem.js +3 -5
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +3 -3
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.d.ts +1 -5
- package/lib/components/AccordionPanel/useAccordionPanel.js +3 -5
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +2 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.d.ts +1 -2
- package/lib-commonjs/components/Accordion/useAccordion.js +5 -3
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +1 -2
- package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -1
- package/lib-commonjs/components/AccordionHeader/index.js +0 -2
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +8 -4
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +1 -5
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +24 -8
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +10 -19
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +3 -4
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +1 -5
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +5 -7
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +3 -4
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +1 -5
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +5 -7
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/package.json +11 -11
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -41
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -50
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-accordion_v0.0.0-
|
|
7
|
-
"version": "0.0.0-
|
|
5
|
+
"date": "Fri, 14 Jan 2022 04:15:05 GMT",
|
|
6
|
+
"tag": "@fluentui/react-accordion_v0.0.0-nightly5ab766c40f20220114.1",
|
|
7
|
+
"version": "0.0.0-nightly5ab766c40f20220114.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-accordion",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
@@ -19,59 +19,97 @@
|
|
|
19
19
|
"commit": "b8537fb52cc3cc2787be5675c65300e01d882add",
|
|
20
20
|
"comment": "update styles to not use CSS shorthands"
|
|
21
21
|
},
|
|
22
|
+
{
|
|
23
|
+
"author": "behowell@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-accordion",
|
|
25
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
|
26
|
+
"comment": "Remove component's shorthandProps array"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "ololubek@microsoft.com",
|
|
30
|
+
"package": "@fluentui/react-accordion",
|
|
31
|
+
"commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
|
|
32
|
+
"comment": "Update react-icons usage to resizable icons"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
36
|
+
"package": "@fluentui/react-accordion",
|
|
37
|
+
"commit": "38c8bed2c707014688ae2ae689033fa36ef23075",
|
|
38
|
+
"comment": "Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster."
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
42
|
+
"package": "@fluentui/react-accordion",
|
|
43
|
+
"commit": "22ef7434eddbe45d8818b16ff43c3488ac84ae45",
|
|
44
|
+
"comment": "Replacing use of functions in makeStyles with direct use of tokens."
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "behowell@microsoft.com",
|
|
48
|
+
"package": "@fluentui/react-accordion",
|
|
49
|
+
"commit": "dfb5538a2494b48cbb61702c4c2c9aaf8de37a6f",
|
|
50
|
+
"comment": "Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead"
|
|
51
|
+
},
|
|
22
52
|
{
|
|
23
53
|
"author": "beachball",
|
|
24
54
|
"package": "@fluentui/react-accordion",
|
|
25
|
-
"comment": "Bump @fluentui/react-aria to v0.0.0-
|
|
26
|
-
"commit": "
|
|
55
|
+
"comment": "Bump @fluentui/react-aria to v0.0.0-nightly5ab766c40f20220114.1",
|
|
56
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
27
57
|
},
|
|
28
58
|
{
|
|
29
59
|
"author": "beachball",
|
|
30
60
|
"package": "@fluentui/react-accordion",
|
|
31
|
-
"comment": "Bump @fluentui/react-context-selector to v0.0.0-
|
|
32
|
-
"commit": "
|
|
61
|
+
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly5ab766c40f20220114.1",
|
|
62
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
33
63
|
},
|
|
34
64
|
{
|
|
35
65
|
"author": "beachball",
|
|
36
66
|
"package": "@fluentui/react-accordion",
|
|
37
|
-
"comment": "Bump @fluentui/react-make-styles to v0.0.0-
|
|
38
|
-
"commit": "
|
|
67
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly5ab766c40f20220114.1",
|
|
68
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
39
69
|
},
|
|
40
70
|
{
|
|
41
71
|
"author": "beachball",
|
|
42
72
|
"package": "@fluentui/react-accordion",
|
|
43
|
-
"comment": "Bump @fluentui/react-tabster to v0.0.0-
|
|
44
|
-
"commit": "
|
|
73
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly5ab766c40f20220114.1",
|
|
74
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
45
75
|
},
|
|
46
76
|
{
|
|
47
77
|
"author": "beachball",
|
|
48
78
|
"package": "@fluentui/react-accordion",
|
|
49
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-
|
|
50
|
-
"commit": "
|
|
79
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly5ab766c40f20220114.1",
|
|
80
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
51
81
|
},
|
|
52
82
|
{
|
|
53
83
|
"author": "beachball",
|
|
54
84
|
"package": "@fluentui/react-accordion",
|
|
55
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-
|
|
56
|
-
"commit": "
|
|
85
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly5ab766c40f20220114.1",
|
|
86
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
57
87
|
},
|
|
58
88
|
{
|
|
59
89
|
"author": "beachball",
|
|
60
90
|
"package": "@fluentui/react-accordion",
|
|
61
|
-
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-
|
|
62
|
-
"commit": "
|
|
91
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly5ab766c40f20220114.1",
|
|
92
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
63
93
|
},
|
|
64
94
|
{
|
|
65
95
|
"author": "beachball",
|
|
66
96
|
"package": "@fluentui/react-accordion",
|
|
67
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-
|
|
68
|
-
"commit": "
|
|
97
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly5ab766c40f20220114.1",
|
|
98
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
69
99
|
},
|
|
70
100
|
{
|
|
71
101
|
"author": "beachball",
|
|
72
102
|
"package": "@fluentui/react-accordion",
|
|
73
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-
|
|
74
|
-
"commit": "
|
|
103
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly5ab766c40f20220114.1",
|
|
104
|
+
"commit": "afbf0defba27d6180bd53e24443fff8da633f9dd"
|
|
105
|
+
}
|
|
106
|
+
],
|
|
107
|
+
"none": [
|
|
108
|
+
{
|
|
109
|
+
"author": "martinhochel@microsoft.com",
|
|
110
|
+
"package": "@fluentui/react-accordion",
|
|
111
|
+
"commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
|
|
112
|
+
"comment": "chore: update all jest deps to v25 + apply single version policy"
|
|
75
113
|
}
|
|
76
114
|
]
|
|
77
115
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,27 +1,32 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-accordion
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 14 Jan 2022 04:15:05 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightly5ab766c40f20220114.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightly5ab766c40f20220114.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v0.0.0-
|
|
9
|
+
Fri, 14 Jan 2022 04:15:05 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v0.0.0-nightly5ab766c40f20220114.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by email not defined)
|
|
15
15
|
- update styles to not use CSS shorthands ([PR #20800](https://github.com/microsoft/fluentui/pull/20800) by olfedias@microsoft.com)
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
- Bump @fluentui/react-
|
|
22
|
-
- Bump @fluentui/
|
|
23
|
-
- Bump @fluentui/
|
|
24
|
-
- Bump @fluentui/react-
|
|
16
|
+
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
17
|
+
- Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
|
|
18
|
+
- Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
|
|
19
|
+
- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21036](https://github.com/microsoft/fluentui/pull/21036) by Humberto.Morimoto@microsoft.com)
|
|
20
|
+
- Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead ([PR #21218](https://github.com/microsoft/fluentui/pull/21218) by behowell@microsoft.com)
|
|
21
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
22
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
23
|
+
- Bump @fluentui/react-make-styles to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
24
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
25
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
26
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
27
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
28
|
+
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
29
|
+
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly5ab766c40f20220114.1 ([commit](https://github.com/microsoft/fluentui/commit/afbf0defba27d6180bd53e24443fff8da633f9dd) by beachball)
|
|
25
30
|
|
|
26
31
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.5)
|
|
27
32
|
|
|
@@ -80,19 +80,10 @@ export declare type AccordionHeaderContextValues = {
|
|
|
80
80
|
accordionHeader: AccordionHeaderContextValue;
|
|
81
81
|
};
|
|
82
82
|
|
|
83
|
-
export declare const AccordionHeaderExpandIcon: ForwardRefComponent<AccordionHeaderExpandIconProps>;
|
|
84
|
-
|
|
85
83
|
export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
|
|
86
84
|
|
|
87
|
-
export declare type AccordionHeaderExpandIconProps = IntrinsicShorthandProps<'span'>;
|
|
88
|
-
|
|
89
85
|
export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
|
|
90
86
|
|
|
91
|
-
/**
|
|
92
|
-
* Const listing which props are shorthand props.
|
|
93
|
-
*/
|
|
94
|
-
export declare const accordionHeaderShorthandProps: Array<keyof AccordionHeaderSlots>;
|
|
95
|
-
|
|
96
87
|
export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
|
|
97
88
|
|
|
98
89
|
export declare type AccordionHeaderSlots = {
|
|
@@ -104,7 +95,7 @@ export declare type AccordionHeaderSlots = {
|
|
|
104
95
|
/**
|
|
105
96
|
* Expand icon slot rendered before (or after) children content in heading
|
|
106
97
|
*/
|
|
107
|
-
expandIcon:
|
|
98
|
+
expandIcon: IntrinsicShorthandProps<'span'>;
|
|
108
99
|
/**
|
|
109
100
|
* Expand icon slot rendered before (or after) children content in heading
|
|
110
101
|
*/
|
|
@@ -147,11 +138,6 @@ export declare type AccordionItemContextValues = {
|
|
|
147
138
|
|
|
148
139
|
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
|
|
149
140
|
|
|
150
|
-
/**
|
|
151
|
-
* Const listing which props are shorthand props.
|
|
152
|
-
*/
|
|
153
|
-
export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
|
|
154
|
-
|
|
155
141
|
export declare type AccordionItemSlots = {
|
|
156
142
|
root: IntrinsicShorthandProps<'div'>;
|
|
157
143
|
};
|
|
@@ -169,11 +155,6 @@ export declare const accordionPanelClassName = "fui-AccordionPanel";
|
|
|
169
155
|
|
|
170
156
|
export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
|
|
171
157
|
|
|
172
|
-
/**
|
|
173
|
-
* Const listing which props are shorthand props.
|
|
174
|
-
*/
|
|
175
|
-
export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
|
|
176
|
-
|
|
177
158
|
export declare type AccordionPanelSlots = {
|
|
178
159
|
root: IntrinsicShorthandProps<'div'>;
|
|
179
160
|
};
|
|
@@ -197,8 +178,6 @@ export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<Ac
|
|
|
197
178
|
onToggle?: AccordionToggleEventHandler;
|
|
198
179
|
};
|
|
199
180
|
|
|
200
|
-
export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
|
|
201
|
-
|
|
202
181
|
export declare type AccordionSlots = {
|
|
203
182
|
root: IntrinsicShorthandProps<'div'>;
|
|
204
183
|
};
|
|
@@ -10,7 +10,8 @@ export const renderAccordion = (state, contextValues) => {
|
|
|
10
10
|
slots,
|
|
11
11
|
slotProps
|
|
12
12
|
} = getSlots(state);
|
|
13
|
-
return /*#__PURE__*/React.createElement(slots.root,
|
|
13
|
+
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
14
|
+
}, /*#__PURE__*/React.createElement(AccordionContext.Provider, {
|
|
14
15
|
value: contextValues.accordion
|
|
15
16
|
}, slotProps.root.children));
|
|
16
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/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,eAAe,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AAC9F,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAiB,KAAjB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,
|
|
1
|
+
{"version":3,"sources":["../../../src/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,eAAe,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AAC9F,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAiB,KAAjB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,CAAC,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM","sourceRoot":""}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { AccordionProps,
|
|
3
|
-
export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
|
|
2
|
+
import type { AccordionProps, AccordionState } from './Accordion.types';
|
|
4
3
|
/**
|
|
5
4
|
* Returns the props and state required to render the component
|
|
6
5
|
* @param props - Accordion properties
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';
|
|
3
|
-
export const accordionShorthandProps = ['root'];
|
|
4
3
|
/**
|
|
5
4
|
* Returns the props and state required to render the component
|
|
6
5
|
* @param props - Accordion properties
|
|
@@ -40,6 +39,9 @@ export const useAccordion = (props, ref) => {
|
|
|
40
39
|
navigable,
|
|
41
40
|
openItems,
|
|
42
41
|
requestToggle,
|
|
42
|
+
components: {
|
|
43
|
+
root: 'div'
|
|
44
|
+
},
|
|
43
45
|
root: getNativeElementProps('div', { ...props,
|
|
44
46
|
ref
|
|
45
47
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Accordion/useAccordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,oBAAhC,EAAsD,gBAAtD,QAA8E,2BAA9E;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Accordion/useAccordion.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
|
|
3
|
-
import type { AccordionHeaderExpandIconProps } from './AccordionHeaderExpandIcon';
|
|
4
3
|
import type { ARIAButtonShorthandProps } from '@fluentui/react-aria';
|
|
5
4
|
export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
|
|
6
5
|
export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
|
|
@@ -22,7 +21,7 @@ export declare type AccordionHeaderSlots = {
|
|
|
22
21
|
/**
|
|
23
22
|
* Expand icon slot rendered before (or after) children content in heading
|
|
24
23
|
*/
|
|
25
|
-
expandIcon:
|
|
24
|
+
expandIcon: IntrinsicShorthandProps<'span'>;
|
|
26
25
|
/**
|
|
27
26
|
* Expand icon slot rendered before (or after) children content in heading
|
|
28
27
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
3
|
-
import { accordionHeaderShorthandProps } from './useAccordionHeader';
|
|
4
3
|
import { AccordionHeaderContext } from './AccordionHeaderContext';
|
|
5
4
|
/**
|
|
6
5
|
* Function that renders the final JSX of the component
|
|
@@ -10,9 +9,15 @@ export const renderAccordionHeader = (state, contextValues) => {
|
|
|
10
9
|
const {
|
|
11
10
|
slots,
|
|
12
11
|
slotProps
|
|
13
|
-
} = getSlots(state
|
|
12
|
+
} = getSlots(state);
|
|
14
13
|
return /*#__PURE__*/React.createElement(AccordionHeaderContext.Provider, {
|
|
15
14
|
value: contextValues.accordionHeader
|
|
16
|
-
}, /*#__PURE__*/React.createElement(slots.root,
|
|
15
|
+
}, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
16
|
+
}, /*#__PURE__*/React.createElement(slots.button, { ...slotProps.button
|
|
17
|
+
}, state.expandIconPosition === 'start' && /*#__PURE__*/React.createElement(slots.expandIcon, { ...slotProps.expandIcon
|
|
18
|
+
}), /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
|
19
|
+
}), /*#__PURE__*/React.createElement(slots.children, { ...slotProps.children
|
|
20
|
+
}), state.expandIconPosition === 'end' && /*#__PURE__*/React.createElement(slots.expandIcon, { ...slotProps.expandIcon
|
|
21
|
+
}))));
|
|
17
22
|
};
|
|
18
23
|
//# sourceMappingURL=renderAccordionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AAGA;;AAEG;;AACH,OAAO,MAAM,qBAAqB,GAAG,CAAC,KAAD,EAA8B,aAA9B,KAA6E;AAChH,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAuB,KAAvB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,sBAAsB,CAAC,QAAxB,EAAgC;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAhC,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,EACG,KAAK,CAAC,kBAAN,KAA6B,OAA7B,iBAAwC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAD3C,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFF,eAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,EAAA,GAAK,SAAS,CAAC;AAAf,GAAf,CAHF,EAIG,KAAK,CAAC,kBAAN,KAA6B,KAA7B,iBAAsC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAJzC,CADF,CADF,CADF;AAYD,CAfM","sourceRoot":""}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderProps, AccordionHeaderState
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionHeaderShorthandProps: Array<keyof AccordionHeaderSlots>;
|
|
2
|
+
import type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';
|
|
7
3
|
/**
|
|
8
4
|
* Returns the props and state required to render the component
|
|
9
5
|
* @param props - AccordionHeader properties
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
|
|
2
3
|
import { useAccordionItemContext } from '../AccordionItem/index';
|
|
3
|
-
import { AccordionHeaderExpandIcon } from './AccordionHeaderExpandIcon';
|
|
4
4
|
import { useARIAButton } from '@fluentui/react-aria';
|
|
5
5
|
import { useContextSelector } from '@fluentui/react-context-selector';
|
|
6
6
|
import { AccordionContext } from '../Accordion/AccordionContext';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
export const accordionHeaderShorthandProps = ['root', 'icon', 'button', 'children', 'expandIcon'];
|
|
7
|
+
import { ChevronRightRegular } from '@fluentui/react-icons';
|
|
8
|
+
import { useFluent } from '@fluentui/react-shared-contexts';
|
|
12
9
|
/**
|
|
13
10
|
* Returns the props and state required to render the component
|
|
14
11
|
* @param props - AccordionHeader properties
|
|
@@ -36,6 +33,20 @@ export const useAccordionHeader = (props, ref) => {
|
|
|
36
33
|
*/
|
|
37
34
|
|
|
38
35
|
const disabledFocusable = useContextSelector(AccordionContext, ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);
|
|
36
|
+
const {
|
|
37
|
+
dir
|
|
38
|
+
} = useFluent(); // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
|
|
39
|
+
|
|
40
|
+
let expandIconRotation;
|
|
41
|
+
|
|
42
|
+
if (expandIconPosition === 'end') {
|
|
43
|
+
// If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
|
|
44
|
+
expandIconRotation = open ? -90 : 90;
|
|
45
|
+
} else {
|
|
46
|
+
// Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
|
|
47
|
+
expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
|
|
48
|
+
}
|
|
49
|
+
|
|
39
50
|
const buttonShorthand = useARIAButton(button, {
|
|
40
51
|
required: true,
|
|
41
52
|
defaultProps: {
|
|
@@ -53,7 +64,7 @@ export const useAccordionHeader = (props, ref) => {
|
|
|
53
64
|
components: {
|
|
54
65
|
root: 'div',
|
|
55
66
|
button: 'button',
|
|
56
|
-
expandIcon:
|
|
67
|
+
expandIcon: 'span',
|
|
57
68
|
icon: 'div',
|
|
58
69
|
children: 'div'
|
|
59
70
|
},
|
|
@@ -66,6 +77,9 @@ export const useAccordionHeader = (props, ref) => {
|
|
|
66
77
|
expandIcon: resolveShorthand(expandIcon, {
|
|
67
78
|
required: true,
|
|
68
79
|
defaultProps: {
|
|
80
|
+
children: /*#__PURE__*/React.createElement(ChevronRightRegular, {
|
|
81
|
+
transform: `rotate(${expandIconRotation})`
|
|
82
|
+
}),
|
|
69
83
|
'aria-hidden': true
|
|
70
84
|
}
|
|
71
85
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeader.
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { shorthands, __styles, mergeClasses } from '@fluentui/react-make-styles';
|
|
2
2
|
import { createFocusOutlineStyle } from '@fluentui/react-tabster';
|
|
3
|
+
import { tokens } from '@fluentui/react-theme';
|
|
3
4
|
export const accordionHeaderClassName = 'fui-AccordionHeader';
|
|
4
5
|
|
|
5
6
|
const useStyles = /*#__PURE__*/__styles({
|
|
@@ -22,28 +23,16 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
22
23
|
},
|
|
23
24
|
"focusIndicator": {
|
|
24
25
|
"B486eqv": "f2hkw1w",
|
|
25
|
-
"
|
|
26
|
-
"Jopkrh": ["f1781m5e", "flvaaa9"],
|
|
27
|
-
"hhrs2v": "f50u1b5",
|
|
28
|
-
"B7jbng7": ["flvaaa9", "f1781m5e"],
|
|
26
|
+
"B1bra5l": "fc85khu",
|
|
29
27
|
"e8izhr": "f1pxpxw8",
|
|
30
28
|
"in3gf6": "f1149fnl",
|
|
31
29
|
"B1i23sz": "fd1orka",
|
|
32
30
|
"ln9as": "fgtqheg",
|
|
33
31
|
"Bfgg0yq": "fq7mjg8",
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"fo1iai": "f1nbyjd2",
|
|
37
|
-
"Bh81ga8": ["famjx04", "f1lv6wi8"],
|
|
38
|
-
"qztvpn": "f5n18is",
|
|
39
|
-
"ge3ubn": ["f13az7yk", "f14kwzu1"],
|
|
40
|
-
"F41yt0": "fneogx5",
|
|
41
|
-
"Bxrdl85": ["f14kwzu1", "f13az7yk"],
|
|
32
|
+
"i16j1i": "fq9bj62",
|
|
33
|
+
"yxydaw": "fy07e8r",
|
|
42
34
|
"B9sa02e": "f1ha6shg",
|
|
43
|
-
"
|
|
44
|
-
"Ba9tnbb": ["f1ib27sc", "f14s7j5v"],
|
|
45
|
-
"Fpkomr": "f13oqbgc",
|
|
46
|
-
"Bttdqvk": ["f14s7j5v", "f1ib27sc"],
|
|
35
|
+
"yaquy9": "f4ltwxu",
|
|
47
36
|
"Bl8qd6i": "f1284xzw",
|
|
48
37
|
"Byzgy54": "f14dru39",
|
|
49
38
|
"mq8cyt": ["fvabyfg", "f12y1wz2"],
|
|
@@ -93,7 +82,8 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
93
82
|
"mc9l5x": "ftuwxu6"
|
|
94
83
|
},
|
|
95
84
|
"expandIcon": {
|
|
96
|
-
"Bg96gwp": "fez10in"
|
|
85
|
+
"Bg96gwp": "fez10in",
|
|
86
|
+
"Be2twd7": "fe5j1ua"
|
|
97
87
|
},
|
|
98
88
|
"expandIconStart": {
|
|
99
89
|
"z189sj": ["f19lj068", "f177v4lu"]
|
|
@@ -108,7 +98,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
108
98
|
},
|
|
109
99
|
"icon": {
|
|
110
100
|
"t21cq0": ["f1phki43", "ff9s3yw"],
|
|
111
|
-
"
|
|
101
|
+
"Be2twd7": "fe5j1ua"
|
|
112
102
|
},
|
|
113
103
|
"iconExpandIconEnd": {
|
|
114
104
|
"Frg6f3": ["f1oou7ox", "f1pxv85q"]
|
|
@@ -131,7 +121,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
131
121
|
"Be2twd7": "f1pp30po"
|
|
132
122
|
}
|
|
133
123
|
}, {
|
|
134
|
-
"d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .
|
|
124
|
+
"d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .fc85khu:focus{border-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fgtqheg:focus:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fq9bj62:focus:after{border-style:solid;}", "[data-keyboard-nav] .fy07e8r:focus:after{border-width:2px;}", "[data-keyboard-nav] .f1ha6shg:focus:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f4ltwxu:focus:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".f1d2rq10{height:32px;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fz5stix{white-space:nowrap;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}"],
|
|
135
125
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"]
|
|
136
126
|
});
|
|
137
127
|
/** Applies style classnames to slots */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,6BAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AAGA,OAAO,MAAM,wBAAwB,GAAG,qBAAjC;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
3
|
-
import { accordionItemShorthandProps } from './useAccordionItem';
|
|
4
3
|
import { AccordionItemContext } from './AccordionItemContext';
|
|
5
4
|
/**
|
|
6
5
|
* Function that renders the final JSX of the component
|
|
@@ -10,8 +9,9 @@ export const renderAccordionItem = (state, contextValues) => {
|
|
|
10
9
|
const {
|
|
11
10
|
slots,
|
|
12
11
|
slotProps
|
|
13
|
-
} = getSlots(state
|
|
14
|
-
return /*#__PURE__*/React.createElement(slots.root,
|
|
12
|
+
} = getSlots(state);
|
|
13
|
+
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
14
|
+
}, /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
|
|
15
15
|
value: contextValues.accordionItem
|
|
16
16
|
}, slotProps.root.children));
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,MAAM,mBAAmB,GAAG,CAAC,KAAD,EAA4B,aAA5B,KAAyE;AAC1G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAqB,KAArB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM","sourceRoot":""}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemProps, AccordionItemState
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
|
|
2
|
+
import type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';
|
|
7
3
|
/**
|
|
8
4
|
* Returns the props and state required to render the component
|
|
9
5
|
* @param props - AccordionItem properties
|