@fluentui/react-accordion 9.0.4 → 9.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +102 -4
- package/CHANGELOG.md +33 -5
- package/lib/components/Accordion/AccordionContext.js +5 -5
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +9 -5
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +7 -5
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +29 -29
- package/lib/components/AccordionItem/AccordionItemContext.js +9 -6
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +3 -4
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +2 -3
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +5 -5
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +9 -5
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +6 -5
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +29 -29
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +9 -6
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +2 -4
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +1 -3
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/package.json +10 -10
- package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,105 @@
|
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 20 Sep 2022 20:54:08 GMT",
|
|
6
|
+
"tag": "@fluentui/react-accordion_v9.0.6",
|
|
7
|
+
"version": "9.0.6",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui/react-accordion",
|
|
13
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14",
|
|
14
|
+
"commit": "9617a5a46ef4c5e310a066a5374ff2ed61db3c66"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Thu, 15 Sep 2022 09:49:45 GMT",
|
|
21
|
+
"tag": "@fluentui/react-accordion_v9.0.5",
|
|
22
|
+
"version": "9.0.5",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "lingfangao@hotmail.com",
|
|
27
|
+
"package": "@fluentui/react-accordion",
|
|
28
|
+
"commit": "a606fbedcf7d618d1a48706a5e15c26c4cd85ba6",
|
|
29
|
+
"comment": "chore: fix no-context-default-value lint violations for cxe"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"author": "ololubek@microsoft.com",
|
|
33
|
+
"package": "@fluentui/react-accordion",
|
|
34
|
+
"commit": "7b9f91b1fc1c2281bff1037b860b92dfbf99dfb1",
|
|
35
|
+
"comment": "fix(Refactor accordion expandIcon styling)"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"author": "sarah.higley@microsoft.com",
|
|
39
|
+
"package": "@fluentui/react-accordion",
|
|
40
|
+
"commit": "f17b8604209a099d354c212077832516dcfbbae2",
|
|
41
|
+
"comment": "fix: add type=button to button slot"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "olfedias@microsoft.com",
|
|
45
|
+
"package": "@fluentui/react-accordion",
|
|
46
|
+
"commit": "e610024474cfe5d45f61501a8b6a21daf4c794a2",
|
|
47
|
+
"comment": "chore: Update Griffel to latest version"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"author": "beachball",
|
|
51
|
+
"package": "@fluentui/react-accordion",
|
|
52
|
+
"comment": "Bump @fluentui/react-aria to v9.2.0",
|
|
53
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "beachball",
|
|
57
|
+
"package": "@fluentui/react-accordion",
|
|
58
|
+
"comment": "Bump @fluentui/react-context-selector to v9.0.3",
|
|
59
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "beachball",
|
|
63
|
+
"package": "@fluentui/react-accordion",
|
|
64
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.1",
|
|
65
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui/react-accordion",
|
|
70
|
+
"comment": "Bump @fluentui/react-tabster to v9.1.1",
|
|
71
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui/react-accordion",
|
|
76
|
+
"comment": "Bump @fluentui/react-theme to v9.1.0",
|
|
77
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui/react-accordion",
|
|
82
|
+
"comment": "Bump @fluentui/react-utilities to v9.1.0",
|
|
83
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui/react-accordion",
|
|
88
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13",
|
|
89
|
+
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
90
|
+
}
|
|
91
|
+
],
|
|
92
|
+
"none": [
|
|
93
|
+
{
|
|
94
|
+
"author": "martinhochel@microsoft.com",
|
|
95
|
+
"package": "@fluentui/react-accordion",
|
|
96
|
+
"commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
|
|
97
|
+
"comment": "chore: update package scaffold"
|
|
98
|
+
}
|
|
99
|
+
]
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"date": "Wed, 03 Aug 2022 16:03:35 GMT",
|
|
6
104
|
"tag": "@fluentui/react-accordion_v9.0.4",
|
|
7
105
|
"version": "9.0.4",
|
|
8
106
|
"comments": {
|
|
@@ -23,19 +121,19 @@
|
|
|
23
121
|
"author": "beachball",
|
|
24
122
|
"package": "@fluentui/react-accordion",
|
|
25
123
|
"comment": "Bump @fluentui/react-aria to v9.1.0",
|
|
26
|
-
"commit": "
|
|
124
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
27
125
|
},
|
|
28
126
|
{
|
|
29
127
|
"author": "beachball",
|
|
30
128
|
"package": "@fluentui/react-accordion",
|
|
31
129
|
"comment": "Bump @fluentui/react-tabster to v9.1.0",
|
|
32
|
-
"commit": "
|
|
130
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
33
131
|
},
|
|
34
132
|
{
|
|
35
133
|
"author": "beachball",
|
|
36
134
|
"package": "@fluentui/react-accordion",
|
|
37
135
|
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12",
|
|
38
|
-
"commit": "
|
|
136
|
+
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
39
137
|
}
|
|
40
138
|
],
|
|
41
139
|
"none": [
|
package/CHANGELOG.md
CHANGED
|
@@ -1,21 +1,49 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-accordion
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 20 Sep 2022 20:54:08 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.6)
|
|
8
|
+
|
|
9
|
+
Tue, 20 Sep 2022 20:54:08 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.5..@fluentui/react-accordion_v9.0.6)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14 ([PR #24870](https://github.com/microsoft/fluentui/pull/24870) by beachball)
|
|
15
|
+
|
|
16
|
+
## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.5)
|
|
17
|
+
|
|
18
|
+
Thu, 15 Sep 2022 09:49:45 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.4..@fluentui/react-accordion_v9.0.5)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- chore: fix no-context-default-value lint violations for cxe ([PR #24277](https://github.com/microsoft/fluentui/pull/24277) by lingfangao@hotmail.com)
|
|
24
|
+
- fix(Refactor accordion expandIcon styling) ([PR #24597](https://github.com/microsoft/fluentui/pull/24597) by ololubek@microsoft.com)
|
|
25
|
+
- fix: add type=button to button slot ([PR #24327](https://github.com/microsoft/fluentui/pull/24327) by sarah.higley@microsoft.com)
|
|
26
|
+
- chore: Update Griffel to latest version ([PR #24221](https://github.com/microsoft/fluentui/pull/24221) by olfedias@microsoft.com)
|
|
27
|
+
- Bump @fluentui/react-aria to v9.2.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
28
|
+
- Bump @fluentui/react-context-selector to v9.0.3 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
29
|
+
- Bump @fluentui/react-shared-contexts to v9.0.1 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
30
|
+
- Bump @fluentui/react-tabster to v9.1.1 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
31
|
+
- Bump @fluentui/react-theme to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
32
|
+
- Bump @fluentui/react-utilities to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
33
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
|
|
34
|
+
|
|
7
35
|
## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.4)
|
|
8
36
|
|
|
9
|
-
Wed, 03 Aug 2022 16:
|
|
37
|
+
Wed, 03 Aug 2022 16:03:35 GMT
|
|
10
38
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.3..@fluentui/react-accordion_v9.0.4)
|
|
11
39
|
|
|
12
40
|
### Patches
|
|
13
41
|
|
|
14
42
|
- chore: Updates AccordionHeader to use useARIAButtonShorthand over useARIAButton ([PR #24032](https://github.com/microsoft/fluentui/pull/24032) by bernardo.sunderhus@gmail.com)
|
|
15
43
|
- chore: Bump Griffel dependencies ([PR #24114](https://github.com/microsoft/fluentui/pull/24114) by miroslav.stastny@microsoft.com)
|
|
16
|
-
- Bump @fluentui/react-aria to v9.1.0 ([PR #
|
|
17
|
-
- Bump @fluentui/react-tabster to v9.1.0 ([PR #
|
|
18
|
-
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #
|
|
44
|
+
- Bump @fluentui/react-aria to v9.1.0 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
45
|
+
- Bump @fluentui/react-tabster to v9.1.0 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
46
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
|
|
19
47
|
|
|
20
48
|
## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.3)
|
|
21
49
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { createContext, useContextSelector } from '@fluentui/react-context-selector';
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { createContext, useContextSelector } from '@fluentui/react-context-selector';
|
|
2
|
+
export const AccordionContext = /*#__PURE__*/createContext(undefined);
|
|
3
|
+
const accordionContextDefaultValue = {
|
|
4
4
|
openItems: [],
|
|
5
5
|
collapsible: false,
|
|
6
6
|
|
|
@@ -8,7 +8,7 @@ export const AccordionContext = /*#__PURE__*/createContext({
|
|
|
8
8
|
/* noop */
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
}
|
|
11
|
+
};
|
|
12
12
|
export const AccordionProvider = AccordionContext.Provider;
|
|
13
|
-
export const useAccordionContext_unstable = selector => useContextSelector(AccordionContext, selector);
|
|
13
|
+
export const useAccordionContext_unstable = selector => useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));
|
|
14
14
|
//# sourceMappingURL=AccordionContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAyC,kBAAzC,QAAmE,kCAAnE,
|
|
1
|
+
{"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAyC,kBAAzC,QAAmE,kCAAnE;AAIA,OAAO,MAAM,gBAAgB,gBAAmC,aAAa,CAC3E,SAD2E,CAAtE;AAIP,MAAM,4BAA4B,GAA0B;EAC1D,SAAS,EAAE,EAD+C;EAE1D,WAAW,EAAE,KAF6C;;EAG1D,aAAa,GAAA;IACX;EACD;;AALyD,CAA5D;AAQA,OAAO,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAA3C;AACP,OAAO,MAAM,4BAA4B,GAAO,QAAJ,IAC1C,kBAAkB,CAAC,gBAAD,EAAmB,CAAC,GAAG,GAAG,4BAAP,KAAwC,QAAQ,CAAC,GAAD,CAAnE,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 | undefined>(\n undefined,\n) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: 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, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"sourceRoot":"../src/"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export const AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);
|
|
3
|
+
const accordionHeaderContextDefaultValue = {
|
|
4
4
|
open: false,
|
|
5
5
|
disabled: false,
|
|
6
6
|
size: 'medium',
|
|
7
7
|
expandIconPosition: 'start'
|
|
8
|
-
}
|
|
9
|
-
export const useAccordionHeaderContext = () =>
|
|
8
|
+
};
|
|
9
|
+
export const useAccordionHeaderContext = () => {
|
|
10
|
+
var _a;
|
|
11
|
+
|
|
12
|
+
return (_a = React.useContext(AccordionHeaderContext)) !== null && _a !== void 0 ? _a : accordionHeaderContextDefaultValue;
|
|
13
|
+
};
|
|
10
14
|
//# sourceMappingURL=AccordionHeaderContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionHeader/AccordionHeaderContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,
|
|
1
|
+
{"version":3,"sources":["components/AccordionHeader/AccordionHeaderContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAO,MAAM,sBAAsB,gBAAG,KAAK,CAAC,aAAN,CAA6D,SAA7D,CAA/B;AAEP,MAAM,kCAAkC,GAAG;EACzC,IAAI,EAAE,KADmC;EAEzC,QAAQ,EAAE,KAF+B;EAGzC,IAAI,EAAE,QAHmC;EAIzC,kBAAkB,EAAE;AAJqB,CAA3C;AAOA,OAAO,MAAM,yBAAyB,GAAG,MAAK;EAAA,IAAA,EAAA;;EAC5C,OAAA,CAAA,EAAA,GAAA,KAAK,CAAC,UAAN,CAAiB,sBAAjB,CAAA,MAAwC,IAAxC,IAAwC,EAAA,KAAA,KAAA,CAAxC,GAAwC,EAAxC,GAA4C,kCAA5C;AAA8E,CADzE","sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(undefined);\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const useAccordionHeaderContext = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"sourceRoot":"../src/"}
|
|
@@ -2,8 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
|
|
3
3
|
import { useAccordionItemContext_unstable } from '../AccordionItem/index';
|
|
4
4
|
import { useARIAButtonShorthand } from '@fluentui/react-aria';
|
|
5
|
-
import {
|
|
6
|
-
import { AccordionContext } from '../Accordion/AccordionContext';
|
|
5
|
+
import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
|
|
7
6
|
import { ChevronRightRegular } from '@fluentui/react-icons';
|
|
8
7
|
import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
|
|
9
8
|
/**
|
|
@@ -32,7 +31,7 @@ export const useAccordionHeader_unstable = (props, ref) => {
|
|
|
32
31
|
* and this is the only item opened
|
|
33
32
|
*/
|
|
34
33
|
|
|
35
|
-
const disabledFocusable =
|
|
34
|
+
const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);
|
|
36
35
|
const {
|
|
37
36
|
dir
|
|
38
37
|
} = useFluent(); // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
|
|
@@ -52,7 +51,8 @@ export const useAccordionHeader_unstable = (props, ref) => {
|
|
|
52
51
|
defaultProps: {
|
|
53
52
|
disabled,
|
|
54
53
|
disabledFocusable,
|
|
55
|
-
'aria-expanded': open
|
|
54
|
+
'aria-expanded': open,
|
|
55
|
+
type: 'button'
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
return {
|
|
@@ -76,7 +76,9 @@ export const useAccordionHeader_unstable = (props, ref) => {
|
|
|
76
76
|
required: true,
|
|
77
77
|
defaultProps: {
|
|
78
78
|
children: /*#__PURE__*/React.createElement(ChevronRightRegular, {
|
|
79
|
-
|
|
79
|
+
style: {
|
|
80
|
+
transform: `rotate(${expandIconRotation}deg)`
|
|
81
|
+
}
|
|
80
82
|
}),
|
|
81
83
|
'aria-hidden': true
|
|
82
84
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,gBAAlD,QAA0E,2BAA1E;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AACA,SAAS,sBAAT,QAAuC,sBAAvC;AAEA,SAAS,
|
|
1
|
+
{"version":3,"sources":["components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,gBAAlD,QAA0E,2BAA1E;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AACA,SAAS,sBAAT,QAAuC,sBAAvC;AAEA,SAAS,4BAAT,QAA6C,+BAA7C;AACA,SAAS,mBAAT,QAAoC,uBAApC;AACA,SAAS,kBAAkB,IAAI,SAA/B,QAAgD,iCAAhD;AAEA;;;;AAIG;;AACH,OAAO,MAAM,2BAA2B,GAAG,CACzC,KADyC,EAEzC,GAFyC,KAGjB;EACxB,MAAM;IAAE,EAAF;IAAM,IAAN;IAAY,MAAZ;IAAoB,UAApB;IAAgC,MAAM,GAAG,KAAzC;IAAgD,IAAI,GAAG,QAAvD;IAAiE,kBAAkB,GAAG;EAAtF,IAAkG,KAAxG;EACA,MAAM;IAAE,aAAa,EAAE,sBAAjB;IAAyC,QAAzC;IAAmD;EAAnD,IAA4D,gCAAgC,EAAlG;EAEA;;;AAGG;;EACH,MAAM,iBAAiB,GAAG,4BAA4B,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,WAAL,IAAoB,GAAG,CAAC,SAAJ,CAAc,MAAd,KAAyB,CAA7C,IAAkD,IAA1D,CAAtD;EAEA,MAAM;IAAE;EAAF,IAAU,SAAS,EAAzB,CAVwB,CAYxB;;EACA,IAAI,kBAAJ;;EACA,IAAI,kBAAkB,KAAK,KAA3B,EAAkC;IAChC;IACA,kBAAkB,GAAG,IAAI,GAAG,CAAC,EAAJ,GAAS,EAAlC;EACD,CAHD,MAGO;IACL;IACA,kBAAkB,GAAG,IAAI,GAAG,EAAH,GAAQ,GAAG,KAAK,KAAR,GAAgB,CAAhB,GAAoB,GAArD;EACD;;EAED,MAAM,eAAe,GAAG,sBAAsB,CAAC,MAAD,EAAS;IACrD,QAAQ,EAAE,IAD2C;IAErD,YAAY,EAAE;MACZ,QADY;MAEZ,iBAFY;MAGZ,iBAAiB,IAHL;MAIZ,IAAI,EAAE;IAJM;EAFuC,CAAT,CAA9C;EAUA,OAAO;IACL,QADK;IAEL,IAFK;IAGL,IAHK;IAIL,MAJK;IAKL,kBALK;IAML,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,MAAM,EAAE,QAFE;MAGV,UAAU,EAAE,MAHF;MAIV,IAAI,EAAE;IAJI,CANP;IAYL,IAAI,EAAE,qBAAqB,CAAC,EAAE,IAAI,KAAP,EAAc;MACvC,GADuC;MAEvC,GAAG;IAFoC,CAAd,CAZtB;IAgBL,IAAI,EAAE,gBAAgB,CAAC,IAAD,CAhBjB;IAiBL,UAAU,EAAE,gBAAgB,CAAC,UAAD,EAAa;MACvC,QAAQ,EAAE,IAD6B;MAEvC,YAAY,EAAE;QACZ,QAAQ,eAAE,KAAA,CAAA,aAAA,CAAC,mBAAD,EAAoB;UAAC,KAAK,EAAE;YAAE,SAAS,EAAE,UAAU,kBAAkB;UAAzC;QAAR,CAApB,CADE;QAEZ,eAAe;MAFH;IAFyB,CAAb,CAjBvB;IAwBL,MAAM,EAAE,EACN,GAAG,eADG;MAEN,OAAO,EAAE,gBAAgB,CACtB,EAAD,IAAmG;;;QACjG,CAAA,EAAA,GAAA,eAAe,CAAC,OAAhB,MAAuB,IAAvB,IAAuB,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuB,EAAA,CAAA,IAAA,CAAvB,eAAuB,EAAG,EAAH,CAAvB;;QACA,IAAI,CAAC,EAAE,CAAC,gBAAR,EAA0B;UACxB,sBAAsB,CAAC,EAAD,CAAtB;QACD;MACF,CANsB;IAFnB;EAxBH,CAAP;AAoCD,CAvEM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n const buttonShorthand = useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button',\n },\n });\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: getNativeElementProps(as || 'div', {\n ref,\n ...props,\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n 'aria-hidden': true,\n },\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(\n (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n buttonShorthand.onClick?.(ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n },\n ),\n },\n };\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -28,34 +28,34 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
28
28
|
"focusIndicator": {
|
|
29
29
|
"Brovlpu": "ftqa4ok",
|
|
30
30
|
"B486eqv": "f2hkw1w",
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
31
|
+
"r6j8yp": "f9sgzds",
|
|
32
|
+
"w235jp": ["fut1j4r", "fkf1fqv"],
|
|
33
|
+
"Bjm0d8m": "f1t0sa4d",
|
|
34
|
+
"jwfw70": ["fkf1fqv", "fut1j4r"],
|
|
35
|
+
"Boz55fv": "f1m3tk81",
|
|
36
|
+
"pmqz9c": "f1pr2mxm",
|
|
37
|
+
"Bl9sb7i": "f29vp72",
|
|
38
|
+
"h4jxiv": "f1b5h9zn",
|
|
39
|
+
"E4x6tl": "f1ltau7e",
|
|
40
|
+
"B9c4r0f": ["f18ihh6m", "fzaptb5"],
|
|
41
|
+
"Bstwoin": "f1or3dzb",
|
|
42
|
+
"Bflkndj": ["fzaptb5", "f18ihh6m"],
|
|
43
|
+
"h1egvf": "fciubpk",
|
|
44
|
+
"vw8w2h": ["fzvtil0", "f1e7tdtt"],
|
|
45
|
+
"Bbpctgi": "f14oz5ke",
|
|
46
|
+
"Dyu7ee": ["f1e7tdtt", "fzvtil0"],
|
|
47
|
+
"gnkc5c": ["f1clxaxy", "f1pefego"],
|
|
48
|
+
"Bw9c0us": ["f1pefego", "f1clxaxy"],
|
|
49
|
+
"B9ptage": ["f1e14n0d", "f19um3kx"],
|
|
50
|
+
"c7u8z9": ["f19um3kx", "f1e14n0d"],
|
|
51
|
+
"Bgf7pbm": "f1a5bpr6",
|
|
52
|
+
"Btw8xqj": ["fjsutlp", "f1fz4ffz"],
|
|
53
|
+
"B6j1cfa": "f11bfvwp",
|
|
54
|
+
"B3wlxu": ["f1fz4ffz", "fjsutlp"],
|
|
55
|
+
"Beastro": "f1hebwof",
|
|
56
|
+
"Bhizb9d": "f19pyrw2",
|
|
57
|
+
"B2fkz8r": ["fjebp7m", "f1m6puf8"],
|
|
58
|
+
"B0gbj9w": ["f1m6puf8", "fjebp7m"]
|
|
59
59
|
},
|
|
60
60
|
"root": {
|
|
61
61
|
"sj55zd": "f19n0e5",
|
|
@@ -153,7 +153,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
153
153
|
"Be2twd7": "f1pp30po"
|
|
154
154
|
}
|
|
155
155
|
}, {
|
|
156
|
-
"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;}", ".fgusgyc{text-align:unset;}", ".
|
|
156
|
+
"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;}", ".fgusgyc{text-align:unset;}", ".f9sgzds.fui-focus-visible{border-top-color:transparent;}", ".fut1j4r.fui-focus-visible{border-right-color:transparent;}", ".fkf1fqv.fui-focus-visible{border-left-color:transparent;}", ".f1t0sa4d.fui-focus-visible{border-bottom-color:transparent;}", ".f1m3tk81.fui-focus-visible::after{content:\"\";}", ".f1pr2mxm.fui-focus-visible::after{position:absolute;}", ".f29vp72.fui-focus-visible::after{pointer-events:none;}", ".f1b5h9zn.fui-focus-visible::after{z-index:1;}", ".f1ltau7e.fui-focus-visible::after{border-top-style:solid;}", ".f18ihh6m.fui-focus-visible::after{border-right-style:solid;}", ".fzaptb5.fui-focus-visible::after{border-left-style:solid;}", ".f1or3dzb.fui-focus-visible::after{border-bottom-style:solid;}", ".fciubpk.fui-focus-visible::after{border-top-width:2px;}", ".fzvtil0.fui-focus-visible::after{border-right-width:2px;}", ".f1e7tdtt.fui-focus-visible::after{border-left-width:2px;}", ".f14oz5ke.fui-focus-visible::after{border-bottom-width:2px;}", ".f1clxaxy.fui-focus-visible::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1pefego.fui-focus-visible::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1e14n0d.fui-focus-visible::after{border-top-right-radius:var(--borderRadiusMedium);}", ".f19um3kx.fui-focus-visible::after{border-top-left-radius:var(--borderRadiusMedium);}", ".f1a5bpr6.fui-focus-visible::after{border-top-color:var(--colorStrokeFocus2);}", ".fjsutlp.fui-focus-visible::after{border-right-color:var(--colorStrokeFocus2);}", ".f1fz4ffz.fui-focus-visible::after{border-left-color:var(--colorStrokeFocus2);}", ".f11bfvwp.fui-focus-visible::after{border-bottom-color:var(--colorStrokeFocus2);}", ".f1hebwof.fui-focus-visible::after{top:-2px;}", ".f19pyrw2.fui-focus-visible::after{bottom:-2px;}", ".fjebp7m.fui-focus-visible::after{left:-2px;}", ".f1m6puf8.fui-focus-visible::after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".fly5x3f{width:100%;}", ".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;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".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;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1l02sjl{height:100%;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".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;}"],
|
|
157
157
|
"f": [".ftqa4ok:focus{outline-style:none;}"],
|
|
158
158
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"]
|
|
159
159
|
});
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export const AccordionItemContext = /*#__PURE__*/React.createContext({
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export const AccordionItemContext = /*#__PURE__*/React.createContext(undefined);
|
|
3
|
+
const accordionItemContextDefaultValue = {
|
|
5
4
|
onHeaderClick() {
|
|
6
5
|
/** */
|
|
7
6
|
},
|
|
8
7
|
|
|
9
8
|
open: false,
|
|
10
9
|
disabled: false
|
|
11
|
-
}
|
|
10
|
+
};
|
|
12
11
|
export const AccordionItemProvider = AccordionItemContext.Provider;
|
|
13
|
-
export const useAccordionItemContext_unstable = () =>
|
|
12
|
+
export const useAccordionItemContext_unstable = () => {
|
|
13
|
+
var _a;
|
|
14
|
+
|
|
15
|
+
return (_a = React.useContext(AccordionItemContext)) !== null && _a !== void 0 ? _a : accordionItemContextDefaultValue;
|
|
16
|
+
};
|
|
14
17
|
//# sourceMappingURL=AccordionItemContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB
|
|
1
|
+
{"version":3,"sources":["components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAO,MAAM,oBAAoB,gBAAG,KAAK,CAAC,aAAN,CAClC,SADkC,CAA7B;AAIP,MAAM,gCAAgC,GAA8B;EAClE,aAAa,GAAA;IACX;EACD,CAHiE;;EAIlE,IAAI,EAAE,KAJ4D;EAKlE,QAAQ,EAAE;AALwD,CAApE;AAQA,OAAO,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,QAAnD;AAEP,OAAO,MAAM,gCAAgC,GAAG,MAAK;EAAA,IAAA,EAAA;;EACnD,OAAA,CAAA,EAAA,GAAA,KAAK,CAAC,UAAN,CAAiB,oBAAjB,CAAA,MAAsC,IAAtC,IAAsC,EAAA,KAAA,KAAA,CAAtC,GAAsC,EAAtC,GAA0C,gCAA1C;AAA0E,CADrE","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"sourceRoot":"../src/"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
|
-
import {
|
|
4
|
-
import { AccordionContext } from '../Accordion/AccordionContext';
|
|
3
|
+
import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
|
|
5
4
|
/**
|
|
6
5
|
* Returns the props and state required to render the component
|
|
7
6
|
* @param props - AccordionItem properties
|
|
@@ -13,8 +12,8 @@ export const useAccordionItem_unstable = (props, ref) => {
|
|
|
13
12
|
value,
|
|
14
13
|
disabled = false
|
|
15
14
|
} = props;
|
|
16
|
-
const requestToggle =
|
|
17
|
-
const open =
|
|
15
|
+
const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);
|
|
16
|
+
const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));
|
|
18
17
|
const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
|
|
19
18
|
value
|
|
20
19
|
}), [requestToggle, value]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,4BAAT,QAA6C,+BAA7C;AAIA;;;;AAIG;;AACH,OAAO,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;EACtB,MAAM;IAAE,KAAF;IAAS,QAAQ,GAAG;EAApB,IAA8B,KAApC;EAEA,MAAM,aAAa,GAAG,4BAA4B,CAAC,GAAG,IAAI,GAAG,CAAC,aAAZ,CAAlD;EACA,MAAM,IAAI,GAAG,4BAA4B,CAAC,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAAR,CAAzC;EACA,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;IAAE;EAAF,CAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;EAKA,OAAO;IACL,IADK;IAEL,QAFK;IAGL,aAAa,EAAE,sBAHV;IAIL,UAAU,EAAE;MACV,IAAI,EAAE;IADI,CAJP;IAOL,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;MACjC,GAAG,EAAE,GAD4B;MAEjC,GAAG;IAF8B,CAAR;EAPtB,CAAP;AAYD,CAzBM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */\nexport const useAccordionItem_unstable = (\n props: AccordionItemProps,\n ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n const { value, disabled = false } = props;\n\n const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n const onAccordionHeaderClick = React.useCallback((ev: AccordionToggleEvent) => requestToggle(ev, { value }), [\n requestToggle,\n value,\n ]);\n\n return {\n open,\n disabled,\n onHeaderClick: onAccordionHeaderClick,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref: ref,\n ...props,\n }),\n };\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
2
2
|
import { useTabsterAttributes } from '@fluentui/react-tabster';
|
|
3
3
|
import { useAccordionItemContext_unstable } from '../AccordionItem/index';
|
|
4
|
-
import {
|
|
5
|
-
import { AccordionContext } from '../Accordion/AccordionContext';
|
|
4
|
+
import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
|
|
6
5
|
/**
|
|
7
6
|
* Returns the props and state required to render the component
|
|
8
7
|
* @param props - AccordionPanel properties
|
|
@@ -18,7 +17,7 @@ export const useAccordionPanel_unstable = (props, ref) => {
|
|
|
18
17
|
excludeFromMover: true
|
|
19
18
|
}
|
|
20
19
|
});
|
|
21
|
-
const navigation =
|
|
20
|
+
const navigation = useAccordionContext_unstable(ctx => ctx.navigation);
|
|
22
21
|
return {
|
|
23
22
|
open,
|
|
24
23
|
components: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,oBAAT,QAAqC,yBAArC;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,oBAAT,QAAqC,yBAArC;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AACA,SAAS,4BAAT,QAA6C,+BAA7C;AAGA;;;;AAIG;;AACH,OAAO,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;EACvB,MAAM;IAAE;EAAF,IAAW,gCAAgC,EAAjD;EACA,MAAM,cAAc,GAAG,oBAAoB,CAAC;IAAE,SAAS,EAAE;MAAE,gBAAgB,EAAE;IAApB;EAAb,CAAD,CAA3C;EACA,MAAM,UAAU,GAAG,4BAA4B,CAAC,GAAG,IAAI,GAAG,CAAC,UAAZ,CAA/C;EAEA,OAAO;IACL,IADK;IAEL,UAAU,EAAE;MACV,IAAI,EAAE;IADI,CAFP;IAKL,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;MACjC,GADiC;MAEjC,GAAG,KAF8B;MAGjC,IAAI,UAAU,IAAI,cAAlB;IAHiC,CAAR;EALtB,CAAP;AAWD,CAnBM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n ...(navigation && focusableProps),\n }),\n };\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useAccordionContext_unstable = exports.AccordionProvider = exports.AccordionContext = void 0;
|
|
7
7
|
|
|
8
|
-
const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
|
|
8
|
+
const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
|
|
11
|
+
const accordionContextDefaultValue = {
|
|
12
12
|
openItems: [],
|
|
13
13
|
collapsible: false,
|
|
14
14
|
|
|
@@ -16,10 +16,10 @@ exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext({
|
|
|
16
16
|
/* noop */
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
}
|
|
19
|
+
};
|
|
20
20
|
exports.AccordionProvider = exports.AccordionContext.Provider;
|
|
21
21
|
|
|
22
|
-
const useAccordionContext_unstable = selector => react_context_selector_1.useContextSelector(exports.AccordionContext, selector);
|
|
22
|
+
const useAccordionContext_unstable = selector => react_context_selector_1.useContextSelector(exports.AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));
|
|
23
23
|
|
|
24
24
|
exports.useAccordionContext_unstable = useAccordionContext_unstable;
|
|
25
25
|
//# sourceMappingURL=AccordionContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA,
|
|
1
|
+
{"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,gBAAA,gBAAmD,wBAAA,CAAA,aAAA,CAC9D,SAD8D,CAAnD;AAIb,MAAM,4BAA4B,GAA0B;EAC1D,SAAS,EAAE,EAD+C;EAE1D,WAAW,EAAE,KAF6C;;EAG1D,aAAa,GAAA;IACX;EACD;;AALyD,CAA5D;AAQa,OAAA,CAAA,iBAAA,GAAoB,OAAA,CAAA,gBAAA,CAAiB,QAArC;;AACN,MAAM,4BAA4B,GAAO,QAAJ,IAC1C,wBAAA,CAAA,kBAAA,CAAmB,OAAA,CAAA,gBAAnB,EAAqC,CAAC,GAAG,GAAG,4BAAP,KAAwC,QAAQ,CAAC,GAAD,CAArF,CADK;;AAAM,OAAA,CAAA,4BAAA,GAA4B,4BAA5B","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 | undefined>(\n undefined,\n) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: 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, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"sourceRoot":"../src/"}
|
|
@@ -5,17 +5,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useAccordionHeaderContext = exports.AccordionHeaderContext = void 0;
|
|
7
7
|
|
|
8
|
-
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
exports.AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);
|
|
11
|
+
const accordionHeaderContextDefaultValue = {
|
|
12
12
|
open: false,
|
|
13
13
|
disabled: false,
|
|
14
14
|
size: 'medium',
|
|
15
15
|
expandIconPosition: 'start'
|
|
16
|
-
}
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
const useAccordionHeaderContext = () => {
|
|
19
|
+
var _a;
|
|
17
20
|
|
|
18
|
-
|
|
21
|
+
return (_a = React.useContext(exports.AccordionHeaderContext)) !== null && _a !== void 0 ? _a : accordionHeaderContextDefaultValue;
|
|
22
|
+
};
|
|
19
23
|
|
|
20
24
|
exports.useAccordionHeaderContext = useAccordionHeaderContext;
|
|
21
25
|
//# sourceMappingURL=AccordionHeaderContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionHeader/AccordionHeaderContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,
|
|
1
|
+
{"version":3,"sources":["components/AccordionHeader/AccordionHeaderContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAyB,KAAK,CAAC,aAAN,CAA6D,SAA7D,CAAzB;AAEb,MAAM,kCAAkC,GAAG;EACzC,IAAI,EAAE,KADmC;EAEzC,QAAQ,EAAE,KAF+B;EAGzC,IAAI,EAAE,QAHmC;EAIzC,kBAAkB,EAAE;AAJqB,CAA3C;;AAOO,MAAM,yBAAyB,GAAG,MAAK;EAAA,IAAA,EAAA;;EAC5C,OAAA,CAAA,EAAA,GAAA,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAA,sBAAjB,CAAA,MAAwC,IAAxC,IAAwC,EAAA,KAAA,KAAA,CAAxC,GAAwC,EAAxC,GAA4C,kCAA5C;AAA8E,CADzE;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(undefined);\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const useAccordionHeaderContext = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"sourceRoot":"../src/"}
|
|
@@ -13,8 +13,6 @@ const index_1 = /*#__PURE__*/require("../AccordionItem/index");
|
|
|
13
13
|
|
|
14
14
|
const react_aria_1 = /*#__PURE__*/require("@fluentui/react-aria");
|
|
15
15
|
|
|
16
|
-
const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
|
|
17
|
-
|
|
18
16
|
const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
|
|
19
17
|
|
|
20
18
|
const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
|
|
@@ -47,7 +45,7 @@ const useAccordionHeader_unstable = (props, ref) => {
|
|
|
47
45
|
* and this is the only item opened
|
|
48
46
|
*/
|
|
49
47
|
|
|
50
|
-
const disabledFocusable =
|
|
48
|
+
const disabledFocusable = AccordionContext_1.useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);
|
|
51
49
|
const {
|
|
52
50
|
dir
|
|
53
51
|
} = react_shared_contexts_1.useFluent_unstable(); // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
|
|
@@ -67,7 +65,8 @@ const useAccordionHeader_unstable = (props, ref) => {
|
|
|
67
65
|
defaultProps: {
|
|
68
66
|
disabled,
|
|
69
67
|
disabledFocusable,
|
|
70
|
-
'aria-expanded': open
|
|
68
|
+
'aria-expanded': open,
|
|
69
|
+
type: 'button'
|
|
71
70
|
}
|
|
72
71
|
});
|
|
73
72
|
return {
|
|
@@ -91,7 +90,9 @@ const useAccordionHeader_unstable = (props, ref) => {
|
|
|
91
90
|
required: true,
|
|
92
91
|
defaultProps: {
|
|
93
92
|
children: React.createElement(react_icons_1.ChevronRightRegular, {
|
|
94
|
-
|
|
93
|
+
style: {
|
|
94
|
+
transform: `rotate(${expandIconRotation}deg)`
|
|
95
|
+
}
|
|
95
96
|
}),
|
|
96
97
|
'aria-hidden': true
|
|
97
98
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAEA,MAAA,
|
|
1
|
+
{"version":3,"sources":["components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAEA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;AAEA;;;;AAIG;;;AACI,MAAM,2BAA2B,GAAG,CACzC,KADyC,EAEzC,GAFyC,KAGjB;EACxB,MAAM;IAAE,EAAF;IAAM,IAAN;IAAY,MAAZ;IAAoB,UAApB;IAAgC,MAAM,GAAG,KAAzC;IAAgD,IAAI,GAAG,QAAvD;IAAiE,kBAAkB,GAAG;EAAtF,IAAkG,KAAxG;EACA,MAAM;IAAE,aAAa,EAAE,sBAAjB;IAAyC,QAAzC;IAAmD;EAAnD,IAA4D,OAAA,CAAA,gCAAA,EAAlE;EAEA;;;AAGG;;EACH,MAAM,iBAAiB,GAAG,kBAAA,CAAA,4BAAA,CAA6B,GAAG,IAAI,CAAC,GAAG,CAAC,WAAL,IAAoB,GAAG,CAAC,SAAJ,CAAc,MAAd,KAAyB,CAA7C,IAAkD,IAAtF,CAA1B;EAEA,MAAM;IAAE;EAAF,IAAU,uBAAA,CAAA,kBAAA,EAAhB,CAVwB,CAYxB;;EACA,IAAI,kBAAJ;;EACA,IAAI,kBAAkB,KAAK,KAA3B,EAAkC;IAChC;IACA,kBAAkB,GAAG,IAAI,GAAG,CAAC,EAAJ,GAAS,EAAlC;EACD,CAHD,MAGO;IACL;IACA,kBAAkB,GAAG,IAAI,GAAG,EAAH,GAAQ,GAAG,KAAK,KAAR,GAAgB,CAAhB,GAAoB,GAArD;EACD;;EAED,MAAM,eAAe,GAAG,YAAA,CAAA,sBAAA,CAAuB,MAAvB,EAA+B;IACrD,QAAQ,EAAE,IAD2C;IAErD,YAAY,EAAE;MACZ,QADY;MAEZ,iBAFY;MAGZ,iBAAiB,IAHL;MAIZ,IAAI,EAAE;IAJM;EAFuC,CAA/B,CAAxB;EAUA,OAAO;IACL,QADK;IAEL,IAFK;IAGL,IAHK;IAIL,MAJK;IAKL,kBALK;IAML,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,MAAM,EAAE,QAFE;MAGV,UAAU,EAAE,MAHF;MAIV,IAAI,EAAE;IAJI,CANP;IAYL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAE,IAAI,KAA5B,EAAmC;MACvC,GADuC;MAEvC,GAAG;IAFoC,CAAnC,CAZD;IAgBL,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,IAAjB,CAhBD;IAiBL,UAAU,EAAE,iBAAA,CAAA,gBAAA,CAAiB,UAAjB,EAA6B;MACvC,QAAQ,EAAE,IAD6B;MAEvC,YAAY,EAAE;QACZ,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,mBAAD,EAAoB;UAAC,KAAK,EAAE;YAAE,SAAS,EAAE,UAAU,kBAAkB;UAAzC;QAAR,CAApB,CADE;QAEZ,eAAe;MAFH;IAFyB,CAA7B,CAjBP;IAwBL,MAAM,EAAE,EACN,GAAG,eADG;MAEN,OAAO,EAAE,iBAAA,CAAA,gBAAA,CACN,EAAD,IAAmG;;;QACjG,CAAA,EAAA,GAAA,eAAe,CAAC,OAAhB,MAAuB,IAAvB,IAAuB,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuB,EAAA,CAAA,IAAA,CAAvB,eAAuB,EAAG,EAAH,CAAvB;;QACA,IAAI,CAAC,EAAE,CAAC,gBAAR,EAA0B;UACxB,sBAAsB,CAAC,EAAD,CAAtB;QACD;MACF,CANM;IAFH;EAxBH,CAAP;AAoCD,CAvEM;;AAAM,OAAA,CAAA,2BAAA,GAA2B,2BAA3B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n const buttonShorthand = useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button',\n },\n });\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: getNativeElementProps(as || 'div', {\n ref,\n ...props,\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n 'aria-hidden': true,\n },\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(\n (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n buttonShorthand.onClick?.(ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n },\n ),\n },\n };\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -38,34 +38,34 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
|
38
38
|
"focusIndicator": {
|
|
39
39
|
"Brovlpu": "ftqa4ok",
|
|
40
40
|
"B486eqv": "f2hkw1w",
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
41
|
+
"r6j8yp": "f9sgzds",
|
|
42
|
+
"w235jp": ["fut1j4r", "fkf1fqv"],
|
|
43
|
+
"Bjm0d8m": "f1t0sa4d",
|
|
44
|
+
"jwfw70": ["fkf1fqv", "fut1j4r"],
|
|
45
|
+
"Boz55fv": "f1m3tk81",
|
|
46
|
+
"pmqz9c": "f1pr2mxm",
|
|
47
|
+
"Bl9sb7i": "f29vp72",
|
|
48
|
+
"h4jxiv": "f1b5h9zn",
|
|
49
|
+
"E4x6tl": "f1ltau7e",
|
|
50
|
+
"B9c4r0f": ["f18ihh6m", "fzaptb5"],
|
|
51
|
+
"Bstwoin": "f1or3dzb",
|
|
52
|
+
"Bflkndj": ["fzaptb5", "f18ihh6m"],
|
|
53
|
+
"h1egvf": "fciubpk",
|
|
54
|
+
"vw8w2h": ["fzvtil0", "f1e7tdtt"],
|
|
55
|
+
"Bbpctgi": "f14oz5ke",
|
|
56
|
+
"Dyu7ee": ["f1e7tdtt", "fzvtil0"],
|
|
57
|
+
"gnkc5c": ["f1clxaxy", "f1pefego"],
|
|
58
|
+
"Bw9c0us": ["f1pefego", "f1clxaxy"],
|
|
59
|
+
"B9ptage": ["f1e14n0d", "f19um3kx"],
|
|
60
|
+
"c7u8z9": ["f19um3kx", "f1e14n0d"],
|
|
61
|
+
"Bgf7pbm": "f1a5bpr6",
|
|
62
|
+
"Btw8xqj": ["fjsutlp", "f1fz4ffz"],
|
|
63
|
+
"B6j1cfa": "f11bfvwp",
|
|
64
|
+
"B3wlxu": ["f1fz4ffz", "fjsutlp"],
|
|
65
|
+
"Beastro": "f1hebwof",
|
|
66
|
+
"Bhizb9d": "f19pyrw2",
|
|
67
|
+
"B2fkz8r": ["fjebp7m", "f1m6puf8"],
|
|
68
|
+
"B0gbj9w": ["f1m6puf8", "fjebp7m"]
|
|
69
69
|
},
|
|
70
70
|
"root": {
|
|
71
71
|
"sj55zd": "f19n0e5",
|
|
@@ -163,7 +163,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
|
163
163
|
"Be2twd7": "f1pp30po"
|
|
164
164
|
}
|
|
165
165
|
}, {
|
|
166
|
-
"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;}", ".fgusgyc{text-align:unset;}", ".
|
|
166
|
+
"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;}", ".fgusgyc{text-align:unset;}", ".f9sgzds.fui-focus-visible{border-top-color:transparent;}", ".fut1j4r.fui-focus-visible{border-right-color:transparent;}", ".fkf1fqv.fui-focus-visible{border-left-color:transparent;}", ".f1t0sa4d.fui-focus-visible{border-bottom-color:transparent;}", ".f1m3tk81.fui-focus-visible::after{content:\"\";}", ".f1pr2mxm.fui-focus-visible::after{position:absolute;}", ".f29vp72.fui-focus-visible::after{pointer-events:none;}", ".f1b5h9zn.fui-focus-visible::after{z-index:1;}", ".f1ltau7e.fui-focus-visible::after{border-top-style:solid;}", ".f18ihh6m.fui-focus-visible::after{border-right-style:solid;}", ".fzaptb5.fui-focus-visible::after{border-left-style:solid;}", ".f1or3dzb.fui-focus-visible::after{border-bottom-style:solid;}", ".fciubpk.fui-focus-visible::after{border-top-width:2px;}", ".fzvtil0.fui-focus-visible::after{border-right-width:2px;}", ".f1e7tdtt.fui-focus-visible::after{border-left-width:2px;}", ".f14oz5ke.fui-focus-visible::after{border-bottom-width:2px;}", ".f1clxaxy.fui-focus-visible::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1pefego.fui-focus-visible::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1e14n0d.fui-focus-visible::after{border-top-right-radius:var(--borderRadiusMedium);}", ".f19um3kx.fui-focus-visible::after{border-top-left-radius:var(--borderRadiusMedium);}", ".f1a5bpr6.fui-focus-visible::after{border-top-color:var(--colorStrokeFocus2);}", ".fjsutlp.fui-focus-visible::after{border-right-color:var(--colorStrokeFocus2);}", ".f1fz4ffz.fui-focus-visible::after{border-left-color:var(--colorStrokeFocus2);}", ".f11bfvwp.fui-focus-visible::after{border-bottom-color:var(--colorStrokeFocus2);}", ".f1hebwof.fui-focus-visible::after{top:-2px;}", ".f19pyrw2.fui-focus-visible::after{bottom:-2px;}", ".fjebp7m.fui-focus-visible::after{left:-2px;}", ".f1m6puf8.fui-focus-visible::after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".fly5x3f{width:100%;}", ".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;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".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;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1l02sjl{height:100%;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".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;}"],
|
|
167
167
|
"f": [".ftqa4ok:focus{outline-style:none;}"],
|
|
168
168
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"]
|
|
169
169
|
});
|
|
@@ -5,21 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useAccordionItemContext_unstable = exports.AccordionItemProvider = exports.AccordionItemContext = void 0;
|
|
7
7
|
|
|
8
|
-
const React = /*#__PURE__*/require("react");
|
|
9
|
-
// eslint-disable-next-line @fluentui/no-context-default-value
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
10
9
|
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
exports.AccordionItemContext = /*#__PURE__*/React.createContext(undefined);
|
|
11
|
+
const accordionItemContextDefaultValue = {
|
|
13
12
|
onHeaderClick() {
|
|
14
13
|
/** */
|
|
15
14
|
},
|
|
16
15
|
|
|
17
16
|
open: false,
|
|
18
17
|
disabled: false
|
|
19
|
-
}
|
|
18
|
+
};
|
|
20
19
|
exports.AccordionItemProvider = exports.AccordionItemContext.Provider;
|
|
21
20
|
|
|
22
|
-
const useAccordionItemContext_unstable = () =>
|
|
21
|
+
const useAccordionItemContext_unstable = () => {
|
|
22
|
+
var _a;
|
|
23
|
+
|
|
24
|
+
return (_a = React.useContext(exports.AccordionItemContext)) !== null && _a !== void 0 ? _a : accordionItemContextDefaultValue;
|
|
25
|
+
};
|
|
23
26
|
|
|
24
27
|
exports.useAccordionItemContext_unstable = useAccordionItemContext_unstable;
|
|
25
28
|
//# sourceMappingURL=AccordionItemContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,
|
|
1
|
+
{"version":3,"sources":["components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,gBAAuB,KAAK,CAAC,aAAN,CAClC,SADkC,CAAvB;AAIb,MAAM,gCAAgC,GAA8B;EAClE,aAAa,GAAA;IACX;EACD,CAHiE;;EAIlE,IAAI,EAAE,KAJ4D;EAKlE,QAAQ,EAAE;AALwD,CAApE;AAQa,OAAA,CAAA,qBAAA,GAAwB,OAAA,CAAA,oBAAA,CAAqB,QAA7C;;AAEN,MAAM,gCAAgC,GAAG,MAAK;EAAA,IAAA,EAAA;;EACnD,OAAA,CAAA,EAAA,GAAA,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAA,oBAAjB,CAAA,MAAsC,IAAtC,IAAsC,EAAA,KAAA,KAAA,CAAtC,GAAsC,EAAtC,GAA0C,gCAA1C;AAA0E,CADrE;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"sourceRoot":"../src/"}
|
|
@@ -9,8 +9,6 @@ const React = /*#__PURE__*/require("react");
|
|
|
9
9
|
|
|
10
10
|
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
11
11
|
|
|
12
|
-
const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
|
|
13
|
-
|
|
14
12
|
const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
|
|
15
13
|
/**
|
|
16
14
|
* Returns the props and state required to render the component
|
|
@@ -24,8 +22,8 @@ const useAccordionItem_unstable = (props, ref) => {
|
|
|
24
22
|
value,
|
|
25
23
|
disabled = false
|
|
26
24
|
} = props;
|
|
27
|
-
const requestToggle =
|
|
28
|
-
const open =
|
|
25
|
+
const requestToggle = AccordionContext_1.useAccordionContext_unstable(ctx => ctx.requestToggle);
|
|
26
|
+
const open = AccordionContext_1.useAccordionContext_unstable(ctx => ctx.openItems.includes(value));
|
|
29
27
|
const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
|
|
30
28
|
value
|
|
31
29
|
}), [requestToggle, value]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,
|
|
1
|
+
{"version":3,"sources":["components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAIA;;;;AAIG;;;AACI,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;EACtB,MAAM;IAAE,KAAF;IAAS,QAAQ,GAAG;EAApB,IAA8B,KAApC;EAEA,MAAM,aAAa,GAAG,kBAAA,CAAA,4BAAA,CAA6B,GAAG,IAAI,GAAG,CAAC,aAAxC,CAAtB;EACA,MAAM,IAAI,GAAG,kBAAA,CAAA,4BAAA,CAA6B,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAApC,CAAb;EACA,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;IAAE;EAAF,CAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;EAKA,OAAO;IACL,IADK;IAEL,QAFK;IAGL,aAAa,EAAE,sBAHV;IAIL,UAAU,EAAE;MACV,IAAI,EAAE;IADI,CAJP;IAOL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;MACjC,GAAG,EAAE,GAD4B;MAEjC,GAAG;IAF8B,CAA7B;EAPD,CAAP;AAYD,CAzBM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */\nexport const useAccordionItem_unstable = (\n props: AccordionItemProps,\n ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n const { value, disabled = false } = props;\n\n const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n const onAccordionHeaderClick = React.useCallback((ev: AccordionToggleEvent) => requestToggle(ev, { value }), [\n requestToggle,\n value,\n ]);\n\n return {\n open,\n disabled,\n onHeaderClick: onAccordionHeaderClick,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref: ref,\n ...props,\n }),\n };\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -11,8 +11,6 @@ const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
|
11
11
|
|
|
12
12
|
const index_1 = /*#__PURE__*/require("../AccordionItem/index");
|
|
13
13
|
|
|
14
|
-
const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
|
|
15
|
-
|
|
16
14
|
const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
|
|
17
15
|
/**
|
|
18
16
|
* Returns the props and state required to render the component
|
|
@@ -30,7 +28,7 @@ const useAccordionPanel_unstable = (props, ref) => {
|
|
|
30
28
|
excludeFromMover: true
|
|
31
29
|
}
|
|
32
30
|
});
|
|
33
|
-
const navigation =
|
|
31
|
+
const navigation = AccordionContext_1.useAccordionContext_unstable(ctx => ctx.navigation);
|
|
34
32
|
return {
|
|
35
33
|
open,
|
|
36
34
|
components: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,
|
|
1
|
+
{"version":3,"sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;EACvB,MAAM;IAAE;EAAF,IAAW,OAAA,CAAA,gCAAA,EAAjB;EACA,MAAM,cAAc,GAAG,eAAA,CAAA,oBAAA,CAAqB;IAAE,SAAS,EAAE;MAAE,gBAAgB,EAAE;IAApB;EAAb,CAArB,CAAvB;EACA,MAAM,UAAU,GAAG,kBAAA,CAAA,4BAAA,CAA6B,GAAG,IAAI,GAAG,CAAC,UAAxC,CAAnB;EAEA,OAAO;IACL,IADK;IAEL,UAAU,EAAE;MACV,IAAI,EAAE;IADI,CAFP;IAKL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;MACjC,GADiC;MAEjC,GAAG,KAF8B;MAGjC,IAAI,UAAU,IAAI,cAAlB;IAHiC,CAA7B;EALD,CAAP;AAWD,CAnBM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n ...(navigation && focusableProps),\n }),\n };\n};\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.6",
|
|
4
4
|
"description": "Fluent UI accordion component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -22,24 +22,24 @@
|
|
|
22
22
|
"test": "jest --passWithNoTests",
|
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
|
24
24
|
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-accordion/src && yarn docs",
|
|
25
|
-
"storybook": "
|
|
25
|
+
"storybook": "start-storybook",
|
|
26
26
|
"type-check": "tsc -b tsconfig.json"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
30
|
"@fluentui/react-conformance": "*",
|
|
31
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
31
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.14",
|
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-aria": "^9.
|
|
36
|
-
"@fluentui/react-context-selector": "^9.0.
|
|
35
|
+
"@fluentui/react-aria": "^9.2.0",
|
|
36
|
+
"@fluentui/react-context-selector": "^9.0.3",
|
|
37
37
|
"@fluentui/react-icons": "^2.0.175",
|
|
38
|
-
"@fluentui/react-shared-contexts": "^9.0.
|
|
39
|
-
"@fluentui/react-tabster": "^9.1.
|
|
40
|
-
"@fluentui/react-theme": "^9.
|
|
41
|
-
"@fluentui/react-utilities": "^9.0
|
|
42
|
-
"@griffel/react": "^1.
|
|
38
|
+
"@fluentui/react-shared-contexts": "^9.0.1",
|
|
39
|
+
"@fluentui/react-tabster": "^9.1.1",
|
|
40
|
+
"@fluentui/react-theme": "^9.1.0",
|
|
41
|
+
"@fluentui/react-utilities": "^9.1.0",
|
|
42
|
+
"@griffel/react": "^1.3.0",
|
|
43
43
|
"tslib": "^2.1.0"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
package/dist/tsdoc-metadata.json
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
|
|
2
|
-
// It should be published with your NPM package. It should not be tracked by Git.
|
|
3
|
-
{
|
|
4
|
-
"tsdocVersion": "0.12",
|
|
5
|
-
"toolPackages": [
|
|
6
|
-
{
|
|
7
|
-
"packageName": "@microsoft/api-extractor",
|
|
8
|
-
"packageVersion": "7.18.1"
|
|
9
|
-
}
|
|
10
|
-
]
|
|
11
|
-
}
|