@fluentui/react-accordion 0.0.0-nightlyfc5cfdc52420220215.1 → 0.0.0
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 +658 -18
- package/CHANGELOG.md +285 -105
- package/Spec.md +3 -2
- package/dist/{react-accordion.d.ts → index.d.ts} +71 -69
- 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.map +1 -1
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +3 -2
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +14 -24
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js +2 -2
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js +4 -2
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +77 -42
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +1 -0
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +0 -7
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js +4 -2
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib/components/AccordionPanel/index.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +11 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +11 -6
- 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.map +1 -1
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js.map +1 -1
- 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 +6 -2
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +15 -24
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +2 -2
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +5 -3
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +77 -42
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +2 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +0 -8
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +5 -3
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +14 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +12 -6
- 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 +24 -27
- package/lib/Accordion.d.ts +0 -1
- package/lib/AccordionHeader.d.ts +0 -1
- package/lib/AccordionItem.d.ts +0 -1
- package/lib/AccordionPanel.d.ts +0 -1
- package/lib/components/Accordion/Accordion.d.ts +0 -6
- package/lib/components/Accordion/Accordion.types.d.ts +0 -53
- package/lib/components/Accordion/AccordionContext.d.ts +0 -3
- package/lib/components/Accordion/index.d.ts +0 -7
- package/lib/components/Accordion/renderAccordion.d.ts +0 -5
- package/lib/components/Accordion/useAccordion.d.ts +0 -8
- package/lib/components/Accordion/useAccordionContextValues.d.ts +0 -2
- package/lib/components/Accordion/useAccordionStyles.d.ts +0 -3
- package/lib/components/AccordionHeader/AccordionHeader.d.ts +0 -7
- package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +0 -48
- package/lib/components/AccordionHeader/AccordionHeaderContext.d.ts +0 -4
- package/lib/components/AccordionHeader/index.d.ts +0 -6
- package/lib/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
- package/lib/components/AccordionHeader/useAccordionHeader.d.ts +0 -8
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +0 -2
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -4
- package/lib/components/AccordionItem/AccordionItem.d.ts +0 -6
- package/lib/components/AccordionItem/AccordionItem.types.d.ts +0 -26
- package/lib/components/AccordionItem/AccordionItemContext.d.ts +0 -4
- package/lib/components/AccordionItem/index.d.ts +0 -7
- package/lib/components/AccordionItem/renderAccordionItem.d.ts +0 -5
- package/lib/components/AccordionItem/useAccordionItem.d.ts +0 -8
- package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts +0 -2
- package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +0 -3
- package/lib/components/AccordionPanel/AccordionPanel.d.ts +0 -6
- package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +0 -11
- package/lib/components/AccordionPanel/index.d.ts +0 -5
- package/lib/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
- package/lib/components/AccordionPanel/useAccordionPanel.d.ts +0 -8
- package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -4
- 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/components/Accordion/Accordion.d.ts +0 -6
- package/lib-commonjs/components/Accordion/Accordion.types.d.ts +0 -53
- package/lib-commonjs/components/Accordion/AccordionContext.d.ts +0 -3
- package/lib-commonjs/components/Accordion/index.d.ts +0 -7
- package/lib-commonjs/components/Accordion/renderAccordion.d.ts +0 -5
- package/lib-commonjs/components/Accordion/useAccordion.d.ts +0 -8
- package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts +0 -2
- package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +0 -3
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts +0 -7
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +0 -48
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.d.ts +0 -4
- package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -6
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +0 -8
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +0 -2
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -4
- package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +0 -6
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +0 -26
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts +0 -4
- package/lib-commonjs/components/AccordionItem/index.d.ts +0 -7
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.d.ts +0 -5
- package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +0 -8
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts +0 -2
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +0 -3
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts +0 -6
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +0 -11
- package/lib-commonjs/components/AccordionPanel/index.d.ts +0 -5
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +0 -8
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -4
- package/lib-commonjs/index.d.ts +0 -4
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
|
3
|
-
export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
|
|
4
|
-
export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
|
|
5
|
-
export declare type AccordionHeaderContextValue = {
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
open: boolean;
|
|
8
|
-
expandIconPosition: AccordionHeaderExpandIconPosition;
|
|
9
|
-
size: AccordionHeaderSize;
|
|
10
|
-
};
|
|
11
|
-
export declare type AccordionHeaderContextValues = {
|
|
12
|
-
accordionHeader: AccordionHeaderContextValue;
|
|
13
|
-
};
|
|
14
|
-
export declare type AccordionHeaderSlots = {
|
|
15
|
-
/**
|
|
16
|
-
* The element wrapping the button. By default this is a div, but can be a heading.
|
|
17
|
-
*/
|
|
18
|
-
root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
|
|
19
|
-
/**
|
|
20
|
-
* The component to be used as button in heading
|
|
21
|
-
*/
|
|
22
|
-
button: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
23
|
-
/**
|
|
24
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
25
|
-
*/
|
|
26
|
-
expandIcon: Slot<'span'>;
|
|
27
|
-
/**
|
|
28
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
29
|
-
*/
|
|
30
|
-
icon?: Slot<'div'>;
|
|
31
|
-
};
|
|
32
|
-
declare type AccordionHeaderCommons = {
|
|
33
|
-
/**
|
|
34
|
-
* Size of spacing in the heading
|
|
35
|
-
*/
|
|
36
|
-
size: AccordionHeaderSize;
|
|
37
|
-
/**
|
|
38
|
-
* The position of the expand icon slot in heading
|
|
39
|
-
*/
|
|
40
|
-
expandIconPosition: AccordionHeaderExpandIconPosition;
|
|
41
|
-
/**
|
|
42
|
-
* Indicates if the AccordionHeader should be rendered inline
|
|
43
|
-
*/
|
|
44
|
-
inline: boolean;
|
|
45
|
-
};
|
|
46
|
-
export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
|
|
47
|
-
export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
|
|
48
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderContextValue } from './AccordionHeader.types';
|
|
3
|
-
export declare const AccordionHeaderContext: React.Context<AccordionHeaderContextValue>;
|
|
4
|
-
export declare const useAccordionHeaderContext: () => AccordionHeaderContextValue;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordionHeader_unstable: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionHeader properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionHeader
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionHeader_unstable: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>) => AccordionHeaderState;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderState } from './AccordionHeader.types';
|
|
2
|
-
export declare const accordionHeaderClassName = "fui-AccordionHeader";
|
|
3
|
-
/** Applies style classnames to slots */
|
|
4
|
-
export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionItemProps } from './AccordionItem.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
|
-
export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
|
|
4
|
-
open: boolean;
|
|
5
|
-
onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
|
|
6
|
-
};
|
|
7
|
-
export declare type AccordionItemContextValues = {
|
|
8
|
-
accordionItem: AccordionItemContextValue;
|
|
9
|
-
};
|
|
10
|
-
export declare type AccordionItemSlots = {
|
|
11
|
-
root: Slot<'div'>;
|
|
12
|
-
};
|
|
13
|
-
declare type AccordionItemCommons = {
|
|
14
|
-
/**
|
|
15
|
-
* Disables opening/closing of panel
|
|
16
|
-
*/
|
|
17
|
-
disabled: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* required value that identifies this item inside an Accordion component
|
|
20
|
-
*/
|
|
21
|
-
value: AccordionItemValue;
|
|
22
|
-
};
|
|
23
|
-
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
|
|
24
|
-
export declare type AccordionItemValue = unknown;
|
|
25
|
-
export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
|
|
26
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemContextValue } from './AccordionItem.types';
|
|
3
|
-
export declare const AccordionItemContext: React.Context<AccordionItemContextValue>;
|
|
4
|
-
export declare const useAccordionItemContext_unstable: () => AccordionItemContextValue;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './AccordionItem';
|
|
2
|
-
export * from './AccordionItem.types';
|
|
3
|
-
export * from './renderAccordionItem';
|
|
4
|
-
export * from './useAccordionItem';
|
|
5
|
-
export * from './useAccordionItemContextValues';
|
|
6
|
-
export * from './AccordionItemContext';
|
|
7
|
-
export * from './useAccordionItemStyles';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionItemState, AccordionItemContextValues } from './AccordionItem.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordionItem_unstable: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionItem properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionItem
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionPanelProps } from './AccordionPanel.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type AccordionPanelSlots = {
|
|
3
|
-
root: Slot<'div'>;
|
|
4
|
-
};
|
|
5
|
-
export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
|
|
6
|
-
export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
|
|
7
|
-
/**
|
|
8
|
-
* Internal open state, provided by context
|
|
9
|
-
*/
|
|
10
|
-
open: boolean;
|
|
11
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionPanel properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { AccordionPanelState } from './AccordionPanel.types';
|
|
2
|
-
export declare const accordionPanelClassName = "fui-AccordionPanel";
|
|
3
|
-
/** Applies style classnames to slots */
|
|
4
|
-
export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => 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,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionProps } from './Accordion.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Accordion: ForwardRefComponent<AccordionProps>;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
|
-
import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
|
|
4
|
-
export declare type AccordionIndex = number | number[];
|
|
5
|
-
export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
|
|
6
|
-
export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
|
|
7
|
-
declare type AccordionCommons = {
|
|
8
|
-
/**
|
|
9
|
-
* Indicates if keyboard navigation is available
|
|
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: Slot<'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;
|
|
53
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionState, AccordionContextValues } from './Accordion.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordion_unstable: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionProps, AccordionState } from './Accordion.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - Accordion properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of Accordion
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordion_unstable: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderProps } from './AccordionHeader.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
|
|
5
|
-
* hooks.
|
|
6
|
-
*/
|
|
7
|
-
export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
|
3
|
-
export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
|
|
4
|
-
export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
|
|
5
|
-
export declare type AccordionHeaderContextValue = {
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
open: boolean;
|
|
8
|
-
expandIconPosition: AccordionHeaderExpandIconPosition;
|
|
9
|
-
size: AccordionHeaderSize;
|
|
10
|
-
};
|
|
11
|
-
export declare type AccordionHeaderContextValues = {
|
|
12
|
-
accordionHeader: AccordionHeaderContextValue;
|
|
13
|
-
};
|
|
14
|
-
export declare type AccordionHeaderSlots = {
|
|
15
|
-
/**
|
|
16
|
-
* The element wrapping the button. By default this is a div, but can be a heading.
|
|
17
|
-
*/
|
|
18
|
-
root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
|
|
19
|
-
/**
|
|
20
|
-
* The component to be used as button in heading
|
|
21
|
-
*/
|
|
22
|
-
button: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
23
|
-
/**
|
|
24
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
25
|
-
*/
|
|
26
|
-
expandIcon: Slot<'span'>;
|
|
27
|
-
/**
|
|
28
|
-
* Expand icon slot rendered before (or after) children content in heading
|
|
29
|
-
*/
|
|
30
|
-
icon?: Slot<'div'>;
|
|
31
|
-
};
|
|
32
|
-
declare type AccordionHeaderCommons = {
|
|
33
|
-
/**
|
|
34
|
-
* Size of spacing in the heading
|
|
35
|
-
*/
|
|
36
|
-
size: AccordionHeaderSize;
|
|
37
|
-
/**
|
|
38
|
-
* The position of the expand icon slot in heading
|
|
39
|
-
*/
|
|
40
|
-
expandIconPosition: AccordionHeaderExpandIconPosition;
|
|
41
|
-
/**
|
|
42
|
-
* Indicates if the AccordionHeader should be rendered inline
|
|
43
|
-
*/
|
|
44
|
-
inline: boolean;
|
|
45
|
-
};
|
|
46
|
-
export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
|
|
47
|
-
export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
|
|
48
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderContextValue } from './AccordionHeader.types';
|
|
3
|
-
export declare const AccordionHeaderContext: React.Context<AccordionHeaderContextValue>;
|
|
4
|
-
export declare const useAccordionHeaderContext: () => AccordionHeaderContextValue;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordionHeader_unstable: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionHeader properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionHeader
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionHeader_unstable: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>) => AccordionHeaderState;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { AccordionHeaderState } from './AccordionHeader.types';
|
|
2
|
-
export declare const accordionHeaderClassName = "fui-AccordionHeader";
|
|
3
|
-
/** Applies style classnames to slots */
|
|
4
|
-
export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionItemProps } from './AccordionItem.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
|
-
export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
|
|
4
|
-
open: boolean;
|
|
5
|
-
onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
|
|
6
|
-
};
|
|
7
|
-
export declare type AccordionItemContextValues = {
|
|
8
|
-
accordionItem: AccordionItemContextValue;
|
|
9
|
-
};
|
|
10
|
-
export declare type AccordionItemSlots = {
|
|
11
|
-
root: Slot<'div'>;
|
|
12
|
-
};
|
|
13
|
-
declare type AccordionItemCommons = {
|
|
14
|
-
/**
|
|
15
|
-
* Disables opening/closing of panel
|
|
16
|
-
*/
|
|
17
|
-
disabled: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* required value that identifies this item inside an Accordion component
|
|
20
|
-
*/
|
|
21
|
-
value: AccordionItemValue;
|
|
22
|
-
};
|
|
23
|
-
export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
|
|
24
|
-
export declare type AccordionItemValue = unknown;
|
|
25
|
-
export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
|
|
26
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemContextValue } from './AccordionItem.types';
|
|
3
|
-
export declare const AccordionItemContext: React.Context<AccordionItemContextValue>;
|
|
4
|
-
export declare const useAccordionItemContext_unstable: () => AccordionItemContextValue;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './AccordionItem';
|
|
2
|
-
export * from './AccordionItem.types';
|
|
3
|
-
export * from './renderAccordionItem';
|
|
4
|
-
export * from './useAccordionItem';
|
|
5
|
-
export * from './useAccordionItemContextValues';
|
|
6
|
-
export * from './AccordionItemContext';
|
|
7
|
-
export * from './useAccordionItemStyles';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { AccordionItemState, AccordionItemContextValues } from './AccordionItem.types';
|
|
2
|
-
/**
|
|
3
|
-
* Function that renders the final JSX of the component
|
|
4
|
-
*/
|
|
5
|
-
export declare const renderAccordionItem_unstable: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionItem properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionItem
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { AccordionPanelProps } from './AccordionPanel.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
|
|
5
|
-
*/
|
|
6
|
-
export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type AccordionPanelSlots = {
|
|
3
|
-
root: Slot<'div'>;
|
|
4
|
-
};
|
|
5
|
-
export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
|
|
6
|
-
export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
|
|
7
|
-
/**
|
|
8
|
-
* Internal open state, provided by context
|
|
9
|
-
*/
|
|
10
|
-
open: boolean;
|
|
11
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - AccordionPanel properties
|
|
6
|
-
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
7
|
-
*/
|
|
8
|
-
export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { AccordionPanelState } from './AccordionPanel.types';
|
|
2
|
-
export declare const accordionPanelClassName = "fui-AccordionPanel";
|
|
3
|
-
/** Applies style classnames to slots */
|
|
4
|
-
export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;
|
package/lib-commonjs/index.d.ts
DELETED