chore: add more stories

Author: amje

package-lock.json

@@ -129,7 +129,7 @@
         "@bem-react/classname": "^1.6.0",
         "@floating-ui/react": "^0.27.3",
         "@gravity-ui/i18n": "^1.7.0",
-        "@gravity-ui/icons": "^2.12.0",
+        "@gravity-ui/icons": "^2.13.0",
         "@tanstack/react-virtual": "^3.11.2",
         "blueimp-md5": "^2.19.0",
         "lodash": "^4.17.21",

package.json

@@ -12,7 +12,7 @@ import {Menu} from '../Menu';
 import {MenuItem} from '../MenuItem';
 import {MenuTrigger} from '../MenuTrigger';
 
-import {getMenuItems} from './utils';
+import {getFullFeaturedMenuItems, getSimpleMenuItems} from './utils';
 
 const meta: Meta<typeof Menu> = {
     title: 'Lab/Menu',
@@ -30,7 +30,28 @@ export const Default = {
     render: (args) => {
         return (
             <Menu {...args} trigger={<MenuTrigger aria-label="Actions" />}>
-                {getMenuItems(args)}
+                {getSimpleMenuItems(args)}
+            </Menu>
+        );
+    },
+} satisfies Story;
+
+export const IconStory = {
+    name: 'Icon',
+    render: (args) => {
+        return (
+            <Menu {...args} trigger={<MenuTrigger aria-label="Actions" />}>
+                {getSimpleMenuItems(args, true)}
+            </Menu>
+        );
+    },
+} satisfies Story;
+
+export const FullFeatured = {
+    render: (args) => {
+        return (
+            <Menu {...args} trigger={<MenuTrigger aria-label="Actions" />}>
+                {getFullFeaturedMenuItems(args)}
             </Menu>
         );
     },
@@ -76,7 +97,7 @@ export const Context = {
                     Right click in the area to open the menu
                 </div>
                 <Menu {...args} trigger={anchor}>
-                    {getMenuItems(args)}
+                    {getFullFeaturedMenuItems(args)}
                 </Menu>
             </React.Fragment>
         );
@@ -87,7 +108,7 @@ export const InsideSheet = {
     render: (args) => {
         return (
             <Sheet visible>
-                <Menu {...args}>{getMenuItems(args, true)}</Menu>
+                <Menu {...args}>{getFullFeaturedMenuItems(args, true)}</Menu>
             </Sheet>
         );
     },

src/components/lab/Menu/__stories__/Menu.stories.tsx

@@ -2,6 +2,8 @@ import {
     ArrowRotateLeft,
     ArrowRotateRight,
     ArrowShapeTurnUpRight,
+    ArrowsExpand,
+    Copy,
     Envelope,
     LogoTelegram,
     MusicNote,
@@ -16,9 +18,26 @@ import {BUTTON_ICON_SIZE_MAP} from '../../../Button/constants';
 import {Hotkey} from '../../../Hotkey';
 import {Icon} from '../../../Icon';
 import {Menu} from '../Menu';
+import {MenuItem} from '../MenuItem';
 import type {MenuProps} from '../types';
 
-export function getMenuItems(args: MenuProps, inline?: boolean) {
+export function getSimpleMenuItems(args: MenuProps, icon?: boolean) {
+    const iconSize = BUTTON_ICON_SIZE_MAP[args.size ?? 'm'];
+
+    return [
+        <MenuItem key="copy" icon={icon ? <Icon data={Copy} size={iconSize} /> : undefined}>
+            Copy
+        </MenuItem>,
+        <MenuItem key="move" icon={icon ? <Icon data={ArrowsExpand} size={iconSize} /> : undefined}>
+            Move
+        </MenuItem>,
+        <MenuItem key="delete" icon={icon ? <Icon data={TrashBin} size={iconSize} /> : undefined}>
+            Delete
+        </MenuItem>,
+    ];
+}
+
+export function getFullFeaturedMenuItems(args: MenuProps, inline?: boolean) {
     const iconSize = BUTTON_ICON_SIZE_MAP[args.size ?? 'm'];
 
     const items = [