Skip to content

Commit ab12fff

Browse files
dmytrokirpadmytrokirpa
authored
feat(react-headless-components-preview): switch to subpaths exports (#36036)
1 parent 0392152 commit ab12fff

138 files changed

Lines changed: 2162 additions & 1772 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎packages/react-components/react-headless-components-preview/library/bundle-size/AllComponents.fixture.js‎

Lines changed: 58 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,62 @@
1-
import * as rhc from '@fluentui/react-headless-components-preview';
1+
import * as Accordion from '@fluentui/react-headless-components-preview/accordion';
2+
import * as Avatar from '@fluentui/react-headless-components-preview/avatar';
3+
import * as Badge from '@fluentui/react-headless-components-preview/badge';
4+
import * as Breadcrumb from '@fluentui/react-headless-components-preview/breadcrumb';
5+
import * as Button from '@fluentui/react-headless-components-preview/button';
6+
import * as Checkbox from '@fluentui/react-headless-components-preview/checkbox';
7+
import * as Dialog from '@fluentui/react-headless-components-preview/dialog';
8+
import * as Divider from '@fluentui/react-headless-components-preview/divider';
9+
import * as Field from '@fluentui/react-headless-components-preview/field';
10+
import * as Input from '@fluentui/react-headless-components-preview/input';
11+
import * as Link from '@fluentui/react-headless-components-preview/link';
12+
import * as MessageBar from '@fluentui/react-headless-components-preview/message-bar';
13+
import * as ProgressBar from '@fluentui/react-headless-components-preview/progress-bar';
14+
import * as Provider from '@fluentui/react-headless-components-preview/provider';
15+
import * as RadioGroup from '@fluentui/react-headless-components-preview/radio-group';
16+
import * as RatingDisplay from '@fluentui/react-headless-components-preview/rating-display';
17+
import * as Rating from '@fluentui/react-headless-components-preview/rating';
18+
import * as SearchBox from '@fluentui/react-headless-components-preview/search-box';
19+
import * as Select from '@fluentui/react-headless-components-preview/select';
20+
import * as Skeleton from '@fluentui/react-headless-components-preview/skeleton';
21+
import * as Slider from '@fluentui/react-headless-components-preview/slider';
22+
import * as SpinButton from '@fluentui/react-headless-components-preview/spin-button';
23+
import * as Spinner from '@fluentui/react-headless-components-preview/spinner';
24+
import * as Switch from '@fluentui/react-headless-components-preview/switch';
25+
import * as TabList from '@fluentui/react-headless-components-preview/tab-list';
26+
import * as Textarea from '@fluentui/react-headless-components-preview/textarea';
27+
import * as ToggleButton from '@fluentui/react-headless-components-preview/toggle-button';
28+
import * as Toolbar from '@fluentui/react-headless-components-preview/toolbar';
229

3-
console.log(rhc);
30+
console.log({
31+
Accordion,
32+
Avatar,
33+
Badge,
34+
Breadcrumb,
35+
Button,
36+
Checkbox,
37+
Dialog,
38+
Divider,
39+
Field,
40+
Input,
41+
Link,
42+
MessageBar,
43+
ProgressBar,
44+
Provider,
45+
RadioGroup,
46+
RatingDisplay,
47+
Rating,
48+
SearchBox,
49+
Select,
50+
Skeleton,
51+
Slider,
52+
SpinButton,
53+
Spinner,
54+
Switch,
55+
TabList,
56+
Textarea,
57+
ToggleButton,
58+
Toolbar,
59+
});
460

561
export default {
662
name: 'react-headless-components-preview: entire library',

‎packages/react-components/react-headless-components-preview/library/etc/accordion.api.md‎

Lines changed: 131 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
## API Report File for "@fluentui/react-headless-components-preview"
2+
3+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4+
5+
```ts
6+
7+
import type { AccordionBaseProps } from '@fluentui/react-accordion';
8+
import { AccordionBaseState } from '@fluentui/react-accordion';
9+
import { AccordionContextValue } from '@fluentui/react-accordion';
10+
import { AccordionContextValues as AccordionContextValues_2 } from '@fluentui/react-accordion';
11+
import type { AccordionHeaderBaseProps } from '@fluentui/react-accordion';
12+
import { AccordionHeaderBaseState } from '@fluentui/react-accordion';
13+
import { AccordionHeaderContextValues } from '@fluentui/react-accordion';
14+
import type { AccordionHeaderSlots as AccordionHeaderSlots_2 } from '@fluentui/react-accordion';
15+
import { AccordionItemContextValues } from '@fluentui/react-accordion';
16+
import type { AccordionItemProps as AccordionItemProps_2 } from '@fluentui/react-accordion';
17+
import type { AccordionItemSlots as AccordionItemSlots_2 } from '@fluentui/react-accordion';
18+
import { AccordionItemState as AccordionItemState_2 } from '@fluentui/react-accordion';
19+
import type { AccordionPanelBaseProps } from '@fluentui/react-accordion';
20+
import type { AccordionPanelBaseState } from '@fluentui/react-accordion';
21+
import type { AccordionPanelSlots as AccordionPanelSlots_2 } from '@fluentui/react-accordion';
22+
import type { AccordionSlots as AccordionSlots_2 } from '@fluentui/react-accordion';
23+
import { ContextSelector } from '@fluentui/react-context-selector';
24+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
25+
import { JSXElement } from '@fluentui/react-utilities';
26+
import type * as React_2 from 'react';
27+
28+
// @public
29+
export const Accordion: ForwardRefComponent<AccordionProps>;
30+
31+
// @public (undocumented)
32+
export type AccordionContextValues = AccordionContextValues_2;
33+
34+
// @public
35+
export const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
36+
37+
// @public (undocumented)
38+
export type AccordionHeaderProps = AccordionHeaderBaseProps;
39+
40+
// @public (undocumented)
41+
export type AccordionHeaderSlots = AccordionHeaderSlots_2;
42+
43+
// @public (undocumented)
44+
export type AccordionHeaderState = AccordionHeaderBaseState & {
45+
root: {
46+
'data-open'?: string;
47+
'data-disabled'?: string;
48+
'data-expand-icon-position'?: string;
49+
};
50+
};
51+
52+
// @public
53+
export const AccordionItem: ForwardRefComponent<AccordionItemProps>;
54+
55+
// @public (undocumented)
56+
export type AccordionItemProps = AccordionItemProps_2;
57+
58+
// @public (undocumented)
59+
export type AccordionItemSlots = AccordionItemSlots_2;
60+
61+
// @public (undocumented)
62+
export type AccordionItemState = AccordionItemState_2 & {
63+
root: {
64+
'data-disabled'?: string;
65+
'data-open'?: string;
66+
};
67+
};
68+
69+
// @public
70+
export const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
71+
72+
// @public (undocumented)
73+
export type AccordionPanelProps = AccordionPanelBaseProps;
74+
75+
// @public (undocumented)
76+
export type AccordionPanelSlots = AccordionPanelSlots_2;
77+
78+
// @public (undocumented)
79+
export type AccordionPanelState = AccordionPanelBaseState & {
80+
root: {
81+
'data-open'?: string;
82+
};
83+
};
84+
85+
// @public (undocumented)
86+
export type AccordionProps = AccordionBaseProps;
87+
88+
// @public (undocumented)
89+
export type AccordionSlots = AccordionSlots_2;
90+
91+
// @public (undocumented)
92+
export type AccordionState = AccordionBaseState & {
93+
root: {
94+
'data-collapsible'?: string;
95+
'data-multiple'?: string;
96+
};
97+
};
98+
99+
// @public
100+
export const renderAccordion: (state: AccordionBaseState, contextValues: AccordionContextValues_2) => JSXElement;
101+
102+
// @public
103+
export const renderAccordionHeader: (state: AccordionHeaderBaseState, contextValues: AccordionHeaderContextValues) => JSXElement;
104+
105+
// @public
106+
export const renderAccordionItem: (state: AccordionItemState_2, contextValues: AccordionItemContextValues) => JSXElement;
107+
108+
// @public
109+
export const renderAccordionPanel: (state: AccordionPanelState) => JSXElement;
110+
111+
// @public
112+
export const useAccordion: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;
113+
114+
// @public
115+
export const useAccordionContext: <T>(selector: ContextSelector<AccordionContextValue, T>) => T;
116+
117+
// @public
118+
export const useAccordionContextValues: (state: AccordionState) => AccordionContextValues;
119+
120+
// @public
121+
export const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderState;
122+
123+
// @public
124+
export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref<HTMLElement>) => AccordionItemState;
125+
126+
// @public
127+
export const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;
128+
129+
// (No @packageDocumentation comment for this package)
130+
131+
```

‎packages/react-components/react-headless-components-preview/library/etc/avatar.api.md‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
## API Report File for "@fluentui/react-headless-components-preview"
2+
3+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4+
5+
```ts
6+
7+
import type { AvatarBaseProps } from '@fluentui/react-avatar';
8+
import { AvatarBaseState } from '@fluentui/react-avatar';
9+
import type { AvatarSlots as AvatarSlots_2 } from '@fluentui/react-avatar';
10+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
11+
import { JSXElement } from '@fluentui/react-utilities';
12+
import type * as React_2 from 'react';
13+
14+
// @public
15+
export const Avatar: ForwardRefComponent<AvatarProps>;
16+
17+
// @public
18+
export type AvatarProps = AvatarBaseProps;
19+
20+
// @public
21+
export type AvatarSlots = AvatarSlots_2;
22+
23+
// @public
24+
export type AvatarState = AvatarBaseState;
25+
26+
// @public
27+
export const renderAvatar: (state: AvatarBaseState) => JSXElement;
28+
29+
// @public
30+
export const useAvatar: (props: AvatarProps, ref: React_2.Ref<HTMLElement>) => AvatarState;
31+
32+
// (No @packageDocumentation comment for this package)
33+
34+
```

‎packages/react-components/react-headless-components-preview/library/etc/badge.api.md‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
## API Report File for "@fluentui/react-headless-components-preview"
2+
3+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4+
5+
```ts
6+
7+
import type { BadgeBaseProps } from '@fluentui/react-badge';
8+
import { BadgeBaseState } from '@fluentui/react-badge';
9+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
10+
import { JSXElement } from '@fluentui/react-utilities';
11+
import type * as React_2 from 'react';
12+
13+
// @public
14+
export const Badge: ForwardRefComponent<BadgeProps>;
15+
16+
// @public
17+
export type BadgeProps = BadgeBaseProps;
18+
19+
// @public
20+
export type BadgeState = BadgeBaseState & {
21+
root: {
22+
'data-icon-position'?: 'before' | 'after';
23+
};
24+
};
25+
26+
// @public
27+
export const renderBadge: (state: BadgeBaseState) => JSXElement;
28+
29+
// @public
30+
export const useBadge: (props: BadgeProps, ref: React_2.Ref<HTMLDivElement>) => BadgeState;
31+
32+
// (No @packageDocumentation comment for this package)
33+
34+
```

‎packages/react-components/react-headless-components-preview/library/etc/breadcrumb.api.md‎

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
## API Report File for "@fluentui/react-headless-components-preview"
2+
3+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4+
5+
```ts
6+
7+
import type { BreadcrumbBaseProps } from '@fluentui/react-breadcrumb';
8+
import { BreadcrumbBaseState } from '@fluentui/react-breadcrumb';
9+
import type { BreadcrumbButtonBaseProps } from '@fluentui/react-breadcrumb';
10+
import type { BreadcrumbButtonBaseState } from '@fluentui/react-breadcrumb';
11+
import type { BreadcrumbButtonSlots as BreadcrumbButtonSlots_2 } from '@fluentui/react-breadcrumb';
12+
import { BreadcrumbContextValues as BreadcrumbContextValues_2 } from '@fluentui/react-breadcrumb';
13+
import type { BreadcrumbDividerBaseProps } from '@fluentui/react-breadcrumb';
14+
import { BreadcrumbDividerBaseState } from '@fluentui/react-breadcrumb';
15+
import type { BreadcrumbDividerSlots as BreadcrumbDividerSlots_2 } from '@fluentui/react-breadcrumb';
16+
import type { BreadcrumbItemBaseProps } from '@fluentui/react-breadcrumb';
17+
import { BreadcrumbItemBaseState } from '@fluentui/react-breadcrumb';
18+
import type { BreadcrumbItemSlots as BreadcrumbItemSlots_2 } from '@fluentui/react-breadcrumb';
19+
import type { BreadcrumbSlots as BreadcrumbSlots_2 } from '@fluentui/react-breadcrumb';
20+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
21+
import { JSXElement } from '@fluentui/react-utilities';
22+
import type * as React_2 from 'react';
23+
24+
// @public
25+
export const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;
26+
27+
// @public
28+
export const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;
29+
30+
// @public
31+
export type BreadcrumbButtonProps = BreadcrumbButtonBaseProps;
32+
33+
// @public
34+
export type BreadcrumbButtonSlots = BreadcrumbButtonSlots_2;
35+
36+
// @public
37+
export type BreadcrumbButtonState = BreadcrumbButtonBaseState & {
38+
root: {
39+
'data-current'?: string;
40+
};
41+
};
42+
43+
// @public
44+
export type BreadcrumbContextValues = BreadcrumbContextValues_2;
45+
46+
// @public
47+
export const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;
48+
49+
// @public
50+
export type BreadcrumbDividerProps = BreadcrumbDividerBaseProps;
51+
52+
// @public
53+
export type BreadcrumbDividerSlots = BreadcrumbDividerSlots_2;
54+
55+
// @public
56+
export type BreadcrumbDividerState = BreadcrumbDividerBaseState;
57+
58+
// @public
59+
export const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;
60+
61+
// @public
62+
export type BreadcrumbItemProps = BreadcrumbItemBaseProps;
63+
64+
// @public
65+
export type BreadcrumbItemSlots = BreadcrumbItemSlots_2;
66+
67+
// @public
68+
export type BreadcrumbItemState = BreadcrumbItemBaseState;
69+
70+
// @public
71+
export type BreadcrumbProps = BreadcrumbBaseProps;
72+
73+
// @public
74+
export type BreadcrumbSlots = BreadcrumbSlots_2;
75+
76+
// @public
77+
export type BreadcrumbState = BreadcrumbBaseState;
78+
79+
// @public
80+
export const renderBreadcrumb: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues_2) => JSXElement;
81+
82+
// @public
83+
export const renderBreadcrumbButton: (state: BreadcrumbButtonState) => JSXElement;
84+
85+
// @public
86+
export const renderBreadcrumbDivider: (state: BreadcrumbDividerBaseState) => JSXElement;
87+
88+
// @public
89+
export const renderBreadcrumbItem: (state: BreadcrumbItemBaseState) => JSXElement;
90+
91+
// @public
92+
export const useBreadcrumb: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
93+
94+
// @public
95+
export const useBreadcrumbButton: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;
96+
97+
// @public
98+
export const useBreadcrumbContext: () => BreadcrumbContextValues_2;
99+
100+
// @public
101+
export const useBreadcrumbContextValues: (state: BreadcrumbState) => BreadcrumbContextValues;
102+
103+
// @public
104+
export const useBreadcrumbDivider: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;
105+
106+
// @public
107+
export const useBreadcrumbItem: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;
108+
109+
// (No @packageDocumentation comment for this package)
110+
111+
```

0 commit comments

Comments
 (0)