diff --git a/packages/react-components/react-headless-components-preview/library/bundle-size/AllComponents.fixture.js b/packages/react-components/react-headless-components-preview/library/bundle-size/AllComponents.fixture.js index f697eb476b514b..9cb5d6846f021e 100644 --- a/packages/react-components/react-headless-components-preview/library/bundle-size/AllComponents.fixture.js +++ b/packages/react-components/react-headless-components-preview/library/bundle-size/AllComponents.fixture.js @@ -1,6 +1,62 @@ -import * as rhc from '@fluentui/react-headless-components-preview'; +import * as Accordion from '@fluentui/react-headless-components-preview/accordion'; +import * as Avatar from '@fluentui/react-headless-components-preview/avatar'; +import * as Badge from '@fluentui/react-headless-components-preview/badge'; +import * as Breadcrumb from '@fluentui/react-headless-components-preview/breadcrumb'; +import * as Button from '@fluentui/react-headless-components-preview/button'; +import * as Checkbox from '@fluentui/react-headless-components-preview/checkbox'; +import * as Dialog from '@fluentui/react-headless-components-preview/dialog'; +import * as Divider from '@fluentui/react-headless-components-preview/divider'; +import * as Field from '@fluentui/react-headless-components-preview/field'; +import * as Input from '@fluentui/react-headless-components-preview/input'; +import * as Link from '@fluentui/react-headless-components-preview/link'; +import * as MessageBar from '@fluentui/react-headless-components-preview/message-bar'; +import * as ProgressBar from '@fluentui/react-headless-components-preview/progress-bar'; +import * as Provider from '@fluentui/react-headless-components-preview/provider'; +import * as RadioGroup from '@fluentui/react-headless-components-preview/radio-group'; +import * as RatingDisplay from '@fluentui/react-headless-components-preview/rating-display'; +import * as Rating from '@fluentui/react-headless-components-preview/rating'; +import * as SearchBox from '@fluentui/react-headless-components-preview/search-box'; +import * as Select from '@fluentui/react-headless-components-preview/select'; +import * as Skeleton from '@fluentui/react-headless-components-preview/skeleton'; +import * as Slider from '@fluentui/react-headless-components-preview/slider'; +import * as SpinButton from '@fluentui/react-headless-components-preview/spin-button'; +import * as Spinner from '@fluentui/react-headless-components-preview/spinner'; +import * as Switch from '@fluentui/react-headless-components-preview/switch'; +import * as TabList from '@fluentui/react-headless-components-preview/tab-list'; +import * as Textarea from '@fluentui/react-headless-components-preview/textarea'; +import * as ToggleButton from '@fluentui/react-headless-components-preview/toggle-button'; +import * as Toolbar from '@fluentui/react-headless-components-preview/toolbar'; -console.log(rhc); +console.log({ + Accordion, + Avatar, + Badge, + Breadcrumb, + Button, + Checkbox, + Dialog, + Divider, + Field, + Input, + Link, + MessageBar, + ProgressBar, + Provider, + RadioGroup, + RatingDisplay, + Rating, + SearchBox, + Select, + Skeleton, + Slider, + SpinButton, + Spinner, + Switch, + TabList, + Textarea, + ToggleButton, + Toolbar, +}); export default { name: 'react-headless-components-preview: entire library', diff --git a/packages/react-components/react-headless-components-preview/library/etc/accordion.api.md b/packages/react-components/react-headless-components-preview/library/etc/accordion.api.md new file mode 100644 index 00000000000000..0cc3f5758cc73b --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/accordion.api.md @@ -0,0 +1,131 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { AccordionBaseProps } from '@fluentui/react-accordion'; +import { AccordionBaseState } from '@fluentui/react-accordion'; +import { AccordionContextValue } from '@fluentui/react-accordion'; +import { AccordionContextValues as AccordionContextValues_2 } from '@fluentui/react-accordion'; +import type { AccordionHeaderBaseProps } from '@fluentui/react-accordion'; +import { AccordionHeaderBaseState } from '@fluentui/react-accordion'; +import { AccordionHeaderContextValues } from '@fluentui/react-accordion'; +import type { AccordionHeaderSlots as AccordionHeaderSlots_2 } from '@fluentui/react-accordion'; +import { AccordionItemContextValues } from '@fluentui/react-accordion'; +import type { AccordionItemProps as AccordionItemProps_2 } from '@fluentui/react-accordion'; +import type { AccordionItemSlots as AccordionItemSlots_2 } from '@fluentui/react-accordion'; +import { AccordionItemState as AccordionItemState_2 } from '@fluentui/react-accordion'; +import type { AccordionPanelBaseProps } from '@fluentui/react-accordion'; +import type { AccordionPanelBaseState } from '@fluentui/react-accordion'; +import type { AccordionPanelSlots as AccordionPanelSlots_2 } from '@fluentui/react-accordion'; +import type { AccordionSlots as AccordionSlots_2 } from '@fluentui/react-accordion'; +import { ContextSelector } from '@fluentui/react-context-selector'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Accordion: ForwardRefComponent; + +// @public (undocumented) +export type AccordionContextValues = AccordionContextValues_2; + +// @public +export const AccordionHeader: ForwardRefComponent; + +// @public (undocumented) +export type AccordionHeaderProps = AccordionHeaderBaseProps; + +// @public (undocumented) +export type AccordionHeaderSlots = AccordionHeaderSlots_2; + +// @public (undocumented) +export type AccordionHeaderState = AccordionHeaderBaseState & { + root: { + 'data-open'?: string; + 'data-disabled'?: string; + 'data-expand-icon-position'?: string; + }; +}; + +// @public +export const AccordionItem: ForwardRefComponent; + +// @public (undocumented) +export type AccordionItemProps = AccordionItemProps_2; + +// @public (undocumented) +export type AccordionItemSlots = AccordionItemSlots_2; + +// @public (undocumented) +export type AccordionItemState = AccordionItemState_2 & { + root: { + 'data-disabled'?: string; + 'data-open'?: string; + }; +}; + +// @public +export const AccordionPanel: ForwardRefComponent; + +// @public (undocumented) +export type AccordionPanelProps = AccordionPanelBaseProps; + +// @public (undocumented) +export type AccordionPanelSlots = AccordionPanelSlots_2; + +// @public (undocumented) +export type AccordionPanelState = AccordionPanelBaseState & { + root: { + 'data-open'?: string; + }; +}; + +// @public (undocumented) +export type AccordionProps = AccordionBaseProps; + +// @public (undocumented) +export type AccordionSlots = AccordionSlots_2; + +// @public (undocumented) +export type AccordionState = AccordionBaseState & { + root: { + 'data-collapsible'?: string; + 'data-multiple'?: string; + }; +}; + +// @public +export const renderAccordion: (state: AccordionBaseState, contextValues: AccordionContextValues_2) => JSXElement; + +// @public +export const renderAccordionHeader: (state: AccordionHeaderBaseState, contextValues: AccordionHeaderContextValues) => JSXElement; + +// @public +export const renderAccordionItem: (state: AccordionItemState_2, contextValues: AccordionItemContextValues) => JSXElement; + +// @public +export const renderAccordionPanel: (state: AccordionPanelState) => JSXElement; + +// @public +export const useAccordion: (props: AccordionProps, ref: React_2.Ref) => AccordionState; + +// @public +export const useAccordionContext: (selector: ContextSelector) => T; + +// @public +export const useAccordionContextValues: (state: AccordionState) => AccordionContextValues; + +// @public +export const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref) => AccordionHeaderState; + +// @public +export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref) => AccordionItemState; + +// @public +export const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref) => AccordionPanelState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/avatar.api.md b/packages/react-components/react-headless-components-preview/library/etc/avatar.api.md new file mode 100644 index 00000000000000..90120ca27b109d --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/avatar.api.md @@ -0,0 +1,34 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { AvatarBaseProps } from '@fluentui/react-avatar'; +import { AvatarBaseState } from '@fluentui/react-avatar'; +import type { AvatarSlots as AvatarSlots_2 } from '@fluentui/react-avatar'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Avatar: ForwardRefComponent; + +// @public +export type AvatarProps = AvatarBaseProps; + +// @public +export type AvatarSlots = AvatarSlots_2; + +// @public +export type AvatarState = AvatarBaseState; + +// @public +export const renderAvatar: (state: AvatarBaseState) => JSXElement; + +// @public +export const useAvatar: (props: AvatarProps, ref: React_2.Ref) => AvatarState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/badge.api.md b/packages/react-components/react-headless-components-preview/library/etc/badge.api.md new file mode 100644 index 00000000000000..6ec6b8c7ca7234 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/badge.api.md @@ -0,0 +1,34 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { BadgeBaseProps } from '@fluentui/react-badge'; +import { BadgeBaseState } from '@fluentui/react-badge'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Badge: ForwardRefComponent; + +// @public +export type BadgeProps = BadgeBaseProps; + +// @public +export type BadgeState = BadgeBaseState & { + root: { + 'data-icon-position'?: 'before' | 'after'; + }; +}; + +// @public +export const renderBadge: (state: BadgeBaseState) => JSXElement; + +// @public +export const useBadge: (props: BadgeProps, ref: React_2.Ref) => BadgeState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/breadcrumb.api.md b/packages/react-components/react-headless-components-preview/library/etc/breadcrumb.api.md new file mode 100644 index 00000000000000..4972b3f0401c74 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/breadcrumb.api.md @@ -0,0 +1,111 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { BreadcrumbBaseProps } from '@fluentui/react-breadcrumb'; +import { BreadcrumbBaseState } from '@fluentui/react-breadcrumb'; +import type { BreadcrumbButtonBaseProps } from '@fluentui/react-breadcrumb'; +import type { BreadcrumbButtonBaseState } from '@fluentui/react-breadcrumb'; +import type { BreadcrumbButtonSlots as BreadcrumbButtonSlots_2 } from '@fluentui/react-breadcrumb'; +import { BreadcrumbContextValues as BreadcrumbContextValues_2 } from '@fluentui/react-breadcrumb'; +import type { BreadcrumbDividerBaseProps } from '@fluentui/react-breadcrumb'; +import { BreadcrumbDividerBaseState } from '@fluentui/react-breadcrumb'; +import type { BreadcrumbDividerSlots as BreadcrumbDividerSlots_2 } from '@fluentui/react-breadcrumb'; +import type { BreadcrumbItemBaseProps } from '@fluentui/react-breadcrumb'; +import { BreadcrumbItemBaseState } from '@fluentui/react-breadcrumb'; +import type { BreadcrumbItemSlots as BreadcrumbItemSlots_2 } from '@fluentui/react-breadcrumb'; +import type { BreadcrumbSlots as BreadcrumbSlots_2 } from '@fluentui/react-breadcrumb'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Breadcrumb: ForwardRefComponent; + +// @public +export const BreadcrumbButton: ForwardRefComponent; + +// @public +export type BreadcrumbButtonProps = BreadcrumbButtonBaseProps; + +// @public +export type BreadcrumbButtonSlots = BreadcrumbButtonSlots_2; + +// @public +export type BreadcrumbButtonState = BreadcrumbButtonBaseState & { + root: { + 'data-current'?: string; + }; +}; + +// @public +export type BreadcrumbContextValues = BreadcrumbContextValues_2; + +// @public +export const BreadcrumbDivider: ForwardRefComponent; + +// @public +export type BreadcrumbDividerProps = BreadcrumbDividerBaseProps; + +// @public +export type BreadcrumbDividerSlots = BreadcrumbDividerSlots_2; + +// @public +export type BreadcrumbDividerState = BreadcrumbDividerBaseState; + +// @public +export const BreadcrumbItem: ForwardRefComponent; + +// @public +export type BreadcrumbItemProps = BreadcrumbItemBaseProps; + +// @public +export type BreadcrumbItemSlots = BreadcrumbItemSlots_2; + +// @public +export type BreadcrumbItemState = BreadcrumbItemBaseState; + +// @public +export type BreadcrumbProps = BreadcrumbBaseProps; + +// @public +export type BreadcrumbSlots = BreadcrumbSlots_2; + +// @public +export type BreadcrumbState = BreadcrumbBaseState; + +// @public +export const renderBreadcrumb: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues_2) => JSXElement; + +// @public +export const renderBreadcrumbButton: (state: BreadcrumbButtonState) => JSXElement; + +// @public +export const renderBreadcrumbDivider: (state: BreadcrumbDividerBaseState) => JSXElement; + +// @public +export const renderBreadcrumbItem: (state: BreadcrumbItemBaseState) => JSXElement; + +// @public +export const useBreadcrumb: (props: BreadcrumbProps, ref: React_2.Ref) => BreadcrumbState; + +// @public +export const useBreadcrumbButton: (props: BreadcrumbButtonProps, ref: React_2.Ref) => BreadcrumbButtonState; + +// @public +export const useBreadcrumbContext: () => BreadcrumbContextValues_2; + +// @public +export const useBreadcrumbContextValues: (state: BreadcrumbState) => BreadcrumbContextValues; + +// @public +export const useBreadcrumbDivider: (props: BreadcrumbDividerProps, ref: React_2.Ref) => BreadcrumbDividerState; + +// @public +export const useBreadcrumbItem: (props: BreadcrumbItemProps, ref: React_2.Ref) => BreadcrumbItemState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/button.api.md b/packages/react-components/react-headless-components-preview/library/etc/button.api.md new file mode 100644 index 00000000000000..0d755b09287389 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/button.api.md @@ -0,0 +1,40 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ButtonBaseProps } from '@fluentui/react-button'; +import { ButtonBaseState } from '@fluentui/react-button'; +import type { ButtonSlots as ButtonSlots_2 } from '@fluentui/react-button'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Button: ForwardRefComponent; + +// @public +export type ButtonProps = ButtonBaseProps; + +// @public +export type ButtonSlots = ButtonSlots_2; + +// @public +export type ButtonState = ButtonBaseState & { + root: { + 'data-disabled'?: string; + 'data-disabled-focusable'?: string; + 'data-icon-only'?: string; + }; +}; + +// @public +export const renderButton: (state: ButtonBaseState) => JSXElement; + +// @public +export const useButton: (props: ButtonProps, ref: React_2.Ref) => ButtonState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/checkbox.api.md b/packages/react-components/react-headless-components-preview/library/etc/checkbox.api.md new file mode 100644 index 00000000000000..e88005e950b2ed --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/checkbox.api.md @@ -0,0 +1,39 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { CheckboxBaseProps } from '@fluentui/react-checkbox'; +import { CheckboxBaseState } from '@fluentui/react-checkbox'; +import type { CheckboxSlots as CheckboxSlots_2 } from '@fluentui/react-checkbox'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Checkbox: ForwardRefComponent; + +// @public +export type CheckboxProps = CheckboxBaseProps; + +// @public (undocumented) +export type CheckboxSlots = CheckboxSlots_2; + +// @public +export type CheckboxState = CheckboxBaseState & { + root: { + 'data-disabled'?: string; + 'data-checked'?: string; + }; +}; + +// @public +export const renderCheckbox: (state: CheckboxBaseState) => JSXElement; + +// @public +export const useCheckbox: (props: CheckboxProps, ref: React_2.Ref) => CheckboxState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/dialog.api.md b/packages/react-components/react-headless-components-preview/library/etc/dialog.api.md new file mode 100644 index 00000000000000..a247dfd61f5487 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/dialog.api.md @@ -0,0 +1,228 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ComponentProps } from '@fluentui/react-utilities'; +import type { ComponentState } from '@fluentui/react-utilities'; +import type { EventHandler } from '@fluentui/react-utilities'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import type { JSXElement } from '@fluentui/react-utilities'; +import * as React_2 from 'react'; +import type { Slot } from '@fluentui/react-utilities'; +import type { TriggerProps } from '@fluentui/react-utilities'; + +// @public +export const Dialog: React_2.FC; + +// @public +export const DialogActions: ForwardRefComponent; + +// @public (undocumented) +export type DialogActionsProps = ComponentProps; + +// @public (undocumented) +export type DialogActionsSlots = { + root: Slot<'div'>; +}; + +// @public (undocumented) +export type DialogActionsState = ComponentState; + +// @public +export const DialogBody: ForwardRefComponent; + +// @public (undocumented) +export type DialogBodyProps = ComponentProps; + +// @public (undocumented) +export type DialogBodySlots = { + root: Slot<'div'>; +}; + +// @public (undocumented) +export type DialogBodyState = ComponentState; + +// @public (undocumented) +export type DialogContextValue = { + open: boolean; + modalType: DialogModalType; + dialogTitleId: string; + isNestedDialog: boolean; + inertTrapFocus: boolean; + unmountOnClose: boolean; + requestOpenChange: (data: DialogOpenChangeData) => void; +}; + +// @public (undocumented) +export type DialogContextValues = { + dialog: DialogContextValue; + dialogSurface: DialogSurfaceContextValue; +}; + +// @public +export const DialogHeader: ForwardRefComponent; + +// @public (undocumented) +export type DialogHeaderProps = ComponentProps; + +// @public (undocumented) +export type DialogHeaderSlots = { + root: Slot<'header'>; +}; + +// @public (undocumented) +export type DialogHeaderState = ComponentState; + +// @public (undocumented) +export type DialogModalType = 'modal' | 'non-modal' | 'alert'; + +// @public (undocumented) +export type DialogOpenChangeData = { + type: 'escapeKeyDown'; + open: boolean; + event: React_2.KeyboardEvent; +} | { + type: 'backdropClick'; + open: boolean; + event: React_2.MouseEvent; +} | { + type: 'triggerClick'; + open: boolean; + event: React_2.MouseEvent; +}; + +// @public (undocumented) +export type DialogOpenChangeEvent = DialogOpenChangeData['event']; + +// @public +export type DialogOpenChangeEventHandler = EventHandler; + +// @public (undocumented) +export type DialogProps = { + modalType?: DialogModalType; + open?: boolean; + defaultOpen?: boolean; + onOpenChange?: EventHandler; + children: [JSXElement, JSXElement] | JSXElement; + inertTrapFocus?: boolean; + unmountOnClose?: boolean; +}; + +// @public (undocumented) +export type DialogState = { + open: boolean; + modalType: DialogModalType; + dialogTitleId: string; + isNestedDialog: boolean; + inertTrapFocus: boolean; + unmountOnClose: boolean; + trigger: React_2.ReactNode; + content: React_2.ReactNode; + requestOpenChange: (data: DialogOpenChangeData) => void; +}; + +// @public +export const DialogSurface: ForwardRefComponent; + +// @public (undocumented) +export type DialogSurfaceContextValue = boolean; + +// @public +export type DialogSurfaceProps = ComponentProps; + +// @public (undocumented) +export type DialogSurfaceSlots = { + root: Slot<'dialog'>; +}; + +// @public +export type DialogSurfaceState = ComponentState & { + open: boolean; + unmountOnClose: boolean; + modalType: DialogModalType; + shouldRender: boolean; +}; + +// @public +export const DialogTitle: ForwardRefComponent; + +// @public (undocumented) +export type DialogTitleProps = ComponentProps; + +// @public (undocumented) +export type DialogTitleSlots = { + root: Slot<'h2'>; +}; + +// @public (undocumented) +export type DialogTitleState = ComponentState; + +// @public +export const DialogTrigger: React_2.FC; + +// @public (undocumented) +export type DialogTriggerAction = 'open' | 'close'; + +// @public (undocumented) +export type DialogTriggerProps = TriggerProps & { + action?: DialogTriggerAction; +}; + +// @public (undocumented) +export type DialogTriggerState = { + children: React_2.ReactElement | null; +}; + +// @public +export const renderDialog_unstable: (state: DialogState, contextValues: DialogContextValues) => JSXElement; + +// @public (undocumented) +export const renderDialogActions_unstable: (state: DialogActionsState) => JSXElement; + +// @public (undocumented) +export const renderDialogBody_unstable: (state: DialogBodyState) => JSXElement; + +// @public (undocumented) +export const renderDialogHeader_unstable: (state: DialogHeaderState) => JSXElement; + +// @public +export const renderDialogSurface_unstable: (state: DialogSurfaceState) => JSXElement | null; + +// @public (undocumented) +export const renderDialogTitle_unstable: (state: DialogTitleState) => JSXElement; + +// @public +export const useDialog_unstable: (props: DialogProps) => DialogState; + +// @public +export const useDialogActions_unstable: (props: DialogActionsProps, ref: React_2.Ref) => DialogActionsState; + +// @public +export const useDialogBody_unstable: (props: DialogBodyProps, ref: React_2.Ref) => DialogBodyState; + +// @public (undocumented) +export const useDialogContext: () => DialogContextValue; + +// @public (undocumented) +export const useDialogContextValues_unstable: (state: DialogState) => DialogContextValues; + +// @public +export const useDialogHeader_unstable: (props: DialogHeaderProps, ref: React_2.Ref) => DialogHeaderState; + +// @public +export const useDialogSurface_unstable: (props: DialogSurfaceProps, ref: React_2.Ref) => DialogSurfaceState; + +// @public (undocumented) +export const useDialogSurfaceContext: () => DialogSurfaceContextValue; + +// @public +export const useDialogTitle_unstable: (props: DialogTitleProps, ref: React_2.Ref) => DialogTitleState; + +// @public +export const useDialogTrigger_unstable: (props: DialogTriggerProps) => DialogTriggerState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/divider.api.md b/packages/react-components/react-headless-components-preview/library/etc/divider.api.md new file mode 100644 index 00000000000000..bcbc5d02294ed2 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/divider.api.md @@ -0,0 +1,38 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { DividerBaseProps } from '@fluentui/react-divider'; +import { DividerBaseState } from '@fluentui/react-divider'; +import type { DividerSlots as DividerSlots_2 } from '@fluentui/react-divider'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Divider: ForwardRefComponent; + +// @public (undocumented) +export type DividerProps = DividerBaseProps; + +// @public (undocumented) +export type DividerSlots = DividerSlots_2; + +// @public (undocumented) +export type DividerState = DividerBaseState & { + root: { + 'data-orientation'?: 'vertical' | 'horizontal'; + }; +}; + +// @public +export const renderDivider: (state: DividerBaseState) => JSXElement; + +// @public +export const useDivider: (props: DividerProps, ref: React_2.Ref) => DividerState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/field.api.md b/packages/react-components/react-headless-components-preview/library/etc/field.api.md new file mode 100644 index 00000000000000..5e4355fb8892ba --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/field.api.md @@ -0,0 +1,39 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { FieldBaseProps } from '@fluentui/react-field'; +import { FieldBaseState } from '@fluentui/react-field'; +import { FieldContextValues } from '@fluentui/react-field'; +import type { FieldSlots as FieldSlots_2 } from '@fluentui/react-field'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Field: ForwardRefComponent; + +// @public +export type FieldProps = FieldBaseProps; + +// @public +export type FieldSlots = FieldSlots_2; + +// @public +export type FieldState = FieldBaseState & { + root: { + 'data-validate-state'?: FieldBaseState['validationState']; + }; +}; + +// @public +export const renderField: (state: FieldBaseState, contextValues: FieldContextValues) => JSXElement; + +// @public +export const useField: (props: FieldProps, ref: React_2.Ref) => FieldState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/input.api.md b/packages/react-components/react-headless-components-preview/library/etc/input.api.md new file mode 100644 index 00000000000000..f85f1e26eada37 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/input.api.md @@ -0,0 +1,38 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import type { InputBaseProps } from '@fluentui/react-input'; +import { InputBaseState } from '@fluentui/react-input'; +import type { InputSlots as InputSlots_2 } from '@fluentui/react-input'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; + +// @public +export const Input: ForwardRefComponent; + +// @public +export type InputProps = InputBaseProps; + +// @public +export type InputSlots = InputSlots_2; + +// @public +export type InputState = InputBaseState & { + root: { + 'data-disabled'?: string; + }; +}; + +// @public +export const renderInput: (state: InputBaseState) => JSXElement; + +// @public +export const useInput: (props: InputProps, ref: React_2.Ref) => InputState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/link.api.md b/packages/react-components/react-headless-components-preview/library/etc/link.api.md new file mode 100644 index 00000000000000..f5e048ac8a0c63 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/link.api.md @@ -0,0 +1,39 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type { LinkBaseProps } from '@fluentui/react-link'; +import { LinkBaseState } from '@fluentui/react-link'; +import type { LinkSlots as LinkSlots_2 } from '@fluentui/react-link'; +import type * as React_2 from 'react'; + +// @public +export const Link: ForwardRefComponent; + +// @public +export type LinkProps = LinkBaseProps; + +// @public +export type LinkSlots = LinkSlots_2; + +// @public +export type LinkState = LinkBaseState & { + root: { + 'data-disabled'?: string; + 'data-disabled-focusable'?: string; + }; +}; + +// @public +export const renderLink: (state: LinkBaseState) => JSXElement; + +// @public +export const useLink: (props: LinkProps, ref: React_2.Ref) => LinkState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/message-bar.api.md b/packages/react-components/react-headless-components-preview/library/etc/message-bar.api.md new file mode 100644 index 00000000000000..a794dbb35c4d97 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/message-bar.api.md @@ -0,0 +1,136 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import { MessageBarActionsContextValues as MessageBarActionsContextValues_2 } from '@fluentui/react-message-bar'; +import type { MessageBarActionsProps as MessageBarActionsProps_2 } from '@fluentui/react-message-bar'; +import type { MessageBarActionsSlots as MessageBarActionsSlots_2 } from '@fluentui/react-message-bar'; +import { MessageBarActionsState as MessageBarActionsState_2 } from '@fluentui/react-message-bar'; +import type { MessageBarBaseProps } from '@fluentui/react-message-bar'; +import { MessageBarBaseState } from '@fluentui/react-message-bar'; +import { MessageBarBodyContextValues as MessageBarBodyContextValues_2 } from '@fluentui/react-message-bar'; +import type { MessageBarBodyProps as MessageBarBodyProps_2 } from '@fluentui/react-message-bar'; +import type { MessageBarBodySlots as MessageBarBodySlots_2 } from '@fluentui/react-message-bar'; +import { MessageBarBodyState as MessageBarBodyState_2 } from '@fluentui/react-message-bar'; +import { MessageBarContextValue } from '@fluentui/react-message-bar'; +import { MessageBarContextValues as MessageBarContextValues_2 } from '@fluentui/react-message-bar'; +import type { MessageBarIntent } from '@fluentui/react-message-bar'; +import type { MessageBarSlots as MessageBarSlots_2 } from '@fluentui/react-message-bar'; +import type { MessageBarTitleProps as MessageBarTitleProps_2 } from '@fluentui/react-message-bar'; +import type { MessageBarTitleSlots as MessageBarTitleSlots_2 } from '@fluentui/react-message-bar'; +import { MessageBarTitleState as MessageBarTitleState_2 } from '@fluentui/react-message-bar'; +import type * as React_2 from 'react'; +import { useMessageBarBodyContextValues_unstable } from '@fluentui/react-message-bar'; + +// @public +export const MessageBar: ForwardRefComponent; + +// @public +export const MessageBarActions: ForwardRefComponent; + +// @public (undocumented) +export type MessageBarActionsContextValues = MessageBarActionsContextValues_2; + +// @public (undocumented) +export type MessageBarActionsProps = MessageBarActionsProps_2; + +// @public (undocumented) +export type MessageBarActionsSlots = MessageBarActionsSlots_2; + +// @public (undocumented) +export type MessageBarActionsState = MessageBarActionsState_2 & { + root: { + 'data-layout'?: string; + 'data-has-actions'?: string; + }; +}; + +// @public +export const MessageBarBody: ForwardRefComponent; + +// @public (undocumented) +export type MessageBarBodyContextValues = MessageBarBodyContextValues_2; + +// @public (undocumented) +export type MessageBarBodyProps = MessageBarBodyProps_2; + +// @public (undocumented) +export type MessageBarBodySlots = MessageBarBodySlots_2; + +// @public (undocumented) +export type MessageBarBodyState = MessageBarBodyState_2; + +// @public (undocumented) +export type MessageBarContextValues = MessageBarContextValues_2; + +export { MessageBarIntent } + +// @public (undocumented) +export type MessageBarProps = MessageBarBaseProps; + +// @public (undocumented) +export type MessageBarSlots = MessageBarSlots_2; + +// @public (undocumented) +export type MessageBarState = MessageBarBaseState & { + root: { + 'data-layout'?: string; + 'data-intent'?: string; + }; +}; + +// @public +export const MessageBarTitle: ForwardRefComponent; + +// @public (undocumented) +export type MessageBarTitleProps = MessageBarTitleProps_2; + +// @public (undocumented) +export type MessageBarTitleSlots = MessageBarTitleSlots_2; + +// @public (undocumented) +export type MessageBarTitleState = MessageBarTitleState_2; + +// @public +export const renderMessageBar: (state: MessageBarBaseState, contexts: MessageBarContextValues_2) => JSXElement; + +// @public +export const renderMessageBarActions: (state: MessageBarActionsState_2, contexts: MessageBarActionsContextValues_2) => JSXElement; + +// @public +export const renderMessageBarBody: (state: MessageBarBodyState_2, contextValues: MessageBarBodyContextValues_2) => JSXElement; + +// @public +export const renderMessageBarTitle: (state: MessageBarTitleState_2) => JSXElement; + +// @public +export const useMessageBar: (props: MessageBarProps, ref: React_2.Ref) => MessageBarState; + +// @public +export const useMessageBarActions: (props: MessageBarActionsProps, ref: React_2.Ref) => MessageBarActionsState; + +// @public +export const useMessageBarActionsContextValues: () => MessageBarActionsContextValues; + +// @public +export const useMessageBarBody: (props: MessageBarBodyProps, ref: React_2.Ref) => MessageBarBodyState; + +// @public +export const useMessageBarBodyContextValues: typeof useMessageBarBodyContextValues_unstable; + +// @public +export const useMessageBarContext: () => MessageBarContextValue; + +// @public +export const useMessageBarContextValues: (state: MessageBarState) => MessageBarContextValues; + +// @public +export const useMessageBarTitle: (props: MessageBarTitleProps, ref: React_2.Ref) => MessageBarTitleState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/progress-bar.api.md b/packages/react-components/react-headless-components-preview/library/etc/progress-bar.api.md new file mode 100644 index 00000000000000..91ff008669f65d --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/progress-bar.api.md @@ -0,0 +1,34 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import type { JSXElement } from '@fluentui/react-utilities'; +import type { ProgressBarBaseProps } from '@fluentui/react-progress'; +import type { ProgressBarBaseState } from '@fluentui/react-progress'; +import type { ProgressBarSlots as ProgressBarSlots_2 } from '@fluentui/react-progress'; +import type * as React_2 from 'react'; + +// @public +export const ProgressBar: ForwardRefComponent; + +// @public +export type ProgressBarProps = ProgressBarBaseProps; + +// @public (undocumented) +export type ProgressBarSlots = ProgressBarSlots_2; + +// @public +export type ProgressBarState = ProgressBarBaseState; + +// @public +export const renderProgressBar: (state: ProgressBarState) => JSXElement; + +// @public +export const useProgressBar: (props: ProgressBarProps, ref: React_2.Ref) => ProgressBarState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/provider.api.md b/packages/react-components/react-headless-components-preview/library/etc/provider.api.md new file mode 100644 index 00000000000000..2291b6e556a33e --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/provider.api.md @@ -0,0 +1,35 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ComponentProps } from '@fluentui/react-utilities'; +import type { ComponentState } from '@fluentui/react-utilities'; +import type { FluentProviderContextValues } from '@fluentui/react-provider'; +import { FluentProviderProps } from '@fluentui/react-provider'; +import type { JSXElement } from '@fluentui/react-utilities'; +import * as React_2 from 'react'; +import type { Slot } from '@fluentui/react-utilities'; +import { useFluent_unstable as useProviderContext } from '@fluentui/react-shared-contexts'; + +// @public +export const Provider: React_2.ForwardRefExoticComponent & React_2.FragmentProps & Pick & React_2.RefAttributes>; + +// @public +export type ProviderProps = ComponentProps & Pick; + +// @public +export type ProviderState = ComponentState & Pick; + +// @public +export const renderProvider: (state: ProviderState, contextValues: FluentProviderContextValues) => JSXElement; + +// @public (undocumented) +export const useProvider: (props: ProviderProps, ref: React_2.Ref) => ProviderState; + +export { useProviderContext } + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/radio-group.api.md b/packages/react-components/react-headless-components-preview/library/etc/radio-group.api.md new file mode 100644 index 00000000000000..3fcff9680cc6e1 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/radio-group.api.md @@ -0,0 +1,67 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import { ComponentProps } from '@fluentui/react-utilities'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type { RadioBaseProps } from '@fluentui/react-radio'; +import { RadioBaseState } from '@fluentui/react-radio'; +import type { RadioGroupBaseProps } from '@fluentui/react-radio'; +import { RadioGroupBaseState } from '@fluentui/react-radio'; +import { RadioGroupContextValues } from '@fluentui/react-radio'; +import type { RadioGroupSlots as RadioGroupSlots_2 } from '@fluentui/react-radio'; +import { RadioOnChangeData } from '@fluentui/react-radio'; +import { RadioSlots as RadioSlots_2 } from '@fluentui/react-radio'; +import * as React_2 from 'react'; + +// @public +export const Radio: React_2.ForwardRefExoticComponent, "input">, "onChange" | "size"> & { + value?: string; + labelPosition?: "after" | "below"; + disabled?: boolean; + onChange?: (ev: React_2.ChangeEvent, data: RadioOnChangeData) => void; +} & React_2.RefAttributes>; + +// @public +export const RadioGroup: ForwardRefComponent; + +// @public +export type RadioGroupProps = RadioGroupBaseProps; + +// @public +export type RadioGroupSlots = RadioGroupSlots_2; + +// @public +export type RadioGroupState = RadioGroupBaseState; + +// @public +export type RadioProps = RadioBaseProps; + +// @public +export type RadioSlots = RadioSlots_2; + +// @public +export type RadioState = RadioBaseState & { + root: { + 'data-disabled'?: string; + }; +}; + +// @public +export const renderRadio: (state: RadioBaseState) => JSXElement; + +// @public +export const renderRadioGroup: (state: RadioGroupBaseState, contextValues: RadioGroupContextValues) => JSXElement; + +// @public +export const useRadio: (props: RadioProps, ref: React_2.Ref) => RadioState; + +// @public +export const useRadioGroup: (props: RadioGroupProps, ref: React_2.Ref) => RadioGroupState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/rating-display.api.md b/packages/react-components/react-headless-components-preview/library/etc/rating-display.api.md new file mode 100644 index 00000000000000..1d0939f884ece6 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/rating-display.api.md @@ -0,0 +1,35 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type { RatingDisplayBaseProps } from '@fluentui/react-rating'; +import { RatingDisplayBaseState } from '@fluentui/react-rating'; +import { RatingDisplayContextValues } from '@fluentui/react-rating'; +import type { RatingDisplaySlots as RatingDisplaySlots_2 } from '@fluentui/react-rating'; +import * as React_2 from 'react'; + +// @public +export const RatingDisplay: ForwardRefComponent; + +// @public +export type RatingDisplayProps = RatingDisplayBaseProps; + +// @public +export type RatingDisplaySlots = RatingDisplaySlots_2; + +// @public +export type RatingDisplayState = RatingDisplayBaseState; + +// @public +export const renderRatingDisplay: (state: RatingDisplayBaseState, contextValues: RatingDisplayContextValues) => JSXElement; + +// @public +export const useRatingDisplay: (props: RatingDisplayProps, ref: React_2.Ref) => RatingDisplayState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/rating.api.md b/packages/react-components/react-headless-components-preview/library/etc/rating.api.md new file mode 100644 index 00000000000000..c3058b90ca9f4c --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/rating.api.md @@ -0,0 +1,66 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type { RatingBaseProps } from '@fluentui/react-rating'; +import { RatingBaseState } from '@fluentui/react-rating'; +import { RatingContextValues } from '@fluentui/react-rating'; +import type { RatingItemBaseProps } from '@fluentui/react-rating'; +import { RatingItemBaseState } from '@fluentui/react-rating'; +import { RatingItemSlots as RatingItemSlots_2 } from '@fluentui/react-rating'; +import type { RatingSlots as RatingSlots_2 } from '@fluentui/react-rating'; +import * as React_2 from 'react'; + +// @public +export const Rating: ForwardRefComponent; + +// @public +export const RatingItem: React_2.ForwardRefExoticComponent, "root"> & Omit<{ + as?: "span" | undefined; +} & Omit, HTMLSpanElement>, "children"> & { + children?: any; +}, "ref"> & { + value?: number; +} & React_2.RefAttributes>; + +// @public +export type RatingItemProps = RatingItemBaseProps; + +// @public +export type RatingItemSlots = RatingItemSlots_2; + +// @public +export type RatingItemState = RatingItemBaseState & { + root: { + 'data-appearance'?: 'filled' | 'filled-half' | 'outline'; + }; +}; + +// @public +export type RatingProps = RatingBaseProps; + +// @public +export type RatingSlots = RatingSlots_2; + +// @public +export type RatingState = RatingBaseState; + +// @public +export const renderRating: (state: RatingBaseState, contextValues: RatingContextValues) => JSXElement; + +// @public +export const renderRatingItem: (state: RatingItemBaseState) => JSXElement; + +// @public +export const useRating: (props: RatingProps, ref: React_2.Ref) => RatingState; + +// @public +export const useRatingItem: (props: RatingItemProps, ref: React_2.Ref) => RatingItemState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/react-headless-components-preview.api.md b/packages/react-components/react-headless-components-preview/library/etc/react-headless-components-preview.api.md index 68bd8ede66b212..6bef1c6e594fed 100644 --- a/packages/react-components/react-headless-components-preview/library/etc/react-headless-components-preview.api.md +++ b/packages/react-components/react-headless-components-preview/library/etc/react-headless-components-preview.api.md @@ -4,1378 +4,6 @@ ```ts -import type { AccordionBaseProps } from '@fluentui/react-accordion'; -import { AccordionBaseState } from '@fluentui/react-accordion'; -import { AccordionContextValue } from '@fluentui/react-accordion'; -import { AccordionContextValues as AccordionContextValues_2 } from '@fluentui/react-accordion'; -import type { AccordionHeaderBaseProps } from '@fluentui/react-accordion'; -import { AccordionHeaderBaseState } from '@fluentui/react-accordion'; -import { AccordionHeaderContextValues } from '@fluentui/react-accordion'; -import type { AccordionHeaderSlots as AccordionHeaderSlots_2 } from '@fluentui/react-accordion'; -import { AccordionItemContextValues } from '@fluentui/react-accordion'; -import type { AccordionItemProps as AccordionItemProps_2 } from '@fluentui/react-accordion'; -import type { AccordionItemSlots as AccordionItemSlots_2 } from '@fluentui/react-accordion'; -import { AccordionItemState as AccordionItemState_2 } from '@fluentui/react-accordion'; -import type { AccordionPanelBaseProps } from '@fluentui/react-accordion'; -import type { AccordionPanelBaseState } from '@fluentui/react-accordion'; -import type { AccordionPanelSlots as AccordionPanelSlots_2 } from '@fluentui/react-accordion'; -import type { AccordionSlots as AccordionSlots_2 } from '@fluentui/react-accordion'; -import type { AvatarBaseProps } from '@fluentui/react-avatar'; -import { AvatarBaseState } from '@fluentui/react-avatar'; -import type { BadgeBaseProps } from '@fluentui/react-badge'; -import { BadgeBaseState } from '@fluentui/react-badge'; -import type { BreadcrumbBaseProps } from '@fluentui/react-breadcrumb'; -import { BreadcrumbBaseState } from '@fluentui/react-breadcrumb'; -import type { BreadcrumbButtonBaseProps } from '@fluentui/react-breadcrumb'; -import type { BreadcrumbButtonBaseState } from '@fluentui/react-breadcrumb'; -import type { BreadcrumbButtonSlots as BreadcrumbButtonSlots_2 } from '@fluentui/react-breadcrumb'; -import { BreadcrumbContextValues as BreadcrumbContextValues_2 } from '@fluentui/react-breadcrumb'; -import type { BreadcrumbDividerBaseProps } from '@fluentui/react-breadcrumb'; -import { BreadcrumbDividerBaseState } from '@fluentui/react-breadcrumb'; -import type { BreadcrumbDividerSlots as BreadcrumbDividerSlots_2 } from '@fluentui/react-breadcrumb'; -import type { BreadcrumbItemBaseProps } from '@fluentui/react-breadcrumb'; -import { BreadcrumbItemBaseState } from '@fluentui/react-breadcrumb'; -import type { BreadcrumbItemSlots as BreadcrumbItemSlots_2 } from '@fluentui/react-breadcrumb'; -import type { BreadcrumbSlots as BreadcrumbSlots_2 } from '@fluentui/react-breadcrumb'; -import type { ButtonBaseProps } from '@fluentui/react-button'; -import { ButtonBaseState } from '@fluentui/react-button'; -import type { ButtonSlots as ButtonSlots_2 } from '@fluentui/react-button'; -import type { CheckboxBaseProps } from '@fluentui/react-checkbox'; -import { CheckboxBaseState } from '@fluentui/react-checkbox'; -import type { CheckboxSlots as CheckboxSlots_2 } from '@fluentui/react-checkbox'; -import { ComponentProps } from '@fluentui/react-utilities'; -import type { ComponentState } from '@fluentui/react-utilities'; -import { ContextSelector } from '@fluentui/react-context-selector'; -import type { DividerBaseProps } from '@fluentui/react-divider'; -import { DividerBaseState } from '@fluentui/react-divider'; -import type { DividerSlots as DividerSlots_2 } from '@fluentui/react-divider'; -import type { EventHandler } from '@fluentui/react-utilities'; -import type { FieldBaseProps } from '@fluentui/react-field'; -import { FieldBaseState } from '@fluentui/react-field'; -import { FieldContextValues } from '@fluentui/react-field'; -import type { FieldSlots as FieldSlots_2 } from '@fluentui/react-field'; -import type { FluentProviderContextValues } from '@fluentui/react-provider'; -import { FluentProviderProps } from '@fluentui/react-provider'; -import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import type { InputBaseProps } from '@fluentui/react-input'; -import { InputBaseState } from '@fluentui/react-input'; -import type { InputSlots as InputSlots_2 } from '@fluentui/react-input'; -import { JSXElement } from '@fluentui/react-utilities'; -import type { LinkBaseProps } from '@fluentui/react-link'; -import { LinkBaseState } from '@fluentui/react-link'; -import type { LinkSlots as LinkSlots_2 } from '@fluentui/react-link'; -import { MessageBarActionsContextValues as MessageBarActionsContextValues_2 } from '@fluentui/react-message-bar'; -import type { MessageBarActionsProps as MessageBarActionsProps_2 } from '@fluentui/react-message-bar'; -import type { MessageBarActionsSlots as MessageBarActionsSlots_2 } from '@fluentui/react-message-bar'; -import { MessageBarActionsState as MessageBarActionsState_2 } from '@fluentui/react-message-bar'; -import type { MessageBarBaseProps } from '@fluentui/react-message-bar'; -import { MessageBarBaseState } from '@fluentui/react-message-bar'; -import { MessageBarBodyContextValues as MessageBarBodyContextValues_2 } from '@fluentui/react-message-bar'; -import type { MessageBarBodyProps as MessageBarBodyProps_2 } from '@fluentui/react-message-bar'; -import type { MessageBarBodySlots as MessageBarBodySlots_2 } from '@fluentui/react-message-bar'; -import { MessageBarBodyState as MessageBarBodyState_2 } from '@fluentui/react-message-bar'; -import { MessageBarContextValue } from '@fluentui/react-message-bar'; -import { MessageBarContextValues as MessageBarContextValues_2 } from '@fluentui/react-message-bar'; -import type { MessageBarIntent } from '@fluentui/react-message-bar'; -import type { MessageBarSlots as MessageBarSlots_2 } from '@fluentui/react-message-bar'; -import type { MessageBarTitleProps as MessageBarTitleProps_2 } from '@fluentui/react-message-bar'; -import type { MessageBarTitleSlots as MessageBarTitleSlots_2 } from '@fluentui/react-message-bar'; -import { MessageBarTitleState as MessageBarTitleState_2 } from '@fluentui/react-message-bar'; -import type { ProgressBarBaseProps } from '@fluentui/react-progress'; -import type { ProgressBarBaseState } from '@fluentui/react-progress'; -import type { ProgressBarSlots as ProgressBarSlots_2 } from '@fluentui/react-progress'; -import type { RadioBaseProps } from '@fluentui/react-radio'; -import { RadioBaseState } from '@fluentui/react-radio'; -import type { RadioGroupBaseProps } from '@fluentui/react-radio'; -import { RadioGroupBaseState } from '@fluentui/react-radio'; -import { RadioGroupContextValues } from '@fluentui/react-radio'; -import type { RadioGroupSlots as RadioGroupSlots_2 } from '@fluentui/react-radio'; -import { RadioOnChangeData } from '@fluentui/react-radio'; -import { RadioSlots as RadioSlots_2 } from '@fluentui/react-radio'; -import type { RatingBaseProps } from '@fluentui/react-rating'; -import { RatingBaseState } from '@fluentui/react-rating'; -import { RatingContextValues } from '@fluentui/react-rating'; -import type { RatingDisplayBaseProps } from '@fluentui/react-rating'; -import { RatingDisplayBaseState } from '@fluentui/react-rating'; -import { RatingDisplayContextValues } from '@fluentui/react-rating'; -import type { RatingDisplaySlots as RatingDisplaySlots_2 } from '@fluentui/react-rating'; -import type { RatingItemBaseProps } from '@fluentui/react-rating'; -import { RatingItemBaseState } from '@fluentui/react-rating'; -import { RatingItemSlots as RatingItemSlots_2 } from '@fluentui/react-rating'; -import type { RatingSlots as RatingSlots_2 } from '@fluentui/react-rating'; -import * as React_2 from 'react'; -import type { SearchBoxBaseProps } from '@fluentui/react-search'; -import { SearchBoxBaseState } from '@fluentui/react-search'; -import type { SearchBoxSlots as SearchBoxSlots_2 } from '@fluentui/react-search'; -import type { SelectBaseProps } from '@fluentui/react-select'; -import { SelectBaseState } from '@fluentui/react-select'; -import type { SelectSlots as SelectSlots_2 } from '@fluentui/react-select'; -import { SkeletonBaseProps } from '@fluentui/react-skeleton'; -import { SkeletonBaseState } from '@fluentui/react-skeleton'; -import { SkeletonContextValues } from '@fluentui/react-skeleton'; -import { SkeletonItemBaseProps } from '@fluentui/react-skeleton'; -import { SkeletonItemBaseState } from '@fluentui/react-skeleton'; -import type { SkeletonItemSlots as SkeletonItemSlots_2 } from '@fluentui/react-skeleton'; -import type { SkeletonSlots as SkeletonSlots_2 } from '@fluentui/react-skeleton'; -import type { SliderBaseProps } from '@fluentui/react-slider'; -import { SliderBaseState } from '@fluentui/react-slider'; -import type { SliderSlots as SliderSlots_2 } from '@fluentui/react-slider'; -import type { Slot } from '@fluentui/react-utilities'; -import type { SpinButtonBaseProps } from '@fluentui/react-spinbutton'; -import { SpinButtonBaseState } from '@fluentui/react-spinbutton'; -import type { SpinButtonSlots as SpinButtonSlots_2 } from '@fluentui/react-spinbutton'; -import type { SpinnerBaseProps } from '@fluentui/react-spinner'; -import { SpinnerBaseState } from '@fluentui/react-spinner'; -import type { SpinnerSlots as SpinnerSlots_2 } from '@fluentui/react-spinner'; -import type { SwitchBaseProps } from '@fluentui/react-switch'; -import { SwitchBaseState } from '@fluentui/react-switch'; -import type { SwitchSlots as SwitchSlots_2 } from '@fluentui/react-switch'; -import type { TabBaseProps } from '@fluentui/react-tabs'; -import { TabBaseState } from '@fluentui/react-tabs'; -import type { TabListBaseProps } from '@fluentui/react-tabs'; -import { TabListBaseState } from '@fluentui/react-tabs'; -import { TabListContextValues } from '@fluentui/react-tabs'; -import type { TabListSlots as TabListSlots_2 } from '@fluentui/react-tabs'; -import { TabSlots } from '@fluentui/react-tabs'; -import { TabValue } from '@fluentui/react-tabs'; -import type { TextareaBaseProps } from '@fluentui/react-textarea'; -import { TextareaBaseState } from '@fluentui/react-textarea'; -import type { TextareaSlots as TextareaSlots_2 } from '@fluentui/react-textarea'; -import type { ToggleButtonBaseProps } from '@fluentui/react-button'; -import type { ToggleButtonBaseState } from '@fluentui/react-button'; -import type { ToolbarBaseProps } from '@fluentui/react-toolbar'; -import { ToolbarBaseState } from '@fluentui/react-toolbar'; -import type { ToolbarButtonBaseProps } from '@fluentui/react-toolbar'; -import type { ToolbarButtonBaseState } from '@fluentui/react-toolbar'; -import { ToolbarContextValue } from '@fluentui/react-toolbar'; -import { ToolbarContextValues as ToolbarContextValues_2 } from '@fluentui/react-toolbar'; -import type { ToolbarDividerBaseProps } from '@fluentui/react-toolbar'; -import type { ToolbarDividerBaseState } from '@fluentui/react-toolbar'; -import type { ToolbarGroupProps as ToolbarGroupProps_2 } from '@fluentui/react-toolbar'; -import { ToolbarGroupState as ToolbarGroupState_2 } from '@fluentui/react-toolbar'; -import type { ToolbarRadioGroupProps as ToolbarRadioGroupProps_2 } from '@fluentui/react-toolbar'; -import type { ToolbarRadioGroupState as ToolbarRadioGroupState_2 } from '@fluentui/react-toolbar'; -import type { ToolbarSlots as ToolbarSlots_2 } from '@fluentui/react-toolbar'; -import type { ToolbarToggleButtonBaseProps } from '@fluentui/react-toolbar'; -import type { ToolbarToggleButtonBaseState } from '@fluentui/react-toolbar'; -import type { TriggerProps } from '@fluentui/react-utilities'; -import { useMessageBarBodyContextValues_unstable } from '@fluentui/react-message-bar'; -import { useFluent_unstable as useProviderContext } from '@fluentui/react-shared-contexts'; - -// @public -export const Accordion: ForwardRefComponent; - -// @public (undocumented) -export type AccordionContextValues = AccordionContextValues_2; - -// @public -export const AccordionHeader: ForwardRefComponent; - -// @public (undocumented) -export type AccordionHeaderProps = AccordionHeaderBaseProps; - -// @public (undocumented) -export type AccordionHeaderSlots = AccordionHeaderSlots_2; - -// @public (undocumented) -export type AccordionHeaderState = AccordionHeaderBaseState & { - root: { - 'data-open'?: string; - 'data-disabled'?: string; - 'data-expand-icon-position'?: string; - }; -}; - -// @public -export const AccordionItem: ForwardRefComponent; - -// @public (undocumented) -export type AccordionItemProps = AccordionItemProps_2; - -// @public (undocumented) -export type AccordionItemSlots = AccordionItemSlots_2; - -// @public (undocumented) -export type AccordionItemState = AccordionItemState_2 & { - root: { - 'data-disabled'?: string; - 'data-open'?: string; - }; -}; - -// @public -export const AccordionPanel: ForwardRefComponent; - -// @public (undocumented) -export type AccordionPanelProps = AccordionPanelBaseProps; - -// @public (undocumented) -export type AccordionPanelSlots = AccordionPanelSlots_2; - -// @public (undocumented) -export type AccordionPanelState = AccordionPanelBaseState & { - root: { - 'data-open'?: string; - }; -}; - -// @public (undocumented) -export type AccordionProps = AccordionBaseProps; - -// @public (undocumented) -export type AccordionSlots = AccordionSlots_2; - -// @public (undocumented) -export type AccordionState = AccordionBaseState & { - root: { - 'data-collapsible'?: string; - 'data-multiple'?: string; - }; -}; - -// @public -export const Avatar: ForwardRefComponent; - -// @public -export type AvatarProps = AvatarBaseProps; - -// @public -export type AvatarState = AvatarBaseState; - -// @public -export const Badge: ForwardRefComponent; - -// @public -export type BadgeProps = BadgeBaseProps; - -// @public -export type BadgeState = BadgeBaseState & { - root: { - 'data-icon-position'?: 'before' | 'after'; - }; -}; - -// @public -export const Breadcrumb: ForwardRefComponent; - -// @public -export const BreadcrumbButton: ForwardRefComponent; - -// @public -export type BreadcrumbButtonProps = BreadcrumbButtonBaseProps; - -// @public -export type BreadcrumbButtonSlots = BreadcrumbButtonSlots_2; - -// @public -export type BreadcrumbButtonState = BreadcrumbButtonBaseState & { - root: { - 'data-current'?: string; - }; -}; - -// @public -export type BreadcrumbContextValues = BreadcrumbContextValues_2; - -// @public -export const BreadcrumbDivider: ForwardRefComponent; - -// @public -export type BreadcrumbDividerProps = BreadcrumbDividerBaseProps; - -// @public -export type BreadcrumbDividerSlots = BreadcrumbDividerSlots_2; - -// @public -export type BreadcrumbDividerState = BreadcrumbDividerBaseState; - -// @public -export const BreadcrumbItem: ForwardRefComponent; - -// @public -export type BreadcrumbItemProps = BreadcrumbItemBaseProps; - -// @public -export type BreadcrumbItemSlots = BreadcrumbItemSlots_2; - -// @public -export type BreadcrumbItemState = BreadcrumbItemBaseState; - -// @public -export type BreadcrumbProps = BreadcrumbBaseProps; - -// @public -export type BreadcrumbSlots = BreadcrumbSlots_2; - -// @public -export type BreadcrumbState = BreadcrumbBaseState; - -// @public -export const Button: ForwardRefComponent; - -// @public -export type ButtonProps = ButtonBaseProps; - -// @public -export type ButtonSlots = ButtonSlots_2; - -// @public -export type ButtonState = ButtonBaseState & { - root: { - 'data-disabled'?: string; - 'data-disabled-focusable'?: string; - 'data-icon-only'?: string; - }; -}; - -// @public -export const Checkbox: ForwardRefComponent; - -// @public -export type CheckboxProps = CheckboxBaseProps; - -// @public (undocumented) -export type CheckboxSlots = CheckboxSlots_2; - -// @public -export type CheckboxState = CheckboxBaseState & { - root: { - 'data-disabled'?: string; - 'data-checked'?: string; - }; -}; - -// @public -export const Dialog: React_2.FC; - -// @public -export const DialogActions: ForwardRefComponent; - -// @public (undocumented) -export type DialogActionsProps = ComponentProps; - -// @public (undocumented) -export type DialogActionsSlots = { - root: Slot<'div'>; -}; - -// @public (undocumented) -export type DialogActionsState = ComponentState; - -// @public -export const DialogBody: ForwardRefComponent; - -// @public (undocumented) -export type DialogBodyProps = ComponentProps; - -// @public (undocumented) -export type DialogBodySlots = { - root: Slot<'div'>; -}; - -// @public (undocumented) -export type DialogBodyState = ComponentState; - -// @public (undocumented) -export type DialogContextValue = { - open: boolean; - modalType: DialogModalType; - dialogTitleId: string; - isNestedDialog: boolean; - inertTrapFocus: boolean; - unmountOnClose: boolean; - requestOpenChange: (data: DialogOpenChangeData) => void; -}; - -// @public (undocumented) -export type DialogContextValues = { - dialog: DialogContextValue; - dialogSurface: DialogSurfaceContextValue; -}; - -// @public -export const DialogHeader: ForwardRefComponent; - -// @public (undocumented) -export type DialogHeaderProps = ComponentProps; - -// @public (undocumented) -export type DialogHeaderSlots = { - root: Slot<'header'>; -}; - -// @public (undocumented) -export type DialogHeaderState = ComponentState; - -// @public (undocumented) -export type DialogModalType = 'modal' | 'non-modal' | 'alert'; - -// @public (undocumented) -export type DialogOpenChangeData = { - type: 'escapeKeyDown'; - open: boolean; - event: React_2.KeyboardEvent; -} | { - type: 'backdropClick'; - open: boolean; - event: React_2.MouseEvent; -} | { - type: 'triggerClick'; - open: boolean; - event: React_2.MouseEvent; -}; - -// @public (undocumented) -export type DialogOpenChangeEvent = DialogOpenChangeData['event']; - -// @public -export type DialogOpenChangeEventHandler = EventHandler; - -// @public (undocumented) -export type DialogProps = { - modalType?: DialogModalType; - open?: boolean; - defaultOpen?: boolean; - onOpenChange?: EventHandler; - children: [JSXElement, JSXElement] | JSXElement; - inertTrapFocus?: boolean; - unmountOnClose?: boolean; -}; - -// @public (undocumented) -export type DialogState = { - open: boolean; - modalType: DialogModalType; - dialogTitleId: string; - isNestedDialog: boolean; - inertTrapFocus: boolean; - unmountOnClose: boolean; - trigger: React_2.ReactNode; - content: React_2.ReactNode; - requestOpenChange: (data: DialogOpenChangeData) => void; -}; - -// @public -export const DialogSurface: ForwardRefComponent; - -// @public (undocumented) -export type DialogSurfaceContextValue = boolean; - -// @public -export type DialogSurfaceProps = ComponentProps; - -// @public (undocumented) -export type DialogSurfaceSlots = { - root: Slot<'dialog'>; -}; - -// @public -export type DialogSurfaceState = ComponentState & { - open: boolean; - unmountOnClose: boolean; - modalType: DialogModalType; - shouldRender: boolean; -}; - -// @public -export const DialogTitle: ForwardRefComponent; - -// @public (undocumented) -export type DialogTitleProps = ComponentProps; - -// @public (undocumented) -export type DialogTitleSlots = { - root: Slot<'h2'>; -}; - -// @public (undocumented) -export type DialogTitleState = ComponentState; - -// @public -export const DialogTrigger: React_2.FC; - -// @public (undocumented) -export type DialogTriggerAction = 'open' | 'close'; - -// @public (undocumented) -export type DialogTriggerProps = TriggerProps & { - action?: DialogTriggerAction; -}; - -// @public (undocumented) -export type DialogTriggerState = { - children: React_2.ReactElement | null; -}; - -// @public -export const Divider: ForwardRefComponent; - -// @public (undocumented) -export type DividerProps = DividerBaseProps; - -// @public (undocumented) -export type DividerSlots = DividerSlots_2; - -// @public (undocumented) -export type DividerState = DividerBaseState & { - root: { - 'data-orientation'?: 'vertical' | 'horizontal'; - }; -}; - -// @public -export const Field: ForwardRefComponent; - -// @public -export type FieldProps = FieldBaseProps; - -// @public -export type FieldSlots = FieldSlots_2; - -// @public -export type FieldState = FieldBaseState & { - root: { - 'data-validate-state'?: FieldBaseState['validationState']; - }; -}; - -// @public -export const Input: ForwardRefComponent; - -// @public -export type InputProps = InputBaseProps; - -// @public -export type InputSlots = InputSlots_2; - -// @public -export type InputState = InputBaseState & { - root: { - 'data-disabled'?: string; - }; -}; - -// @public -export const Link: ForwardRefComponent; - -// @public -export type LinkProps = LinkBaseProps; - -// @public -export type LinkSlots = LinkSlots_2; - -// @public -export type LinkState = LinkBaseState & { - root: { - 'data-disabled'?: string; - 'data-disabled-focusable'?: string; - }; -}; - -// @public -export const MessageBar: ForwardRefComponent; - -// @public -export const MessageBarActions: ForwardRefComponent; - -// @public (undocumented) -export type MessageBarActionsContextValues = MessageBarActionsContextValues_2; - -// @public (undocumented) -export type MessageBarActionsProps = MessageBarActionsProps_2; - -// @public (undocumented) -export type MessageBarActionsSlots = MessageBarActionsSlots_2; - -// @public (undocumented) -export type MessageBarActionsState = MessageBarActionsState_2 & { - root: { - 'data-layout'?: string; - 'data-has-actions'?: string; - }; -}; - -// @public -export const MessageBarBody: ForwardRefComponent; - -// @public (undocumented) -export type MessageBarBodyContextValues = MessageBarBodyContextValues_2; - -// @public (undocumented) -export type MessageBarBodyProps = MessageBarBodyProps_2; - -// @public (undocumented) -export type MessageBarBodySlots = MessageBarBodySlots_2; - -// @public (undocumented) -export type MessageBarBodyState = MessageBarBodyState_2; - -// @public (undocumented) -export type MessageBarContextValues = MessageBarContextValues_2; - -export { MessageBarIntent } - -// @public (undocumented) -export type MessageBarProps = MessageBarBaseProps; - -// @public (undocumented) -export type MessageBarSlots = MessageBarSlots_2; - -// @public (undocumented) -export type MessageBarState = MessageBarBaseState & { - root: { - 'data-layout'?: string; - 'data-intent'?: string; - }; -}; - -// @public -export const MessageBarTitle: ForwardRefComponent; - -// @public (undocumented) -export type MessageBarTitleProps = MessageBarTitleProps_2; - -// @public (undocumented) -export type MessageBarTitleSlots = MessageBarTitleSlots_2; - -// @public (undocumented) -export type MessageBarTitleState = MessageBarTitleState_2; - -// @public -export const ProgressBar: ForwardRefComponent; - -// @public -export type ProgressBarProps = ProgressBarBaseProps; - -// @public (undocumented) -export type ProgressBarSlots = ProgressBarSlots_2; - -// @public -export type ProgressBarState = ProgressBarBaseState; - -// @public -export const Provider: React_2.ForwardRefExoticComponent & React_2.FragmentProps & Pick & React_2.RefAttributes>; - -// @public -export type ProviderProps = ComponentProps & Pick; - -// @public -export type ProviderState = ComponentState & Pick; - -// @public -export const Radio: React_2.ForwardRefExoticComponent, "input">, "onChange" | "size"> & { - value?: string; - labelPosition?: "after" | "below"; - disabled?: boolean; - onChange?: (ev: React_2.ChangeEvent, data: RadioOnChangeData) => void; -} & React_2.RefAttributes>; - -// @public -export const RadioGroup: ForwardRefComponent; - -// @public -export type RadioGroupProps = RadioGroupBaseProps; - -// @public -export type RadioGroupSlots = RadioGroupSlots_2; - -// @public -export type RadioGroupState = RadioGroupBaseState; - -// @public -export type RadioProps = RadioBaseProps; - -// @public -export type RadioSlots = RadioSlots_2; - -// @public -export type RadioState = RadioBaseState & { - root: { - 'data-disabled'?: string; - }; -}; - -// @public -export const Rating: ForwardRefComponent; - -// @public -export const RatingDisplay: ForwardRefComponent; - -// @public -export type RatingDisplayProps = RatingDisplayBaseProps; - -// @public -export type RatingDisplaySlots = RatingDisplaySlots_2; - -// @public -export type RatingDisplayState = RatingDisplayBaseState; - -// @public -export const RatingItem: React_2.ForwardRefExoticComponent, "root"> & Omit<{ - as?: "span" | undefined; -} & Omit, HTMLSpanElement>, "children"> & { - children?: any; -}, "ref"> & { - value?: number; -} & React_2.RefAttributes>; - -// @public -export type RatingItemProps = RatingItemBaseProps; - -// @public -export type RatingItemSlots = RatingItemSlots_2; - -// @public -export type RatingItemState = RatingItemBaseState & { - root: { - 'data-appearance'?: 'filled' | 'filled-half' | 'outline'; - }; -}; - -// @public -export type RatingProps = RatingBaseProps; - -// @public -export type RatingSlots = RatingSlots_2; - -// @public -export type RatingState = RatingBaseState; - -// @public -export const renderAccordion: (state: AccordionBaseState, contextValues: AccordionContextValues_2) => JSXElement; - -// @public -export const renderAccordionHeader: (state: AccordionHeaderBaseState, contextValues: AccordionHeaderContextValues) => JSXElement; - -// @public -export const renderAccordionItem: (state: AccordionItemState_2, contextValues: AccordionItemContextValues) => JSXElement; - -// @public -export const renderAccordionPanel: (state: AccordionPanelState) => JSXElement; - -// @public -export const renderAvatar: (state: AvatarBaseState) => JSXElement; - -// @public -export const renderBadge: (state: BadgeBaseState) => JSXElement; - -// @public -export const renderBreadcrumb: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues_2) => JSXElement; - -// @public -export const renderBreadcrumbButton: (state: BreadcrumbButtonState) => JSXElement; - -// @public -export const renderBreadcrumbDivider: (state: BreadcrumbDividerBaseState) => JSXElement; - -// @public -export const renderBreadcrumbItem: (state: BreadcrumbItemBaseState) => JSXElement; - -// @public -export const renderButton: (state: ButtonBaseState) => JSXElement; - -// @public -export const renderCheckbox: (state: CheckboxBaseState) => JSXElement; - -// @public -export const renderDialog_unstable: (state: DialogState, contextValues: DialogContextValues) => JSXElement; - -// @public (undocumented) -export const renderDialogActions_unstable: (state: DialogActionsState) => JSXElement; - -// @public (undocumented) -export const renderDialogBody_unstable: (state: DialogBodyState) => JSXElement; - -// @public (undocumented) -export const renderDialogHeader_unstable: (state: DialogHeaderState) => JSXElement; - -// @public -export const renderDialogSurface_unstable: (state: DialogSurfaceState) => JSXElement | null; - -// @public (undocumented) -export const renderDialogTitle_unstable: (state: DialogTitleState) => JSXElement; - -// @public -export const renderDivider: (state: DividerBaseState) => JSXElement; - -// @public -export const renderField: (state: FieldBaseState, contextValues: FieldContextValues) => JSXElement; - -// @public -export const renderInput: (state: InputBaseState) => JSXElement; - -// @public -export const renderLink: (state: LinkBaseState) => JSXElement; - -// @public -export const renderMessageBar: (state: MessageBarBaseState, contexts: MessageBarContextValues_2) => JSXElement; - -// @public -export const renderMessageBarActions: (state: MessageBarActionsState_2, contexts: MessageBarActionsContextValues_2) => JSXElement; - -// @public -export const renderMessageBarBody: (state: MessageBarBodyState_2, contextValues: MessageBarBodyContextValues_2) => JSXElement; - -// @public -export const renderMessageBarTitle: (state: MessageBarTitleState_2) => JSXElement; - -// @public -export const renderProgressBar: (state: ProgressBarState) => JSXElement; - -// @public -export const renderProvider: (state: ProviderState, contextValues: FluentProviderContextValues) => JSXElement; - -// @public -export const renderRadio: (state: RadioBaseState) => JSXElement; - -// @public -export const renderRadioGroup: (state: RadioGroupBaseState, contextValues: RadioGroupContextValues) => JSXElement; - -// @public -export const renderRating: (state: RatingBaseState, contextValues: RatingContextValues) => JSXElement; - -// @public -export const renderRatingDisplay: (state: RatingDisplayBaseState, contextValues: RatingDisplayContextValues) => JSXElement; - -// @public -export const renderRatingItem: (state: RatingItemBaseState) => JSXElement; - -// @public -export const renderSearchBox: (state: SearchBoxBaseState) => JSXElement; - -// @public -export const renderSelect: (state: SelectBaseState) => JSXElement; - -// @public -export const renderSkeleton: (state: SkeletonBaseState, contextValues: SkeletonContextValues) => JSXElement; - -// @public -export const renderSkeletonItem: (state: SkeletonItemBaseState) => JSXElement; - -// @public -export const renderSlider: (state: SliderBaseState) => JSXElement; - -// @public -export const renderSpinButton: (state: SpinButtonBaseState) => JSXElement; - -// @public -export const renderSpinner: (state: SpinnerBaseState) => JSXElement; - -// @public -export const renderSwitch: (state: SwitchBaseState) => JSXElement; - -// @public -export const renderTab: (state: TabBaseState) => JSXElement; - -// @public -export const renderTabList: (state: TabListBaseState, contextValues: TabListContextValues) => JSXElement; - -// @public -export const renderTextarea: (state: TextareaBaseState) => JSXElement; - -// @public -export const renderToggleButton: (state: ButtonBaseState) => JSXElement; - -// @public -export const renderToolbar: (state: ToolbarBaseState, contextValues: ToolbarContextValues_2) => JSXElement; - -// @public -export const renderToolbarButton: (state: ButtonBaseState) => JSXElement; - -// @public -export const renderToolbarDivider: (state: DividerBaseState) => JSXElement; - -// @public -export const renderToolbarGroup: (state: ToolbarGroupState_2) => JSXElement; - -// @public -export const renderToolbarRadioGroup: (state: ToolbarGroupState_2) => JSXElement; - -// @public -export const renderToolbarToggleButton: (state: ButtonBaseState) => JSXElement; - -// @public -export const SearchBox: ForwardRefComponent; - -// @public -export type SearchBoxProps = SearchBoxBaseProps; - -// @public -export type SearchBoxSlots = SearchBoxSlots_2; - -// @public -export type SearchBoxState = SearchBoxBaseState & { - root: { - 'data-disabled'?: string; - 'data-focused'?: string; - }; -}; - -// @public -export const Select: ForwardRefComponent; - -// @public -export type SelectProps = SelectBaseProps; - -// @public (undocumented) -export type SelectSlots = SelectSlots_2; - -// @public -export type SelectState = SelectBaseState & { - root: { - 'data-disabled'?: string; - }; -}; - -// @public -export const Skeleton: React_2.ForwardRefExoticComponent>; - -// @public -export const SkeletonItem: React_2.ForwardRefExoticComponent>; - -// @public -export type SkeletonItemProps = SkeletonItemBaseProps; - -// @public -export type SkeletonItemSlots = SkeletonItemSlots_2; - -// @public -export type SkeletonItemState = SkeletonItemBaseState; - -// @public -export type SkeletonProps = SkeletonBaseProps; - -// @public -export type SkeletonSlots = SkeletonSlots_2; - -// @public -export type SkeletonState = SkeletonBaseState; - -// @public -export const Slider: ForwardRefComponent; - -// @public -export type SliderProps = SliderBaseProps; - -// @public -export type SliderSlots = SliderSlots_2; - -// @public -export type SliderState = SliderBaseState & { - root: { - 'data-disabled'?: string; - 'data-vertical'?: string; - }; -}; - -// @public -export const SpinButton: ForwardRefComponent; - -// @public -export type SpinButtonProps = SpinButtonBaseProps; - -// @public -export type SpinButtonSlots = SpinButtonSlots_2; - -// @public -export type SpinButtonState = SpinButtonBaseState & { - root: { - 'data-disabled'?: string; - 'data-spin-state'?: string; - 'data-at-bound'?: string; - }; -}; - -// @public -export const Spinner: ForwardRefComponent; - -// @public -export type SpinnerProps = SpinnerBaseProps; - -// @public -export type SpinnerSlots = SpinnerSlots_2; - -// @public -export type SpinnerState = SpinnerBaseState & { - root: { - 'data-label-position'?: 'before' | 'after' | 'above' | 'below'; - }; -}; - -// @public -export const Switch: ForwardRefComponent; - -// @public -export type SwitchProps = SwitchBaseProps; - -// @public -export type SwitchSlots = SwitchSlots_2; - -// @public -export type SwitchState = SwitchBaseState & { - root: { - 'data-disabled'?: string; - 'data-disabled-focusable'?: string; - 'data-checked'?: string; - }; -}; - -// @public -export const Tab: ForwardRefComponent; - -// @public -export const TabList: ForwardRefComponent; - -// @public -export type TabListProps = TabListBaseProps; - -// @public -export type TabListSlots = TabListSlots_2; - -// @public -export type TabListState = TabListBaseState & { - root: { - focusgroup?: string; - 'data-orientation'?: 'vertical' | 'horizontal'; - }; -}; - -// @public (undocumented) -export type TabProps = TabBaseProps; - -export { TabSlots } - -// @public (undocumented) -export type TabState = TabBaseState & { - root: { - focusgroupstart?: string; - 'data-icon-only'?: string; - 'data-selected'?: string; - }; -}; - -export { TabValue } - -// @public -export const Textarea: ForwardRefComponent; - -// @public -export type TextareaProps = TextareaBaseProps; - -// @public -export type TextareaSlots = TextareaSlots_2; - -// @public -export type TextareaState = TextareaBaseState; - -// @public -export const ToggleButton: ForwardRefComponent; - -// @public -export type ToggleButtonProps = ToggleButtonBaseProps; - -// @public -export type ToggleButtonSlots = ButtonSlots; - -// @public -export type ToggleButtonState = ToggleButtonBaseState & { - root: { - 'data-disabled'?: string; - 'data-disabled-focusable'?: string; - 'data-icon-only'?: string; - 'data-checked'?: string; - }; -}; - -// @public -export const Toolbar: ForwardRefComponent; - -// @public -export const ToolbarButton: ForwardRefComponent; - -// @public (undocumented) -export type ToolbarButtonProps = ToolbarButtonBaseProps; - -// @public (undocumented) -export type ToolbarButtonState = ToolbarButtonBaseState & { - root: { - 'data-vertical'?: string; - 'data-disabled'?: string; - 'data-disabled-focusable'?: string; - 'data-icon-only'?: string; - }; -}; - -// @public (undocumented) -export type ToolbarContextValues = ToolbarContextValues_2; - -// @public -export const ToolbarDivider: ForwardRefComponent; - -// @public (undocumented) -export type ToolbarDividerProps = ToolbarDividerBaseProps; - -// @public (undocumented) -export type ToolbarDividerState = ToolbarDividerBaseState & { - root: { - 'data-vertical'?: string; - }; -}; - -// @public -export const ToolbarGroup: ForwardRefComponent; - -// @public (undocumented) -export type ToolbarGroupProps = ToolbarGroupProps_2; - -// @public (undocumented) -export type ToolbarGroupState = ToolbarGroupState_2 & { - root: { - 'data-vertical'?: string; - }; -}; - -// @public (undocumented) -export type ToolbarProps = ToolbarBaseProps; - -// @public -export const ToolbarRadioGroup: ForwardRefComponent; - -// @public (undocumented) -export type ToolbarRadioGroupProps = ToolbarRadioGroupProps_2; - -// @public (undocumented) -export type ToolbarRadioGroupState = ToolbarRadioGroupState_2 & { - vertical?: boolean; - root: { - 'data-vertical'?: string; - }; -}; - -// @public (undocumented) -export type ToolbarSlots = ToolbarSlots_2; - -// @public (undocumented) -export type ToolbarState = ToolbarBaseState & { - root: { - 'data-vertical'?: string; - focusgroup?: string; - }; -}; - -// @public -export const ToolbarToggleButton: ForwardRefComponent; - -// @public (undocumented) -export type ToolbarToggleButtonProps = ToolbarToggleButtonBaseProps; - -// @public (undocumented) -export type ToolbarToggleButtonState = ToolbarToggleButtonBaseState & { - root: { - 'data-disabled'?: string; - 'data-disabled-focusable'?: string; - 'data-icon-only'?: string; - 'data-checked'?: string; - }; -}; - -// @public -export const useAccordion: (props: AccordionProps, ref: React_2.Ref) => AccordionState; - -// @public -export const useAccordionContext: (selector: ContextSelector) => T; - -// @public -export const useAccordionContextValues: (state: AccordionState) => AccordionContextValues; - -// @public -export const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref) => AccordionHeaderState; - -// @public -export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref) => AccordionItemState; - -// @public -export const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref) => AccordionPanelState; - -// @public -export const useAvatar: (props: AvatarProps, ref: React_2.Ref) => AvatarState; - -// @public -export const useBadge: (props: BadgeProps, ref: React_2.Ref) => BadgeState; - -// @public -export const useBreadcrumb: (props: BreadcrumbProps, ref: React_2.Ref) => BreadcrumbState; - -// @public -export const useBreadcrumbButton: (props: BreadcrumbButtonProps, ref: React_2.Ref) => BreadcrumbButtonState; - -// @public -export const useBreadcrumbContext: () => BreadcrumbContextValues_2; - -// @public -export const useBreadcrumbContextValues: (state: BreadcrumbState) => BreadcrumbContextValues; - -// @public -export const useBreadcrumbDivider: (props: BreadcrumbDividerProps, ref: React_2.Ref) => BreadcrumbDividerState; - -// @public -export const useBreadcrumbItem: (props: BreadcrumbItemProps, ref: React_2.Ref) => BreadcrumbItemState; - -// @public -export const useButton: (props: ButtonProps, ref: React_2.Ref) => ButtonState; - -// @public -export const useCheckbox: (props: CheckboxProps, ref: React_2.Ref) => CheckboxState; - -// @public -export const useDialog_unstable: (props: DialogProps) => DialogState; - -// @public -export const useDialogActions_unstable: (props: DialogActionsProps, ref: React_2.Ref) => DialogActionsState; - -// @public -export const useDialogBody_unstable: (props: DialogBodyProps, ref: React_2.Ref) => DialogBodyState; - -// @public (undocumented) -export const useDialogContext: () => DialogContextValue; - -// @public (undocumented) -export const useDialogContextValues_unstable: (state: DialogState) => DialogContextValues; - -// @public -export const useDialogHeader_unstable: (props: DialogHeaderProps, ref: React_2.Ref) => DialogHeaderState; - -// @public -export const useDialogSurface_unstable: (props: DialogSurfaceProps, ref: React_2.Ref) => DialogSurfaceState; - -// @public (undocumented) -export const useDialogSurfaceContext: () => DialogSurfaceContextValue; - -// @public -export const useDialogTitle_unstable: (props: DialogTitleProps, ref: React_2.Ref) => DialogTitleState; - -// @public -export const useDialogTrigger_unstable: (props: DialogTriggerProps) => DialogTriggerState; - -// @public -export const useDivider: (props: DividerProps, ref: React_2.Ref) => DividerState; - -// @public -export const useField: (props: FieldProps, ref: React_2.Ref) => FieldState; - -// @public -export const useInput: (props: InputProps, ref: React_2.Ref) => InputState; - -// @public -export const useLink: (props: LinkProps, ref: React_2.Ref) => LinkState; - -// @public -export const useMessageBar: (props: MessageBarProps, ref: React_2.Ref) => MessageBarState; - -// @public -export const useMessageBarActions: (props: MessageBarActionsProps, ref: React_2.Ref) => MessageBarActionsState; - -// @public -export const useMessageBarActionsContextValues: () => MessageBarActionsContextValues; - -// @public -export const useMessageBarBody: (props: MessageBarBodyProps, ref: React_2.Ref) => MessageBarBodyState; - -// @public -export const useMessageBarBodyContextValues: typeof useMessageBarBodyContextValues_unstable; - -// @public -export const useMessageBarContext: () => MessageBarContextValue; - -// @public -export const useMessageBarContextValues: (state: MessageBarState) => MessageBarContextValues; - -// @public -export const useMessageBarTitle: (props: MessageBarTitleProps, ref: React_2.Ref) => MessageBarTitleState; - -// @public -export const useProgressBar: (props: ProgressBarProps, ref: React_2.Ref) => ProgressBarState; - -// @public (undocumented) -export const useProvider: (props: ProviderProps, ref: React_2.Ref) => ProviderState; - -export { useProviderContext } - -// @public -export const useRadio: (props: RadioProps, ref: React_2.Ref) => RadioState; - -// @public -export const useRadioGroup: (props: RadioGroupProps, ref: React_2.Ref) => RadioGroupState; - -// @public -export const useRating: (props: RatingProps, ref: React_2.Ref) => RatingState; - -// @public -export const useRatingDisplay: (props: RatingDisplayProps, ref: React_2.Ref) => RatingDisplayState; - -// @public -export const useRatingItem: (props: RatingItemProps, ref: React_2.Ref) => RatingItemState; - -// @public -export const useSearchBox: (props: SearchBoxProps, ref: React_2.Ref) => SearchBoxState; - -// @public -export const useSelect: (props: SelectProps, ref: React_2.Ref) => SelectState; - -// @public -export const useSkeleton: (props: SkeletonProps, ref: React_2.Ref) => SkeletonState; - -// @public -export const useSkeletonItem: (props: SkeletonItemProps, ref: React_2.Ref) => SkeletonItemState; - -// @public -export const useSlider: (props: SliderProps, ref: React_2.Ref) => SliderState; - -// @public -export const useSpinButton: (props: SpinButtonProps, ref: React_2.Ref) => SpinButtonState; - -// @public -export const useSpinner: (props: SpinnerProps, ref: React_2.Ref) => SpinnerState; - -// @public -export const useSwitch: (props: SwitchProps, ref: React_2.Ref) => SwitchState; - -// @public -export const useTab: (props: TabProps, ref: React_2.Ref) => TabState; - -// @public -export const useTabList: (props: TabListProps, ref: React_2.Ref) => TabListState; - -// @public -export const useTextarea: (props: TextareaProps, ref: React_2.Ref) => TextareaState; - -// @public -export const useToggleButton: (props: ToggleButtonProps, ref: React_2.Ref) => ToggleButtonState; - -// @public -export const useToolbar: (props: ToolbarProps, ref: React_2.Ref) => ToolbarState; - -// @public -export const useToolbarButton: (props: ToolbarButtonProps, ref: React_2.Ref) => ToolbarButtonState; - -// @public -export const useToolbarContext: (selector: ContextSelector) => T; - -// @public -export const useToolbarContextValues: (state: ToolbarState) => ToolbarContextValues; - -// @public -export const useToolbarDivider: (props: ToolbarDividerProps, ref: React_2.Ref) => ToolbarDividerState; - -// @public -export const useToolbarGroup: (props: ToolbarGroupProps, ref: React_2.Ref) => ToolbarGroupState; - -// @public -export const useToolbarRadioGroup: (props: ToolbarRadioGroupProps, ref: React_2.Ref) => ToolbarRadioGroupState; - -// @public -export const useToolbarToggleButton: (props: ToolbarToggleButtonProps, ref: React_2.Ref) => ToolbarToggleButtonState; - // (No @packageDocumentation comment for this package) ``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/search-box.api.md b/packages/react-components/react-headless-components-preview/library/etc/search-box.api.md new file mode 100644 index 00000000000000..31b674c5975104 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/search-box.api.md @@ -0,0 +1,39 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { SearchBoxBaseProps } from '@fluentui/react-search'; +import { SearchBoxBaseState } from '@fluentui/react-search'; +import type { SearchBoxSlots as SearchBoxSlots_2 } from '@fluentui/react-search'; + +// @public +export const renderSearchBox: (state: SearchBoxBaseState) => JSXElement; + +// @public +export const SearchBox: ForwardRefComponent; + +// @public +export type SearchBoxProps = SearchBoxBaseProps; + +// @public +export type SearchBoxSlots = SearchBoxSlots_2; + +// @public +export type SearchBoxState = SearchBoxBaseState & { + root: { + 'data-disabled'?: string; + 'data-focused'?: string; + }; +}; + +// @public +export const useSearchBox: (props: SearchBoxProps, ref: React_2.Ref) => SearchBoxState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/select.api.md b/packages/react-components/react-headless-components-preview/library/etc/select.api.md new file mode 100644 index 00000000000000..bee7abb47e0796 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/select.api.md @@ -0,0 +1,38 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { SelectBaseProps } from '@fluentui/react-select'; +import { SelectBaseState } from '@fluentui/react-select'; +import type { SelectSlots as SelectSlots_2 } from '@fluentui/react-select'; + +// @public +export const renderSelect: (state: SelectBaseState) => JSXElement; + +// @public +export const Select: ForwardRefComponent; + +// @public +export type SelectProps = SelectBaseProps; + +// @public (undocumented) +export type SelectSlots = SelectSlots_2; + +// @public +export type SelectState = SelectBaseState & { + root: { + 'data-disabled'?: string; + }; +}; + +// @public +export const useSelect: (props: SelectProps, ref: React_2.Ref) => SelectState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/skeleton.api.md b/packages/react-components/react-headless-components-preview/library/etc/skeleton.api.md new file mode 100644 index 00000000000000..9b689a1f83954f --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/skeleton.api.md @@ -0,0 +1,55 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import { JSXElement } from '@fluentui/react-utilities'; +import * as React_2 from 'react'; +import { SkeletonBaseProps } from '@fluentui/react-skeleton'; +import { SkeletonBaseState } from '@fluentui/react-skeleton'; +import { SkeletonContextValues } from '@fluentui/react-skeleton'; +import { SkeletonItemBaseProps } from '@fluentui/react-skeleton'; +import { SkeletonItemBaseState } from '@fluentui/react-skeleton'; +import type { SkeletonItemSlots as SkeletonItemSlots_2 } from '@fluentui/react-skeleton'; +import type { SkeletonSlots as SkeletonSlots_2 } from '@fluentui/react-skeleton'; + +// @public +export const renderSkeleton: (state: SkeletonBaseState, contextValues: SkeletonContextValues) => JSXElement; + +// @public +export const renderSkeletonItem: (state: SkeletonItemBaseState) => JSXElement; + +// @public +export const Skeleton: React_2.ForwardRefExoticComponent>; + +// @public +export const SkeletonItem: React_2.ForwardRefExoticComponent>; + +// @public +export type SkeletonItemProps = SkeletonItemBaseProps; + +// @public +export type SkeletonItemSlots = SkeletonItemSlots_2; + +// @public +export type SkeletonItemState = SkeletonItemBaseState; + +// @public +export type SkeletonProps = SkeletonBaseProps; + +// @public +export type SkeletonSlots = SkeletonSlots_2; + +// @public +export type SkeletonState = SkeletonBaseState; + +// @public +export const useSkeleton: (props: SkeletonProps, ref: React_2.Ref) => SkeletonState; + +// @public +export const useSkeletonItem: (props: SkeletonItemProps, ref: React_2.Ref) => SkeletonItemState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/slider.api.md b/packages/react-components/react-headless-components-preview/library/etc/slider.api.md new file mode 100644 index 00000000000000..97e3838793940e --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/slider.api.md @@ -0,0 +1,39 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { SliderBaseProps } from '@fluentui/react-slider'; +import { SliderBaseState } from '@fluentui/react-slider'; +import type { SliderSlots as SliderSlots_2 } from '@fluentui/react-slider'; + +// @public +export const renderSlider: (state: SliderBaseState) => JSXElement; + +// @public +export const Slider: ForwardRefComponent; + +// @public +export type SliderProps = SliderBaseProps; + +// @public +export type SliderSlots = SliderSlots_2; + +// @public +export type SliderState = SliderBaseState & { + root: { + 'data-disabled'?: string; + 'data-vertical'?: string; + }; +}; + +// @public +export const useSlider: (props: SliderProps, ref: React_2.Ref) => SliderState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/spin-button.api.md b/packages/react-components/react-headless-components-preview/library/etc/spin-button.api.md new file mode 100644 index 00000000000000..ffe240d2c15146 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/spin-button.api.md @@ -0,0 +1,40 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { SpinButtonBaseProps } from '@fluentui/react-spinbutton'; +import { SpinButtonBaseState } from '@fluentui/react-spinbutton'; +import type { SpinButtonSlots as SpinButtonSlots_2 } from '@fluentui/react-spinbutton'; + +// @public +export const renderSpinButton: (state: SpinButtonBaseState) => JSXElement; + +// @public +export const SpinButton: ForwardRefComponent; + +// @public +export type SpinButtonProps = SpinButtonBaseProps; + +// @public +export type SpinButtonSlots = SpinButtonSlots_2; + +// @public +export type SpinButtonState = SpinButtonBaseState & { + root: { + 'data-disabled'?: string; + 'data-spin-state'?: string; + 'data-at-bound'?: string; + }; +}; + +// @public +export const useSpinButton: (props: SpinButtonProps, ref: React_2.Ref) => SpinButtonState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/spinner.api.md b/packages/react-components/react-headless-components-preview/library/etc/spinner.api.md new file mode 100644 index 00000000000000..4ea4a948dab2d8 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/spinner.api.md @@ -0,0 +1,38 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { SpinnerBaseProps } from '@fluentui/react-spinner'; +import { SpinnerBaseState } from '@fluentui/react-spinner'; +import type { SpinnerSlots as SpinnerSlots_2 } from '@fluentui/react-spinner'; + +// @public +export const renderSpinner: (state: SpinnerBaseState) => JSXElement; + +// @public +export const Spinner: ForwardRefComponent; + +// @public +export type SpinnerProps = SpinnerBaseProps; + +// @public +export type SpinnerSlots = SpinnerSlots_2; + +// @public +export type SpinnerState = SpinnerBaseState & { + root: { + 'data-label-position'?: 'before' | 'after' | 'above' | 'below'; + }; +}; + +// @public +export const useSpinner: (props: SpinnerProps, ref: React_2.Ref) => SpinnerState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/switch.api.md b/packages/react-components/react-headless-components-preview/library/etc/switch.api.md new file mode 100644 index 00000000000000..cbecaff845488d --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/switch.api.md @@ -0,0 +1,40 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { SwitchBaseProps } from '@fluentui/react-switch'; +import { SwitchBaseState } from '@fluentui/react-switch'; +import type { SwitchSlots as SwitchSlots_2 } from '@fluentui/react-switch'; + +// @public +export const renderSwitch: (state: SwitchBaseState) => JSXElement; + +// @public +export const Switch: ForwardRefComponent; + +// @public +export type SwitchProps = SwitchBaseProps; + +// @public +export type SwitchSlots = SwitchSlots_2; + +// @public +export type SwitchState = SwitchBaseState & { + root: { + 'data-disabled'?: string; + 'data-disabled-focusable'?: string; + 'data-checked'?: string; + }; +}; + +// @public +export const useSwitch: (props: SwitchProps, ref: React_2.Ref) => SwitchState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/tab-list.api.md b/packages/react-components/react-headless-components-preview/library/etc/tab-list.api.md new file mode 100644 index 00000000000000..2137a10d6d9c91 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/tab-list.api.md @@ -0,0 +1,69 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { TabBaseProps } from '@fluentui/react-tabs'; +import { TabBaseState } from '@fluentui/react-tabs'; +import type { TabListBaseProps } from '@fluentui/react-tabs'; +import { TabListBaseState } from '@fluentui/react-tabs'; +import { TabListContextValues } from '@fluentui/react-tabs'; +import type { TabListSlots as TabListSlots_2 } from '@fluentui/react-tabs'; +import { TabSlots } from '@fluentui/react-tabs'; +import { TabValue } from '@fluentui/react-tabs'; + +// @public +export const renderTab: (state: TabBaseState) => JSXElement; + +// @public +export const renderTabList: (state: TabListBaseState, contextValues: TabListContextValues) => JSXElement; + +// @public +export const Tab: ForwardRefComponent; + +// @public +export const TabList: ForwardRefComponent; + +// @public +export type TabListProps = TabListBaseProps; + +// @public +export type TabListSlots = TabListSlots_2; + +// @public +export type TabListState = TabListBaseState & { + root: { + focusgroup?: string; + 'data-orientation'?: 'vertical' | 'horizontal'; + }; +}; + +// @public (undocumented) +export type TabProps = TabBaseProps; + +export { TabSlots } + +// @public (undocumented) +export type TabState = TabBaseState & { + root: { + focusgroupstart?: string; + 'data-icon-only'?: string; + 'data-selected'?: string; + }; +}; + +export { TabValue } + +// @public +export const useTab: (props: TabProps, ref: React_2.Ref) => TabState; + +// @public +export const useTabList: (props: TabListProps, ref: React_2.Ref) => TabListState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/textarea.api.md b/packages/react-components/react-headless-components-preview/library/etc/textarea.api.md new file mode 100644 index 00000000000000..7b8971da281302 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/textarea.api.md @@ -0,0 +1,34 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { TextareaBaseProps } from '@fluentui/react-textarea'; +import { TextareaBaseState } from '@fluentui/react-textarea'; +import type { TextareaSlots as TextareaSlots_2 } from '@fluentui/react-textarea'; + +// @public +export const renderTextarea: (state: TextareaBaseState) => JSXElement; + +// @public +export const Textarea: ForwardRefComponent; + +// @public +export type TextareaProps = TextareaBaseProps; + +// @public +export type TextareaSlots = TextareaSlots_2; + +// @public +export type TextareaState = TextareaBaseState; + +// @public +export const useTextarea: (props: TextareaProps, ref: React_2.Ref) => TextareaState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/toggle-button.api.md b/packages/react-components/react-headless-components-preview/library/etc/toggle-button.api.md new file mode 100644 index 00000000000000..f6bd1000f5a99f --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/toggle-button.api.md @@ -0,0 +1,42 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import { ButtonBaseState } from '@fluentui/react-button'; +import type { ButtonSlots as ButtonSlots_2 } from '@fluentui/react-button'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { ToggleButtonBaseProps } from '@fluentui/react-button'; +import type { ToggleButtonBaseState } from '@fluentui/react-button'; + +// @public +export const renderToggleButton: (state: ButtonBaseState) => JSXElement; + +// @public +export const ToggleButton: ForwardRefComponent; + +// @public +export type ToggleButtonProps = ToggleButtonBaseProps; + +// @public +export type ToggleButtonSlots = ButtonSlots; + +// @public +export type ToggleButtonState = ToggleButtonBaseState & { + root: { + 'data-disabled'?: string; + 'data-disabled-focusable'?: string; + 'data-icon-only'?: string; + 'data-checked'?: string; + }; +}; + +// @public +export const useToggleButton: (props: ToggleButtonProps, ref: React_2.Ref) => ToggleButtonState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/etc/toolbar.api.md b/packages/react-components/react-headless-components-preview/library/etc/toolbar.api.md new file mode 100644 index 00000000000000..db6c2162d881c0 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/library/etc/toolbar.api.md @@ -0,0 +1,165 @@ +## API Report File for "@fluentui/react-headless-components-preview" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import { ButtonBaseState } from '@fluentui/react-button'; +import { ContextSelector } from '@fluentui/react-context-selector'; +import { DividerBaseState } from '@fluentui/react-divider'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { JSXElement } from '@fluentui/react-utilities'; +import type * as React_2 from 'react'; +import type { ToolbarBaseProps } from '@fluentui/react-toolbar'; +import { ToolbarBaseState } from '@fluentui/react-toolbar'; +import type { ToolbarButtonBaseProps } from '@fluentui/react-toolbar'; +import type { ToolbarButtonBaseState } from '@fluentui/react-toolbar'; +import { ToolbarContextValue } from '@fluentui/react-toolbar'; +import { ToolbarContextValues as ToolbarContextValues_2 } from '@fluentui/react-toolbar'; +import type { ToolbarDividerBaseProps } from '@fluentui/react-toolbar'; +import type { ToolbarDividerBaseState } from '@fluentui/react-toolbar'; +import type { ToolbarGroupProps as ToolbarGroupProps_2 } from '@fluentui/react-toolbar'; +import { ToolbarGroupState as ToolbarGroupState_2 } from '@fluentui/react-toolbar'; +import type { ToolbarRadioGroupProps as ToolbarRadioGroupProps_2 } from '@fluentui/react-toolbar'; +import type { ToolbarRadioGroupState as ToolbarRadioGroupState_2 } from '@fluentui/react-toolbar'; +import type { ToolbarSlots as ToolbarSlots_2 } from '@fluentui/react-toolbar'; +import type { ToolbarToggleButtonBaseProps } from '@fluentui/react-toolbar'; +import type { ToolbarToggleButtonBaseState } from '@fluentui/react-toolbar'; + +// @public +export const renderToolbar: (state: ToolbarBaseState, contextValues: ToolbarContextValues_2) => JSXElement; + +// @public +export const renderToolbarButton: (state: ButtonBaseState) => JSXElement; + +// @public +export const renderToolbarDivider: (state: DividerBaseState) => JSXElement; + +// @public +export const renderToolbarGroup: (state: ToolbarGroupState_2) => JSXElement; + +// @public +export const renderToolbarRadioGroup: (state: ToolbarGroupState_2) => JSXElement; + +// @public +export const renderToolbarToggleButton: (state: ButtonBaseState) => JSXElement; + +// @public +export const Toolbar: ForwardRefComponent; + +// @public +export const ToolbarButton: ForwardRefComponent; + +// @public (undocumented) +export type ToolbarButtonProps = ToolbarButtonBaseProps; + +// @public (undocumented) +export type ToolbarButtonState = ToolbarButtonBaseState & { + root: { + 'data-vertical'?: string; + 'data-disabled'?: string; + 'data-disabled-focusable'?: string; + 'data-icon-only'?: string; + }; +}; + +// @public (undocumented) +export type ToolbarContextValues = ToolbarContextValues_2; + +// @public +export const ToolbarDivider: ForwardRefComponent; + +// @public (undocumented) +export type ToolbarDividerProps = ToolbarDividerBaseProps; + +// @public (undocumented) +export type ToolbarDividerState = ToolbarDividerBaseState & { + root: { + 'data-vertical'?: string; + }; +}; + +// @public +export const ToolbarGroup: ForwardRefComponent; + +// @public (undocumented) +export type ToolbarGroupProps = ToolbarGroupProps_2; + +// @public (undocumented) +export type ToolbarGroupState = ToolbarGroupState_2 & { + root: { + 'data-vertical'?: string; + }; +}; + +// @public (undocumented) +export type ToolbarProps = ToolbarBaseProps; + +// @public +export const ToolbarRadioGroup: ForwardRefComponent; + +// @public (undocumented) +export type ToolbarRadioGroupProps = ToolbarRadioGroupProps_2; + +// @public (undocumented) +export type ToolbarRadioGroupState = ToolbarRadioGroupState_2 & { + vertical?: boolean; + root: { + 'data-vertical'?: string; + }; +}; + +// @public (undocumented) +export type ToolbarSlots = ToolbarSlots_2; + +// @public (undocumented) +export type ToolbarState = ToolbarBaseState & { + root: { + 'data-vertical'?: string; + focusgroup?: string; + }; +}; + +// @public +export const ToolbarToggleButton: ForwardRefComponent; + +// @public (undocumented) +export type ToolbarToggleButtonProps = ToolbarToggleButtonBaseProps; + +// @public (undocumented) +export type ToolbarToggleButtonState = ToolbarToggleButtonBaseState & { + root: { + 'data-disabled'?: string; + 'data-disabled-focusable'?: string; + 'data-icon-only'?: string; + 'data-checked'?: string; + }; +}; + +// @public +export const useToolbar: (props: ToolbarProps, ref: React_2.Ref) => ToolbarState; + +// @public +export const useToolbarButton: (props: ToolbarButtonProps, ref: React_2.Ref) => ToolbarButtonState; + +// @public +export const useToolbarContext: (selector: ContextSelector) => T; + +// @public +export const useToolbarContextValues: (state: ToolbarState) => ToolbarContextValues; + +// @public +export const useToolbarDivider: (props: ToolbarDividerProps, ref: React_2.Ref) => ToolbarDividerState; + +// @public +export const useToolbarGroup: (props: ToolbarGroupProps, ref: React_2.Ref) => ToolbarGroupState; + +// @public +export const useToolbarRadioGroup: (props: ToolbarRadioGroupProps, ref: React_2.Ref) => ToolbarRadioGroupState; + +// @public +export const useToolbarToggleButton: (props: ToolbarToggleButtonProps, ref: React_2.Ref) => ToolbarToggleButtonState; + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-headless-components-preview/library/package.json b/packages/react-components/react-headless-components-preview/library/package.json index 9775edbcb1159f..1f269327b61a50 100644 --- a/packages/react-components/react-headless-components-preview/library/package.json +++ b/packages/react-components/react-headless-components-preview/library/package.json @@ -61,11 +61,173 @@ "react-dom": ">=16.14.0 <20.0.0" }, "exports": { - ".": { - "types": "./dist/index.d.ts", - "node": "./lib-commonjs/index.js", - "import": "./lib/index.js", - "require": "./lib-commonjs/index.js" + "./accordion": { + "types": "./dist/accordion.d.ts", + "node": "./lib-commonjs/accordion.js", + "import": "./lib/accordion.js", + "require": "./lib-commonjs/accordion.js" + }, + "./avatar": { + "types": "./dist/avatar.d.ts", + "node": "./lib-commonjs/avatar.js", + "import": "./lib/avatar.js", + "require": "./lib-commonjs/avatar.js" + }, + "./badge": { + "types": "./dist/badge.d.ts", + "node": "./lib-commonjs/badge.js", + "import": "./lib/badge.js", + "require": "./lib-commonjs/badge.js" + }, + "./breadcrumb": { + "types": "./dist/breadcrumb.d.ts", + "node": "./lib-commonjs/breadcrumb.js", + "import": "./lib/breadcrumb.js", + "require": "./lib-commonjs/breadcrumb.js" + }, + "./button": { + "types": "./dist/button.d.ts", + "node": "./lib-commonjs/button.js", + "import": "./lib/button.js", + "require": "./lib-commonjs/button.js" + }, + "./checkbox": { + "types": "./dist/checkbox.d.ts", + "node": "./lib-commonjs/checkbox.js", + "import": "./lib/checkbox.js", + "require": "./lib-commonjs/checkbox.js" + }, + "./dialog": { + "types": "./dist/dialog.d.ts", + "node": "./lib-commonjs/dialog.js", + "import": "./lib/dialog.js", + "require": "./lib-commonjs/dialog.js" + }, + "./divider": { + "types": "./dist/divider.d.ts", + "node": "./lib-commonjs/divider.js", + "import": "./lib/divider.js", + "require": "./lib-commonjs/divider.js" + }, + "./field": { + "types": "./dist/field.d.ts", + "node": "./lib-commonjs/field.js", + "import": "./lib/field.js", + "require": "./lib-commonjs/field.js" + }, + "./input": { + "types": "./dist/input.d.ts", + "node": "./lib-commonjs/input.js", + "import": "./lib/input.js", + "require": "./lib-commonjs/input.js" + }, + "./link": { + "types": "./dist/link.d.ts", + "node": "./lib-commonjs/link.js", + "import": "./lib/link.js", + "require": "./lib-commonjs/link.js" + }, + "./message-bar": { + "types": "./dist/message-bar.d.ts", + "node": "./lib-commonjs/message-bar.js", + "import": "./lib/message-bar.js", + "require": "./lib-commonjs/message-bar.js" + }, + "./progress-bar": { + "types": "./dist/progress-bar.d.ts", + "node": "./lib-commonjs/progress-bar.js", + "import": "./lib/progress-bar.js", + "require": "./lib-commonjs/progress-bar.js" + }, + "./provider": { + "types": "./dist/provider.d.ts", + "node": "./lib-commonjs/provider.js", + "import": "./lib/provider.js", + "require": "./lib-commonjs/provider.js" + }, + "./radio-group": { + "types": "./dist/radio-group.d.ts", + "node": "./lib-commonjs/radio-group.js", + "import": "./lib/radio-group.js", + "require": "./lib-commonjs/radio-group.js" + }, + "./rating": { + "types": "./dist/rating.d.ts", + "node": "./lib-commonjs/rating.js", + "import": "./lib/rating.js", + "require": "./lib-commonjs/rating.js" + }, + "./rating-display": { + "types": "./dist/rating-display.d.ts", + "node": "./lib-commonjs/rating-display.js", + "import": "./lib/rating-display.js", + "require": "./lib-commonjs/rating-display.js" + }, + "./search-box": { + "types": "./dist/search-box.d.ts", + "node": "./lib-commonjs/search-box.js", + "import": "./lib/search-box.js", + "require": "./lib-commonjs/search-box.js" + }, + "./select": { + "types": "./dist/select.d.ts", + "node": "./lib-commonjs/select.js", + "import": "./lib/select.js", + "require": "./lib-commonjs/select.js" + }, + "./skeleton": { + "types": "./dist/skeleton.d.ts", + "node": "./lib-commonjs/skeleton.js", + "import": "./lib/skeleton.js", + "require": "./lib-commonjs/skeleton.js" + }, + "./slider": { + "types": "./dist/slider.d.ts", + "node": "./lib-commonjs/slider.js", + "import": "./lib/slider.js", + "require": "./lib-commonjs/slider.js" + }, + "./spin-button": { + "types": "./dist/spin-button.d.ts", + "node": "./lib-commonjs/spin-button.js", + "import": "./lib/spin-button.js", + "require": "./lib-commonjs/spin-button.js" + }, + "./spinner": { + "types": "./dist/spinner.d.ts", + "node": "./lib-commonjs/spinner.js", + "import": "./lib/spinner.js", + "require": "./lib-commonjs/spinner.js" + }, + "./switch": { + "types": "./dist/switch.d.ts", + "node": "./lib-commonjs/switch.js", + "import": "./lib/switch.js", + "require": "./lib-commonjs/switch.js" + }, + "./tab-list": { + "types": "./dist/tab-list.d.ts", + "node": "./lib-commonjs/tab-list.js", + "import": "./lib/tab-list.js", + "require": "./lib-commonjs/tab-list.js" + }, + "./textarea": { + "types": "./dist/textarea.d.ts", + "node": "./lib-commonjs/textarea.js", + "import": "./lib/textarea.js", + "require": "./lib-commonjs/textarea.js" + }, + "./toggle-button": { + "types": "./dist/toggle-button.d.ts", + "node": "./lib-commonjs/toggle-button.js", + "import": "./lib/toggle-button.js", + "require": "./lib-commonjs/toggle-button.js" + }, + "./toolbar": { + "types": "./dist/toolbar.d.ts", + "node": "./lib-commonjs/toolbar.js", + "import": "./lib/toolbar.js", + "require": "./lib-commonjs/toolbar.js" }, "./package.json": "./package.json" }, diff --git a/packages/react-components/react-headless-components-preview/library/project.json b/packages/react-components/react-headless-components-preview/library/project.json index e18bfdf5c2fd80..2b11d7fa24fc65 100644 --- a/packages/react-components/react-headless-components-preview/library/project.json +++ b/packages/react-components/react-headless-components-preview/library/project.json @@ -4,5 +4,12 @@ "projectType": "library", "sourceRoot": "packages/react-components/react-headless-components-preview/library/src", "tags": ["platform:web", "vNext"], - "implicitDependencies": [] + "implicitDependencies": [], + "targets": { + "generate-api": { + "options": { + "exportSubpaths": true + } + } + } } diff --git a/packages/react-components/react-headless-components-preview/library/src/Accordion.ts b/packages/react-components/react-headless-components-preview/library/src/accordion.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Accordion.ts rename to packages/react-components/react-headless-components-preview/library/src/accordion.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Avatar.ts b/packages/react-components/react-headless-components-preview/library/src/avatar.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Avatar.ts rename to packages/react-components/react-headless-components-preview/library/src/avatar.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Badge.ts b/packages/react-components/react-headless-components-preview/library/src/badge.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Badge.ts rename to packages/react-components/react-headless-components-preview/library/src/badge.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Breadcrumb.ts b/packages/react-components/react-headless-components-preview/library/src/breadcrumb.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Breadcrumb.ts rename to packages/react-components/react-headless-components-preview/library/src/breadcrumb.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Button.ts b/packages/react-components/react-headless-components-preview/library/src/button.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Button.ts rename to packages/react-components/react-headless-components-preview/library/src/button.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Checkbox.ts b/packages/react-components/react-headless-components-preview/library/src/checkbox.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Checkbox.ts rename to packages/react-components/react-headless-components-preview/library/src/checkbox.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Dialog.ts b/packages/react-components/react-headless-components-preview/library/src/dialog.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Dialog.ts rename to packages/react-components/react-headless-components-preview/library/src/dialog.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Divider.ts b/packages/react-components/react-headless-components-preview/library/src/divider.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Divider.ts rename to packages/react-components/react-headless-components-preview/library/src/divider.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Field.ts b/packages/react-components/react-headless-components-preview/library/src/field.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Field.ts rename to packages/react-components/react-headless-components-preview/library/src/field.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/index.ts b/packages/react-components/react-headless-components-preview/library/src/index.ts index 0e55d90452127d..cb0ff5c3b541f6 100644 --- a/packages/react-components/react-headless-components-preview/library/src/index.ts +++ b/packages/react-components/react-headless-components-preview/library/src/index.ts @@ -1,284 +1 @@ -export { - Accordion, - renderAccordion, - useAccordion, - useAccordionContext, - useAccordionContextValues, - AccordionHeader, - renderAccordionHeader, - useAccordionHeader, - AccordionItem, - renderAccordionItem, - useAccordionItem, - AccordionPanel, - renderAccordionPanel, - useAccordionPanel, -} from './Accordion'; -export type { - AccordionSlots, - AccordionProps, - AccordionState, - AccordionContextValues, - AccordionHeaderSlots, - AccordionHeaderProps, - AccordionHeaderState, - AccordionItemSlots, - AccordionItemProps, - AccordionItemState, - AccordionPanelSlots, - AccordionPanelProps, - AccordionPanelState, -} from './Accordion'; - -export { - MessageBar, - renderMessageBar, - useMessageBar, - useMessageBarContext, - useMessageBarContextValues, - MessageBarActions, - renderMessageBarActions, - useMessageBarActions, - useMessageBarActionsContextValues, - MessageBarBody, - renderMessageBarBody, - useMessageBarBody, - useMessageBarBodyContextValues, - MessageBarTitle, - renderMessageBarTitle, - useMessageBarTitle, -} from './MessageBar'; -export type { - MessageBarSlots, - MessageBarProps, - MessageBarState, - MessageBarContextValues, - MessageBarIntent, - MessageBarActionsSlots, - MessageBarActionsProps, - MessageBarActionsState, - MessageBarActionsContextValues, - MessageBarBodySlots, - MessageBarBodyProps, - MessageBarBodyState, - MessageBarBodyContextValues, - MessageBarTitleSlots, - MessageBarTitleProps, - MessageBarTitleState, -} from './MessageBar'; - -export { Avatar, renderAvatar, useAvatar } from './Avatar'; -export type { AvatarProps, AvatarState } from './Avatar'; - -export { Badge, renderBadge, useBadge } from './Badge'; -export type { BadgeProps, BadgeState } from './Badge'; - -export { - Breadcrumb, - renderBreadcrumb, - useBreadcrumb, - useBreadcrumbContext, - useBreadcrumbContextValues, - BreadcrumbDivider, - renderBreadcrumbDivider, - useBreadcrumbDivider, - BreadcrumbItem, - renderBreadcrumbItem, - useBreadcrumbItem, - BreadcrumbButton, - renderBreadcrumbButton, - useBreadcrumbButton, -} from './Breadcrumb'; -export type { - BreadcrumbSlots, - BreadcrumbProps, - BreadcrumbState, - BreadcrumbContextValues, - BreadcrumbDividerSlots, - BreadcrumbDividerProps, - BreadcrumbDividerState, - BreadcrumbItemSlots, - BreadcrumbItemProps, - BreadcrumbItemState, - BreadcrumbButtonSlots, - BreadcrumbButtonProps, - BreadcrumbButtonState, -} from './Breadcrumb'; - -export { Button, renderButton, useButton } from './Button'; -export type { ButtonSlots, ButtonProps, ButtonState } from './Button'; - -export { Checkbox, renderCheckbox, useCheckbox } from './Checkbox'; -export type { CheckboxSlots, CheckboxProps, CheckboxState } from './Checkbox'; - -export { - Dialog, - DialogSurface, - DialogTrigger, - DialogTitle, - DialogHeader, - DialogBody, - DialogActions, - renderDialog_unstable, - renderDialogSurface_unstable, - renderDialogTitle_unstable, - renderDialogHeader_unstable, - renderDialogBody_unstable, - renderDialogActions_unstable, - useDialog_unstable, - useDialogContextValues_unstable, - useDialogSurface_unstable, - useDialogTrigger_unstable, - useDialogTitle_unstable, - useDialogHeader_unstable, - useDialogBody_unstable, - useDialogActions_unstable, - useDialogContext, - useDialogSurfaceContext, -} from './Dialog'; -export type { - DialogContextValue, - DialogContextValues, - DialogModalType, - DialogOpenChangeData, - DialogOpenChangeEvent, - DialogOpenChangeEventHandler, - DialogProps, - DialogState, - DialogSurfaceContextValue, - DialogSurfaceProps, - DialogSurfaceSlots, - DialogSurfaceState, - DialogTriggerAction, - DialogTriggerProps, - DialogTriggerState, - DialogTitleProps, - DialogTitleSlots, - DialogTitleState, - DialogHeaderProps, - DialogHeaderSlots, - DialogHeaderState, - DialogBodyProps, - DialogBodySlots, - DialogBodyState, - DialogActionsProps, - DialogActionsSlots, - DialogActionsState, -} from './Dialog'; - -export { Divider, renderDivider, useDivider } from './Divider'; -export type { DividerSlots, DividerProps, DividerState } from './Divider'; - -export { Field, renderField, useField } from './Field'; -export type { FieldSlots, FieldProps, FieldState } from './Field'; - -export { Input, renderInput, useInput } from './Input'; -export type { InputSlots, InputProps, InputState } from './Input'; - -export { Link, renderLink, useLink } from './Link'; -export type { LinkSlots, LinkProps, LinkState } from './Link'; - -export { ProgressBar, renderProgressBar, useProgressBar } from './ProgressBar'; -export type { ProgressBarSlots, ProgressBarProps, ProgressBarState } from './ProgressBar'; - -export { Provider, renderProvider, useProvider, useProviderContext } from './Provider'; -export type { ProviderProps, ProviderState } from './Provider'; - -export { Radio, renderRadio, useRadio, RadioGroup, renderRadioGroup, useRadioGroup } from './RadioGroup'; -export type { - RadioSlots, - RadioProps, - RadioState, - RadioGroupSlots, - RadioGroupProps, - RadioGroupState, -} from './RadioGroup'; - -export { RatingItem, renderRatingItem, useRatingItem, Rating, renderRating, useRating } from './Rating'; -export type { - RatingItemSlots, - RatingItemProps, - RatingItemState, - RatingSlots, - RatingProps, - RatingState, -} from './Rating'; - -export { RatingDisplay, renderRatingDisplay, useRatingDisplay } from './RatingDisplay'; -export type { RatingDisplaySlots, RatingDisplayProps, RatingDisplayState } from './RatingDisplay'; - -export { SearchBox, renderSearchBox, useSearchBox } from './SearchBox'; -export type { SearchBoxSlots, SearchBoxProps, SearchBoxState } from './SearchBox'; - -export { Select, renderSelect, useSelect } from './Select'; -export type { SelectSlots, SelectProps, SelectState } from './Select'; - -export { SkeletonItem, renderSkeletonItem, useSkeletonItem, Skeleton, renderSkeleton, useSkeleton } from './Skeleton'; -export type { - SkeletonItemSlots, - SkeletonItemProps, - SkeletonItemState, - SkeletonSlots, - SkeletonProps, - SkeletonState, -} from './Skeleton'; - -export { Slider, renderSlider, useSlider } from './Slider'; -export type { SliderSlots, SliderProps, SliderState } from './Slider'; - -export { SpinButton, renderSpinButton, useSpinButton } from './SpinButton'; -export type { SpinButtonSlots, SpinButtonProps, SpinButtonState } from './SpinButton'; - -export { Spinner, renderSpinner, useSpinner } from './Spinner'; -export type { SpinnerSlots, SpinnerProps, SpinnerState } from './Spinner'; - -export { Switch, renderSwitch, useSwitch } from './Switch'; -export type { SwitchSlots, SwitchProps, SwitchState } from './Switch'; - -export { Tab, renderTab, useTab, TabList, renderTabList, useTabList } from './TabList'; -export type { TabSlots, TabValue, TabProps, TabState, TabListSlots, TabListProps, TabListState } from './TabList'; - -export { Textarea, renderTextarea, useTextarea } from './Textarea'; -export type { TextareaSlots, TextareaProps, TextareaState } from './Textarea'; - -export { ToggleButton, renderToggleButton, useToggleButton } from './ToggleButton'; -export type { ToggleButtonSlots, ToggleButtonProps, ToggleButtonState } from './ToggleButton'; - -export { - Toolbar, - renderToolbar, - useToolbar, - useToolbarContext, - useToolbarContextValues, - ToolbarButton, - renderToolbarButton, - useToolbarButton, - ToolbarDivider, - renderToolbarDivider, - useToolbarDivider, - ToolbarGroup, - renderToolbarGroup, - useToolbarGroup, - ToolbarRadioGroup, - renderToolbarRadioGroup, - useToolbarRadioGroup, - ToolbarToggleButton, - renderToolbarToggleButton, - useToolbarToggleButton, -} from './Toolbar'; -export type { - ToolbarSlots, - ToolbarProps, - ToolbarState, - ToolbarContextValues, - ToolbarButtonProps, - ToolbarButtonState, - ToolbarDividerProps, - ToolbarDividerState, - ToolbarGroupProps, - ToolbarGroupState, - ToolbarRadioGroupProps, - ToolbarRadioGroupState, - ToolbarToggleButtonProps, - ToolbarToggleButtonState, -} from './Toolbar'; +export {}; diff --git a/packages/react-components/react-headless-components-preview/library/src/Input.ts b/packages/react-components/react-headless-components-preview/library/src/input.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Input.ts rename to packages/react-components/react-headless-components-preview/library/src/input.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Link.ts b/packages/react-components/react-headless-components-preview/library/src/link.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Link.ts rename to packages/react-components/react-headless-components-preview/library/src/link.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/MessageBar.ts b/packages/react-components/react-headless-components-preview/library/src/message-bar.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/MessageBar.ts rename to packages/react-components/react-headless-components-preview/library/src/message-bar.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/ProgressBar.ts b/packages/react-components/react-headless-components-preview/library/src/progress-bar.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/ProgressBar.ts rename to packages/react-components/react-headless-components-preview/library/src/progress-bar.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Provider.ts b/packages/react-components/react-headless-components-preview/library/src/provider.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Provider.ts rename to packages/react-components/react-headless-components-preview/library/src/provider.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/RadioGroup.ts b/packages/react-components/react-headless-components-preview/library/src/radio-group.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/RadioGroup.ts rename to packages/react-components/react-headless-components-preview/library/src/radio-group.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/RatingDisplay.ts b/packages/react-components/react-headless-components-preview/library/src/rating-display.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/RatingDisplay.ts rename to packages/react-components/react-headless-components-preview/library/src/rating-display.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Rating.ts b/packages/react-components/react-headless-components-preview/library/src/rating.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Rating.ts rename to packages/react-components/react-headless-components-preview/library/src/rating.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/SearchBox.ts b/packages/react-components/react-headless-components-preview/library/src/search-box.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/SearchBox.ts rename to packages/react-components/react-headless-components-preview/library/src/search-box.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Select.ts b/packages/react-components/react-headless-components-preview/library/src/select.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Select.ts rename to packages/react-components/react-headless-components-preview/library/src/select.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Skeleton.ts b/packages/react-components/react-headless-components-preview/library/src/skeleton.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Skeleton.ts rename to packages/react-components/react-headless-components-preview/library/src/skeleton.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Slider.ts b/packages/react-components/react-headless-components-preview/library/src/slider.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Slider.ts rename to packages/react-components/react-headless-components-preview/library/src/slider.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/SpinButton.ts b/packages/react-components/react-headless-components-preview/library/src/spin-button.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/SpinButton.ts rename to packages/react-components/react-headless-components-preview/library/src/spin-button.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Spinner.ts b/packages/react-components/react-headless-components-preview/library/src/spinner.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Spinner.ts rename to packages/react-components/react-headless-components-preview/library/src/spinner.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Switch.ts b/packages/react-components/react-headless-components-preview/library/src/switch.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Switch.ts rename to packages/react-components/react-headless-components-preview/library/src/switch.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/TabList.ts b/packages/react-components/react-headless-components-preview/library/src/tab-list.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/TabList.ts rename to packages/react-components/react-headless-components-preview/library/src/tab-list.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/testing/isConformant.ts b/packages/react-components/react-headless-components-preview/library/src/testing/isConformant.ts index 16e28315598570..6be6f0142cf421 100644 --- a/packages/react-components/react-headless-components-preview/library/src/testing/isConformant.ts +++ b/packages/react-components/react-headless-components-preview/library/src/testing/isConformant.ts @@ -1,14 +1,56 @@ import { isConformant as baseIsConformant } from '@fluentui/react-conformance'; import type { IsConformantOptions } from '@fluentui/react-conformance'; +function kebabCase(str: string): string { + return str + .replace(/([a-z])([A-Z])/g, '$1-$2') + .replace(/\s+/g, '-') + .toLowerCase(); +} + export function isConformant( testInfo: Omit, 'componentPath'> & { componentPath?: string }, ): void { + const name = kebabCase(testInfo.displayName); + const defaultOptions: Partial> = { tsConfig: { configName: 'tsconfig.spec.json' }, componentPath: require.main?.filename.replace('.test', ''), - // Headless components don't have static classnames, so we need to disable this test - disabledTests: ['component-has-static-classnames-object'], + disabledTests: [ + // We don't support top-level exports + 'exported-top-level', + // We use kebab case naming for top-level files + 'has-top-level-file', + // Headless components don't have static classnames, so we need to disable this test + 'component-has-static-classnames-object', + ], + disableTypeTests: true, + extraTests: { + 'has-top-level-file-extra': ({ displayName, Component }: IsConformantOptions) => { + it(`has corresponding top-level file 'src/${name}.ts' (has-top-level-file)`, () => { + const topLevelFile = require(`../${name}.ts`); + + expect(topLevelFile[displayName]).toBe(Component); + }); + }, + + // This test ensures that the component has an export map entry in the package.json file, + // which is required for proper module resolution and type definitions. + 'export-map-entry-exists': () => { + const packageJSON = require('../../package.json'); + + it('component has export map entry in package.json', () => { + const exportEntry = `./${name}`; + + expect(packageJSON.exports[exportEntry]).toEqual({ + types: `./dist/${name}.d.ts`, + node: `./lib-commonjs/${name}.js`, + require: `./lib-commonjs/${name}.js`, + import: `./lib/${name}.js`, + }); + }); + }, + }, }; baseIsConformant(defaultOptions, testInfo); diff --git a/packages/react-components/react-headless-components-preview/library/src/Textarea.ts b/packages/react-components/react-headless-components-preview/library/src/textarea.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Textarea.ts rename to packages/react-components/react-headless-components-preview/library/src/textarea.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/ToggleButton.ts b/packages/react-components/react-headless-components-preview/library/src/toggle-button.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/ToggleButton.ts rename to packages/react-components/react-headless-components-preview/library/src/toggle-button.ts diff --git a/packages/react-components/react-headless-components-preview/library/src/Toolbar.ts b/packages/react-components/react-headless-components-preview/library/src/toolbar.ts similarity index 100% rename from packages/react-components/react-headless-components-preview/library/src/Toolbar.ts rename to packages/react-components/react-headless-components-preview/library/src/toolbar.ts diff --git a/packages/react-components/react-headless-components-preview/stories/rit.config.js b/packages/react-components/react-headless-components-preview/stories/rit.config.js new file mode 100644 index 00000000000000..23fc79039a81e5 --- /dev/null +++ b/packages/react-components/react-headless-components-preview/stories/rit.config.js @@ -0,0 +1,15 @@ +// @ts-check + +/** @type {import('@fluentui/react-integration-tester').Config} */ +const config = { + react: { + 17: { + runConfig: { 'type-check': { configPath: 'tsconfig.lib.json' } }, + }, + 18: { + runConfig: { 'type-check': { configPath: 'tsconfig.lib.json' } }, + }, + }, +}; + +module.exports = config; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Accordion/AccordionCollapsible.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Accordion/AccordionCollapsible.stories.tsx index 62537eefd0e729..3d2e689daf0b16 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Accordion/AccordionCollapsible.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Accordion/AccordionCollapsible.stories.tsx @@ -1,5 +1,10 @@ import * as React from 'react'; -import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-headless-components-preview'; +import { + Accordion, + AccordionHeader, + AccordionItem, + AccordionPanel, +} from '@fluentui/react-headless-components-preview/accordion'; import { ChevronRightRegular } from '@fluentui/react-icons'; const items = [ diff --git a/packages/react-components/react-headless-components-preview/stories/src/Accordion/AccordionDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Accordion/AccordionDefault.stories.tsx index 6ed34aefd239f8..5ce3de96bb758f 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Accordion/AccordionDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Accordion/AccordionDefault.stories.tsx @@ -1,5 +1,10 @@ import * as React from 'react'; -import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-headless-components-preview'; +import { + Accordion, + AccordionHeader, + AccordionItem, + AccordionPanel, +} from '@fluentui/react-headless-components-preview/accordion'; import { ChevronRightRegular } from '@fluentui/react-icons'; const items = [ diff --git a/packages/react-components/react-headless-components-preview/stories/src/Accordion/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Accordion/index.stories.tsx index bdcc0c9fafa554..6b9e2b454ff981 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Accordion/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Accordion/index.stories.tsx @@ -1,4 +1,9 @@ -import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-headless-components-preview'; +import { + Accordion, + AccordionHeader, + AccordionItem, + AccordionPanel, +} from '@fluentui/react-headless-components-preview/accordion'; import descriptionMd from './AccordionDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Avatar/AvatarDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Avatar/AvatarDefault.stories.tsx index 83f8a9fce3cae3..111ffb3e402a21 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Avatar/AvatarDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Avatar/AvatarDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-headless-components-preview'; +import { Avatar } from '@fluentui/react-headless-components-preview/avatar'; export const Default = (): React.ReactNode => (
diff --git a/packages/react-components/react-headless-components-preview/stories/src/Avatar/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Avatar/index.stories.tsx index 35909c52f0d058..e85e9cae3f8b5d 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Avatar/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Avatar/index.stories.tsx @@ -1,4 +1,4 @@ -import { Avatar } from '@fluentui/react-headless-components-preview'; +import { Avatar } from '@fluentui/react-headless-components-preview/avatar'; import descriptionMd from './AvatarDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Badge/BadgeDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Badge/BadgeDefault.stories.tsx index a90a4e178f68da..cad735c00cd8d0 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Badge/BadgeDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Badge/BadgeDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Badge } from '@fluentui/react-headless-components-preview'; +import { Badge } from '@fluentui/react-headless-components-preview/badge'; export const Default = (): React.ReactNode => (
diff --git a/packages/react-components/react-headless-components-preview/stories/src/Badge/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Badge/index.stories.tsx index 9cc524ef1ada02..1c8df0c4e5bee0 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Badge/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Badge/index.stories.tsx @@ -1,4 +1,4 @@ -import { Badge } from '@fluentui/react-headless-components-preview'; +import { Badge } from '@fluentui/react-headless-components-preview/badge'; import descriptionMd from './BadgeDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Breadcrumb/BreadcrumbDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Breadcrumb/BreadcrumbDefault.stories.tsx index 69df0fc9714673..b16fba2e3fc7c1 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Breadcrumb/BreadcrumbDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Breadcrumb/BreadcrumbDefault.stories.tsx @@ -4,7 +4,7 @@ import { BreadcrumbItem, BreadcrumbButton, BreadcrumbDivider, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/breadcrumb'; import { ChevronRightRegular } from '@fluentui/react-icons'; const linkClass = diff --git a/packages/react-components/react-headless-components-preview/stories/src/Breadcrumb/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Breadcrumb/index.stories.tsx index 51201d605cf340..8f6fc3e0155114 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Breadcrumb/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Breadcrumb/index.stories.tsx @@ -3,7 +3,7 @@ import { BreadcrumbItem, BreadcrumbButton, BreadcrumbDivider, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/breadcrumb'; import descriptionMd from './BreadcrumbDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Button/ButtonDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Button/ButtonDefault.stories.tsx index 2cd5074d0da0f0..319d2bf6b0554a 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Button/ButtonDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Button/ButtonDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Button } from '@fluentui/react-headless-components-preview'; +import { Button } from '@fluentui/react-headless-components-preview/button'; const classes = { button: diff --git a/packages/react-components/react-headless-components-preview/stories/src/Button/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Button/index.stories.tsx index 7e295efb739bdd..a2b39f2c0d2bfc 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Button/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Button/index.stories.tsx @@ -1,4 +1,4 @@ -import { Button } from '@fluentui/react-headless-components-preview'; +import { Button } from '@fluentui/react-headless-components-preview/button'; import descriptionMd from './ButtonDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Checkbox/CheckboxDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Checkbox/CheckboxDefault.stories.tsx index e557a7a0c918df..6011effb9d2ace 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Checkbox/CheckboxDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Checkbox/CheckboxDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Checkbox } from '@fluentui/react-headless-components-preview'; +import { Checkbox } from '@fluentui/react-headless-components-preview/checkbox'; import { CheckmarkRegular } from '@fluentui/react-icons'; export const Default = (): React.ReactNode => ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/Checkbox/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Checkbox/index.stories.tsx index 47aedd6093a54d..004d27b1c58db8 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Checkbox/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Checkbox/index.stories.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from '@fluentui/react-headless-components-preview'; +import { Checkbox } from '@fluentui/react-headless-components-preview/checkbox'; import descriptionMd from './CheckboxDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogAlert.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogAlert.stories.tsx index 80a908d3468c9d..664cd8b849c831 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogAlert.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogAlert.stories.tsx @@ -6,7 +6,7 @@ import { DialogSurface, DialogTitle, DialogTrigger, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; /** * An alert dialog uses `modalType="alert"`, which sets `role="alertdialog"` on the surface. diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogControlled.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogControlled.stories.tsx index 6f2e43b557f96b..8d8a713597c6c3 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogControlled.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogControlled.stories.tsx @@ -6,7 +6,7 @@ import { DialogSurface, DialogTitle, DialogTrigger, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; /** * In controlled mode the parent component owns the open state. diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogDefault.stories.tsx index e35c0672e3d7fb..a97481e3e73d82 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogDefault.stories.tsx @@ -6,7 +6,7 @@ import { DialogSurface, DialogTitle, DialogTrigger, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; export const Default = (): React.ReactNode => ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogKeepMounted.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogKeepMounted.stories.tsx index 2c45566d7471a3..cf830c845c0e02 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogKeepMounted.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogKeepMounted.stories.tsx @@ -6,7 +6,7 @@ import { DialogSurface, DialogTitle, DialogTrigger, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; /** * By default, `DialogSurface` is unmounted from the DOM when the dialog closes diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNested.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNested.stories.tsx index 4964741d65f94e..b336753db7f2f6 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNested.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNested.stories.tsx @@ -6,7 +6,7 @@ import { DialogSurface, DialogTitle, DialogTrigger, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; /** * Dialogs can be nested. The inner `Dialog` detects that it is inside a parent diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNoTrigger.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNoTrigger.stories.tsx index be67c34a20a5f7..891947b6845fc4 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNoTrigger.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNoTrigger.stories.tsx @@ -5,8 +5,8 @@ import { DialogActions, DialogSurface, DialogTitle, -} from '@fluentui/react-headless-components-preview'; -import type { DialogOpenChangeData } from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; +import type { DialogOpenChangeData } from '@fluentui/react-headless-components-preview/dialog'; /** * `DialogTrigger` is optional. When the open state is managed entirely by the diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNonModal.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNonModal.stories.tsx index 11ae10d1734e8f..c113f8922e78ab 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNonModal.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogNonModal.stories.tsx @@ -6,7 +6,7 @@ import { DialogSurface, DialogTitle, DialogTrigger, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; /** * A non-modal dialog does not dim the background and does not trap focus. diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogWithCloseButton.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogWithCloseButton.stories.tsx index 894ab580cbed12..f70b59ed8be977 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogWithCloseButton.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/DialogWithCloseButton.stories.tsx @@ -6,7 +6,7 @@ import { DialogSurface, DialogTitle, DialogTrigger, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; /** * Use `DialogTrigger` with `action="close"` to wire up a close button anywhere diff --git a/packages/react-components/react-headless-components-preview/stories/src/Dialog/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Dialog/index.stories.tsx index 01e1620edb8f12..5639d2ada27e99 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Dialog/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Dialog/index.stories.tsx @@ -5,7 +5,7 @@ import { DialogSurface, DialogTitle, DialogTrigger, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/dialog'; import descriptionMd from './DialogDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Divider/DividerDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Divider/DividerDefault.stories.tsx index e093a6c3f3033e..cd591d6a07af9a 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Divider/DividerDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Divider/DividerDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Divider } from '@fluentui/react-headless-components-preview'; +import { Divider } from '@fluentui/react-headless-components-preview/divider'; export const Default = (): React.ReactNode => (
diff --git a/packages/react-components/react-headless-components-preview/stories/src/Divider/DividerVertical.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Divider/DividerVertical.stories.tsx index 5c50ff33ed8b63..a947b326f2dd7b 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Divider/DividerVertical.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Divider/DividerVertical.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Divider } from '@fluentui/react-headless-components-preview'; +import { Divider } from '@fluentui/react-headless-components-preview/divider'; export const Vertical = (): React.ReactNode => (
diff --git a/packages/react-components/react-headless-components-preview/stories/src/Divider/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Divider/index.stories.tsx index 21ab7e6f17c2db..6f231768942683 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Divider/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Divider/index.stories.tsx @@ -1,4 +1,4 @@ -import { Divider } from '@fluentui/react-headless-components-preview'; +import { Divider } from '@fluentui/react-headless-components-preview/divider'; import descriptionMd from './DividerDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Field/FieldDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Field/FieldDefault.stories.tsx index 44e9deae700c20..af6349f7d2aa04 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Field/FieldDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Field/FieldDefault.stories.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { Field, Input } from '@fluentui/react-headless-components-preview'; +import { Field } from '@fluentui/react-headless-components-preview/field'; +import { Input } from '@fluentui/react-headless-components-preview/input'; const fieldClass = 'flex flex-col gap-1.5'; const labelClass = 'text-sm font-medium text-gray-700'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Field/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Field/index.stories.tsx index 3d96f0005a82ff..32d0b3336ca330 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Field/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Field/index.stories.tsx @@ -1,4 +1,4 @@ -import { Field } from '@fluentui/react-headless-components-preview'; +import { Field } from '@fluentui/react-headless-components-preview/field'; import descriptionMd from './FieldDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Input/InputDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Input/InputDefault.stories.tsx index da98a39c777755..fd8eafbc3977eb 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Input/InputDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Input/InputDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Input } from '@fluentui/react-headless-components-preview'; +import { Input } from '@fluentui/react-headless-components-preview/input'; const inputWrapperClass = 'flex w-full rounded-md border border-gray-300 bg-white px-3 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-black has-[:focus-visible]:ring-offset-2'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Input/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Input/index.stories.tsx index 194b583b7ba756..29a4e7236e08d7 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Input/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Input/index.stories.tsx @@ -1,4 +1,4 @@ -import { Input } from '@fluentui/react-headless-components-preview'; +import { Input } from '@fluentui/react-headless-components-preview/input'; import descriptionMd from './InputDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Link/LinkDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Link/LinkDefault.stories.tsx index f63ccf40635208..f0a0c5e45c68ab 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Link/LinkDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Link/LinkDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Link } from '@fluentui/react-headless-components-preview'; +import { Link } from '@fluentui/react-headless-components-preview/link'; const linkClass = 'text-gray-900 underline underline-offset-4 hover:text-gray-600 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 rounded transition-colors data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:no-underline'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Link/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Link/index.stories.tsx index d0dd4d9eaeb011..87d61e39bcf376 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Link/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Link/index.stories.tsx @@ -1,4 +1,4 @@ -import { Link } from '@fluentui/react-headless-components-preview'; +import { Link } from '@fluentui/react-headless-components-preview/link'; import descriptionMd from './LinkDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/MessageBar/MessageBarDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/MessageBar/MessageBarDefault.stories.tsx index 0ffa9bd2513a03..a06ac24608c1bd 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/MessageBar/MessageBarDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/MessageBar/MessageBarDefault.stories.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; +import { Button } from '@fluentui/react-headless-components-preview/button'; +import { Link } from '@fluentui/react-headless-components-preview/link'; import { - Button, - Link, MessageBar, MessageBarActions, MessageBarBody, MessageBarTitle, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/message-bar'; const classes = { messageBar: diff --git a/packages/react-components/react-headless-components-preview/stories/src/MessageBar/MessageBarIntent.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/MessageBar/MessageBarIntent.stories.tsx index f8845c5bbfd459..e53a49aa3966e8 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/MessageBar/MessageBarIntent.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/MessageBar/MessageBarIntent.stories.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { MessageBar, MessageBarTitle, MessageBarBody, Link } from '@fluentui/react-headless-components-preview'; +import { Link } from '@fluentui/react-headless-components-preview/link'; +import { MessageBar, MessageBarTitle, MessageBarBody } from '@fluentui/react-headless-components-preview/message-bar'; const items = [ { diff --git a/packages/react-components/react-headless-components-preview/stories/src/MessageBar/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/MessageBar/index.stories.tsx index f7dcb91bbbe2f2..96b2b91bf70745 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/MessageBar/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/MessageBar/index.stories.tsx @@ -3,7 +3,7 @@ import { MessageBarActions, MessageBarBody, MessageBarTitle, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/message-bar'; import descriptionMd from './MessageBarDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/ProgressBar/ProgressBarDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/ProgressBar/ProgressBarDefault.stories.tsx index b25e31525379d6..64e161e445cfbb 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/ProgressBar/ProgressBarDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/ProgressBar/ProgressBarDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { ProgressBar } from '@fluentui/react-headless-components-preview'; +import { ProgressBar } from '@fluentui/react-headless-components-preview/progress-bar'; export const Default = (): React.ReactNode => { return ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/ProgressBar/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/ProgressBar/index.stories.tsx index 9b6aec672f9796..12c8a3ed738d5e 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/ProgressBar/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/ProgressBar/index.stories.tsx @@ -1,4 +1,4 @@ -import { ProgressBar } from '@fluentui/react-headless-components-preview'; +import { ProgressBar } from '@fluentui/react-headless-components-preview/progress-bar'; import descriptionMd from './ProgressBarDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/RadioGroup/RadioGroupDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/RadioGroup/RadioGroupDefault.stories.tsx index df1f357dbd04fc..56127238c0f71b 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/RadioGroup/RadioGroupDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/RadioGroup/RadioGroupDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { RadioGroup, Radio } from '@fluentui/react-headless-components-preview'; +import { RadioGroup, Radio } from '@fluentui/react-headless-components-preview/radio-group'; const radioClass = 'flex items-center gap-2.5 cursor-pointer p-1 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-black has-[:focus-visible]:ring-offset-2'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/RadioGroup/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/RadioGroup/index.stories.tsx index eb3abd1d47c10a..34b9458af7e1ae 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/RadioGroup/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/RadioGroup/index.stories.tsx @@ -1,4 +1,4 @@ -import { RadioGroup, Radio } from '@fluentui/react-headless-components-preview'; +import { RadioGroup, Radio } from '@fluentui/react-headless-components-preview/radio-group'; import descriptionMd from './RadioGroupDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Rating/RatingDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Rating/RatingDefault.stories.tsx index caa10d583079ce..2295bed470ddb5 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Rating/RatingDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Rating/RatingDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Rating, RatingItem } from '@fluentui/react-headless-components-preview'; +import { Rating, RatingItem } from '@fluentui/react-headless-components-preview/rating'; import { StarFilled, StarRegular } from '@fluentui/react-icons'; export const Default = (): React.ReactNode => { diff --git a/packages/react-components/react-headless-components-preview/stories/src/Rating/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Rating/index.stories.tsx index d9ecf1c52acfdb..95d362eb57cd71 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Rating/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Rating/index.stories.tsx @@ -1,4 +1,4 @@ -import { Rating, RatingItem } from '@fluentui/react-headless-components-preview'; +import { Rating, RatingItem } from '@fluentui/react-headless-components-preview/rating'; import descriptionMd from './RatingDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/RatingDisplayCompact.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/RatingDisplayCompact.stories.tsx index be0388a4e88ba7..86607b742170b0 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/RatingDisplayCompact.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/RatingDisplayCompact.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { RatingDisplay } from '@fluentui/react-headless-components-preview'; +import { RatingDisplay } from '@fluentui/react-headless-components-preview/rating-display'; import { StarFilled, StarHalfFilled } from '@fluentui/react-icons'; const RatingIcon = () => ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/RatingDisplayDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/RatingDisplayDefault.stories.tsx index f58bc6503e146c..b2350def921c53 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/RatingDisplayDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/RatingDisplayDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { RatingDisplay } from '@fluentui/react-headless-components-preview'; +import { RatingDisplay } from '@fluentui/react-headless-components-preview/rating-display'; import { StarFilled, StarHalfFilled } from '@fluentui/react-icons'; const RatingIcon = () => ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/index.stories.tsx index e82e03129e9211..2876fada6d9554 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/RatingDisplay/index.stories.tsx @@ -1,4 +1,4 @@ -import { RatingDisplay } from '@fluentui/react-headless-components-preview'; +import { RatingDisplay } from '@fluentui/react-headless-components-preview/rating-display'; import descriptionMd from './RatingDisplayDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/SearchBox/SearchBoxDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/SearchBox/SearchBoxDefault.stories.tsx index 56f8d8fc88d122..7242488585bc77 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/SearchBox/SearchBoxDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/SearchBox/SearchBoxDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { SearchBox } from '@fluentui/react-headless-components-preview'; +import { SearchBox } from '@fluentui/react-headless-components-preview/search-box'; import { SearchRegular } from '@fluentui/react-icons'; export const Default = (): React.ReactNode => ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/SearchBox/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/SearchBox/index.stories.tsx index 000b204bb110ac..46df6762c34a4d 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/SearchBox/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/SearchBox/index.stories.tsx @@ -1,4 +1,4 @@ -import { SearchBox } from '@fluentui/react-headless-components-preview'; +import { SearchBox } from '@fluentui/react-headless-components-preview/search-box'; import descriptionMd from './SearchBoxDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Select/SelectDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Select/SelectDefault.stories.tsx index 8a1cb5c5208840..d6ff25655f9b83 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Select/SelectDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Select/SelectDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Select } from '@fluentui/react-headless-components-preview'; +import { Select } from '@fluentui/react-headless-components-preview/select'; import { ChevronDownRegular } from '@fluentui/react-icons'; export const Default = (): React.ReactNode => { diff --git a/packages/react-components/react-headless-components-preview/stories/src/Select/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Select/index.stories.tsx index 2f2a8fd628d3e8..29e82c89bc1c50 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Select/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Select/index.stories.tsx @@ -1,4 +1,4 @@ -import { Select } from '@fluentui/react-headless-components-preview'; +import { Select } from '@fluentui/react-headless-components-preview/select'; import descriptionMd from './SelectDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Skeleton/SkeletonDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Skeleton/SkeletonDefault.stories.tsx index 0e59b0a3d731ea..0049a150c6924b 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Skeleton/SkeletonDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Skeleton/SkeletonDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Skeleton, SkeletonItem } from '@fluentui/react-headless-components-preview'; +import { Skeleton, SkeletonItem } from '@fluentui/react-headless-components-preview/skeleton'; export const Default = (): React.ReactNode => ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/Skeleton/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Skeleton/index.stories.tsx index 037681d005a925..64f5bf99c37bb8 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Skeleton/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Skeleton/index.stories.tsx @@ -1,4 +1,4 @@ -import { Skeleton, SkeletonItem } from '@fluentui/react-headless-components-preview'; +import { Skeleton, SkeletonItem } from '@fluentui/react-headless-components-preview/skeleton'; import descriptionMd from './SkeletonDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Slider/SliderDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Slider/SliderDefault.stories.tsx index 6a06d44080a990..6d5261324ec1c2 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Slider/SliderDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Slider/SliderDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Slider } from '@fluentui/react-headless-components-preview'; +import { Slider } from '@fluentui/react-headless-components-preview/slider'; export const Default = (): React.ReactNode => { return ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/Slider/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Slider/index.stories.tsx index 728d0f767b41f1..66dcf2e476976b 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Slider/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Slider/index.stories.tsx @@ -1,4 +1,4 @@ -import { Slider } from '@fluentui/react-headless-components-preview'; +import { Slider } from '@fluentui/react-headless-components-preview/slider'; import descriptionMd from './SliderDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/SpinButton/SpinButtonDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/SpinButton/SpinButtonDefault.stories.tsx index 75e76643d12d58..b484dac080e3f6 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/SpinButton/SpinButtonDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/SpinButton/SpinButtonDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { SpinButton } from '@fluentui/react-headless-components-preview'; +import { SpinButton } from '@fluentui/react-headless-components-preview/spin-button'; export const Default = (): React.ReactNode => (
diff --git a/packages/react-components/react-headless-components-preview/stories/src/SpinButton/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/SpinButton/index.stories.tsx index ab383c3921ccf4..4751309e286065 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/SpinButton/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/SpinButton/index.stories.tsx @@ -1,4 +1,4 @@ -import { SpinButton } from '@fluentui/react-headless-components-preview'; +import { SpinButton } from '@fluentui/react-headless-components-preview/spin-button'; import descriptionMd from './SpinButtonDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Spinner/SpinnerDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Spinner/SpinnerDefault.stories.tsx index 6b2e3598f90cd8..de8b736947d72c 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Spinner/SpinnerDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Spinner/SpinnerDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Spinner } from '@fluentui/react-headless-components-preview'; +import { Spinner } from '@fluentui/react-headless-components-preview/spinner'; import { SpinnerIosRegular } from '@fluentui/react-icons'; export const Default = (): React.ReactNode => ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/Spinner/SpinnerLabels.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Spinner/SpinnerLabels.stories.tsx index 1ba1dad207a369..d275bb9c74749e 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Spinner/SpinnerLabels.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Spinner/SpinnerLabels.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Spinner } from '@fluentui/react-headless-components-preview'; +import { Spinner } from '@fluentui/react-headless-components-preview/spinner'; import { SpinnerIosRegular } from '@fluentui/react-icons'; export const Labels = (): React.ReactNode => ( diff --git a/packages/react-components/react-headless-components-preview/stories/src/Spinner/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Spinner/index.stories.tsx index b41619d332af42..026cb52782d28c 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Spinner/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Spinner/index.stories.tsx @@ -1,4 +1,4 @@ -import { Spinner } from '@fluentui/react-headless-components-preview'; +import { Spinner } from '@fluentui/react-headless-components-preview/spinner'; import descriptionMd from './SpinnerDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Switch/SwitchDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Switch/SwitchDefault.stories.tsx index ba110e2798dd62..7f47cad2dee88c 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Switch/SwitchDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Switch/SwitchDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Switch } from '@fluentui/react-headless-components-preview'; +import { Switch } from '@fluentui/react-headless-components-preview/switch'; const classes = { root: 'relative inline-flex cursor-pointer items-center gap-3 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50', diff --git a/packages/react-components/react-headless-components-preview/stories/src/Switch/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Switch/index.stories.tsx index 51963e9fb845ff..b8526d4046140d 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Switch/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Switch/index.stories.tsx @@ -1,4 +1,4 @@ -import { Switch } from '@fluentui/react-headless-components-preview'; +import { Switch } from '@fluentui/react-headless-components-preview/switch'; import descriptionMd from './SwitchDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/TabList/TabListDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/TabList/TabListDefault.stories.tsx index b5b44129f4cf67..99e9c98ad89628 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/TabList/TabListDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/TabList/TabListDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { TabList, Tab } from '@fluentui/react-headless-components-preview'; +import { TabList, Tab } from '@fluentui/react-headless-components-preview/tab-list'; const tabs = [ { value: 'account', label: 'Account', content: 'Manage your account settings and preferences.' }, diff --git a/packages/react-components/react-headless-components-preview/stories/src/TabList/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/TabList/index.stories.tsx index 3a9b7aafc57f31..79610b435731a1 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/TabList/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/TabList/index.stories.tsx @@ -1,4 +1,4 @@ -import { TabList } from '@fluentui/react-headless-components-preview'; +import { TabList } from '@fluentui/react-headless-components-preview/tab-list'; import descriptionMd from './TabListDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Textarea/TextareaDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Textarea/TextareaDefault.stories.tsx index 3f0f7a1d49ef58..c7831a29e42a0d 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Textarea/TextareaDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Textarea/TextareaDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Textarea } from '@fluentui/react-headless-components-preview'; +import { Textarea } from '@fluentui/react-headless-components-preview/textarea'; const wrapperClass = 'flex w-full rounded-md border border-gray-300 bg-white px-3 py-2 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-black has-[:focus-visible]:ring-offset-2'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Textarea/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Textarea/index.stories.tsx index 0d5683c79ac95b..7b31f29ee66bcc 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Textarea/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Textarea/index.stories.tsx @@ -1,4 +1,4 @@ -import { Textarea } from '@fluentui/react-headless-components-preview'; +import { Textarea } from '@fluentui/react-headless-components-preview/textarea'; import descriptionMd from './TextareaDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/ToggleButton/ToggleButtonDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/ToggleButton/ToggleButtonDefault.stories.tsx index 5b94c3c3159a99..9b56458b5f6595 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/ToggleButton/ToggleButtonDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/ToggleButton/ToggleButtonDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { ToggleButton } from '@fluentui/react-headless-components-preview'; +import { ToggleButton } from '@fluentui/react-headless-components-preview/toggle-button'; export const Default = (): React.ReactNode => { const [checked, setChecked] = React.useState(false); diff --git a/packages/react-components/react-headless-components-preview/stories/src/ToggleButton/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/ToggleButton/index.stories.tsx index 74a70338677bd2..b320175873cc02 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/ToggleButton/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/ToggleButton/index.stories.tsx @@ -1,4 +1,4 @@ -import { ToggleButton } from '@fluentui/react-headless-components-preview'; +import { ToggleButton } from '@fluentui/react-headless-components-preview/toggle-button'; import descriptionMd from './ToggleButtonDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarDefault.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarDefault.stories.tsx index 74240b193b67c7..100b43b12fa473 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarDefault.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarDefault.stories.tsx @@ -6,7 +6,7 @@ import { ToolbarGroup, ToolbarRadioGroup, ToolbarToggleButton, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/toolbar'; import { CutRegular, CopyRegular, diff --git a/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarToggleButton.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarToggleButton.stories.tsx index 5e59d29965bef5..14eb1c062df25a 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarToggleButton.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarToggleButton.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Toolbar, ToolbarGroup, ToolbarToggleButton } from '@fluentui/react-headless-components-preview'; +import { Toolbar, ToolbarGroup, ToolbarToggleButton } from '@fluentui/react-headless-components-preview/toolbar'; import { TextBoldRegular, TextItalicRegular, TextUnderlineRegular } from '@fluentui/react-icons'; const classes = { diff --git a/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarVertical.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarVertical.stories.tsx index f19a1ed7899249..434a95d7b1fc01 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarVertical.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Toolbar/ToolbarVertical.stories.tsx @@ -1,5 +1,10 @@ import * as React from 'react'; -import { Toolbar, ToolbarButton, ToolbarDivider, ToolbarGroup } from '@fluentui/react-headless-components-preview'; +import { + Toolbar, + ToolbarButton, + ToolbarDivider, + ToolbarGroup, +} from '@fluentui/react-headless-components-preview/toolbar'; import { CutRegular, CopyRegular, diff --git a/packages/react-components/react-headless-components-preview/stories/src/Toolbar/index.stories.tsx b/packages/react-components/react-headless-components-preview/stories/src/Toolbar/index.stories.tsx index 9f597f8d662380..14d8261b5a6638 100644 --- a/packages/react-components/react-headless-components-preview/stories/src/Toolbar/index.stories.tsx +++ b/packages/react-components/react-headless-components-preview/stories/src/Toolbar/index.stories.tsx @@ -5,7 +5,7 @@ import { ToolbarGroup, ToolbarRadioGroup, ToolbarToggleButton, -} from '@fluentui/react-headless-components-preview'; +} from '@fluentui/react-headless-components-preview/toolbar'; import descriptionMd from './ToolbarDescription.md'; diff --git a/packages/react-components/react-headless-components-preview/stories/tsconfig.lib.json b/packages/react-components/react-headless-components-preview/stories/tsconfig.lib.json index 9486b224643d9f..a24e9b9b7eca50 100644 --- a/packages/react-components/react-headless-components-preview/stories/tsconfig.lib.json +++ b/packages/react-components/react-headless-components-preview/stories/tsconfig.lib.json @@ -1,7 +1,8 @@ { "extends": "./tsconfig.json", "compilerOptions": { - "lib": ["ES2019", "dom"], + "lib": ["ES2022", "dom"], + "moduleResolution": "bundler", "outDir": "../../../../dist/out-tsc", "inlineSources": true, "types": ["static-assets", "environment"] diff --git a/tools/react-integration-tester/src/files/tsconfig.json.template b/tools/react-integration-tester/src/files/tsconfig.json.template index 9661337b0c4ed2..5e7cb7e136d641 100644 --- a/tools/react-integration-tester/src/files/tsconfig.json.template +++ b/tools/react-integration-tester/src/files/tsconfig.json.template @@ -3,7 +3,7 @@ "compilerOptions": { "target": "<%= tsconfig.target %>", "module": "esnext", - "moduleResolution": "node", + "moduleResolution": "<%= tsconfig.moduleResolution %>", "lib": [<%- tsconfig.lib.map(p => `"${p}"`).join(',') %>], "strict": <%= tsconfig.strictMode %>, "pretty": true, diff --git a/tools/react-integration-tester/src/setup.ts b/tools/react-integration-tester/src/setup.ts index a425f668a0132d..8831f0409981ce 100644 --- a/tools/react-integration-tester/src/setup.ts +++ b/tools/react-integration-tester/src/setup.ts @@ -260,6 +260,7 @@ function prepareTsConfigTemplate(options: { const target = tsConfig.compilerOptions?.target ?? 'ES2019'; const lib = tsConfig.compilerOptions?.lib ?? ['ES2019', 'DOM']; + const moduleResolution = tsConfig.compilerOptions?.moduleResolution ?? 'node'; return { pathToProjectConfig: options.projectTsConfigPath, @@ -269,6 +270,7 @@ function prepareTsConfigTemplate(options: { target, lib, strictMode, + moduleResolution, }; } diff --git a/tools/react-integration-tester/src/shared.ts b/tools/react-integration-tester/src/shared.ts index 96b3531828b834..6b24e90cef83a2 100644 --- a/tools/react-integration-tester/src/shared.ts +++ b/tools/react-integration-tester/src/shared.ts @@ -57,7 +57,7 @@ export interface TsConfig { include?: string[]; exclude?: string[]; files?: string[]; - compilerOptions?: Partial<{ target: string; lib: string[]; strict: boolean }>; + compilerOptions?: Partial<{ target: string; lib: string[]; strict: boolean; moduleResolution: string }>; } export type ReactVersion = 17 | 18 | 19; diff --git a/tools/workspace-plugin/src/executors/generate-api/lib/utils.ts b/tools/workspace-plugin/src/executors/generate-api/lib/utils.ts index 6ec2d4dc32f13a..bc169d7fabb7b5 100644 --- a/tools/workspace-plugin/src/executors/generate-api/lib/utils.ts +++ b/tools/workspace-plugin/src/executors/generate-api/lib/utils.ts @@ -76,9 +76,8 @@ export function getExportSubpathConfigs(options: NormalizedOptions): IConfigFile configs.push( createSubpathEntryConfig({ projectAbsolutePath: options.projectAbsolutePath, - declarationBase, - subPath: pathPrefixes.wildcardSubPath + dirName, - distRelativePath: pathPrefixes.distRelativePrefix + dirName, + mainEntryPointFilePath: join(declarationBase, pathPrefixes.wildcardSubPath + dirName, 'index.d.ts'), + dtsRollupPath: join(options.projectAbsolutePath, pathPrefixes.distRelativePrefix + dirName, 'index.d.ts'), reportFileName: dirName, apiReportEnabled, }), @@ -99,9 +98,8 @@ export function getExportSubpathConfigs(options: NormalizedOptions): IConfigFile configs.push( createSubpathEntryConfig({ projectAbsolutePath: options.projectAbsolutePath, - declarationBase, - subPath: parsed.declarationSubPath, - distRelativePath: parsed.distRelativePath, + mainEntryPointFilePath: join(declarationBase, parsed.declarationSubPath), + dtsRollupPath: join(options.projectAbsolutePath, parsed.distRelativePath), reportFileName: subpathName, apiReportEnabled, }), @@ -179,12 +177,12 @@ export function getExportSubpathConfigs(options: NormalizedOptions): IConfigFile } /** - * Parses a named (non-wildcard) types pattern and derives the dist-relative path and - * the declaration sub-path (the portion after the first path segment, minus index.d.ts). + * Parses a named (non-wildcard) types pattern and derives the dts rollup path and + * the declaration-relative path (the portion after the first path segment). * - * Example: "./dist/utils/index.d.ts" - * → distRelativePath: "dist/utils" - * → declarationSubPath: "utils" + * Examples: + * "./dist/Accordion.d.ts" → dtsRollupRelativePath: "dist/Accordion.d.ts", declarationRelativePath: "Accordion.d.ts" + * "./dist/utils/index.d.ts" → dtsRollupRelativePath: "dist/utils/index.d.ts", declarationRelativePath: "utils/index.d.ts" * * @returns The path components, or `null` if the pattern cannot be parsed. */ @@ -192,18 +190,17 @@ export function getExportSubpathConfigs(options: NormalizedOptions): IConfigFile distRelativePath: string; declarationSubPath: string; } | null { - const indexDtsSuffix = '/index.d.ts'; - if (!typesPattern.endsWith(indexDtsSuffix)) { + if (!typesPattern.endsWith('.d.ts')) { return null; } - // Strip "./" prefix and trailing "/index.d.ts" - const distRelativePath = typesPattern.replace(/^\.\//, '').slice(0, -indexDtsSuffix.length); - - // Strip the first path segment (the dist directory name) + const distRelativePath = typesPattern.replace(/^\.\//, ''); const firstSlashIdx = distRelativePath.indexOf('/'); - const declarationSubPath = firstSlashIdx === -1 ? '' : distRelativePath.slice(firstSlashIdx + 1); + if (firstSlashIdx === -1) { + return null; + } + const declarationSubPath = distRelativePath.slice(firstSlashIdx + 1); if (!declarationSubPath) { return null; } @@ -236,14 +233,12 @@ export function getExportSubpathConfigs(options: NormalizedOptions): IConfigFile */ function createSubpathEntryConfig(params: { projectAbsolutePath: string; - declarationBase: string; - subPath: string; - distRelativePath: string; + mainEntryPointFilePath: string; + dtsRollupPath: string; reportFileName: string; apiReportEnabled: boolean; }): IConfigFile { - const mainEntryPointFilePath = join(params.declarationBase, params.subPath, 'index.d.ts'); - const dtsRollupPath = join(params.projectAbsolutePath, params.distRelativePath, 'index.d.ts'); + const { mainEntryPointFilePath, dtsRollupPath } = params; return { projectFolder: params.projectAbsolutePath, diff --git a/tsconfig.base.all.json b/tsconfig.base.all.json index a4f0f24a8c3871..8d5d5cf60d08e6 100644 --- a/tsconfig.base.all.json +++ b/tsconfig.base.all.json @@ -122,8 +122,11 @@ "@fluentui/react-field": ["packages/react-components/react-field/library/src/index.ts"], "@fluentui/react-field-stories": ["packages/react-components/react-field/stories/src/index.ts"], "@fluentui/react-focus-management": ["packages/react-focus-management/src/index.ts"], - "@fluentui/react-headless-components-preview": [ - "packages/react-components/react-headless-components-preview/library/src/index.ts" + "@fluentui/react-headless-components-preview/*": [ + "packages/react-components/react-headless-components-preview/library/src/*.ts" + ], + "@fluentui/react-headless-components-preview-stories": [ + "packages/react-components/react-headless-components-preview/stories/src/index.ts" ], "@fluentui/react-icons-compat": ["packages/react-components/react-icons-compat/library/src/index.ts"], "@fluentui/react-icons-compat-stories": ["packages/react-components/react-icons-compat/stories/src/index.ts"], @@ -257,10 +260,7 @@ "@fluentui/tokens": ["packages/tokens/src/index.ts"], "@fluentui/visual-regression-assert": ["tools/visual-regression-assert/src/index.ts"], "@fluentui/visual-regression-utilities": ["tools/visual-regression-utilities/src/index.ts"], - "@fluentui/workspace-plugin": ["tools/workspace-plugin/src/index.ts"], - "@fluentui/react-headless-components-preview-stories": [ - "packages/react-components/react-headless-components-preview/stories/src/index.ts" - ] + "@fluentui/workspace-plugin": ["tools/workspace-plugin/src/index.ts"] } } } diff --git a/tsconfig.base.json b/tsconfig.base.json index 04f2c0b87a9b22..58d5e4845e447d 100644 --- a/tsconfig.base.json +++ b/tsconfig.base.json @@ -77,12 +77,12 @@ "@fluentui/react-field": ["packages/react-components/react-field/library/src/index.ts"], "@fluentui/react-field-stories": ["packages/react-components/react-field/stories/src/index.ts"], "@fluentui/react-focus-management": ["packages/react-focus-management/src/index.ts"], - "@fluentui/react-headless-components-preview": [ - "packages/react-components/react-headless-components-preview/library/src/index.ts" - ], "@fluentui/react-headless-components-preview-stories": [ "packages/react-components/react-headless-components-preview/stories/src/index.ts" ], + "@fluentui/react-headless-components-preview/*": [ + "packages/react-components/react-headless-components-preview/library/src/*.ts" + ], "@fluentui/react-icons-compat": ["packages/react-components/react-icons-compat/library/src/index.ts"], "@fluentui/react-icons-compat-stories": ["packages/react-components/react-icons-compat/stories/src/index.ts"], "@fluentui/react-image": ["packages/react-components/react-image/library/src/index.ts"],