@dxos/react-ui-menu 0.8.3 → 0.8.4-main.05e74ebcff

package/src/components/MenuContext.tsx

@@ -1,50 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { createContextScope, type Scope } from '@radix-ui/react-context';
-import React, { type PropsWithChildren, useMemo } from 'react';
-
-import { type MenuContextValue, type MenuItem, type MenuItemGroup } from '../types';
-
-export type MenuScopedProps<P> = P & { __menuScope?: Scope };
-
-const MENU_NAME = 'GraphMenu';
-
-const [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, []);
-
-const [MenuContextProvider, useMenu] = createMenuContext<MenuContextValue>(MENU_NAME);
-
-export const menuContextDefaults: MenuContextValue = {
-  iconSize: 5,
-  useGroupItems: () => null,
-};
-
-const useMenuScope = createMenuScope();
-
-const MenuProvider = ({
-  children,
-  useGroupItems = menuContextDefaults.useGroupItems,
-  iconSize = menuContextDefaults.iconSize,
-  attendableId,
-}: PropsWithChildren<Partial<MenuContextValue>>) => {
-  const { scope } = useMenuScope(undefined);
-  return (
-    <MenuContextProvider useGroupItems={useGroupItems} iconSize={iconSize} attendableId={attendableId} scope={scope}>
-      {children}
-    </MenuContextProvider>
-  );
-};
-
-export const useMenuItems = (
-  group?: MenuItemGroup,
-  propsItems?: MenuItem[],
-  consumerName: string = 'useMenuItemConsumer',
-  __menuScope?: Scope,
-) => {
-  const { useGroupItems } = useMenu(consumerName, __menuScope);
-  const groupItems = useGroupItems(group);
-  return useMemo(() => propsItems ?? groupItems ?? undefined, [propsItems, groupItems]);
-};
-
-export { useMenu, createMenuScope, MenuProvider };

package/src/components/Menus.stories.tsx

@@ -1,67 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import '@dxos-theme';
-import React, { useCallback, useMemo } from 'react';
-
-import { faker } from '@dxos/random';
-import { IconButton } from '@dxos/react-ui';
-import { withLayout, withSignals, withTheme } from '@dxos/storybook-utils';
-
-import { DropdownMenu as NaturalDropdownMenu, ToolbarMenu, MenuProvider } from '../components';
-import { useMenuActions } from '../hooks';
-import { createActions, createNestedActions, createNestedActionsResolver, useMutateActions } from '../testing';
-import translations from '../translations';
-import { type MenuAction } from '../types';
-
-faker.seed(1234);
-
-export default {
-  title: 'ui/react-ui-menu/Menus',
-  component: ToolbarMenu,
-  decorators: [withTheme, withLayout(), withSignals],
-  parameters: { translations },
-};
-
-export const DropdownMenu = {
-  render: () => {
-    const menuActions = useMemo(() => createActions() as MenuAction[], []);
-    const resolveGroupItems = useCallback(() => menuActions, [menuActions]);
-    useMutateActions(menuActions);
-
-    return (
-      <MenuProvider useGroupItems={resolveGroupItems}>
-        <NaturalDropdownMenu.Root>
-          <NaturalDropdownMenu.Trigger asChild>
-            <IconButton icon='ph--list-checks--regular' size={5} label='Options' />
-          </NaturalDropdownMenu.Trigger>
-        </NaturalDropdownMenu.Root>
-      </MenuProvider>
-    );
-  },
-};
-
-export const Toolbar = {
-  render: () => {
-    const nestedMenuActions = useMemo(() => createNestedActionsResolver(), []);
-
-    return (
-      <MenuProvider {...nestedMenuActions}>
-        <ToolbarMenu />
-      </MenuProvider>
-    );
-  },
-};
-
-export const UseMenuActionsToolbar = {
-  render: () => {
-    const menu = useMenuActions(createNestedActions);
-
-    return (
-      <MenuProvider {...menu}>
-        <ToolbarMenu />
-      </MenuProvider>
-    );
-  },
-};