Skip to content

refactor(react-headless-components-preview): simplify headless re-exports #36572

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Victor Genaev (mainframev) merged 1 commit into from
Aug 18, 2026
Merged

refactor(react-headless-components-preview): simplify headless re-exports #36572

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions change/@fluentui-react-headless-components-preview-a339eaf6-e97d-41b0-85ea-ab3bb5c3c24b.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "patch",
"comment": "refactor: collapse redundant headless type, render, and hook wrappers to direct re-exports",
"packageName": "@fluentui/react-headless-components-preview",
"email": "vgenaev@gmail.com",
"dependentChangeType": "patch"
}
73 changes: 31 additions & 42 deletions ...react-components/react-headless-components-preview/library/etc/accordion.api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,40 +5,39 @@
```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 type { AccordionBaseState } from '@fluentui/react-accordion';
import { AccordionContextValues } from '@fluentui/react-accordion';
import type { 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 { AccordionHeaderBaseProps as AccordionHeaderProps } from '@fluentui/react-accordion';
import { AccordionHeaderSlots } from '@fluentui/react-accordion';
import { AccordionItemProps } from '@fluentui/react-accordion';
import { AccordionItemSlots } from '@fluentui/react-accordion';
import type { AccordionItemState as AccordionItemState_2 } 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 { AccordionPanelBaseProps as AccordionPanelProps } from '@fluentui/react-accordion';
import { AccordionPanelSlots } from '@fluentui/react-accordion';
import { AccordionSlots } from '@fluentui/react-accordion';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { JSXElement } from '@fluentui/react-utilities';
import type { JSXElement } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderAccordion_unstable as renderAccordion } from '@fluentui/react-accordion';
import { renderAccordionHeader_unstable as renderAccordionHeader } from '@fluentui/react-accordion';
import { renderAccordionItem_unstable as renderAccordionItem } from '@fluentui/react-accordion';
import { useAccordionContext_unstable as useAccordionContext } from '@fluentui/react-accordion';
import { useAccordionItemContextValues_unstable as useAccordionItemContextValues } from '@fluentui/react-accordion';

// @public
export const Accordion: ForwardRefComponent<AccordionProps>;

// @public (undocumented)
export type AccordionContextValues = AccordionContextValues_2;
export { AccordionContextValues }

// @public
export const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;

// @public (undocumented)
export type AccordionHeaderProps = AccordionHeaderBaseProps;
export { AccordionHeaderProps }

// @public (undocumented)
export type AccordionHeaderSlots = AccordionHeaderSlots_2;
export { AccordionHeaderSlots }

// @public (undocumented)
export type AccordionHeaderState = AccordionHeaderBaseState & {
Expand All @@ -52,11 +51,9 @@ export type AccordionHeaderState = AccordionHeaderBaseState & {
// @public
export const AccordionItem: ForwardRefComponent<AccordionItemProps>;

// @public (undocumented)
export type AccordionItemProps = AccordionItemProps_2;
export { AccordionItemProps }

// @public (undocumented)
export type AccordionItemSlots = AccordionItemSlots_2;
export { AccordionItemSlots }

// @public (undocumented)
export type AccordionItemState = AccordionItemState_2 & {
Expand All @@ -69,11 +66,9 @@ export type AccordionItemState = AccordionItemState_2 & {
// @public
export const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;

// @public (undocumented)
export type AccordionPanelProps = AccordionPanelBaseProps;
export { AccordionPanelProps }

// @public (undocumented)
export type AccordionPanelSlots = AccordionPanelSlots_2;
export { AccordionPanelSlots }

// @public (undocumented)
export type AccordionPanelState = AccordionPanelBaseState & {
Expand All @@ -85,8 +80,7 @@ export type AccordionPanelState = AccordionPanelBaseState & {
// @public (undocumented)
export type AccordionProps = AccordionBaseProps;

// @public (undocumented)
export type AccordionSlots = AccordionSlots_2;
export { AccordionSlots }

// @public (undocumented)
export type AccordionState = AccordionBaseState & {
Expand All @@ -96,23 +90,19 @@ export type AccordionState = AccordionBaseState & {
};
};

// @public
export const renderAccordion: (state: AccordionBaseState, contextValues: AccordionContextValues_2) => JSXElement;
export { renderAccordion }

// @public
export const renderAccordionHeader: (state: AccordionHeaderBaseState, contextValues: AccordionHeaderContextValues) => JSXElement;
export { renderAccordionHeader }

// @public
export const renderAccordionItem: (state: AccordionItemState_2, contextValues: AccordionItemContextValues) => JSXElement;
export { renderAccordionItem }

// @public
export const renderAccordionPanel: (state: AccordionPanelState) => JSXElement;

// @public
export const useAccordion: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;

// @public
export const useAccordionContext: <T>(selector: ContextSelector<AccordionContextValue, T>) => T;
export { useAccordionContext }

// @public
export const useAccordionContextValues: (state: AccordionState) => AccordionContextValues;
Expand All @@ -121,13 +111,12 @@ export const useAccordionContextValues: (state: AccordionState) => AccordionCont
export const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderState;

// @public
export const useAccordionHeaderContextValues: (state: AccordionHeaderState) => AccordionHeaderContextValues_2;
export const useAccordionHeaderContextValues: (state: AccordionHeaderState) => AccordionHeaderContextValues;

// @public
export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref<HTMLElement>) => AccordionItemState;

// @public
export const useAccordionItemContextValues: (state: AccordionItemState) => AccordionItemContextValues_2;
export { useAccordionItemContextValues }

// @public
export const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;
Expand Down
15 changes: 6 additions & 9 deletions ...es/react-components/react-headless-components-preview/library/etc/avatar.api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,24 +4,21 @@

```ts

import type { AvatarBaseProps } from '@fluentui/react-avatar';
import type { AvatarBaseState } from '@fluentui/react-avatar';
import type { AvatarSlots as AvatarSlots_2 } from '@fluentui/react-avatar';
import { AvatarBaseProps as AvatarProps } from '@fluentui/react-avatar';
import { AvatarSlots } from '@fluentui/react-avatar';
import { AvatarBaseState as AvatarState } from '@fluentui/react-avatar';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderAvatar_unstable as renderAvatar } from '@fluentui/react-avatar';

// @public
export const Avatar: ForwardRefComponent<AvatarProps>;

// @public
export type AvatarProps = AvatarBaseProps;
export { AvatarProps }

// @public
export type AvatarSlots = AvatarSlots_2;
export { AvatarSlots }

// @public
export type AvatarState = AvatarBaseState;
export { AvatarState }

export { renderAvatar }

Expand Down
10 changes: 4 additions & 6 deletions ...ges/react-components/react-headless-components-preview/library/etc/badge.api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,19 @@

```ts

import type { BadgeBaseProps } from '@fluentui/react-badge';
import type { BadgeBaseState } from '@fluentui/react-badge';
import type { BadgeSlots as BadgeSlots_2 } from '@fluentui/react-badge';
import { BadgeBaseProps as BadgeProps } from '@fluentui/react-badge';
import { BadgeSlots } from '@fluentui/react-badge';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderBadge_unstable as renderBadge } from '@fluentui/react-badge';

// @public
export const Badge: ForwardRefComponent<BadgeProps>;

// @public
export type BadgeProps = BadgeBaseProps;
export { BadgeProps }

// @public
export type BadgeSlots = BadgeSlots_2;
export { BadgeSlots }

// @public
export type BadgeState = BadgeBaseState & {
Expand Down
89 changes: 38 additions & 51 deletions ...eact-components/react-headless-components-preview/library/etc/breadcrumb.api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,35 +4,39 @@

```ts

import type { BreadcrumbBaseProps } from '@fluentui/react-breadcrumb';
import type { 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 { BreadcrumbButtonBaseProps as BreadcrumbButtonProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbButtonSlots } from '@fluentui/react-breadcrumb';
import { BreadcrumbContextValues } from '@fluentui/react-breadcrumb';
import { BreadcrumbDividerBaseProps as BreadcrumbDividerProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbDividerSlots } from '@fluentui/react-breadcrumb';
import { BreadcrumbDividerBaseState as BreadcrumbDividerState } from '@fluentui/react-breadcrumb';
import { BreadcrumbItemBaseProps as BreadcrumbItemProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbItemSlots } from '@fluentui/react-breadcrumb';
import { BreadcrumbItemBaseState as BreadcrumbItemState } from '@fluentui/react-breadcrumb';
import { BreadcrumbBaseProps as BreadcrumbProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbSlots } from '@fluentui/react-breadcrumb';
import { BreadcrumbBaseState as BreadcrumbState } from '@fluentui/react-breadcrumb';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { JSXElement } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderBreadcrumb_unstable as renderBreadcrumb } from '@fluentui/react-breadcrumb';
import { renderBreadcrumbButton_unstable as renderBreadcrumbButton } from '@fluentui/react-breadcrumb';
import { renderBreadcrumbDivider_unstable as renderBreadcrumbDivider } from '@fluentui/react-breadcrumb';
import { renderBreadcrumbItem_unstable as renderBreadcrumbItem } from '@fluentui/react-breadcrumb';
import { useBreadcrumbBase_unstable as useBreadcrumb } from '@fluentui/react-breadcrumb';
import { useBreadcrumbContext_unstable as useBreadcrumbContext } from '@fluentui/react-breadcrumb';
import { useBreadcrumbDividerBase_unstable as useBreadcrumbDivider } from '@fluentui/react-breadcrumb';
import { useBreadcrumbItemBase_unstable as useBreadcrumbItem } from '@fluentui/react-breadcrumb';

// @public
export const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;

// @public
export const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;

// @public
export type BreadcrumbButtonProps = BreadcrumbButtonBaseProps;
export { BreadcrumbButtonProps }

// @public
export type BreadcrumbButtonSlots = BreadcrumbButtonSlots_2;
export { BreadcrumbButtonSlots }

// @public
export type BreadcrumbButtonState = BreadcrumbButtonBaseState & {
Expand All @@ -41,70 +45,53 @@ export type BreadcrumbButtonState = BreadcrumbButtonBaseState & {
};
};

// @public
export type BreadcrumbContextValues = BreadcrumbContextValues_2;
export { BreadcrumbContextValues }

// @public
export const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;

// @public
export type BreadcrumbDividerProps = BreadcrumbDividerBaseProps;
export { BreadcrumbDividerProps }

// @public
export type BreadcrumbDividerSlots = BreadcrumbDividerSlots_2;
export { BreadcrumbDividerSlots }

// @public
export type BreadcrumbDividerState = BreadcrumbDividerBaseState;
export { BreadcrumbDividerState }

// @public
export const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;

// @public
export type BreadcrumbItemProps = BreadcrumbItemBaseProps;
export { BreadcrumbItemProps }

// @public
export type BreadcrumbItemSlots = BreadcrumbItemSlots_2;
export { BreadcrumbItemSlots }

// @public
export type BreadcrumbItemState = BreadcrumbItemBaseState;
export { BreadcrumbItemState }

// @public
export type BreadcrumbProps = BreadcrumbBaseProps;
export { BreadcrumbProps }

// @public
export type BreadcrumbSlots = BreadcrumbSlots_2;
export { BreadcrumbSlots }

// @public
export type BreadcrumbState = BreadcrumbBaseState;
export { BreadcrumbState }

export { renderBreadcrumb }

// @public
export const renderBreadcrumbButton: (state: BreadcrumbButtonState) => JSXElement;
export { renderBreadcrumbButton }

// @public
export const renderBreadcrumbDivider: (state: BreadcrumbDividerBaseState) => JSXElement;
export { renderBreadcrumbDivider }

// @public
export const renderBreadcrumbItem: (state: BreadcrumbItemBaseState) => JSXElement;
export { renderBreadcrumbItem }

// @public
export const useBreadcrumb: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
export { useBreadcrumb }

// @public
export const useBreadcrumbButton: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;

// @public
export const useBreadcrumbContext: () => BreadcrumbContextValues_2;
export { useBreadcrumbContext }

// @public
export const useBreadcrumbContextValues: (state: BreadcrumbState) => BreadcrumbContextValues;

// @public
export const useBreadcrumbDivider: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;
export { useBreadcrumbDivider }

// @public
export const useBreadcrumbItem: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;
export { useBreadcrumbItem }

// (No @packageDocumentation comment for this package)

Expand Down
17 changes: 7 additions & 10 deletions ...es/react-components/react-headless-components-preview/library/etc/button.api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,19 @@

```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 { ButtonBaseState } from '@fluentui/react-button';
import { ButtonBaseProps as ButtonProps } from '@fluentui/react-button';
import { ButtonSlots } 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 { renderButton_unstable as renderButton } from '@fluentui/react-button';

// @public
export const Button: ForwardRefComponent<ButtonProps>;

// @public
export type ButtonProps = ButtonBaseProps;
export { ButtonProps }

// @public
export type ButtonSlots = ButtonSlots_2;
export { ButtonSlots }

// @public
export type ButtonState = ButtonBaseState & {
Expand All @@ -30,8 +28,7 @@ export type ButtonState = ButtonBaseState & {
};
};

// @public
export const renderButton: (state: ButtonBaseState) => JSXElement;
export { renderButton }

// @public
export const useButton: (props: ButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
Expand Down
Loading
Loading