@fluentui/react-accordion 9.0.0-rc.7 → 9.0.0

package/lib/components/AccordionPanel/AccordionPanel.d.ts

@@ -1,6 +0,0 @@
-import type { AccordionPanelProps } from './AccordionPanel.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
- */
-export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;

package/lib/components/AccordionPanel/AccordionPanel.types.d.ts

@@ -1,11 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type AccordionPanelSlots = {
-    root: Slot<'div'>;
-};
-export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
-export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
-    /**
-     * Internal open state, provided by context
-     */
-    open: boolean;
-};

package/lib/components/AccordionPanel/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AccordionPanel';
-export * from './AccordionPanel.types';
-export * from './renderAccordionPanel';
-export * from './useAccordionPanel';
-export * from './useAccordionPanelStyles';

package/lib/components/AccordionPanel/renderAccordionPanel.d.ts

@@ -1,5 +0,0 @@
-import type { AccordionPanelState } from './AccordionPanel.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordionPanel_unstable: (state: AccordionPanelState) => JSX.Element | null;

package/lib/components/AccordionPanel/useAccordionPanel.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
-/**
- * Returns the props and state required to render the component
- * @param props - AccordionPanel properties
- * @param ref - reference to root HTMLElement of AccordionPanel
- */
-export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;

package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts

@@ -1,9 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
-/**
- * @deprecated Use `accordionPanelClassNames.root` instead.
- */
-export declare const accordionPanelClassName = "fui-AccordionPanel";
-export declare const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots>;
-/** Applies style classnames to slots */
-export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;

package/lib/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Accordion';
-export * from './AccordionItem';
-export * from './AccordionHeader';
-export * from './AccordionPanel';

package/lib-commonjs/Accordion.d.ts

@@ -1 +0,0 @@
-export * from './components/Accordion/index';

package/lib-commonjs/AccordionHeader.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionHeader/index';

package/lib-commonjs/AccordionItem.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionItem/index';

package/lib-commonjs/AccordionPanel.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionPanel/index';

package/lib-commonjs/components/Accordion/Accordion.d.ts

@@ -1,6 +0,0 @@
-import type { AccordionProps } from './Accordion.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
- */
-export declare const Accordion: ForwardRefComponent<AccordionProps>;

package/lib-commonjs/components/Accordion/Accordion.types.d.ts

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
-export declare type AccordionIndex = number | number[];
-export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
-export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
-declare type AccordionCommons = {
-    /**
-     * Indicates if keyboard navigation is available and gives two options,
-     * linear or circular navigation
-     */
-    navigation?: 'linear' | 'circular';
-    /**
-     * Indicates if Accordion support multiple Panels opened at the same time
-     */
-    multiple: boolean;
-    /**
-     * Indicates if Accordion support multiple Panels closed at the same time
-     */
-    collapsible: boolean;
-};
-export declare type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
-    /**
-     * The list of opened panels by index
-     */
-    openItems: AccordionItemValue[];
-    /**
-     * Callback used by AccordionItem to request a change on it's own opened state
-     * Should be used to toggle AccordionItem
-     */
-    requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
-};
-export declare type AccordionContextValues = {
-    accordion: AccordionContextValue;
-};
-export declare type AccordionSlots = {
-    root: Slot<'div'>;
-};
-export declare type AccordionToggleData = {
-    value: AccordionItemValue;
-};
-export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
-    /**
-     * Controls the state of the panel
-     */
-    openItems?: AccordionItemValue | AccordionItemValue[];
-    /**
-     * Default value for the uncontrolled state of the panel
-     */
-    defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
-    onToggle?: AccordionToggleEventHandler;
-};
-export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
-export {};

package/lib-commonjs/components/Accordion/AccordionContext.d.ts

@@ -1,3 +0,0 @@
-import type { Context } from '@fluentui/react-context-selector';
-import type { AccordionContextValue } from './Accordion.types';
-export declare const AccordionContext: Context<AccordionContextValue>;

package/lib-commonjs/components/Accordion/index.d.ts

@@ -1,7 +0,0 @@
-export * from './Accordion';
-export * from './Accordion.types';
-export * from './renderAccordion';
-export * from './useAccordion';
-export * from './useAccordionStyles';
-export * from './useAccordionContextValues';
-export * from './AccordionContext';

package/lib-commonjs/components/Accordion/renderAccordion.d.ts

@@ -1,5 +0,0 @@
-import type { AccordionState, AccordionContextValues } from './Accordion.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordion_unstable: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;

package/lib-commonjs/components/Accordion/useAccordion.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { AccordionProps, AccordionState } from './Accordion.types';
-/**
- * Returns the props and state required to render the component
- * @param props - Accordion properties
- * @param ref - reference to root HTMLElement of Accordion
- */
-export declare const useAccordion_unstable: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;

package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { AccordionContextValues, AccordionState } from './Accordion.types';
-export declare function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues;

package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { AccordionSlots, AccordionState } from './Accordion.types';
-/**
- * @deprecated Use `accordionClassNames.root` instead.
- */
-export declare const accordionClassName = "fui-Accordion";
-export declare const accordionClassNames: SlotClassNames<AccordionSlots>;
-export declare const useAccordionStyles_unstable: (state: AccordionState) => AccordionState;

package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts

@@ -1,7 +0,0 @@
-import type { AccordionHeaderProps } from './AccordionHeader.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
- * hooks.
- */
-export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;

package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts

@@ -1,48 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
-export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
-export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
-export declare type AccordionHeaderContextValue = {
-    disabled: boolean;
-    open: boolean;
-    expandIconPosition: AccordionHeaderExpandIconPosition;
-    size: AccordionHeaderSize;
-};
-export declare type AccordionHeaderContextValues = {
-    accordionHeader: AccordionHeaderContextValue;
-};
-export declare type AccordionHeaderSlots = {
-    /**
-     * The element wrapping the button. By default this is a div, but can be a heading.
-     */
-    root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
-    /**
-     * The component to be used as button in heading
-     */
-    button: NonNullable<Slot<ARIAButtonSlotProps>>;
-    /**
-     * Expand icon slot rendered before (or after) children content in heading
-     */
-    expandIcon: Slot<'span'>;
-    /**
-     * Expand icon slot rendered before (or after) children content in heading
-     */
-    icon?: Slot<'div'>;
-};
-declare type AccordionHeaderCommons = {
-    /**
-     * Size of spacing in the heading
-     */
-    size: AccordionHeaderSize;
-    /**
-     * The position of the expand  icon slot in heading
-     */
-    expandIconPosition: AccordionHeaderExpandIconPosition;
-    /**
-     * Indicates if the AccordionHeader should be rendered inline
-     */
-    inline: boolean;
-};
-export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
-export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
-export {};

package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { AccordionHeaderContextValue } from './AccordionHeader.types';
-export declare const AccordionHeaderContext: React.Context<AccordionHeaderContextValue>;
-export declare const useAccordionHeaderContext: () => AccordionHeaderContextValue;

package/lib-commonjs/components/AccordionHeader/index.d.ts

@@ -1,6 +0,0 @@
-export * from './AccordionHeader';
-export * from './AccordionHeader.types';
-export * from './renderAccordionHeader';
-export * from './useAccordionHeader';
-export * from './useAccordionHeaderContextValues';
-export * from './useAccordionHeaderStyles';

package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts

@@ -1,5 +0,0 @@
-import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordionHeader_unstable: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;

package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';
-/**
- * Returns the props and state required to render the component
- * @param props - AccordionHeader properties
- * @param ref - reference to root HTMLElement of AccordionHeader
- */
-export declare const useAccordionHeader_unstable: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>) => AccordionHeaderState;

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
-export declare function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues;

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts

@@ -1,9 +0,0 @@
-import type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `accordionHeaderClassNames.root` instead.
- */
-export declare const accordionHeaderClassName = "fui-AccordionHeader";
-export declare const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots>;
-/** Applies style classnames to slots */
-export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;

package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts

@@ -1,6 +0,0 @@
-import type { AccordionItemProps } from './AccordionItem.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
- */
-export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;

package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
-    open: boolean;
-    onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
-};
-export declare type AccordionItemContextValues = {
-    accordionItem: AccordionItemContextValue;
-};
-export declare type AccordionItemSlots = {
-    root: Slot<'div'>;
-};
-declare type AccordionItemCommons = {
-    /**
-     * Disables opening/closing of panel
-     */
-    disabled: boolean;
-    /**
-     * required value that identifies this item inside an Accordion component
-     */
-    value: AccordionItemValue;
-};
-export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
-export declare type AccordionItemValue = unknown;
-export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
-export {};

package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { AccordionItemContextValue } from './AccordionItem.types';
-export declare const AccordionItemContext: React.Context<AccordionItemContextValue>;
-export declare const useAccordionItemContext_unstable: () => AccordionItemContextValue;

package/lib-commonjs/components/AccordionItem/index.d.ts

@@ -1,7 +0,0 @@
-export * from './AccordionItem';
-export * from './AccordionItem.types';
-export * from './renderAccordionItem';
-export * from './useAccordionItem';
-export * from './useAccordionItemContextValues';
-export * from './AccordionItemContext';
-export * from './useAccordionItemStyles';

package/lib-commonjs/components/AccordionItem/renderAccordionItem.d.ts

@@ -1,5 +0,0 @@
-import type { AccordionItemState, AccordionItemContextValues } from './AccordionItem.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordionItem_unstable: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;

package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';
-/**
- * Returns the props and state required to render the component
- * @param props - AccordionItem properties
- * @param ref - reference to root HTMLElement of AccordionItem
- */
-export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;

package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';
-export declare function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues;

package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';
-/**
- * @deprecated Use `accordionItemClassNames.root` instead.
- */
-export declare const accordionItemClassName = "fui-AccordionItem";
-export declare const accordionItemClassNames: SlotClassNames<AccordionItemSlots>;
-export declare const useAccordionItemStyles_unstable: (state: AccordionItemState) => AccordionItemState;

package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts

@@ -1,6 +0,0 @@
-import type { AccordionPanelProps } from './AccordionPanel.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
- */
-export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;

package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts

@@ -1,11 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type AccordionPanelSlots = {
-    root: Slot<'div'>;
-};
-export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
-export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
-    /**
-     * Internal open state, provided by context
-     */
-    open: boolean;
-};

package/lib-commonjs/components/AccordionPanel/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AccordionPanel';
-export * from './AccordionPanel.types';
-export * from './renderAccordionPanel';
-export * from './useAccordionPanel';
-export * from './useAccordionPanelStyles';

package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts

@@ -1,5 +0,0 @@
-import type { AccordionPanelState } from './AccordionPanel.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordionPanel_unstable: (state: AccordionPanelState) => JSX.Element | null;

package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
-/**
- * Returns the props and state required to render the component
- * @param props - AccordionPanel properties
- * @param ref - reference to root HTMLElement of AccordionPanel
- */
-export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;

package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts

@@ -1,9 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
-/**
- * @deprecated Use `accordionPanelClassNames.root` instead.
- */
-export declare const accordionPanelClassName = "fui-AccordionPanel";
-export declare const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots>;
-/** Applies style classnames to slots */
-export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;

package/lib-commonjs/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Accordion';
-export * from './AccordionItem';
-export * from './AccordionHeader';
-export * from './AccordionPanel';