@fluentui/react-accordion 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11
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 +866 -24
- package/CHANGELOG.md +306 -104
- package/Spec.md +36 -4
- package/dist/{react-accordion.d.ts → index.d.ts} +98 -107
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/Accordion.js.map +1 -1
- package/lib/AccordionHeader.js.map +1 -1
- package/lib/AccordionItem.js.map +1 -1
- package/lib/AccordionPanel.js.map +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.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +7 -4
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.js +1 -0
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +7 -7
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +44 -64
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js +13 -11
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js +9 -0
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -0
- package/lib/components/AccordionHeader/AccordionHeader.js +11 -10
- 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 +2 -4
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js +0 -1
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +11 -8
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +53 -48
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +14 -14
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +50 -40
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +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.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +5 -5
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js +1 -0
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +7 -8
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +19 -34
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +12 -12
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js +9 -0
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
- package/lib/components/AccordionPanel/AccordionPanel.js +8 -8
- 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.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +7 -8
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +23 -14
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +8 -5
- 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 +1 -1
- package/lib-commonjs/Accordion.js.map +1 -1
- package/lib-commonjs/AccordionHeader.js +1 -1
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js +1 -1
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js +1 -1
- package/lib-commonjs/AccordionPanel.js.map +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.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +10 -4
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- 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 +12 -13
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +49 -69
- package/lib-commonjs/components/Accordion/useAccordion.js.map +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.js +20 -0
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -0
- 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.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/index.js +1 -3
- package/lib-commonjs/components/AccordionHeader/index.js.map +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.js +60 -54
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +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.js +55 -43
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +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.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +7 -7
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- 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 +12 -15
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +26 -43
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +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.js +20 -0
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
- 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.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js.map +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.js +27 -16
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +11 -8
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +170 -5
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +27 -31
- package/lib/Accordion.d.ts +0 -1
- package/lib/AccordionHeader.d.ts +0 -1
- package/lib/AccordionItem.d.ts +0 -1
- package/lib/AccordionPanel.d.ts +0 -1
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -12
- package/lib/common/isConformant.js.map +0 -1
- package/lib/components/Accordion/Accordion.d.ts +0 -6
- package/lib/components/Accordion/Accordion.types.d.ts +0 -52
- package/lib/components/Accordion/AccordionContext.d.ts +0 -3
- package/lib/components/Accordion/index.d.ts +0 -6
- package/lib/components/Accordion/renderAccordion.d.ts +0 -5
- package/lib/components/Accordion/useAccordion.d.ts +0 -9
- package/lib/components/Accordion/useAccordionContextValues.d.ts +0 -2
- package/lib/components/AccordionHeader/AccordionHeader.d.ts +0 -6
- package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +0 -47
- package/lib/components/AccordionHeader/AccordionHeaderContext.d.ts +0 -4
- 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/components/AccordionHeader/index.d.ts +0 -7
- package/lib/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
- package/lib/components/AccordionHeader/useAccordionHeader.d.ts +0 -12
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +0 -2
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -3
- package/lib/components/AccordionItem/AccordionItem.d.ts +0 -6
- package/lib/components/AccordionItem/AccordionItem.types.d.ts +0 -25
- package/lib/components/AccordionItem/AccordionItemContext.d.ts +0 -4
- package/lib/components/AccordionItem/index.d.ts +0 -6
- package/lib/components/AccordionItem/renderAccordionItem.d.ts +0 -5
- package/lib/components/AccordionItem/useAccordionItem.d.ts +0 -12
- package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts +0 -2
- package/lib/components/AccordionPanel/AccordionPanel.d.ts +0 -6
- package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +0 -11
- package/lib/components/AccordionPanel/index.d.ts +0 -5
- package/lib/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
- package/lib/components/AccordionPanel/useAccordionPanel.d.ts +0 -12
- package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -3
- package/lib/index.d.ts +0 -4
- package/lib-commonjs/Accordion.d.ts +0 -1
- package/lib-commonjs/AccordionHeader.d.ts +0 -1
- package/lib-commonjs/AccordionItem.d.ts +0 -1
- package/lib-commonjs/AccordionPanel.d.ts +0 -1
- package/lib-commonjs/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/Accordion/Accordion.d.ts +0 -6
- package/lib-commonjs/components/Accordion/Accordion.types.d.ts +0 -52
- package/lib-commonjs/components/Accordion/AccordionContext.d.ts +0 -3
- package/lib-commonjs/components/Accordion/index.d.ts +0 -6
- package/lib-commonjs/components/Accordion/renderAccordion.d.ts +0 -5
- package/lib-commonjs/components/Accordion/useAccordion.d.ts +0 -9
- package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts +0 -2
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts +0 -6
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +0 -47
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.d.ts +0 -4
- 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
- package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -7
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +0 -12
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +0 -2
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -3
- package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +0 -6
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +0 -25
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts +0 -4
- package/lib-commonjs/components/AccordionItem/index.d.ts +0 -6
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.d.ts +0 -5
- package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +0 -12
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts +0 -2
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts +0 -6
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +0 -11
- package/lib-commonjs/components/AccordionPanel/index.d.ts +0 -5
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +0 -12
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -3
- package/lib-commonjs/index.d.ts +0 -4
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemProps, AccordionItemState, AccordionItemSlots } from './AccordionItem.types';
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
|
|
7
|
-
/**
|
|
8
|
-
* Returns the props and state required to render the component
|
|
9
|
-
* @param props - AccordionItem properties
|
|
10
|
-
* @param ref - reference to root HTMLElement of AccordionItem
|
|
11
|
-
*/
|
|
12
|
-
export declare const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionPanelProps } from './AccordionPanel.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type AccordionPanelSlots = {
|
|
3
|
-
root: IntrinsicShorthandProps<'div'>;
|
|
4
|
-
};
|
|
5
|
-
export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
|
|
6
|
-
export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
|
|
7
|
-
/**
|
|
8
|
-
* Internal open state, provided by context
|
|
9
|
-
*/
|
|
10
|
-
open: boolean;
|
|
11
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
|
|
7
|
-
/**
|
|
8
|
-
* Returns the props and state required to render the component
|
|
9
|
-
* @param props - AccordionPanel properties
|
|
10
|
-
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
11
|
-
*/
|
|
12
|
-
export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
|
package/lib/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/Accordion/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/AccordionHeader/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/AccordionItem/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/AccordionPanel/index';
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isConformant = void 0;
|
|
7
|
-
|
|
8
|
-
var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
|
|
9
|
-
|
|
10
|
-
var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
|
|
11
|
-
|
|
12
|
-
function isConformant(testInfo) {
|
|
13
|
-
var defaultOptions = {
|
|
14
|
-
asPropHandlesRef: true,
|
|
15
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
|
16
|
-
skipAsPropTests: true,
|
|
17
|
-
extraTests: react_conformance_make_styles_1.default
|
|
18
|
-
};
|
|
19
|
-
react_conformance_1.isConformant(defaultOptions, testInfo);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
exports.isConformant = isConformant;
|
|
23
|
-
//# sourceMappingURL=isConformant.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAGA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,eAAe,EAAE,IAH0C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAJ+C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionProps } from './Accordion.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Accordion: ForwardRefComponent<AccordionProps>;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
3
|
-
import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
|
|
4
|
-
export declare type AccordionIndex = number | number[];
|
|
5
|
-
export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
|
|
6
|
-
export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
|
|
7
|
-
export declare type AccordionCommons = {
|
|
8
|
-
/**
|
|
9
|
-
* Indicates if keyboard navigation is available
|
|
10
|
-
*/
|
|
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'> & {
|
|
22
|
-
/**
|
|
23
|
-
* The list of opened panels by index
|
|
24
|
-
*/
|
|
25
|
-
openItems: AccordionItemValue[];
|
|
26
|
-
/**
|
|
27
|
-
* Callback used by AccordionItem to request a change on it's own opened state
|
|
28
|
-
* Should be used to toggle AccordionItem
|
|
29
|
-
*/
|
|
30
|
-
requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
|
|
31
|
-
};
|
|
32
|
-
export declare type AccordionContextValues = {
|
|
33
|
-
accordion: AccordionContextValue;
|
|
34
|
-
};
|
|
35
|
-
export declare type AccordionSlots = {
|
|
36
|
-
root: IntrinsicShorthandProps<'div'>;
|
|
37
|
-
};
|
|
38
|
-
export declare type AccordionToggleData = {
|
|
39
|
-
value: AccordionItemValue;
|
|
40
|
-
};
|
|
41
|
-
export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
|
|
42
|
-
/**
|
|
43
|
-
* Controls the state of the panel
|
|
44
|
-
*/
|
|
45
|
-
openItems?: AccordionItemValue | AccordionItemValue[];
|
|
46
|
-
/**
|
|
47
|
-
* Default value for the uncontrolled state of the panel
|
|
48
|
-
*/
|
|
49
|
-
defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
|
|
50
|
-
onToggle?: AccordionToggleEventHandler;
|
|
51
|
-
};
|
|
52
|
-
export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionProps, AccordionSlots, AccordionState } from './Accordion.types';
|
|
3
|
-
export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* Returns the props and state required to render the component
|
|
6
|
-
* @param props - Accordion properties
|
|
7
|
-
* @param ref - reference to root HTMLElement of Accordion
|
|
8
|
-
*/
|
|
9
|
-
export declare const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderProps } from './AccordionHeader.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
|
|
3
|
-
import type { AccordionHeaderExpandIconProps } from './AccordionHeaderExpandIcon';
|
|
4
|
-
import type { ARIAButtonShorthandProps } from '@fluentui/react-aria';
|
|
5
|
-
export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
|
|
6
|
-
export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
|
|
7
|
-
export declare type AccordionHeaderContextValue = {
|
|
8
|
-
disabled: boolean;
|
|
9
|
-
open: boolean;
|
|
10
|
-
expandIconPosition: AccordionHeaderExpandIconPosition;
|
|
11
|
-
size: AccordionHeaderSize;
|
|
12
|
-
};
|
|
13
|
-
export declare type AccordionHeaderContextValues = {
|
|
14
|
-
accordionHeader: AccordionHeaderContextValue;
|
|
15
|
-
};
|
|
16
|
-
export declare type AccordionHeaderSlots = {
|
|
17
|
-
root: IntrinsicShorthandProps<'div'>;
|
|
18
|
-
/**
|
|
19
|
-
* The component to be used as button in heading
|
|
20
|
-
*/
|
|
21
|
-
button: ARIAButtonShorthandProps;
|
|
22
|
-
/**
|
|
23
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
24
|
-
*/
|
|
25
|
-
expandIcon: AccordionHeaderExpandIconProps;
|
|
26
|
-
/**
|
|
27
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
28
|
-
*/
|
|
29
|
-
icon?: IntrinsicShorthandProps<'div'>;
|
|
30
|
-
children: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
|
|
31
|
-
};
|
|
32
|
-
export declare type AccordionHeaderCommons = {
|
|
33
|
-
/**
|
|
34
|
-
* Size of spacing in the heading
|
|
35
|
-
*/
|
|
36
|
-
size: AccordionHeaderSize;
|
|
37
|
-
/**
|
|
38
|
-
* The position of the expand icon slot in heading
|
|
39
|
-
*/
|
|
40
|
-
expandIconPosition: AccordionHeaderExpandIconPosition;
|
|
41
|
-
/**
|
|
42
|
-
* Indicates if the AccordionHeader should be rendered inline
|
|
43
|
-
*/
|
|
44
|
-
inline: boolean;
|
|
45
|
-
};
|
|
46
|
-
export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
|
|
47
|
-
export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderContextValue } from './AccordionHeader.types';
|
|
3
|
-
export declare const AccordionHeaderContext: React.Context<AccordionHeaderContextValue>;
|
|
4
|
-
export declare const useAccordionHeaderContext: () => AccordionHeaderContextValue;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { ForwardRefComponent, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type AccordionHeaderExpandIconProps = IntrinsicShorthandProps<'span'>;
|
|
3
|
-
export declare const AccordionHeaderExpandIcon: ForwardRefComponent<AccordionHeaderExpandIconProps>;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.AccordionHeaderExpandIcon = void 0;
|
|
7
|
-
|
|
8
|
-
var tslib_1 = /*#__PURE__*/require("tslib");
|
|
9
|
-
|
|
10
|
-
var React = /*#__PURE__*/require("react");
|
|
11
|
-
|
|
12
|
-
var AccordionHeaderContext_1 = /*#__PURE__*/require("./AccordionHeaderContext");
|
|
13
|
-
|
|
14
|
-
exports.AccordionHeaderExpandIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
15
|
-
var children = _a.children,
|
|
16
|
-
rest = tslib_1.__rest(_a, ["children"]);
|
|
17
|
-
|
|
18
|
-
var _b = AccordionHeaderContext_1.useAccordionHeaderContext(),
|
|
19
|
-
open = _b.open,
|
|
20
|
-
expandIconPosition = _b.expandIconPosition;
|
|
21
|
-
|
|
22
|
-
return React.createElement("span", tslib_1.__assign({}, rest, {
|
|
23
|
-
ref: ref
|
|
24
|
-
}), children !== null && children !== void 0 ? children : React.createElement("svg", {
|
|
25
|
-
fill: "currentColor",
|
|
26
|
-
height: "1em",
|
|
27
|
-
width: "1em",
|
|
28
|
-
viewBox: "0 0 2048 2048",
|
|
29
|
-
transform: "rotate(" + mapStateToRotation({
|
|
30
|
-
open: open,
|
|
31
|
-
expandIconPosition: expandIconPosition
|
|
32
|
-
}) + ")"
|
|
33
|
-
}, React.createElement("path", {
|
|
34
|
-
d: "M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z"
|
|
35
|
-
})));
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
function mapStateToRotation(_a) {
|
|
39
|
-
var open = _a.open,
|
|
40
|
-
expandIconPosition = _a.expandIconPosition;
|
|
41
|
-
|
|
42
|
-
if (open && expandIconPosition === 'end') {
|
|
43
|
-
return '-90';
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
if (!open && expandIconPosition === 'end' || open && expandIconPosition === 'start') {
|
|
47
|
-
return '90';
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
return '0';
|
|
51
|
-
}
|
|
52
|
-
//# sourceMappingURL=AccordionHeaderExpandIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionHeader/AccordionHeaderExpandIcon.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAMa,OAAA,CAAA,yBAAA,gBAAiF,KAAK,CAAC,UAAN,CAC5F,UAAC,EAAD,EAAwB,GAAxB,EAA2B;AAAxB,MAAA,QAAQ,GAAA,EAAA,CAAA,QAAR;AAAA,MAAa,IAAI,GAAA,OAAA,CAAA,MAAA,CAAA,EAAA,EAAnB,CAAA,UAAA,CAAmB,CAAjB;;AACK,MAAA,EAAA,GAA+B,wBAAA,CAAA,yBAAA,EAA/B;AAAA,MAAE,IAAI,GAAA,EAAA,CAAA,IAAN;AAAA,MAAQ,kBAAkB,GAAA,EAAA,CAAA,kBAA1B;;AACN,SACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAU,IAAV,EAAc;AAAE,IAAA,GAAG,EAAE;AAAP,GAAd,CAAA,EACG,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,KAAK,EAAC,KAHR;AAIE,IAAA,OAAO,EAAC,eAJV;AAKE,IAAA,SAAS,EAAE,YAAU,kBAAkB,CAAC;AAAE,MAAA,IAAI,EAAA,IAAN;AAAQ,MAAA,kBAAkB,EAAA;AAA1B,KAAD,CAA5B,GAA0D;AALvE,GAAA,EAOE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAAC;AAAR,GAAA,CAPF,CAFJ,CADF;AAeD,CAlB2F,CAAjF;;AAqBb,SAAS,kBAAT,CAA4B,EAA5B,EAGmE;MAFjE,IAAI,GAAA,EAAA,CAAA,I;MACJ,kBAAkB,GAAA,EAAA,CAAA,kB;;AAElB,MAAI,IAAI,IAAI,kBAAkB,KAAK,KAAnC,EAA0C;AACxC,WAAO,KAAP;AACD;;AACD,MAAK,CAAC,IAAD,IAAS,kBAAkB,KAAK,KAAjC,IAA4C,IAAI,IAAI,kBAAkB,KAAK,OAA/E,EAAyF;AACvF,WAAO,IAAP;AACD;;AACD,SAAO,GAAP;AACD","sourceRoot":""}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './AccordionHeader';
|
|
2
|
-
export * from './AccordionHeaderExpandIcon';
|
|
3
|
-
export * from './AccordionHeader.types';
|
|
4
|
-
export * from './renderAccordionHeader';
|
|
5
|
-
export * from './useAccordionHeader';
|
|
6
|
-
export * from './useAccordionHeaderContextValues';
|
|
7
|
-
export * from './useAccordionHeaderStyles';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordionHeader: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderProps, AccordionHeaderState, AccordionHeaderSlots } from './AccordionHeader.types';
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionHeaderShorthandProps: Array<keyof AccordionHeaderSlots>;
|
|
7
|
-
/**
|
|
8
|
-
* Returns the props and state required to render the component
|
|
9
|
-
* @param props - AccordionHeader properties
|
|
10
|
-
* @param ref - reference to root HTMLElement of AccordionHeader
|
|
11
|
-
*/
|
|
12
|
-
export declare const useAccordionHeader: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>) => AccordionHeaderState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionItemProps } from './AccordionItem.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
3
|
-
export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
|
|
4
|
-
open: boolean;
|
|
5
|
-
onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
|
|
6
|
-
};
|
|
7
|
-
export declare type AccordionItemContextValues = {
|
|
8
|
-
accordionItem: AccordionItemContextValue;
|
|
9
|
-
};
|
|
10
|
-
export declare type AccordionItemSlots = {
|
|
11
|
-
root: IntrinsicShorthandProps<'div'>;
|
|
12
|
-
};
|
|
13
|
-
export declare type AccordionItemCommons = {
|
|
14
|
-
/**
|
|
15
|
-
* Disables opening/closing of panel
|
|
16
|
-
*/
|
|
17
|
-
disabled: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* required value that identifies this item inside an Accordion component
|
|
20
|
-
*/
|
|
21
|
-
value: AccordionItemValue;
|
|
22
|
-
};
|
|
23
|
-
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
|
|
24
|
-
export declare type AccordionItemValue = unknown;
|
|
25
|
-
export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionItemState, AccordionItemContextValues } from './AccordionItem.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordionItem: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemProps, AccordionItemState, AccordionItemSlots } from './AccordionItem.types';
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
|
|
7
|
-
/**
|
|
8
|
-
* Returns the props and state required to render the component
|
|
9
|
-
* @param props - AccordionItem properties
|
|
10
|
-
* @param ref - reference to root HTMLElement of AccordionItem
|
|
11
|
-
*/
|
|
12
|
-
export declare const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionPanelProps } from './AccordionPanel.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type AccordionPanelSlots = {
|
|
3
|
-
root: IntrinsicShorthandProps<'div'>;
|
|
4
|
-
};
|
|
5
|
-
export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
|
|
6
|
-
export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
|
|
7
|
-
/**
|
|
8
|
-
* Internal open state, provided by context
|
|
9
|
-
*/
|
|
10
|
-
open: boolean;
|
|
11
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
|
|
3
|
-
/**
|
|
4
|
-
* Const listing which props are shorthand props.
|
|
5
|
-
*/
|
|
6
|
-
export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
|
|
7
|
-
/**
|
|
8
|
-
* Returns the props and state required to render the component
|
|
9
|
-
* @param props - AccordionPanel properties
|
|
10
|
-
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
11
|
-
*/
|
|
12
|
-
export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
|
package/lib-commonjs/index.d.ts
DELETED