@fluentui/react-accordion 9.0.0-rc.8 → 9.0.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 +417 -1
- package/CHANGELOG.md +220 -101
- package/dist/index.d.ts +66 -86
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +3 -1
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +4 -10
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js +0 -5
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +65 -54
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +1 -0
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +0 -1
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js +0 -5
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +7 -9
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib/index.js +4 -8
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +6 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +4 -10
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +1 -6
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +65 -54
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +2 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +0 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +1 -6
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +7 -8
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +11 -33
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +16 -17
- package/lib/Accordion.d.ts +0 -1
- package/lib/AccordionHeader.d.ts +0 -1
- package/lib/AccordionItem.d.ts +0 -1
- package/lib/AccordionPanel.d.ts +0 -1
- package/lib/components/Accordion/Accordion.d.ts +0 -6
- package/lib/components/Accordion/Accordion.types.d.ts +0 -54
- package/lib/components/Accordion/AccordionContext.d.ts +0 -3
- package/lib/components/Accordion/index.d.ts +0 -7
- package/lib/components/Accordion/renderAccordion.d.ts +0 -5
- package/lib/components/Accordion/useAccordion.d.ts +0 -8
- package/lib/components/Accordion/useAccordionContextValues.d.ts +0 -2
- package/lib/components/Accordion/useAccordionStyles.d.ts +0 -8
- package/lib/components/AccordionHeader/AccordionHeader.d.ts +0 -7
- package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +0 -48
- package/lib/components/AccordionHeader/AccordionHeaderContext.d.ts +0 -4
- package/lib/components/AccordionHeader/index.d.ts +0 -6
- package/lib/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
- package/lib/components/AccordionHeader/useAccordionHeader.d.ts +0 -8
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +0 -2
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -9
- package/lib/components/AccordionItem/AccordionItem.d.ts +0 -6
- package/lib/components/AccordionItem/AccordionItem.types.d.ts +0 -26
- package/lib/components/AccordionItem/AccordionItemContext.d.ts +0 -4
- package/lib/components/AccordionItem/index.d.ts +0 -7
- package/lib/components/AccordionItem/renderAccordionItem.d.ts +0 -5
- package/lib/components/AccordionItem/useAccordionItem.d.ts +0 -8
- package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts +0 -2
- package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +0 -8
- package/lib/components/AccordionPanel/AccordionPanel.d.ts +0 -6
- package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +0 -11
- package/lib/components/AccordionPanel/index.d.ts +0 -5
- package/lib/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
- package/lib/components/AccordionPanel/useAccordionPanel.d.ts +0 -8
- package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -9
- package/lib/index.d.ts +0 -8
- package/lib-commonjs/Accordion.d.ts +0 -1
- package/lib-commonjs/AccordionHeader.d.ts +0 -1
- package/lib-commonjs/AccordionItem.d.ts +0 -1
- package/lib-commonjs/AccordionPanel.d.ts +0 -1
- package/lib-commonjs/components/Accordion/Accordion.d.ts +0 -6
- package/lib-commonjs/components/Accordion/Accordion.types.d.ts +0 -54
- package/lib-commonjs/components/Accordion/AccordionContext.d.ts +0 -3
- package/lib-commonjs/components/Accordion/index.d.ts +0 -7
- package/lib-commonjs/components/Accordion/renderAccordion.d.ts +0 -5
- package/lib-commonjs/components/Accordion/useAccordion.d.ts +0 -8
- package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts +0 -2
- package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +0 -8
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts +0 -7
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +0 -48
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.d.ts +0 -4
- package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -6
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +0 -8
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +0 -2
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -9
- package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +0 -6
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +0 -26
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts +0 -4
- package/lib-commonjs/components/AccordionItem/index.d.ts +0 -7
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.d.ts +0 -5
- package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +0 -8
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts +0 -2
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +0 -8
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts +0 -6
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +0 -11
- package/lib-commonjs/components/AccordionPanel/index.d.ts +0 -5
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +0 -8
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -9
- package/lib-commonjs/index.d.ts +0 -8
|
@@ -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,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;
|
|
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,wBAAA,gBAAA,OAAA,CAAA,kCAAA,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,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,UAAhD,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 { useContextSelector } from '@fluentui/react-context-selector';\nimport { AccordionContext } 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 = useContextSelector(AccordionContext, 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/"}
|
|
@@ -3,15 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassNames =
|
|
6
|
+
exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassNames = void 0;
|
|
7
7
|
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated Use `accordionPanelClassNames.root` instead.
|
|
11
|
-
*/
|
|
12
9
|
|
|
10
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
|
13
11
|
|
|
14
|
-
exports.accordionPanelClassName = 'fui-AccordionPanel';
|
|
15
12
|
exports.accordionPanelClassNames = {
|
|
16
13
|
root: 'fui-AccordionPanel'
|
|
17
14
|
};
|
|
@@ -21,11 +18,13 @@ exports.accordionPanelClassNames = {
|
|
|
21
18
|
|
|
22
19
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
|
23
20
|
"root": {
|
|
24
|
-
"
|
|
25
|
-
"
|
|
21
|
+
"B6of3ja": "f1hu3pq6",
|
|
22
|
+
"t21cq0": ["fkujibs", "f199hnxi"],
|
|
23
|
+
"jrapky": "f19f4twv",
|
|
24
|
+
"Frg6f3": ["f199hnxi", "fkujibs"]
|
|
26
25
|
}
|
|
27
26
|
}, {
|
|
28
|
-
"d": [".
|
|
27
|
+
"d": [".f1hu3pq6{margin-top:0;}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f19f4twv{margin-bottom:0;}"]
|
|
29
28
|
});
|
|
30
29
|
/** Applies style classnames to slots */
|
|
31
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA
|
|
1
|
+
{"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAIa,OAAA,CAAA,wBAAA,GAAgE;EAC3E,IAAI,EAAE;AADqE,CAAhE;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAMA;;;AACO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;EAC7E,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,wBAAA,CAAyB,IAAtC,EAA4C,MAAM,CAAC,IAAnD,EAAyD,KAAK,CAAC,IAAN,CAAW,SAApE,CAAvB;EAEA,OAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n ...shorthands.margin(0, tokens.spacingHorizontalM),\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useAccordionPanel_unstable = exports.useAccordionPanelStyles_unstable = exports.renderAccordionPanel_unstable = exports.accordionPanelClassNames = exports.
|
|
6
|
+
exports.useAccordionPanel_unstable = exports.useAccordionPanelStyles_unstable = exports.renderAccordionPanel_unstable = exports.accordionPanelClassNames = exports.AccordionPanel = exports.useAccordionHeader_unstable = exports.useAccordionHeaderStyles_unstable = exports.useAccordionHeaderContextValues_unstable = exports.renderAccordionHeader_unstable = exports.accordionHeaderClassNames = exports.AccordionHeader = exports.useAccordionItem_unstable = exports.useAccordionItemStyles_unstable = exports.useAccordionItemContext_unstable = exports.useAccordionItemContextValues_unstable = exports.renderAccordionItem_unstable = exports.accordionItemClassNames = exports.AccordionItemProvider = exports.AccordionItem = exports.useAccordion_unstable = exports.useAccordionStyles_unstable = exports.useAccordionContextValues_unstable = exports.useAccordionContext_unstable = exports.renderAccordion_unstable = exports.accordionClassNames = exports.AccordionProvider = exports.Accordion = void 0;
|
|
7
7
|
|
|
8
8
|
var Accordion_1 = /*#__PURE__*/require("./Accordion");
|
|
9
9
|
|
|
@@ -13,17 +13,10 @@ Object.defineProperty(exports, "Accordion", {
|
|
|
13
13
|
return Accordion_1.Accordion;
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
|
-
Object.defineProperty(exports, "
|
|
16
|
+
Object.defineProperty(exports, "AccordionProvider", {
|
|
17
17
|
enumerable: true,
|
|
18
18
|
get: function () {
|
|
19
|
-
return Accordion_1.
|
|
20
|
-
}
|
|
21
|
-
}); // eslint-disable-next-line deprecation/deprecation
|
|
22
|
-
|
|
23
|
-
Object.defineProperty(exports, "accordionClassName", {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function () {
|
|
26
|
-
return Accordion_1.accordionClassName;
|
|
19
|
+
return Accordion_1.AccordionProvider;
|
|
27
20
|
}
|
|
28
21
|
});
|
|
29
22
|
Object.defineProperty(exports, "accordionClassNames", {
|
|
@@ -38,6 +31,12 @@ Object.defineProperty(exports, "renderAccordion_unstable", {
|
|
|
38
31
|
return Accordion_1.renderAccordion_unstable;
|
|
39
32
|
}
|
|
40
33
|
});
|
|
34
|
+
Object.defineProperty(exports, "useAccordionContext_unstable", {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function () {
|
|
37
|
+
return Accordion_1.useAccordionContext_unstable;
|
|
38
|
+
}
|
|
39
|
+
});
|
|
41
40
|
Object.defineProperty(exports, "useAccordionContextValues_unstable", {
|
|
42
41
|
enumerable: true,
|
|
43
42
|
get: function () {
|
|
@@ -65,17 +64,10 @@ Object.defineProperty(exports, "AccordionItem", {
|
|
|
65
64
|
return AccordionItem_1.AccordionItem;
|
|
66
65
|
}
|
|
67
66
|
});
|
|
68
|
-
Object.defineProperty(exports, "
|
|
69
|
-
enumerable: true,
|
|
70
|
-
get: function () {
|
|
71
|
-
return AccordionItem_1.AccordionItemContext;
|
|
72
|
-
}
|
|
73
|
-
}); // eslint-disable-next-line deprecation/deprecation
|
|
74
|
-
|
|
75
|
-
Object.defineProperty(exports, "accordionItemClassName", {
|
|
67
|
+
Object.defineProperty(exports, "AccordionItemProvider", {
|
|
76
68
|
enumerable: true,
|
|
77
69
|
get: function () {
|
|
78
|
-
return AccordionItem_1.
|
|
70
|
+
return AccordionItem_1.AccordionItemProvider;
|
|
79
71
|
}
|
|
80
72
|
});
|
|
81
73
|
Object.defineProperty(exports, "accordionItemClassNames", {
|
|
@@ -122,13 +114,6 @@ Object.defineProperty(exports, "AccordionHeader", {
|
|
|
122
114
|
get: function () {
|
|
123
115
|
return AccordionHeader_1.AccordionHeader;
|
|
124
116
|
}
|
|
125
|
-
}); // eslint-disable-next-line deprecation/deprecation
|
|
126
|
-
|
|
127
|
-
Object.defineProperty(exports, "accordionHeaderClassName", {
|
|
128
|
-
enumerable: true,
|
|
129
|
-
get: function () {
|
|
130
|
-
return AccordionHeader_1.accordionHeaderClassName;
|
|
131
|
-
}
|
|
132
117
|
});
|
|
133
118
|
Object.defineProperty(exports, "accordionHeaderClassNames", {
|
|
134
119
|
enumerable: true,
|
|
@@ -168,13 +153,6 @@ Object.defineProperty(exports, "AccordionPanel", {
|
|
|
168
153
|
get: function () {
|
|
169
154
|
return AccordionPanel_1.AccordionPanel;
|
|
170
155
|
}
|
|
171
|
-
}); // eslint-disable-next-line deprecation/deprecation
|
|
172
|
-
|
|
173
|
-
Object.defineProperty(exports, "accordionPanelClassName", {
|
|
174
|
-
enumerable: true,
|
|
175
|
-
get: function () {
|
|
176
|
-
return AccordionPanel_1.accordionPanelClassName;
|
|
177
|
-
}
|
|
178
156
|
});
|
|
179
157
|
Object.defineProperty(exports, "accordionPanelClassNames", {
|
|
180
158
|
enumerable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,WAAA,EAAA;
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["export {\n Accordion,\n AccordionProvider,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContext_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValue,\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n AccordionItemProvider,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemContext_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValue,\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValue,\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.1",
|
|
4
4
|
"description": "Fluent UI accordion component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
|
-
"typings": "
|
|
7
|
+
"typings": "dist/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
@@ -21,38 +21,37 @@
|
|
|
21
21
|
"start": "yarn storybook",
|
|
22
22
|
"test": "jest --passWithNoTests",
|
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
|
24
|
-
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node
|
|
25
|
-
"storybook": "node
|
|
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": "node ../../../scripts/storybook/runner",
|
|
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.10",
|
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-aria": "9.0.0
|
|
36
|
-
"@fluentui/react-context-selector": "9.0.0
|
|
37
|
-
"@fluentui/react-
|
|
38
|
-
"@fluentui/react-
|
|
39
|
-
"@
|
|
40
|
-
"@fluentui/react-
|
|
41
|
-
"@fluentui/react-
|
|
42
|
-
"@
|
|
35
|
+
"@fluentui/react-aria": "^9.0.0",
|
|
36
|
+
"@fluentui/react-context-selector": "^9.0.0",
|
|
37
|
+
"@fluentui/react-icons": "^2.0.172-rc.8",
|
|
38
|
+
"@fluentui/react-shared-contexts": "^9.0.0",
|
|
39
|
+
"@fluentui/react-tabster": "^9.0.1",
|
|
40
|
+
"@fluentui/react-theme": "^9.0.0",
|
|
41
|
+
"@fluentui/react-utilities": "^9.0.0",
|
|
42
|
+
"@griffel/react": "^1.2.0",
|
|
43
43
|
"tslib": "^2.1.0"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"@types/react": ">=16.8.0 <18.0.0",
|
|
47
47
|
"@types/react-dom": ">=16.8.0 <18.0.0",
|
|
48
48
|
"react": ">=16.8.0 <18.0.0",
|
|
49
|
-
"react-dom": ">=16.8.0 <18.0.0"
|
|
49
|
+
"react-dom": ">=16.8.0 <18.0.0",
|
|
50
|
+
"scheduler": "^0.19.0 || ^0.20.0"
|
|
50
51
|
},
|
|
51
52
|
"beachball": {
|
|
52
53
|
"disallowedChangeTypes": [
|
|
53
|
-
"major"
|
|
54
|
-
"minor",
|
|
55
|
-
"patch"
|
|
54
|
+
"major"
|
|
56
55
|
]
|
|
57
56
|
},
|
|
58
57
|
"exports": {
|
package/lib/Accordion.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/Accordion/index';
|
package/lib/AccordionHeader.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/AccordionHeader/index';
|
package/lib/AccordionItem.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/AccordionItem/index';
|
package/lib/AccordionPanel.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/AccordionPanel/index';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionProps } from './Accordion.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Accordion: ForwardRefComponent<AccordionProps>;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
|
-
import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
|
|
4
|
-
export declare type AccordionIndex = number | number[];
|
|
5
|
-
export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
|
|
6
|
-
export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
|
|
7
|
-
declare type AccordionCommons = {
|
|
8
|
-
/**
|
|
9
|
-
* Indicates if keyboard navigation is available and gives two options,
|
|
10
|
-
* linear or circular navigation
|
|
11
|
-
*/
|
|
12
|
-
navigation?: 'linear' | 'circular';
|
|
13
|
-
/**
|
|
14
|
-
* Indicates if Accordion support multiple Panels opened at the same time
|
|
15
|
-
*/
|
|
16
|
-
multiple: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Indicates if Accordion support multiple Panels closed at the same time
|
|
19
|
-
*/
|
|
20
|
-
collapsible: boolean;
|
|
21
|
-
};
|
|
22
|
-
export declare type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
|
|
23
|
-
/**
|
|
24
|
-
* The list of opened panels by index
|
|
25
|
-
*/
|
|
26
|
-
openItems: AccordionItemValue[];
|
|
27
|
-
/**
|
|
28
|
-
* Callback used by AccordionItem to request a change on it's own opened state
|
|
29
|
-
* Should be used to toggle AccordionItem
|
|
30
|
-
*/
|
|
31
|
-
requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
|
|
32
|
-
};
|
|
33
|
-
export declare type AccordionContextValues = {
|
|
34
|
-
accordion: AccordionContextValue;
|
|
35
|
-
};
|
|
36
|
-
export declare type AccordionSlots = {
|
|
37
|
-
root: Slot<'div'>;
|
|
38
|
-
};
|
|
39
|
-
export declare type AccordionToggleData = {
|
|
40
|
-
value: AccordionItemValue;
|
|
41
|
-
};
|
|
42
|
-
export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
|
|
43
|
-
/**
|
|
44
|
-
* Controls the state of the panel
|
|
45
|
-
*/
|
|
46
|
-
openItems?: AccordionItemValue | AccordionItemValue[];
|
|
47
|
-
/**
|
|
48
|
-
* Default value for the uncontrolled state of the panel
|
|
49
|
-
*/
|
|
50
|
-
defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
|
|
51
|
-
onToggle?: AccordionToggleEventHandler;
|
|
52
|
-
};
|
|
53
|
-
export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
|
|
54
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionState, AccordionContextValues } from './Accordion.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordion_unstable: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionProps, AccordionState } from './Accordion.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - Accordion properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of Accordion
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordion_unstable: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { AccordionSlots, AccordionState } from './Accordion.types';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated Use `accordionClassNames.root` instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionClassName = "fui-Accordion";
|
|
7
|
-
export declare const accordionClassNames: SlotClassNames<AccordionSlots>;
|
|
8
|
-
export declare const useAccordionStyles_unstable: (state: AccordionState) => AccordionState;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderProps } from './AccordionHeader.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
|
|
5
|
-
* hooks.
|
|
6
|
-
*/
|
|
7
|
-
export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
|
3
|
-
export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
|
|
4
|
-
export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
|
|
5
|
-
export declare type AccordionHeaderContextValue = {
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
open: boolean;
|
|
8
|
-
expandIconPosition: AccordionHeaderExpandIconPosition;
|
|
9
|
-
size: AccordionHeaderSize;
|
|
10
|
-
};
|
|
11
|
-
export declare type AccordionHeaderContextValues = {
|
|
12
|
-
accordionHeader: AccordionHeaderContextValue;
|
|
13
|
-
};
|
|
14
|
-
export declare type AccordionHeaderSlots = {
|
|
15
|
-
/**
|
|
16
|
-
* The element wrapping the button. By default this is a div, but can be a heading.
|
|
17
|
-
*/
|
|
18
|
-
root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
|
|
19
|
-
/**
|
|
20
|
-
* The component to be used as button in heading
|
|
21
|
-
*/
|
|
22
|
-
button: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
23
|
-
/**
|
|
24
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
25
|
-
*/
|
|
26
|
-
expandIcon: Slot<'span'>;
|
|
27
|
-
/**
|
|
28
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
29
|
-
*/
|
|
30
|
-
icon?: Slot<'div'>;
|
|
31
|
-
};
|
|
32
|
-
declare type AccordionHeaderCommons = {
|
|
33
|
-
/**
|
|
34
|
-
* Size of spacing in the heading
|
|
35
|
-
*/
|
|
36
|
-
size: AccordionHeaderSize;
|
|
37
|
-
/**
|
|
38
|
-
* The position of the expand icon slot in heading
|
|
39
|
-
*/
|
|
40
|
-
expandIconPosition: AccordionHeaderExpandIconPosition;
|
|
41
|
-
/**
|
|
42
|
-
* Indicates if the AccordionHeader should be rendered inline
|
|
43
|
-
*/
|
|
44
|
-
inline: boolean;
|
|
45
|
-
};
|
|
46
|
-
export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
|
|
47
|
-
export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
|
|
48
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderContextValue } from './AccordionHeader.types';
|
|
3
|
-
export declare const AccordionHeaderContext: React.Context<AccordionHeaderContextValue>;
|
|
4
|
-
export declare const useAccordionHeaderContext: () => AccordionHeaderContextValue;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordionHeader_unstable: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionHeader properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionHeader
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionHeader_unstable: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>) => AccordionHeaderState;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';
|
|
2
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated Use `accordionHeaderClassNames.root` instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionHeaderClassName = "fui-AccordionHeader";
|
|
7
|
-
export declare const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots>;
|
|
8
|
-
/** Applies style classnames to slots */
|
|
9
|
-
export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionItemProps } from './AccordionItem.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
|
-
export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
|
|
4
|
-
open: boolean;
|
|
5
|
-
onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
|
|
6
|
-
};
|
|
7
|
-
export declare type AccordionItemContextValues = {
|
|
8
|
-
accordionItem: AccordionItemContextValue;
|
|
9
|
-
};
|
|
10
|
-
export declare type AccordionItemSlots = {
|
|
11
|
-
root: Slot<'div'>;
|
|
12
|
-
};
|
|
13
|
-
declare type AccordionItemCommons = {
|
|
14
|
-
/**
|
|
15
|
-
* Disables opening/closing of panel
|
|
16
|
-
*/
|
|
17
|
-
disabled: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* required value that identifies this item inside an Accordion component
|
|
20
|
-
*/
|
|
21
|
-
value: AccordionItemValue;
|
|
22
|
-
};
|
|
23
|
-
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
|
|
24
|
-
export declare type AccordionItemValue = unknown;
|
|
25
|
-
export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
|
|
26
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemContextValue } from './AccordionItem.types';
|
|
3
|
-
export declare const AccordionItemContext: React.Context<AccordionItemContextValue>;
|
|
4
|
-
export declare const useAccordionItemContext_unstable: () => AccordionItemContextValue;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './AccordionItem';
|
|
2
|
-
export * from './AccordionItem.types';
|
|
3
|
-
export * from './renderAccordionItem';
|
|
4
|
-
export * from './useAccordionItem';
|
|
5
|
-
export * from './useAccordionItemContextValues';
|
|
6
|
-
export * from './AccordionItemContext';
|
|
7
|
-
export * from './useAccordionItemStyles';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionItemState, AccordionItemContextValues } from './AccordionItem.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordionItem_unstable: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionItem properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionItem
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated Use `accordionItemClassNames.root` instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionItemClassName = "fui-AccordionItem";
|
|
7
|
-
export declare const accordionItemClassNames: SlotClassNames<AccordionItemSlots>;
|
|
8
|
-
export declare const useAccordionItemStyles_unstable: (state: AccordionItemState) => AccordionItemState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionPanelProps } from './AccordionPanel.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type AccordionPanelSlots = {
|
|
3
|
-
root: Slot<'div'>;
|
|
4
|
-
};
|
|
5
|
-
export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
|
|
6
|
-
export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
|
|
7
|
-
/**
|
|
8
|
-
* Internal open state, provided by context
|
|
9
|
-
*/
|
|
10
|
-
open: boolean;
|
|
11
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionPanel properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated Use `accordionPanelClassNames.root` instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionPanelClassName = "fui-AccordionPanel";
|
|
7
|
-
export declare const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots>;
|
|
8
|
-
/** Applies style classnames to slots */
|
|
9
|
-
export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;
|