Skip to content

Commit 6f3ab09

Browse files
TristanWatanabeTristanWatanabe
authored
Menu: update stories to import from @fluentui/react-components (microsoft#23873)
1 parent 857e45b commit 6f3ab09

26 files changed

+46
-96
lines changed

‎packages/react-components/react-menu/src/stories/Menu/MenuAligningWithIcons.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
64
import { bundleIcon, ClipboardPasteRegular, ClipboardPasteFilled } from '@fluentui/react-icons';
75

86
const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular);

‎packages/react-components/react-menu/src/stories/Menu/MenuAligningWithSelectableItems.stories.tsx

+9-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,14 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuItemCheckbox, MenuPopover } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import {
4+
Button,
5+
Menu,
6+
MenuTrigger,
7+
MenuList,
8+
MenuItem,
9+
MenuItemCheckbox,
10+
MenuPopover,
11+
} from '@fluentui/react-components';
612
import { CutRegular, CutFilled, bundleIcon } from '@fluentui/react-icons';
713

814
const CutIcon = bundleIcon(CutFilled, CutRegular);

‎packages/react-components/react-menu/src/stories/Menu/MenuAnchorToTarget.stories.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuList, MenuItem, MenuPopover, MenuProps } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
6-
import { PositioningImperativeRef } from '@fluentui/react-positioning';
3+
import { Button, Menu, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
4+
import type { MenuProps, PositioningImperativeRef } from '@fluentui/react-components';
75

86
export const AnchorToCustomTarget = () => {
97
const buttonRef = React.useRef<HTMLButtonElement>(null);

‎packages/react-components/react-menu/src/stories/Menu/MenuCheckboxItems.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItemCheckbox, MenuPopover } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItemCheckbox, MenuPopover } from '@fluentui/react-components';
64
import {
75
bundleIcon,
86
CutRegular,

‎packages/react-components/react-menu/src/stories/Menu/MenuControlledCheckboxItems.stories.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItemCheckbox, MenuPopover, MenuProps } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItemCheckbox, MenuPopover } from '@fluentui/react-components';
64
import {
75
bundleIcon,
86
CutRegular,
@@ -12,6 +10,7 @@ import {
1210
EditRegular,
1311
EditFilled,
1412
} from '@fluentui/react-icons';
13+
import type { MenuProps } from '@fluentui/react-components';
1514

1615
const CutIcon = bundleIcon(CutFilled, CutRegular);
1716
const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular);

‎packages/react-components/react-menu/src/stories/Menu/MenuControlledRadioItems.stories.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItemRadio, MenuPopover, MenuProps } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItemRadio, MenuPopover } from '@fluentui/react-components';
64
import {
75
bundleIcon,
86
CutRegular,
@@ -12,6 +10,7 @@ import {
1210
EditRegular,
1311
EditFilled,
1412
} from '@fluentui/react-icons';
13+
import type { MenuProps } from '@fluentui/react-components';
1514

1615
const CutIcon = bundleIcon(CutFilled, CutRegular);
1716
const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular);

‎packages/react-components/react-menu/src/stories/Menu/MenuControllingOpenAndClose.stories.tsx

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, MenuProps } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
6-
import { Checkbox, CheckboxProps } from '@fluentui/react-checkbox';
3+
import { Button, Checkbox, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
4+
import type { CheckboxProps, MenuProps } from '@fluentui/react-components';
75

86
export const ControllingOpenAndClose = () => {
97
const [open, setOpen] = React.useState(false);

‎packages/react-components/react-menu/src/stories/Menu/MenuCustomTrigger.stories.tsx

+2-11
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,6 @@
11
import * as React from 'react';
2-
import { Button } from '@fluentui/react-button';
3-
4-
import {
5-
Menu,
6-
MenuProps,
7-
MenuTrigger,
8-
MenuList,
9-
MenuItem,
10-
MenuPopover,
11-
MenuTriggerChildProps,
12-
} from '@fluentui/react-menu';
2+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
3+
import type { MenuProps, MenuTriggerChildProps } from '@fluentui/react-components';
134

145
const CustomMenuTrigger = React.forwardRef<HTMLButtonElement, Partial<MenuTriggerChildProps>>((props, ref) => {
156
return (

‎packages/react-components/react-menu/src/stories/Menu/MenuDefault.stories.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, MenuProps } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
4+
import type { MenuProps } from '@fluentui/react-components';
65

76
export const Default = (props: Partial<MenuProps>) => (
87
<Menu {...props}>

‎packages/react-components/react-menu/src/stories/Menu/MenuGroupingItems.stories.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import * as React from 'react';
22
import {
3+
Button,
34
Menu,
45
MenuTrigger,
56
MenuList,
@@ -8,9 +9,7 @@ import {
89
MenuDivider,
910
MenuGroupHeader,
1011
MenuPopover,
11-
} from '@fluentui/react-menu';
12-
13-
import { Button } from '@fluentui/react-button';
12+
} from '@fluentui/react-components';
1413
import {
1514
bundleIcon,
1615
CutRegular,

‎packages/react-components/react-menu/src/stories/Menu/MenuInteraction.stories.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import * as React from 'react';
2-
import { Button } from '@fluentui/react-button';
3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, MenuProps } from '@fluentui/react-menu';
2+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
43
import {
54
bundleIcon,
65
ClipboardPasteRegular,
@@ -10,6 +9,7 @@ import {
109
CopyRegular,
1110
CopyFilled,
1211
} from '@fluentui/react-icons';
12+
import type { MenuProps } from '@fluentui/react-components';
1313

1414
const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular);
1515
const CopyIcon = bundleIcon(CopyFilled, CopyRegular);

‎packages/react-components/react-menu/src/stories/Menu/MenuMemoizedMenuItems.stories.tsx

+2-10
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,7 @@
11
import * as React from 'react';
2-
import {
3-
Menu,
4-
MenuTrigger,
5-
MenuList,
6-
MenuItemCheckbox,
7-
MenuPopover,
8-
MenuItemCheckboxProps,
9-
} from '@fluentui/react-menu';
10-
11-
import { Button } from '@fluentui/react-button';
2+
import { Button, Menu, MenuTrigger, MenuList, MenuItemCheckbox, MenuPopover } from '@fluentui/react-components';
123
import { EditFilled, EditRegular, bundleIcon } from '@fluentui/react-icons';
4+
import type { MenuItemCheckboxProps } from '@fluentui/react-components';
135

146
const EditIcon = bundleIcon(EditFilled, EditRegular);
157

‎packages/react-components/react-menu/src/stories/Menu/MenuMenuItemsWithIcons.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
64
import {
75
bundleIcon,
86
CutRegular,

‎packages/react-components/react-menu/src/stories/Menu/MenuNestedSubmenus.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
64

75
const EditorLayoutSubMenu = () => {
86
return (

‎packages/react-components/react-menu/src/stories/Menu/MenuNestedSubmenusControlled.stories.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, MenuProps } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
4+
import type { MenuProps } from '@fluentui/react-components';
65

76
const EditorLayoutSubMenu = () => {
87
const [open, setOpen] = React.useState(false);

‎packages/react-components/react-menu/src/stories/Menu/MenuRadioItems.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItemRadio, MenuPopover } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItemRadio, MenuPopover } from '@fluentui/react-components';
64
import {
75
bundleIcon,
86
CutRegular,

‎packages/react-components/react-menu/src/stories/Menu/MenuRenderFunctionTrigger.stories.tsx

+2-9
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,8 @@
11
import * as React from 'react';
22
import { ChevronDownRegular } from '@fluentui/react-icons';
33

4-
import {
5-
Menu,
6-
MenuProps,
7-
MenuTrigger,
8-
MenuList,
9-
MenuItem,
10-
MenuPopover,
11-
MenuTriggerChildProps,
12-
} from '@fluentui/react-menu';
4+
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
5+
import type { MenuProps, MenuTriggerChildProps } from '@fluentui/react-components';
136

147
const buttonStyle = { height: 22, verticalAlign: 'middle' };
158

‎packages/react-components/react-menu/src/stories/Menu/MenuSecondaryContentForMenuItems.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-components';
64

75
export const SecondaryContentForMenuItems = () => (
86
<Menu>

‎packages/react-components/react-menu/src/stories/Menu/MenuSelectionGroup.stories.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import * as React from 'react';
22
import {
3+
Button,
34
Menu,
45
MenuTrigger,
56
MenuList,
@@ -9,9 +10,7 @@ import {
910
MenuDivider,
1011
MenuGroupHeader,
1112
MenuPopover,
12-
} from '@fluentui/react-menu';
13-
14-
import { Button } from '@fluentui/react-button';
13+
} from '@fluentui/react-components';
1514
import {
1615
bundleIcon,
1716
CutRegular,

‎packages/react-components/react-menu/src/stories/Menu/MenuSplitMenuItem.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, MenuSplitGroup } from '@fluentui/react-menu';
4-
5-
import { Button } from '@fluentui/react-button';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, MenuSplitGroup } from '@fluentui/react-components';
64

75
export const SplitMenuItem = () => (
86
<Menu>

‎packages/react-components/react-menu/src/stories/Menu/MenuTriggerWithTooltip.stories.tsx

+1-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,5 @@
11
import * as React from 'react';
2-
import { Tooltip } from '@fluentui/react-tooltip';
3-
import { Button } from '@fluentui/react-button';
4-
5-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui/react-menu';
2+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, Tooltip } from '@fluentui/react-components';
63

74
export const MenuTriggerWithTooltip = () => (
85
<Menu>

‎packages/react-components/react-menu/src/stories/Menu/MenuVisualDividerOnly.stories.tsx

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import * as React from 'react';
22

3-
import { Menu, MenuTrigger, MenuList, MenuItem, MenuDivider, MenuPopover } from '@fluentui/react-menu';
3+
import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuDivider, MenuPopover } from '@fluentui/react-components';
44

5-
import { Button } from '@fluentui/react-button';
65
import {
76
bundleIcon,
87
CutRegular,

‎packages/react-components/react-menu/src/stories/Menu/index.stories.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Menu } from '@fluentui/react-menu';
1+
import { Menu } from '@fluentui/react-components';
22

33
import descriptionMd from './MenuDescription.md';
44
import bestPracticesMd from './MenuBestPractices.md';

‎packages/react-components/react-menu/src/stories/MenuList/MenuListDefault.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
import * as React from 'react';
2-
import { makeStyles } from '@griffel/react';
3-
import { tokens } from '@fluentui/react-theme';
4-
import { MenuList, MenuItem } from '@fluentui/react-menu';
2+
import { makeStyles, tokens, MenuList, MenuItem } from '@fluentui/react-components';
53

64
export const useMenuListContainerStyles = makeStyles({
75
container: {

‎packages/react-components/react-menu/src/stories/MenuList/MenuListNestedSubmenus.stories.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
import * as React from 'react';
2-
import { makeStyles } from '@griffel/react';
3-
import { tokens } from '@fluentui/react-theme';
4-
import { MenuList, MenuItem, Menu, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
2+
import { makeStyles, tokens, MenuList, MenuItem, Menu, MenuPopover, MenuTrigger } from '@fluentui/react-components';
53

64
export const useMenuListContainerStyles = makeStyles({
75
container: {

‎packages/react-components/react-menu/src/stories/MenuList/index.stories.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { MenuList } from '@fluentui/react-menu';
1+
import { MenuList } from '@fluentui/react-components';
22
import descriptionMd from './MenuListDescription.md';
33

44
export { Default } from './MenuListDefault.stories';

0 commit comments

Comments
 (0)