@fluentui/react-accordion 9.0.0-nightly.46b9ea7036.0 → 9.0.0-rc.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 +368 -29
- package/CHANGELOG.md +86 -19
- package/dist/react-accordion.d.ts +47 -54
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/Accordion/Accordion.js +10 -8
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.d.ts +4 -3
- package/lib/components/Accordion/AccordionContext.js +4 -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.d.ts +1 -1
- package/lib/components/Accordion/renderAccordion.js +7 -7
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.d.ts +2 -3
- package/lib/components/Accordion/useAccordion.js +43 -53
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.d.ts +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js +13 -11
- 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.d.ts +2 -1
- package/lib/components/AccordionHeader/AccordionHeader.js +11 -10
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +12 -11
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -4
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.d.ts +0 -1
- package/lib/components/AccordionHeader/index.js +0 -1
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.d.ts +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +11 -8
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.d.ts +2 -6
- package/lib/components/AccordionHeader/useAccordionHeader.js +53 -48
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +14 -14
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +2 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +43 -52
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.d.ts +1 -1
- package/lib/components/AccordionItem/AccordionItem.js +10 -8
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.d.ts +4 -3
- package/lib/components/AccordionItem/AccordionItemContext.d.ts +1 -1
- 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.d.ts +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +7 -8
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.d.ts +2 -6
- package/lib/components/AccordionItem/useAccordionItem.js +23 -31
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +12 -12
- 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.d.ts +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js +8 -8
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
- package/lib/components/AccordionPanel/renderAccordionPanel.d.ts +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +7 -8
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.d.ts +2 -6
- package/lib/components/AccordionPanel/useAccordionPanel.js +13 -14
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +2 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +6 -5
- 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.d.ts +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +12 -9
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.d.ts +4 -3
- package/lib-commonjs/components/Accordion/AccordionContext.js +4 -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.d.ts +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +12 -13
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.d.ts +2 -3
- package/lib-commonjs/components/Accordion/useAccordion.js +48 -59
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +15 -13
- 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.d.ts +2 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +12 -11
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +12 -11
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +2 -4
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -1
- package/lib-commonjs/components/AccordionHeader/index.js +1 -3
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +16 -15
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +2 -6
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +60 -54
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +17 -17
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +2 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +50 -57
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +12 -9
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +4 -3
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +6 -7
- 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.d.ts +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +12 -15
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +2 -6
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +31 -40
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +15 -15
- 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.d.ts +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +9 -9
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
- package/lib-commonjs/components/AccordionPanel/index.js +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +11 -14
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +2 -6
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +17 -19
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +2 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +9 -8
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +17 -19
- 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/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -42
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.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
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -52
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { AccordionItemProps } from './AccordionItem.types';
|
|
2
2
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
3
|
/**
|
|
4
|
-
* Define a styled AccordionItem, using the `
|
|
4
|
+
* Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
|
|
5
5
|
*/
|
|
6
6
|
export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useAccordionItem_unstable } from './useAccordionItem';
|
|
3
|
+
import { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';
|
|
4
|
+
import { renderAccordionItem_unstable } from './renderAccordionItem';
|
|
5
|
+
import { useAccordionItemStyles_unstable } from './useAccordionItemStyles';
|
|
5
6
|
/**
|
|
6
|
-
* Define a styled AccordionItem, using the `
|
|
7
|
+
* Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
|
|
7
8
|
*/
|
|
8
9
|
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
export const AccordionItem = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
11
|
+
const state = useAccordionItem_unstable(props, ref);
|
|
12
|
+
const contextValues = useAccordionItemContextValues_unstable(state);
|
|
13
|
+
useAccordionItemStyles_unstable(state);
|
|
14
|
+
return renderAccordionItem_unstable(state, contextValues);
|
|
13
15
|
});
|
|
14
16
|
AccordionItem.displayName = 'AccordionItem';
|
|
15
17
|
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,yBAAT,QAA0C,oBAA1C;AACA,SAAS,sCAAT,QAAuD,iCAAvD;AACA,SAAS,4BAAT,QAA6C,uBAA7C;AAGA,SAAS,+BAAT,QAAgD,0BAAhD;AAEA;;AAEG;;AACH,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,yBAAyB,CAAC,KAAD,EAAQ,GAAR,CAAvC;AACA,QAAM,aAAa,GAAG,sCAAsC,CAAC,KAAD,CAA5D;AAEA,EAAA,+BAA+B,CAAC,KAAD,CAA/B;AAEA,SAAO,4BAA4B,CAAC,KAAD,EAAQ,aAAR,CAAnC;AACD,CAPqE,CAA/D;AASP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState,
|
|
2
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
3
|
export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
|
|
4
4
|
open: boolean;
|
|
5
5
|
onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
|
|
@@ -8,9 +8,9 @@ export declare type AccordionItemContextValues = {
|
|
|
8
8
|
accordionItem: AccordionItemContextValue;
|
|
9
9
|
};
|
|
10
10
|
export declare type AccordionItemSlots = {
|
|
11
|
-
root:
|
|
11
|
+
root: Slot<'div'>;
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
declare type AccordionItemCommons = {
|
|
14
14
|
/**
|
|
15
15
|
* Disables opening/closing of panel
|
|
16
16
|
*/
|
|
@@ -23,3 +23,4 @@ export declare type AccordionItemCommons = {
|
|
|
23
23
|
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
|
|
24
24
|
export declare type AccordionItemValue = unknown;
|
|
25
25
|
export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
|
|
26
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { AccordionItemContextValue } from './AccordionItem.types';
|
|
3
3
|
export declare const AccordionItemContext: React.Context<AccordionItemContextValue>;
|
|
4
|
-
export declare const
|
|
4
|
+
export declare const useAccordionItemContext_unstable: () => 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_unstable = () => 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,gCAAgC,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,oBAAjB,CAA/C","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"}
|
|
@@ -2,4 +2,4 @@ import type { AccordionItemState, AccordionItemContextValues } from './Accordion
|
|
|
2
2
|
/**
|
|
3
3
|
* Function that renders the final JSX of the component
|
|
4
4
|
*/
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const renderAccordionItem_unstable: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
|
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
|
-
import { accordionItemShorthandProps } from './useAccordionItem';
|
|
5
3
|
import { AccordionItemContext } from './AccordionItemContext';
|
|
6
4
|
/**
|
|
7
5
|
* Function that renders the final JSX of the component
|
|
8
6
|
*/
|
|
9
7
|
|
|
10
|
-
export
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/React.createElement(slots.root,
|
|
8
|
+
export const renderAccordionItem_unstable = (state, contextValues) => {
|
|
9
|
+
const {
|
|
10
|
+
slots,
|
|
11
|
+
slotProps
|
|
12
|
+
} = getSlots(state);
|
|
13
|
+
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
14
|
+
}, /*#__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,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,MAAM,4BAA4B,GAAG,CAAC,KAAD,EAA4B,aAA5B,KAAyE;AACnH,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAqB,KAArB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM","sourceRoot":""}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemProps, AccordionItemState
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
|
|
2
|
+
import type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';
|
|
7
3
|
/**
|
|
8
4
|
* Returns the props and state required to render the component
|
|
9
5
|
* @param props - AccordionItem properties
|
|
10
6
|
* @param ref - reference to root HTMLElement of AccordionItem
|
|
11
7
|
*/
|
|
12
|
-
export declare const
|
|
8
|
+
export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
|
|
@@ -1,49 +1,41 @@
|
|
|
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';
|
|
5
4
|
import { useContextSelector } from '@fluentui/react-context-selector';
|
|
6
5
|
import { AccordionContext } from '../Accordion/AccordionContext';
|
|
7
|
-
/**
|
|
8
|
-
* Const listing which props are shorthand props.
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
export var accordionItemShorthandProps = ['root'];
|
|
12
6
|
/**
|
|
13
7
|
* Returns the props and state required to render the component
|
|
14
8
|
* @param props - AccordionItem properties
|
|
15
9
|
* @param ref - reference to root HTMLElement of AccordionItem
|
|
16
10
|
*/
|
|
17
11
|
|
|
18
|
-
export
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var tabsterAttributes = useTabsterAttributes({
|
|
12
|
+
export const useAccordionItem_unstable = (props, ref) => {
|
|
13
|
+
const {
|
|
14
|
+
value,
|
|
15
|
+
disabled = false
|
|
16
|
+
} = props;
|
|
17
|
+
const navigable = useContextSelector(AccordionContext, ctx => ctx.navigable);
|
|
18
|
+
const tabsterAttributes = useTabsterAttributes({
|
|
26
19
|
groupper: {}
|
|
27
20
|
});
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
});
|
|
34
|
-
var onAccordionHeaderClick = React.useCallback(function (ev) {
|
|
35
|
-
return requestToggle(ev, {
|
|
36
|
-
value: value
|
|
37
|
-
});
|
|
38
|
-
}, [requestToggle, value]);
|
|
21
|
+
const requestToggle = useContextSelector(AccordionContext, ctx => ctx.requestToggle);
|
|
22
|
+
const open = useContextSelector(AccordionContext, ctx => ctx.openItems.includes(value));
|
|
23
|
+
const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
|
|
24
|
+
value
|
|
25
|
+
}), [requestToggle, value]);
|
|
39
26
|
return {
|
|
40
|
-
open
|
|
41
|
-
value
|
|
42
|
-
disabled
|
|
27
|
+
open,
|
|
28
|
+
value,
|
|
29
|
+
disabled,
|
|
43
30
|
onHeaderClick: onAccordionHeaderClick,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
},
|
|
31
|
+
components: {
|
|
32
|
+
root: 'div'
|
|
33
|
+
},
|
|
34
|
+
root: getNativeElementProps('div', {
|
|
35
|
+
ref: ref,
|
|
36
|
+
...(navigable ? tabsterAttributes : {}),
|
|
37
|
+
...props
|
|
38
|
+
})
|
|
47
39
|
};
|
|
48
40
|
};
|
|
49
41
|
//# 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;;;;AAIG;;AACH,OAAO,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;AACtB,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,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KALP;AAQL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GAAG,EAAE,GAD4B;AAEjC,UAAI,SAAS,GAAG,iBAAH,GAAuB,EAApC,CAFiC;AAGjC,SAAG;AAH8B,KAAR;AARtB,GAAP;AAcD,CA/BM","sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';
|
|
2
|
-
export declare function
|
|
2
|
+
export declare function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export function
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}, [disabled, onHeaderClick, open]);
|
|
2
|
+
export function useAccordionItemContextValues_unstable(state) {
|
|
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,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,sCAAV,CAAiD,KAAjD,EAA0E;AAC9E,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 '@griffel/react';
|
|
2
|
+
export const accordionItemClassName = 'fui-AccordionItem';
|
|
3
|
+
export const useAccordionItemStyles_unstable = 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,gBAA7B;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;AAEP,OAAO,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,sBAAD,EAAyB,KAAK,CAAC,IAAN,CAAW,SAApC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourceRoot":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { AccordionPanelProps } from './AccordionPanel.types';
|
|
2
2
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
3
|
/**
|
|
4
|
-
* Define a styled AccordionPanel, using the `
|
|
4
|
+
* Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
|
|
5
5
|
*/
|
|
6
6
|
export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useAccordionPanel_unstable } from './useAccordionPanel';
|
|
3
|
+
import { renderAccordionPanel_unstable } from './renderAccordionPanel';
|
|
4
|
+
import { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';
|
|
5
5
|
/**
|
|
6
|
-
* Define a styled AccordionPanel, using the `
|
|
6
|
+
* Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return
|
|
9
|
+
export const AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
+
const state = useAccordionPanel_unstable(props, ref);
|
|
11
|
+
useAccordionPanelStyles_unstable(state);
|
|
12
|
+
return renderAccordionPanel_unstable(state);
|
|
13
13
|
});
|
|
14
14
|
AccordionPanel.displayName = 'AccordionPanel';
|
|
15
15
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AACA,SAAS,gCAAT,QAAiD,2BAAjD;AAIA;;AAEG;;AACH,OAAO,MAAM,cAAc,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,0BAA0B,CAAC,KAAD,EAAQ,GAAR,CAAxC;AAEA,EAAA,gCAAgC,CAAC,KAAD,CAAhC;AACA,SAAO,6BAA6B,CAAC,KAAD,CAApC;AACD,CALuE,CAAjE;AAOP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourceRoot":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type AccordionPanelSlots = {
|
|
3
|
-
root:
|
|
3
|
+
root: Slot<'div'>;
|
|
4
4
|
};
|
|
5
5
|
export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
|
|
6
6
|
export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
|
|
@@ -2,4 +2,4 @@ import type { AccordionPanelState } from './AccordionPanel.types';
|
|
|
2
2
|
/**
|
|
3
3
|
* Function that renders the final JSX of the component
|
|
4
4
|
*/
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const renderAccordionPanel_unstable: (state: AccordionPanelState) => JSX.Element | null;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
|
-
import { accordionPanelShorthandProps } from './useAccordionPanel';
|
|
5
3
|
/**
|
|
6
4
|
* Function that renders the final JSX of the component
|
|
7
5
|
*/
|
|
8
6
|
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return state.open ? /*#__PURE__*/React.createElement(slots.root,
|
|
7
|
+
export const renderAccordionPanel_unstable = state => {
|
|
8
|
+
const {
|
|
9
|
+
slots,
|
|
10
|
+
slotProps
|
|
11
|
+
} = getSlots(state);
|
|
12
|
+
return state.open ? /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
13
|
+
}, 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;AAGA;;AAEG;;AACH,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,CAArC;AACA,SAAO,KAAK,CAAC,IAAN,gBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM","sourceRoot":""}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { AccordionPanelProps,
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
|
|
2
|
+
import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
|
|
7
3
|
/**
|
|
8
4
|
* Returns the props and state required to render the component
|
|
9
5
|
* @param props - AccordionPanel properties
|
|
10
6
|
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
11
7
|
*/
|
|
12
|
-
export declare const
|
|
8
|
+
export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
|
-
import {
|
|
4
|
-
/**
|
|
5
|
-
* Const listing which props are shorthand props.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
export var accordionPanelShorthandProps = ['root'];
|
|
2
|
+
import { useAccordionItemContext_unstable } from '../AccordionItem/index';
|
|
9
3
|
/**
|
|
10
4
|
* Returns the props and state required to render the component
|
|
11
5
|
* @param props - AccordionPanel properties
|
|
12
6
|
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
13
7
|
*/
|
|
14
8
|
|
|
15
|
-
export
|
|
16
|
-
|
|
9
|
+
export const useAccordionPanel_unstable = (props, ref) => {
|
|
10
|
+
const {
|
|
11
|
+
open
|
|
12
|
+
} = useAccordionItemContext_unstable();
|
|
17
13
|
return {
|
|
18
|
-
open
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
open,
|
|
15
|
+
components: {
|
|
16
|
+
root: 'div'
|
|
17
|
+
},
|
|
18
|
+
root: getNativeElementProps('div', {
|
|
19
|
+
ref,
|
|
20
|
+
...props
|
|
21
|
+
})
|
|
23
22
|
};
|
|
24
23
|
};
|
|
25
24
|
//# 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,gCAAT,QAAiD,wBAAjD;AAGA;;;;AAIG;;AACH,OAAO,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,gCAAgC,EAAjD;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR;AALtB,GAAP;AAUD,CAfM","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
|
-
export declare const
|
|
4
|
+
export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { __styles, mergeClasses } from '@
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
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_unstable = 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,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,gBAAzC;AAGA,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { AccordionProps } from './Accordion.types';
|
|
2
2
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
3
|
/**
|
|
4
|
-
* Define a styled Accordion, using the `
|
|
4
|
+
* Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
|
|
5
5
|
*/
|
|
6
6
|
export declare const Accordion: ForwardRefComponent<AccordionProps>;
|
|
@@ -5,22 +5,25 @@ 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
|
-
* Define a styled Accordion, using the `
|
|
18
|
+
* Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
|
|
17
19
|
*/
|
|
18
20
|
|
|
19
21
|
|
|
20
|
-
exports.Accordion = /*#__PURE__*/React.forwardRef(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
exports.Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
23
|
+
const state = useAccordion_1.useAccordion_unstable(props, ref);
|
|
24
|
+
const contextValues = useAccordionContextValues_1.useAccordionContextValues_unstable(state);
|
|
25
|
+
useAccordionStyles_1.useAccordionStyles_unstable(state);
|
|
26
|
+
return renderAccordion_1.renderAccordion_unstable(state, contextValues);
|
|
24
27
|
});
|
|
25
28
|
exports.Accordion.displayName = 'Accordion';
|
|
26
29
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -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,qBAAA,CAAsB,KAAtB,EAA6B,GAA7B,CAAd;AACA,QAAM,aAAa,GAAG,2BAAA,CAAA,kCAAA,CAAmC,KAAnC,CAAtB;AAEA,EAAA,oBAAA,CAAA,2BAAA,CAA4B,KAA5B;AAEA,SAAO,iBAAA,CAAA,wBAAA,CAAyB,KAAzB,EAAgC,aAAhC,CAAP;AACD,CAR2D,CAAjD;AAWb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}
|