@fluentui/react-accordion 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.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 +17 -17
- package/CHANGELOG.md +11 -11
- package/lib/Accordion.js +1 -1
- package/lib/Accordion.js.map +1 -1
- package/lib/AccordionHeader.js +1 -1
- package/lib/AccordionHeader.js.map +1 -1
- package/lib/AccordionItem.js +1 -1
- package/lib/AccordionItem.js.map +1 -1
- package/lib/AccordionPanel.js +1 -1
- package/lib/AccordionPanel.js.map +1 -1
- package/lib/components/Accordion/Accordion.js +7 -7
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.js +1 -1
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +3 -2
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.js +7 -7
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +6 -4
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +7 -7
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js +2 -2
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js +7 -7
- 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 +7 -4
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js +6 -6
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +14 -4
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +24 -23
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +9 -9
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js +7 -7
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +7 -3
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js +7 -7
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +6 -4
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +5 -5
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js +2 -2
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js +6 -6
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib/components/AccordionPanel/index.js +5 -5
- package/lib/components/AccordionPanel/index.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +5 -3
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +6 -7
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +3 -3
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib/index.js +4 -4
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Accordion.js +4 -5
- package/lib-commonjs/Accordion.js.map +1 -1
- package/lib-commonjs/AccordionHeader.js +4 -5
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js +4 -5
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js +4 -5
- package/lib-commonjs/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +22 -21
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.js +2 -5
- package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +13 -21
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js +10 -11
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +21 -16
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +81 -79
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +21 -18
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +11 -19
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +23 -21
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +2 -3
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +14 -20
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js +9 -10
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +29 -16
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +94 -76
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +21 -24
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +172 -383
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +22 -21
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +2 -5
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +16 -22
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js +10 -11
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +21 -16
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +35 -33
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +19 -22
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +11 -19
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +20 -19
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +2 -3
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +8 -9
- package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +18 -13
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +35 -32
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +23 -39
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +170 -43
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +12 -11
- package/.swcrc +0 -39
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { useAccordionContext_unstable } from "../Accordion/AccordionContext";
|
|
1
|
+
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
2
|
+
import { useTabsterAttributes } from '@fluentui/react-tabster';
|
|
3
|
+
import { useAccordionItemContext_unstable } from '../AccordionItem/index';
|
|
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
|
|
@@ -21,9 +20,9 @@ export const useAccordionPanel_unstable = (props, ref) => {
|
|
|
21
20
|
return {
|
|
22
21
|
open,
|
|
23
22
|
components: {
|
|
24
|
-
root:
|
|
23
|
+
root: 'div'
|
|
25
24
|
},
|
|
26
|
-
root: getNativeElementProps(
|
|
25
|
+
root: getNativeElementProps('div', {
|
|
27
26
|
ref,
|
|
28
27
|
...props,
|
|
29
28
|
...(navigation && focusableProps)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["getNativeElementProps","useTabsterAttributes","useAccordionItemContext_unstable","useAccordionContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/useAccordionPanel.ts"],"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"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,2BAA2B;AACjE,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,gCAAgC,QAAQ,wBAAwB;AACzE,SAASC,4BAA4B,QAAQ,+BAA+B;AAG5E;;;;;AAKA,OAAO,MAAMC,0BAA0B,GAAGA,CACxCC,KAA0B,EAC1BC,GAA2B,KACJ;EACvB,MAAM;IAAEC;EAAI,CAAE,GAAGL,gCAAgC,EAAE;EACnD,MAAMM,cAAc,GAAGP,oBAAoB,CAAC;IAAEQ,SAAS,EAAE;MAAEC,gBAAgB,EAAE;IAAI;EAAE,CAAE,CAAC;EACtF,MAAMC,UAAU,GAAGR,4BAA4B,CAACS,GAAG,IAAIA,GAAG,CAACD,UAAU,CAAC;EAEtE,OAAO;IACLJ,IAAI;IACJM,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEd,qBAAqB,CAAC,KAAK,EAAE;MACjCM,GAAG;MACH,GAAGD,KAAK;MACR,IAAIM,UAAU,IAAIH,cAAc;KACjC;GACF;AACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { __styles, mergeClasses, shorthands } from
|
|
2
|
-
import { tokens } from
|
|
1
|
+
import { __styles, mergeClasses, shorthands } from '@griffel/react';
|
|
2
|
+
import { tokens } from '@fluentui/react-theme';
|
|
3
3
|
export const accordionPanelClassNames = {
|
|
4
|
-
root:
|
|
4
|
+
root: 'fui-AccordionPanel'
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* Styles for the root slot
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","d","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","d","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/useAccordionPanelStyles.ts"],"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"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAI9C,OAAO,MAAMC,wBAAwB,GAAwC;EAC3EC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAIhB;AAEF;AACA,OAAO,MAAMC,gCAAgC,GAAIC,KAA0B,IAAI;EAC7E,MAAMC,MAAM,GAAGR,SAAS,EAAE;EAC1BO,KAAK,CAACR,IAAI,CAACU,SAAS,GAAGd,YAAY,CAACG,wBAAwB,CAACC,IAAI,EAAES,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACR,IAAI,CAACU,SAAS,CAAC;EAErG,OAAOF,KAAK;AACd,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { Accordion, AccordionProvider, accordionClassNames, renderAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable } from
|
|
2
|
-
export { AccordionItem, AccordionItemProvider, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemContext_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from
|
|
3
|
-
export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable } from
|
|
4
|
-
export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable } from
|
|
1
|
+
export { Accordion, AccordionProvider, accordionClassNames, renderAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable } from './Accordion';
|
|
2
|
+
export { AccordionItem, AccordionItemProvider, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemContext_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from './AccordionItem';
|
|
3
|
+
export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable } from './AccordionHeader';
|
|
4
|
+
export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable } from './AccordionPanel';
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Accordion","AccordionProvider","accordionClassNames","renderAccordion_unstable","useAccordionContext_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","AccordionItemProvider","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable"],"sources":["
|
|
1
|
+
{"version":3,"names":["Accordion","AccordionProvider","accordionClassNames","renderAccordion_unstable","useAccordionContext_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","AccordionItemProvider","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable"],"sources":["../../../../../../../packages/react-components/react-accordion/src/index.ts"],"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"],"mappings":"AAAA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,EACnBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB,aAAa;AAYpB,SACEC,aAAa,EACbC,qBAAqB,EACrBC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,yBAAyB,QACpB,iBAAiB;AASxB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,QACtB,mBAAmB;AAU1B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,kBAAkB"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=Accordion.js.map
|
|
8
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./components/Accordion/index"), exports);
|
|
9
8
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-accordion/src/Accordion.ts"],"sourcesContent":["export * from './components/Accordion/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,kCAAAC,OAAA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=AccordionHeader.js.map
|
|
8
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./components/AccordionHeader/index"), exports);
|
|
9
8
|
//# sourceMappingURL=AccordionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionHeader.ts"],"sourcesContent":["export * from './components/AccordionHeader/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,wCAAAC,OAAA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=AccordionItem.js.map
|
|
8
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./components/AccordionItem/index"), exports);
|
|
9
8
|
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionItem.ts"],"sourcesContent":["export * from './components/AccordionItem/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sCAAAC,OAAA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=AccordionPanel.js.map
|
|
8
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./components/AccordionPanel/index"), exports);
|
|
9
8
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionPanel.ts"],"sourcesContent":["export * from './components/AccordionPanel/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uCAAAC,OAAA"}
|
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Accordion", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>Accordion
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
6
|
+
exports.Accordion = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
|
|
9
|
+
const useAccordion_1 = /*#__PURE__*/require("./useAccordion");
|
|
10
|
+
const useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
|
|
11
|
+
const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
|
12
|
+
const useAccordionStyles_1 = /*#__PURE__*/require("./useAccordionStyles");
|
|
13
|
+
/**
|
|
14
|
+
* Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
|
|
15
|
+
*/
|
|
16
|
+
exports.Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
17
|
+
const state = useAccordion_1.useAccordion_unstable(props, ref);
|
|
18
|
+
const contextValues = useAccordionContextValues_1.useAccordionContextValues_unstable(state);
|
|
19
|
+
useAccordionStyles_1.useAccordionStyles_unstable(state);
|
|
20
|
+
const {
|
|
21
|
+
useAccordionStyles_unstable: useCustomStyles
|
|
22
|
+
} = react_shared_contexts_1.useCustomStyleHooks_unstable();
|
|
23
|
+
useCustomStyles(state);
|
|
24
|
+
return renderAccordion_1.renderAccordion_unstable(state, contextValues);
|
|
23
25
|
});
|
|
24
|
-
Accordion.displayName =
|
|
25
|
-
|
|
26
|
+
exports.Accordion.displayName = 'Accordion';
|
|
26
27
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":["React","require","renderAccordion_1","useAccordion_1","useAccordionContextValues_1","react_shared_contexts_1","useAccordionStyles_1","exports","Accordion","forwardRef","props","ref","state","useAccordion_unstable","contextValues","useAccordionContextValues_unstable","useAccordionStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAccordion_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n\n useAccordionStyles_unstable(state);\n\n const { useAccordionStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderAccordion_unstable(state, contextValues);\n },\n);\n\nAccordion.displayName = 'Accordion';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AACA,MAAAG,2BAAA,gBAAAH,OAAA;AACA,MAAAI,uBAAA,gBAAAJ,OAAA;AACA,MAAAK,oBAAA,gBAAAL,OAAA;AAIA;;;AAGaM,OAAA,CAAAC,SAAS,gBAAwCR,KAAK,CAACS,UAAU,CAC5E,CAACC,KAAK,EAAEC,GAAG,KAAI;EACb,MAAMC,KAAK,GAAGT,cAAA,CAAAU,qBAAqB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC/C,MAAMG,aAAa,GAAGV,2BAAA,CAAAW,kCAAkC,CAACH,KAAK,CAAC;EAE/DN,oBAAA,CAAAU,2BAA2B,CAACJ,KAAK,CAAC;EAElC,MAAM;IAAEI,2BAA2B,EAAEC;EAAe,CAAE,GAAGZ,uBAAA,CAAAa,4BAA4B,EAAE;EACvFD,eAAe,CAACL,KAAK,CAAC;EAEtB,OAAOV,iBAAA,CAAAiB,wBAAwB,CAACP,KAAK,EAAEE,aAAa,CAAC;AACvD,CAAC,CACF;AAEDP,OAAA,CAAAC,SAAS,CAACY,WAAW,GAAG,WAAW"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
6
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
7
|
-
//# sourceMappingURL=Accordion.types.js.map
|
|
8
|
-
|
|
9
6
|
//# sourceMappingURL=Accordion.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/Accordion.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\n\nexport type AccordionIndex = number | number[];\n\nexport type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;\n\nexport type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n\nexport type AccordionContextValue = Required<Pick<AccordionProps, 'collapsible'>> &\n Pick<AccordionProps, 'navigation'> & {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n };\n\nexport type AccordionContextValues = {\n accordion: AccordionContextValue;\n};\n\nexport type AccordionSlots = {\n root: Slot<'div'>;\n};\n\nexport type AccordionToggleData = {\n value: AccordionItemValue;\n};\n\nexport type AccordionProps = ComponentProps<AccordionSlots> & {\n /**\n * Default value for the uncontrolled state of the panel.\n */\n defaultOpenItems?: AccordionItemValue | AccordionItemValue[];\n\n /**\n * Indicates if Accordion support multiple Panels closed at the same time.\n */\n collapsible?: boolean;\n\n /**\n * Indicates if Accordion support multiple Panels opened at the same time.\n */\n multiple?: boolean;\n\n /**\n * Indicates if keyboard navigation is available and gives two options, linear or circular navigation.\n */\n navigation?: 'linear' | 'circular';\n\n /**\n * Callback to be called when the opened items change.\n */\n onToggle?: AccordionToggleEventHandler;\n\n /**\n * Controls the state of the panel.\n */\n openItems?: AccordionItemValue | AccordionItemValue[];\n};\n\nexport type AccordionState = ComponentState<AccordionSlots> & AccordionContextValue;\n"],"mappings":""}
|
|
@@ -1,27 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
AccordionContext: ()=>AccordionContext,
|
|
13
|
-
AccordionProvider: ()=>AccordionProvider,
|
|
14
|
-
useAccordionContext_unstable: ()=>useAccordionContext_unstable
|
|
4
|
+
value: true
|
|
15
5
|
});
|
|
16
|
-
|
|
17
|
-
const
|
|
6
|
+
exports.useAccordionContext_unstable = exports.AccordionProvider = exports.AccordionContext = void 0;
|
|
7
|
+
const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
|
|
8
|
+
exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
|
|
18
9
|
const accordionContextDefaultValue = {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
/* noop */
|
|
10
|
+
openItems: [],
|
|
11
|
+
collapsible: false,
|
|
12
|
+
requestToggle() {
|
|
13
|
+
/* noop */
|
|
14
|
+
}
|
|
23
15
|
};
|
|
24
|
-
|
|
25
|
-
const useAccordionContext_unstable =
|
|
26
|
-
|
|
16
|
+
exports.AccordionProvider = exports.AccordionContext.Provider;
|
|
17
|
+
const useAccordionContext_unstable = selector => react_context_selector_1.useContextSelector(exports.AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));
|
|
18
|
+
exports.useAccordionContext_unstable = useAccordionContext_unstable;
|
|
27
19
|
//# sourceMappingURL=AccordionContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":["react_context_selector_1","require","exports","AccordionContext","createContext","undefined","accordionContextDefaultValue","openItems","collapsible","requestToggle","AccordionProvider","Provider","useAccordionContext_unstable","selector","useContextSelector","ctx"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/AccordionContext.ts"],"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"],"mappings":";;;;;;AAAA,MAAAA,wBAAA,gBAAAC,OAAA;AAIaC,OAAA,CAAAC,gBAAgB,gBAAmCH,wBAAA,CAAAI,aAAa,CAC3EC,SAAS,CACwB;AAEnC,MAAMC,4BAA4B,GAA0B;EAC1DC,SAAS,EAAE,EAAE;EACbC,WAAW,EAAE,KAAK;EAClBC,aAAaA,CAAA;IACX;EAAA;CAEH;AAEYP,OAAA,CAAAQ,iBAAiB,GAAGR,OAAA,CAAAC,gBAAgB,CAACQ,QAAQ;AACnD,MAAMC,4BAA4B,GAAOC,QAAmD,IACjGb,wBAAA,CAAAc,kBAAkB,CAACZ,OAAA,CAAAC,gBAAgB,EAAE,CAACY,GAAG,GAAGT,4BAA4B,KAAKO,QAAQ,CAACE,GAAG,CAAC,CAAC;AADhFb,OAAA,CAAAU,4BAA4B,GAAAA,4BAAA"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
14
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./Accordion"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./Accordion.types"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./renderAccordion"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./useAccordion"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./useAccordionStyles"), exports);
|
|
12
|
+
tslib_1.__exportStar(require("./useAccordionContextValues"), exports);
|
|
13
|
+
tslib_1.__exportStar(require("./AccordionContext"), exports);
|
|
15
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA"}
|
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "renderAccordion_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>renderAccordion_unstable
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
exports.renderAccordion_unstable = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
+
const AccordionContext_1 = /*#__PURE__*/require("./AccordionContext");
|
|
10
|
+
/**
|
|
11
|
+
* Function that renders the final JSX of the component
|
|
12
|
+
*/
|
|
13
|
+
const renderAccordion_unstable = (state, contextValues) => {
|
|
14
|
+
const {
|
|
15
|
+
slots,
|
|
16
|
+
slotProps
|
|
17
|
+
} = react_utilities_1.getSlots(state);
|
|
18
|
+
return React.createElement(slots.root, {
|
|
19
|
+
...slotProps.root
|
|
20
|
+
}, React.createElement(AccordionContext_1.AccordionContext.Provider, {
|
|
21
|
+
value: contextValues.accordion
|
|
22
|
+
}, slotProps.root.children));
|
|
23
|
+
};
|
|
24
|
+
exports.renderAccordion_unstable = renderAccordion_unstable;
|
|
20
25
|
//# sourceMappingURL=renderAccordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"names":["React","require","react_utilities_1","AccordionContext_1","renderAccordion_unstable","state","contextValues","slots","slotProps","getSlots","createElement","root","AccordionContext","Provider","value","accordion","children","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/renderAccordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n\nimport { AccordionContext } from './AccordionContext';\nimport type { AccordionState, AccordionSlots, AccordionContextValues } from './Accordion.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state: AccordionState, contextValues: AccordionContextValues) => {\n const { slots, slotProps } = getSlots<AccordionSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionContext.Provider value={contextValues.accordion}>{slotProps.root.children}</AccordionContext.Provider>\n </slots.root>\n );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,kBAAA,gBAAAF,OAAA;AAGA;;;AAGO,MAAMG,wBAAwB,GAAGA,CAACC,KAAqB,EAAEC,aAAqC,KAAI;EACvG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAiBJ,KAAK,CAAC;EAE5D,OACEL,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BX,KAAA,CAAAU,aAAA,CAACP,kBAAA,CAAAS,gBAAgB,CAACC,QAAQ;IAACC,KAAK,EAAER,aAAa,CAACS;EAAS,GAAGP,SAAS,CAACG,IAAI,CAACK,QAAQ,CAA6B,CACrG;AAEjB,CAAC;AARYC,OAAA,CAAAb,wBAAwB,GAAAA,wBAAA"}
|
|
@@ -1,64 +1,72 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "useAccordion_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>useAccordion_unstable
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
})
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
6
|
+
exports.useAccordion_unstable = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
+
const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
10
|
+
/**
|
|
11
|
+
* Returns the props and state required to render the component
|
|
12
|
+
* @param props - Accordion properties
|
|
13
|
+
* @param ref - reference to root HTMLElement of Accordion
|
|
14
|
+
*/
|
|
15
|
+
const useAccordion_unstable = (props, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
openItems: controlledOpenItems,
|
|
18
|
+
defaultOpenItems,
|
|
19
|
+
multiple = false,
|
|
20
|
+
collapsible = false,
|
|
21
|
+
onToggle,
|
|
22
|
+
navigation
|
|
23
|
+
} = props;
|
|
24
|
+
const [openItems, setOpenItems] = react_utilities_1.useControllableState({
|
|
25
|
+
state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),
|
|
26
|
+
defaultState: () => initializeUncontrolledOpenItems({
|
|
27
|
+
defaultOpenItems,
|
|
28
|
+
multiple
|
|
29
|
+
}),
|
|
30
|
+
initialState: []
|
|
31
|
+
});
|
|
32
|
+
const arrowNavigationProps = react_tabster_1.useArrowNavigationGroup({
|
|
33
|
+
circular: navigation === 'circular',
|
|
34
|
+
tabbable: true
|
|
35
|
+
});
|
|
36
|
+
const requestToggle = react_utilities_1.useEventCallback((event, data) => {
|
|
37
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);
|
|
38
|
+
setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));
|
|
39
|
+
});
|
|
40
|
+
return {
|
|
41
|
+
collapsible,
|
|
42
|
+
navigation,
|
|
43
|
+
openItems,
|
|
44
|
+
requestToggle,
|
|
45
|
+
components: {
|
|
46
|
+
root: 'div'
|
|
47
|
+
},
|
|
48
|
+
root: react_utilities_1.getNativeElementProps('div', {
|
|
49
|
+
...props,
|
|
50
|
+
...(navigation ? arrowNavigationProps : {}),
|
|
51
|
+
ref
|
|
52
|
+
})
|
|
53
|
+
};
|
|
47
54
|
};
|
|
55
|
+
exports.useAccordion_unstable = useAccordion_unstable;
|
|
48
56
|
/**
|
|
49
57
|
* Initial value for the uncontrolled case of the list of open indexes
|
|
50
|
-
*/
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
defaultOpenItems
|
|
59
|
-
];
|
|
58
|
+
*/
|
|
59
|
+
function initializeUncontrolledOpenItems({
|
|
60
|
+
defaultOpenItems,
|
|
61
|
+
multiple
|
|
62
|
+
}) {
|
|
63
|
+
if (defaultOpenItems !== undefined) {
|
|
64
|
+
if (Array.isArray(defaultOpenItems)) {
|
|
65
|
+
return multiple ? defaultOpenItems : [defaultOpenItems[0]];
|
|
60
66
|
}
|
|
61
|
-
return [];
|
|
67
|
+
return [defaultOpenItems];
|
|
68
|
+
}
|
|
69
|
+
return [];
|
|
62
70
|
}
|
|
63
71
|
/**
|
|
64
72
|
* Updates the list of open indexes based on an index that changes
|
|
@@ -66,34 +74,28 @@ const useAccordion_unstable = (props, ref)=>{
|
|
|
66
74
|
* @param previousOpenItems - list of current open indexes
|
|
67
75
|
* @param multiple - if Accordion support multiple Panels opened at the same time
|
|
68
76
|
* @param collapsible - if Accordion support multiple Panels closed at the same time
|
|
69
|
-
*/
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
return [
|
|
77
|
-
...previousOpenItems,
|
|
78
|
-
value
|
|
79
|
-
].sort();
|
|
80
|
-
}
|
|
77
|
+
*/
|
|
78
|
+
function updateOpenItems(value, previousOpenItems, multiple, collapsible) {
|
|
79
|
+
if (multiple) {
|
|
80
|
+
if (previousOpenItems.includes(value)) {
|
|
81
|
+
if (previousOpenItems.length > 1 || collapsible) {
|
|
82
|
+
return previousOpenItems.filter(i => i !== value);
|
|
83
|
+
}
|
|
81
84
|
} else {
|
|
82
|
-
|
|
83
|
-
value
|
|
84
|
-
];
|
|
85
|
+
return [...previousOpenItems, value].sort();
|
|
85
86
|
}
|
|
86
|
-
|
|
87
|
+
} else {
|
|
88
|
+
return previousOpenItems[0] === value && collapsible ? [] : [value];
|
|
89
|
+
}
|
|
90
|
+
return previousOpenItems;
|
|
87
91
|
}
|
|
88
92
|
/**
|
|
89
93
|
* Normalizes Accordion index into an array of indexes
|
|
90
|
-
*/
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
} //# sourceMappingURL=useAccordion.js.map
|
|
98
|
-
|
|
94
|
+
*/
|
|
95
|
+
function normalizeValues(index) {
|
|
96
|
+
if (index === undefined) {
|
|
97
|
+
return undefined;
|
|
98
|
+
}
|
|
99
|
+
return Array.isArray(index) ? index : [index];
|
|
100
|
+
}
|
|
99
101
|
//# sourceMappingURL=useAccordion.js.map
|