@fluentui/react-accordion 9.0.0-beta.1 → 9.0.0-beta.5
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 +271 -1
- package/CHANGELOG.md +67 -2
- package/dist/react-accordion.d.ts +26 -12
- package/lib/components/Accordion/Accordion.js +5 -3
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.d.ts +16 -16
- package/lib/components/Accordion/AccordionContext.js +5 -2
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.d.ts +1 -0
- package/lib/components/Accordion/index.js +1 -0
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +6 -7
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.d.ts +5 -0
- package/lib/components/Accordion/useAccordion.js +53 -53
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js +12 -8
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.d.ts +3 -0
- package/lib/components/Accordion/useAccordionStyles.js +7 -0
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -0
- package/lib/components/AccordionHeader/AccordionHeader.js +3 -3
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -4
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +17 -18
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +6 -7
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +40 -32
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +13 -13
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -0
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +5 -4
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js +5 -3
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.d.ts +2 -4
- package/lib/components/AccordionItem/AccordionItemContext.js +4 -5
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.d.ts +1 -0
- package/lib/components/AccordionItem/index.js +1 -0
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +6 -7
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +21 -26
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +11 -11
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
- package/lib/components/AccordionItem/useAccordionItemStyles.js +7 -0
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
- package/lib/components/AccordionPanel/AccordionPanel.js +2 -2
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +6 -7
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.d.ts +0 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +11 -10
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -0
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +5 -4
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/Accordion.js +1 -1
- package/lib-commonjs/AccordionHeader.js +1 -1
- package/lib-commonjs/AccordionItem.js +1 -1
- package/lib-commonjs/AccordionPanel.js +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +10 -7
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.d.ts +16 -16
- package/lib-commonjs/components/Accordion/AccordionContext.js +5 -2
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.d.ts +1 -0
- package/lib-commonjs/components/Accordion/index.js +3 -1
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +9 -11
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.d.ts +5 -0
- package/lib-commonjs/components/Accordion/useAccordion.js +54 -56
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +12 -8
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +3 -0
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +18 -0
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -0
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +8 -8
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +2 -4
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +21 -23
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +10 -12
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +44 -35
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +14 -14
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -0
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +9 -7
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +10 -7
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +2 -4
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +4 -5
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.d.ts +1 -0
- package/lib-commonjs/components/AccordionItem/index.js +3 -1
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +10 -12
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +25 -31
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +12 -12
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +18 -0
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +6 -6
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +9 -11
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +0 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +12 -12
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -0
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +8 -7
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +13 -13
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -12
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -23
- package/lib-commonjs/common/isConformant.js.map +0 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
3
|
-
export declare type AccordionItemContextValue = {
|
|
3
|
+
export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
|
|
4
4
|
open: boolean;
|
|
5
|
-
disabled: boolean;
|
|
6
5
|
onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
|
|
7
6
|
};
|
|
8
7
|
export declare type AccordionItemContextValues = {
|
|
@@ -16,12 +15,11 @@ export declare type AccordionItemCommons = {
|
|
|
16
15
|
* Disables opening/closing of panel
|
|
17
16
|
*/
|
|
18
17
|
disabled: boolean;
|
|
19
|
-
};
|
|
20
|
-
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & {
|
|
21
18
|
/**
|
|
22
19
|
* required value that identifies this item inside an Accordion component
|
|
23
20
|
*/
|
|
24
21
|
value: AccordionItemValue;
|
|
25
22
|
};
|
|
23
|
+
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
|
|
26
24
|
export declare type AccordionItemValue = unknown;
|
|
27
25
|
export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import * as React from 'react'; // No default value.
|
|
2
2
|
|
|
3
|
-
export
|
|
4
|
-
onHeaderClick
|
|
3
|
+
export const AccordionItemContext = /*#__PURE__*/React.createContext({
|
|
4
|
+
onHeaderClick() {
|
|
5
5
|
/** */
|
|
6
6
|
},
|
|
7
|
+
|
|
7
8
|
open: false,
|
|
8
9
|
disabled: false
|
|
9
10
|
});
|
|
10
|
-
export
|
|
11
|
-
return React.useContext(AccordionItemContext);
|
|
12
|
-
};
|
|
11
|
+
export const useAccordionItemContext = () => React.useContext(AccordionItemContext);
|
|
13
12
|
//# sourceMappingURL=AccordionItemContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;;AACA,OAAO,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;;AACA,OAAO,MAAM,oBAAoB,gBAAG,KAAK,CAAC,aAAN,CAA+C;AACjF,EAAA,aAAa,GAAA;AACX;AACD,GAHgF;;AAIjF,EAAA,IAAI,EAAE,KAJ2E;AAKjF,EAAA,QAAQ,EAAE;AALuE,CAA/C,CAA7B;AAQP,OAAO,MAAM,uBAAuB,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,oBAAjB,CAAtC","sourceRoot":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
3
|
import { accordionItemShorthandProps } from './useAccordionItem';
|
|
@@ -7,12 +6,12 @@ import { AccordionItemContext } from './AccordionItemContext';
|
|
|
7
6
|
* Function that renders the final JSX of the component
|
|
8
7
|
*/
|
|
9
8
|
|
|
10
|
-
export
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/React.createElement(slots.root,
|
|
9
|
+
export const renderAccordionItem = (state, contextValues) => {
|
|
10
|
+
const {
|
|
11
|
+
slots,
|
|
12
|
+
slotProps
|
|
13
|
+
} = getSlots(state, accordionItemShorthandProps);
|
|
14
|
+
return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
|
|
16
15
|
value: contextValues.accordionItem
|
|
17
16
|
}, slotProps.root.children));
|
|
18
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,2BAAT,QAA4C,oBAA5C;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,MAAM,mBAAmB,GAAG,CAAC,KAAD,EAA4B,aAA5B,KAAyE;AAC1G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAqB,KAArB,EAA4B,2BAA5B,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM","sourceRoot":""}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
4
3
|
import { useTabsterAttributes } from '@fluentui/react-tabster';
|
|
@@ -8,41 +7,37 @@ import { AccordionContext } from '../Accordion/AccordionContext';
|
|
|
8
7
|
* Const listing which props are shorthand props.
|
|
9
8
|
*/
|
|
10
9
|
|
|
11
|
-
export
|
|
10
|
+
export const accordionItemShorthandProps = ['root'];
|
|
12
11
|
/**
|
|
13
12
|
* Returns the props and state required to render the component
|
|
14
13
|
* @param props - AccordionItem properties
|
|
15
14
|
* @param ref - reference to root HTMLElement of AccordionItem
|
|
16
15
|
*/
|
|
17
16
|
|
|
18
|
-
export
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var tabsterAttributes = useTabsterAttributes({
|
|
17
|
+
export const useAccordionItem = (props, ref) => {
|
|
18
|
+
const {
|
|
19
|
+
value,
|
|
20
|
+
disabled = false
|
|
21
|
+
} = props;
|
|
22
|
+
const navigable = useContextSelector(AccordionContext, ctx => ctx.navigable);
|
|
23
|
+
const tabsterAttributes = useTabsterAttributes({
|
|
26
24
|
groupper: {}
|
|
27
25
|
});
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
});
|
|
34
|
-
var onAccordionHeaderClick = React.useCallback(function (ev) {
|
|
35
|
-
return requestToggle(ev, {
|
|
36
|
-
value: value
|
|
37
|
-
});
|
|
38
|
-
}, [requestToggle, value]);
|
|
26
|
+
const requestToggle = useContextSelector(AccordionContext, ctx => ctx.requestToggle);
|
|
27
|
+
const open = useContextSelector(AccordionContext, ctx => ctx.openItems.includes(value));
|
|
28
|
+
const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
|
|
29
|
+
value
|
|
30
|
+
}), [requestToggle, value]);
|
|
39
31
|
return {
|
|
40
|
-
open
|
|
41
|
-
|
|
32
|
+
open,
|
|
33
|
+
value,
|
|
34
|
+
disabled,
|
|
42
35
|
onHeaderClick: onAccordionHeaderClick,
|
|
43
|
-
root: getNativeElementProps('div',
|
|
44
|
-
ref: ref
|
|
45
|
-
|
|
36
|
+
root: getNativeElementProps('div', {
|
|
37
|
+
ref: ref,
|
|
38
|
+
...(navigable ? tabsterAttributes : {}),
|
|
39
|
+
...props
|
|
40
|
+
})
|
|
46
41
|
};
|
|
47
42
|
};
|
|
48
43
|
//# sourceMappingURL=useAccordionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,oBAAT,QAAqC,yBAArC;AACA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AAIA;;AAEG;;AACH,OAAO,MAAM,2BAA2B,GAAoC,CAAC,MAAD,CAArE;AAEP;;;;AAIG;;AACH,OAAO,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAA4B,GAA5B,KAA+E;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,QAAQ,GAAG;AAApB,MAA8B,KAApC;AACA,QAAM,SAAS,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,SAA9B,CAApC;AACA,QAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAAD,CAA9C;AAIA,QAAM,aAAa,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,aAA9B,CAAxC;AACA,QAAM,IAAI,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAA1B,CAA/B;AACA,QAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;AAAE,IAAA;AAAF,GAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,KAFK;AAGL,IAAA,QAHK;AAIL,IAAA,aAAa,EAAE,sBAJV;AAKL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GAAG,EAAE,GAD4B;AAEjC,UAAI,SAAS,GAAG,iBAAH,GAAuB,EAApC,CAFiC;AAGjC,SAAG;AAH8B,KAAR;AALtB,GAAP;AAWD,CAzBM","sourceRoot":""}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export function useAccordionItemContextValues(state) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}, [disabled, onHeaderClick, open]);
|
|
3
|
+
const {
|
|
4
|
+
disabled,
|
|
5
|
+
onHeaderClick,
|
|
6
|
+
open
|
|
7
|
+
} = state;
|
|
8
|
+
const accordionItem = React.useMemo(() => ({
|
|
9
|
+
disabled,
|
|
10
|
+
onHeaderClick,
|
|
11
|
+
open
|
|
12
|
+
}), [disabled, onHeaderClick, open]);
|
|
13
13
|
return {
|
|
14
|
-
accordionItem
|
|
14
|
+
accordionItem
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=useAccordionItemContextValues.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,6BAAV,CAAwC,KAAxC,EAAiE;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,6BAAV,CAAwC,KAAxC,EAAiE;AACrE,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,MAAoC,KAA1C;AACA,QAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,GAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD","sourceRoot":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { mergeClasses } from '@fluentui/react-make-styles';
|
|
2
|
+
export const accordionItemClassName = 'fui-AccordionItem';
|
|
3
|
+
export const useAccordionItemStyles = state => {
|
|
4
|
+
state.root.className = mergeClasses(accordionItemClassName, state.root.className);
|
|
5
|
+
return state;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=useAccordionItemStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,6BAA7B;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;AAEP,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAA8B;AAClE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,sBAAD,EAAyB,KAAK,CAAC,IAAN,CAAW,SAApC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourceRoot":""}
|
|
@@ -6,8 +6,8 @@ import { useAccordionPanelStyles } from './useAccordionPanelStyles';
|
|
|
6
6
|
* Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
export
|
|
10
|
-
|
|
9
|
+
export const AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
+
const state = useAccordionPanel(props, ref);
|
|
11
11
|
useAccordionPanelStyles(state);
|
|
12
12
|
return renderAccordionPanel(state);
|
|
13
13
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AACA,SAAS,uBAAT,QAAwC,2BAAxC;AAIA;;AAEG;;AACH,OAAO,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AACA,SAAS,uBAAT,QAAwC,2BAAxC;AAIA;;AAEG;;AACH,OAAO,MAAM,cAAc,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AAEA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AACA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALuE,CAAjE;AAOP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourceRoot":""}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
3
|
import { accordionPanelShorthandProps } from './useAccordionPanel';
|
|
@@ -6,11 +5,11 @@ import { accordionPanelShorthandProps } from './useAccordionPanel';
|
|
|
6
5
|
* Function that renders the final JSX of the component
|
|
7
6
|
*/
|
|
8
7
|
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return state.open ? /*#__PURE__*/React.createElement(slots.root,
|
|
8
|
+
export const renderAccordionPanel = state => {
|
|
9
|
+
const {
|
|
10
|
+
slots,
|
|
11
|
+
slotProps
|
|
12
|
+
} = getSlots(state, accordionPanelShorthandProps);
|
|
13
|
+
return state.open ? /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children) : null;
|
|
15
14
|
};
|
|
16
15
|
//# sourceMappingURL=renderAccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,4BAAT,QAA6C,qBAA7C;AAGA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAA+B;AACjE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,EAA6B,4BAA7B,CAArC;AACA,SAAO,KAAK,CAAC,IAAN,gBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM","sourceRoot":""}
|
|
@@ -8,6 +8,5 @@ export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlo
|
|
|
8
8
|
* Returns the props and state required to render the component
|
|
9
9
|
* @param props - AccordionPanel properties
|
|
10
10
|
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
11
|
-
* @param defaultProps - default values for the properties of AccordionPanel
|
|
12
11
|
*/
|
|
13
12
|
export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
2
|
import { useAccordionItemContext } from '../AccordionItem/index';
|
|
4
3
|
/**
|
|
5
4
|
* Const listing which props are shorthand props.
|
|
6
5
|
*/
|
|
7
6
|
|
|
8
|
-
export
|
|
7
|
+
export const accordionPanelShorthandProps = ['root'];
|
|
9
8
|
/**
|
|
10
9
|
* Returns the props and state required to render the component
|
|
11
10
|
* @param props - AccordionPanel properties
|
|
12
11
|
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
13
|
-
* @param defaultProps - default values for the properties of AccordionPanel
|
|
14
12
|
*/
|
|
15
13
|
|
|
16
|
-
export
|
|
17
|
-
|
|
14
|
+
export const useAccordionPanel = (props, ref) => {
|
|
15
|
+
const {
|
|
16
|
+
open
|
|
17
|
+
} = useAccordionItemContext();
|
|
18
18
|
return {
|
|
19
|
-
open
|
|
20
|
-
root: getNativeElementProps('div',
|
|
21
|
-
ref
|
|
22
|
-
role: 'region'
|
|
23
|
-
|
|
19
|
+
open,
|
|
20
|
+
root: getNativeElementProps('div', {
|
|
21
|
+
ref,
|
|
22
|
+
role: 'region',
|
|
23
|
+
...props
|
|
24
|
+
})
|
|
24
25
|
};
|
|
25
26
|
};
|
|
26
27
|
//# sourceMappingURL=useAccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,uBAAT,QAAwC,wBAAxC;AAGA;;AAEG;;AACH,OAAO,MAAM,4BAA4B,GAAqC,CAAC,MAAD,CAAvE;AAEP;;;;AAIG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM;AAAE,IAAA;AAAF,MAAW,uBAAuB,EAAxC;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAAR;AAFtB,GAAP;AAQD,CAVM","sourceRoot":""}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import type { AccordionPanelState } from './AccordionPanel.types';
|
|
2
|
+
export declare const accordionPanelClassName = "fui-AccordionPanel";
|
|
2
3
|
/** Applies style classnames to slots */
|
|
3
4
|
export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
|
2
|
+
export const accordionPanelClassName = 'fui-AccordionPanel';
|
|
2
3
|
/**
|
|
3
4
|
* Styles for the root slot
|
|
4
5
|
*/
|
|
5
6
|
|
|
6
|
-
|
|
7
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
7
8
|
"root": {
|
|
8
9
|
"t21cq0": ["f1x4n1mu", "f1hf5xhj"],
|
|
9
10
|
"Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
|
|
@@ -14,9 +15,9 @@ var useStyles = /*#__PURE__*/__styles({
|
|
|
14
15
|
/** Applies style classnames to slots */
|
|
15
16
|
|
|
16
17
|
|
|
17
|
-
export
|
|
18
|
-
|
|
19
|
-
state.root.className = mergeClasses(styles.root, state.root.className);
|
|
18
|
+
export const useAccordionPanelStyles = state => {
|
|
19
|
+
const styles = useStyles();
|
|
20
|
+
state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);
|
|
20
21
|
return state;
|
|
21
22
|
};
|
|
22
23
|
//# sourceMappingURL=useAccordionPanelStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,uBAAD,EAA0B,MAAM,CAAC,IAAjC,EAAuC,KAAK,CAAC,IAAN,CAAW,SAAlD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourceRoot":""}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./components/Accordion/index"), exports);
|
|
10
10
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./components/AccordionHeader/index"), exports);
|
|
10
10
|
//# sourceMappingURL=AccordionHeader.js.map
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./components/AccordionItem/index"), exports);
|
|
10
10
|
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./components/AccordionPanel/index"), exports);
|
|
10
10
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -5,21 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Accordion = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const useAccordion_1 = /*#__PURE__*/require("./useAccordion");
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
const useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
|
|
15
|
+
|
|
16
|
+
const useAccordionStyles_1 = /*#__PURE__*/require("./useAccordionStyles");
|
|
15
17
|
/**
|
|
16
18
|
* Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
|
|
17
19
|
*/
|
|
18
20
|
|
|
19
21
|
|
|
20
|
-
exports.Accordion = /*#__PURE__*/React.forwardRef(
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
exports.Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
23
|
+
const state = useAccordion_1.useAccordion(props, ref);
|
|
24
|
+
const contextValues = useAccordionContextValues_1.useAccordionContextValues(state);
|
|
25
|
+
useAccordionStyles_1.useAccordionStyles(state);
|
|
23
26
|
return renderAccordion_1.renderAccordion(state, contextValues);
|
|
24
27
|
});
|
|
25
28
|
exports.Accordion.displayName = 'Accordion';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAC5D,CAAC,KAAD,EAAQ,GAAR,KAAe;AACb,QAAM,KAAK,GAAG,cAAA,CAAA,YAAA,CAAa,KAAb,EAAoB,GAApB,CAAd;AACA,QAAM,aAAa,GAAG,2BAAA,CAAA,yBAAA,CAA0B,KAA1B,CAAtB;AAEA,EAAA,oBAAA,CAAA,kBAAA,CAAmB,KAAnB;AAEA,SAAO,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,aAAvB,CAAP;AACD,CAR2D,CAAjD;AAWb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}
|
|
@@ -4,16 +4,30 @@ import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
|
|
|
4
4
|
export declare type AccordionIndex = number | number[];
|
|
5
5
|
export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
|
|
6
6
|
export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
|
|
7
|
-
export declare type
|
|
7
|
+
export declare type AccordionCommons = {
|
|
8
|
+
/**
|
|
9
|
+
* Indicates if keyboard navigation is available
|
|
10
|
+
*/
|
|
8
11
|
navigable: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Indicates if Accordion support multiple Panels opened at the same time
|
|
14
|
+
*/
|
|
15
|
+
multiple: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Indicates if Accordion support multiple Panels closed at the same time
|
|
18
|
+
*/
|
|
19
|
+
collapsible: boolean;
|
|
20
|
+
};
|
|
21
|
+
export declare type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
|
|
9
22
|
/**
|
|
10
23
|
* The list of opened panels by index
|
|
11
24
|
*/
|
|
12
25
|
openItems: AccordionItemValue[];
|
|
13
26
|
/**
|
|
14
27
|
* Callback used by AccordionItem to request a change on it's own opened state
|
|
28
|
+
* Should be used to toggle AccordionItem
|
|
15
29
|
*/
|
|
16
|
-
requestToggle:
|
|
30
|
+
requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
|
|
17
31
|
};
|
|
18
32
|
export declare type AccordionContextValues = {
|
|
19
33
|
accordion: AccordionContextValue;
|
|
@@ -21,20 +35,6 @@ export declare type AccordionContextValues = {
|
|
|
21
35
|
export declare type AccordionSlots = {
|
|
22
36
|
root: IntrinsicShorthandProps<'div'>;
|
|
23
37
|
};
|
|
24
|
-
export declare type AccordionCommons = {
|
|
25
|
-
/**
|
|
26
|
-
* Indicates if keyboard navigation is available
|
|
27
|
-
*/
|
|
28
|
-
navigable: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Indicates if Accordion support multiple Panels opened at the same time
|
|
31
|
-
*/
|
|
32
|
-
multiple: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Indicates if Accordion support multiple Panels closed at the same time
|
|
35
|
-
*/
|
|
36
|
-
collapsible: boolean;
|
|
37
|
-
};
|
|
38
38
|
export declare type AccordionToggleData = {
|
|
39
39
|
value: AccordionItemValue;
|
|
40
40
|
};
|
|
@@ -5,13 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.AccordionContext = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
|
|
9
9
|
|
|
10
10
|
exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext({
|
|
11
11
|
openItems: [],
|
|
12
12
|
navigable: false,
|
|
13
|
-
|
|
13
|
+
collapsible: false,
|
|
14
|
+
|
|
15
|
+
requestToggle() {
|
|
14
16
|
/* noop */
|
|
15
17
|
}
|
|
18
|
+
|
|
16
19
|
});
|
|
17
20
|
//# sourceMappingURL=AccordionContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,gBAAA,gBAAmD,wBAAA,CAAA,aAAA,CAAqC;AACnG,EAAA,SAAS,EAAE,EADwF;AAEnG,EAAA,SAAS,EAAE,KAFwF;AAGnG,EAAA,WAAW,EAAE,KAHsF;;AAInG,EAAA,aAAa,GAAA;AACX;AACD;;AANkG,CAArC,CAAnD","sourceRoot":""}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./Accordion"), exports);
|
|
10
10
|
|
|
@@ -14,6 +14,8 @@ tslib_1.__exportStar(require("./renderAccordion"), exports);
|
|
|
14
14
|
|
|
15
15
|
tslib_1.__exportStar(require("./useAccordion"), exports);
|
|
16
16
|
|
|
17
|
+
tslib_1.__exportStar(require("./useAccordionStyles"), exports);
|
|
18
|
+
|
|
17
19
|
tslib_1.__exportStar(require("./useAccordionContextValues"), exports);
|
|
18
20
|
|
|
19
21
|
tslib_1.__exportStar(require("./AccordionContext"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
|
@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.renderAccordion = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var AccordionContext_1 = /*#__PURE__*/require("./AccordionContext");
|
|
12
|
+
const AccordionContext_1 = /*#__PURE__*/require("./AccordionContext");
|
|
15
13
|
/**
|
|
16
14
|
* Function that renders the final JSX of the component
|
|
17
15
|
*/
|
|
18
16
|
|
|
19
17
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return React.createElement(slots.root,
|
|
18
|
+
const renderAccordion = (state, contextValues) => {
|
|
19
|
+
const {
|
|
20
|
+
slots,
|
|
21
|
+
slotProps
|
|
22
|
+
} = react_utilities_1.getSlots(state);
|
|
23
|
+
return React.createElement(slots.root, Object.assign({}, slotProps.root), React.createElement(AccordionContext_1.AccordionContext.Provider, {
|
|
26
24
|
value: contextValues.accordion
|
|
27
25
|
}, slotProps.root.children));
|
|
28
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,eAAe,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AAC9F,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAyB,KAAzB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,gBAAA,CAAiB,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
|