@vuu-ui/vuu-context-menu 0.13.7 → 0.13.8

package/cjs/index.js

@@ -1,12 +1,219 @@
 'use strict';
 
-var ContextMenuProvider = require('./ContextMenuProvider.js');
-var menuUtils = require('./menu-utils.js');
-var useContextMenu = require('./useContextMenu.js');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 
+const ContextMenuContext = react.createContext(
+  null
+);
+const Provider = ({
+  children,
+  context,
+  menuActionHandler,
+  menuBuilder
+}) => {
+  const [contextMenu, setContextMenu] = react.useState(null);
+  const showContextMenu = react.useMemo(() => {
+    if (context?.showContextMenu) {
+      return context.showContextMenu;
+    } else {
+      return (contextMenu2) => {
+        setContextMenu(contextMenu2);
+      };
+    }
+  }, [context]);
+  const menuBuilders = react.useMemo(() => {
+    if (context?.menuBuilders && menuBuilder) {
+      return context.menuBuilders.concat(menuBuilder);
+    } else if (menuBuilder) {
+      return [menuBuilder];
+    } else {
+      return context?.menuBuilders || [];
+    }
+  }, [context, menuBuilder]);
+  const handleMenuAction = react.useCallback(
+    (menuItemId, options) => {
+      if (menuActionHandler?.(menuItemId, options)) {
+        return true;
+      }
+      if (context?.menuActionHandler?.(menuItemId, options)) {
+        return true;
+      }
+    },
+    [context, menuActionHandler]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ContextMenuContext.Provider,
+    {
+      value: {
+        menuActionHandler: handleMenuAction,
+        menuBuilders,
+        showContextMenu
+      },
+      children: [
+        children,
+        contextMenu
+      ]
+    }
+  );
+};
+const ContextMenuProvider = ({
+  children,
+  menuActionHandler,
+  menuBuilder
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContext.Consumer, { children: (parentContext) => /* @__PURE__ */ jsxRuntime.jsx(
+    Provider,
+    {
+      context: parentContext,
+      menuActionHandler,
+      menuBuilder,
+      children
+    }
+  ) });
+};
 
+const isGroupMenuItemDescriptor = (menuItem) => menuItem !== void 0 && "children" in menuItem;
+const menuItemsFromMenuDescriptors = (menuDescriptors, menuActionHandler) => {
+  const fromDescriptor = (menuItem, index) => isGroupMenuItemDescriptor(menuItem) ? /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: menuItem.label }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.MenuPanel, { className: "vuuContextMenuPanel", children: menuItem.children.map(fromDescriptor) })
+  ] }, index) : /* @__PURE__ */ jsxRuntime.jsx(
+    core.MenuItem,
+    {
+      className: menuItem.className,
+      "data-icon": menuItem.icon,
+      onClick: () => menuActionHandler(menuItem.id, menuItem.options),
+      children: menuItem.label
+    },
+    index
+  );
+  return menuDescriptors.map(fromDescriptor);
+};
 
-exports.ContextMenuProvider = ContextMenuProvider.ContextMenuProvider;
-exports.isGroupMenuItemDescriptor = menuUtils.isGroupMenuItemDescriptor;
-exports.useContextMenu = useContextMenu.useContextMenu;
+var contextMenuCss = ".vuuContextMenuPanel {\n    &:has([data-icon]) {\n        .saltMenuItem {\n            padding-left: calc(var(--salt-spacing-400) + var(--salt-spacing-200));\n        }\n        .saltMenuItem[data-icon]:after {\n            --vuu-icon-left: var(--salt-spacing-150);\n            --vuu-icon-top: var(--salt-spacing-150);\n        }\n        .saltMenuItem[aria-haspopup=\"menu\"]:after {\n            content: \"\";\n            background-color: var(--vuu-icon-color, var(--saltIcon-color, var(--salt-content-secondary-foreground)));\n            right: var(--salt-spacing-100);\n            height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n            mask: var(--vuu-svg-triangle-right) center center / 8px 8px;\n            mask-repeat: no-repeat;\n            position: absolute;\n            transform: rotate(315deg);\n            top: var(--salt-spacing-200);\n            width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n        }\n    }\n}";
+
+const ContextMenu = ({
+  menuHandler,
+  menuItemDescriptors,
+  onOpenChange,
+  open,
+  x,
+  y
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-context-menu",
+    css: contextMenuCss,
+    window: targetWindow
+  });
+  const virtualElement = {
+    getBoundingClientRect: () => ({
+      width: 0,
+      height: 0,
+      x,
+      y,
+      top: y,
+      right: x,
+      bottom: y,
+      left: x
+    })
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Menu,
+    {
+      getVirtualElement: () => virtualElement,
+      onOpenChange,
+      open,
+      children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuPanel, { className: "vuuContextMenuPanel", children: menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler) })
+    }
+  );
+};
+
+const useContextMenu = (menuBuilder, menuActionHandler) => {
+  const ctx = react.useContext(ContextMenuContext);
+  const buildMenuOptions = react.useCallback(
+    (menuBuilders, location, options) => {
+      let results = [];
+      for (const menuBuilder2 of menuBuilders) {
+        results = results.concat(menuBuilder2(location, options));
+      }
+      return results;
+    },
+    []
+  );
+  const handleOpenChange = react.useCallback(
+    (open) => {
+      if (!open) {
+        ctx?.showContextMenu(null);
+      }
+    },
+    [ctx]
+  );
+  const showContextMenu = react.useCallback(
+    (evt, location, options, { onOpenChange, x = evt.clientX, y = evt.clientY } = {
+      x: evt.clientX,
+      y: evt.clientY
+    }) => {
+      evt.stopPropagation?.();
+      evt.preventDefault?.();
+      console.log(
+        `showContextMenu at ${evt.clientX} ${evt.clientY} location ${location}`
+      );
+      const menuBuilders = [];
+      if (menuBuilder) {
+        menuBuilders.push(menuBuilder);
+      }
+      if (ctx && Array.isArray(ctx?.menuBuilders) && ctx.menuBuilders.length > 0) {
+        menuBuilders.push(...ctx.menuBuilders);
+      }
+      if (menuBuilders.length > 0) {
+        const menuItemDescriptors = buildMenuOptions(
+          menuBuilders,
+          location,
+          options
+        );
+        const menuHandler = (menuItemId, options2) => {
+          if (menuActionHandler?.(menuItemId, options2) === true) {
+            return true;
+          } else {
+            return ctx?.menuActionHandler(menuItemId, options2);
+          }
+        };
+        const localOpenChange = (isOpen) => {
+          onOpenChange?.(isOpen);
+          handleOpenChange(isOpen);
+        };
+        if (menuItemDescriptors.length) {
+          ctx?.showContextMenu(
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ContextMenu,
+              {
+                menuHandler,
+                menuItemDescriptors,
+                onOpenChange: localOpenChange,
+                open: true,
+                x,
+                y
+              }
+            )
+          );
+        }
+      } else {
+        console.warn(
+          "useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)"
+        );
+      }
+    },
+    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder]
+  );
+  return showContextMenu;
+};
+
+exports.ContextMenuProvider = ContextMenuProvider;
+exports.isGroupMenuItemDescriptor = isGroupMenuItemDescriptor;
+exports.useContextMenu = useContextMenu;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/ContextMenuProvider.tsx","../src/menu-utils.tsx","../src/ContextMenu.tsx","../src/useContextMenu.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { ContextMenuItemDescriptor } from \"./menu-utils\";\n\nexport type MenuActionHandler<T extends string = string, Options = unknown> = (\n  menuItemId: T,\n  options?: Options,\n) => boolean | undefined;\n\nexport type MenuBuilder<Location extends string = string, Options = unknown> = (\n  location: Location,\n  options: Options,\n) => ContextMenuItemDescriptor[];\n\nexport interface ContextMenuContextType {\n  menuBuilders: MenuBuilder[];\n  menuActionHandler: MenuActionHandler;\n  showContextMenu: (contextMenu: ReactElement | null) => void;\n}\n\nexport const ContextMenuContext = createContext<ContextMenuContextType | null>(\n  null,\n);\n\nexport interface ContextMenuProviderProps<\n  L extends string = string,\n  O = unknown,\n> {\n  children: ReactNode;\n  menuActionHandler?: MenuActionHandler;\n  menuBuilder?: MenuBuilder<L, O>;\n}\n\ninterface ProviderProps<L extends string = string, O = unknown>\n  extends ContextMenuProviderProps<L, O> {\n  context: ContextMenuContextType | null;\n}\n\nconst Provider = <L extends string = string, O = unknown>({\n  children,\n  context,\n  menuActionHandler,\n  menuBuilder,\n}: ProviderProps<L, O>) => {\n  const [contextMenu, setContextMenu] = useState<ReactElement | null>(null);\n  const showContextMenu = useMemo(() => {\n    if (context?.showContextMenu) {\n      return context.showContextMenu;\n    } else {\n      return (contextMenu: ReactElement | null) => {\n        setContextMenu(contextMenu);\n      };\n    }\n  }, [context]);\n  const menuBuilders = useMemo(() => {\n    if (context?.menuBuilders && menuBuilder) {\n      // menuBuilder may have a narrower type than the inherited menuBuilders, discard this\n      return context.menuBuilders.concat(menuBuilder as MenuBuilder);\n    } else if (menuBuilder) {\n      return [menuBuilder as MenuBuilder];\n    } else {\n      return context?.menuBuilders || [];\n    }\n  }, [context, menuBuilder]);\n\n  const handleMenuAction = useCallback<MenuActionHandler>(\n    (menuItemId, options) => {\n      if (menuActionHandler?.(menuItemId, options)) {\n        return true;\n      }\n\n      if (context?.menuActionHandler?.(menuItemId, options)) {\n        return true;\n      }\n    },\n    [context, menuActionHandler],\n  );\n\n  return (\n    <ContextMenuContext.Provider\n      value={{\n        menuActionHandler: handleMenuAction,\n        menuBuilders,\n        showContextMenu,\n      }}\n    >\n      {children}\n      {contextMenu}\n    </ContextMenuContext.Provider>\n  );\n};\n\nexport const ContextMenuProvider = <L extends string = string, O = unknown>({\n  children,\n  menuActionHandler,\n  menuBuilder,\n}: ContextMenuProviderProps<L, O>) => {\n  return (\n    <ContextMenuContext.Consumer>\n      {(parentContext) => (\n        <Provider<L, O>\n          context={parentContext}\n          menuActionHandler={menuActionHandler}\n          menuBuilder={menuBuilder}\n        >\n          {children}\n        </Provider>\n      )}\n    </ContextMenuContext.Consumer>\n  );\n};\n","import { Menu, MenuItem, MenuPanel, MenuTrigger } from \"@salt-ds/core\";\nimport { MenuActionHandler } from \"./ContextMenuProvider\";\n\nexport interface ContextMenuItemBase {\n  className?: string;\n  icon?: string;\n  label: string;\n  location?: string;\n}\n\nexport interface ContextMenuLeafItemDescriptor extends ContextMenuItemBase {\n  id: string;\n  options?: unknown;\n}\n\nexport interface ContextMenuGroupItemDescriptor extends ContextMenuItemBase {\n  children: ContextMenuItemDescriptor[];\n}\n\nexport type ContextMenuItemDescriptor =\n  | ContextMenuLeafItemDescriptor\n  | ContextMenuGroupItemDescriptor;\n\nexport const isGroupMenuItemDescriptor = (\n  menuItem?: ContextMenuItemDescriptor,\n): menuItem is ContextMenuGroupItemDescriptor =>\n  menuItem !== undefined && \"children\" in menuItem;\n\nexport const menuItemsFromMenuDescriptors = (\n  menuDescriptors: ContextMenuItemDescriptor[],\n  menuActionHandler: MenuActionHandler,\n) => {\n  const fromDescriptor = (\n    menuItem: ContextMenuItemDescriptor,\n    index: number,\n  ) =>\n    isGroupMenuItemDescriptor(menuItem) ? (\n      <Menu key={index}>\n        <MenuTrigger>\n          <MenuItem>{menuItem.label}</MenuItem>\n        </MenuTrigger>\n        <MenuPanel className=\"vuuContextMenuPanel\">\n          {menuItem.children.map(fromDescriptor)}\n        </MenuPanel>\n      </Menu>\n    ) : (\n      <MenuItem\n        key={index}\n        className={menuItem.className}\n        data-icon={menuItem.icon}\n        onClick={() => menuActionHandler(menuItem.id, menuItem.options)}\n      >\n        {menuItem.label}\n      </MenuItem>\n    );\n\n  return menuDescriptors.map(fromDescriptor);\n};\n","import { VirtualElement } from \"@floating-ui/dom\";\nimport { Menu, MenuPanel, MenuProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { MenuActionHandler } from \"./ContextMenuProvider\";\nimport {\n  ContextMenuItemDescriptor,\n  menuItemsFromMenuDescriptors,\n} from \"./menu-utils\";\n\nimport contextMenuCss from \"./ContextMenu.css\";\n\nexport interface ContextMenuProps\n  extends Pick<MenuProps, \"open\" | \"onOpenChange\"> {\n  menuHandler: MenuActionHandler;\n  menuItemDescriptors: ContextMenuItemDescriptor[];\n  x: number;\n  y: number;\n}\n\nexport const ContextMenu = ({\n  menuHandler,\n  menuItemDescriptors,\n  onOpenChange,\n  open,\n  x,\n  y,\n}: ContextMenuProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-context-menu\",\n    css: contextMenuCss,\n    window: targetWindow,\n  });\n\n  const virtualElement: VirtualElement = {\n    getBoundingClientRect: () => ({\n      width: 0,\n      height: 0,\n      x,\n      y,\n      top: y,\n      right: x,\n      bottom: y,\n      left: x,\n    }),\n  };\n\n  return (\n    <Menu\n      getVirtualElement={() => virtualElement}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      <MenuPanel className=\"vuuContextMenuPanel\">\n        {menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler)}\n      </MenuPanel>\n    </Menu>\n  );\n};\n","import { useCallback, useContext } from \"react\";\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\nimport {\n  ContextMenuContext,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"./ContextMenuProvider\";\nimport { ContextMenuItemDescriptor } from \"./menu-utils\";\n\nexport type EventLike = {\n  clientX: number;\n  clientY: number;\n  preventDefault?: () => void;\n  stopPropagation?: () => void;\n};\n\nexport type ShowContextMenu = (\n  e: EventLike,\n  location: string,\n  options: unknown,\n  contextMenuProps?: Pick<ContextMenuProps, \"onOpenChange\" | \"x\" | \"y\">,\n) => void;\n\n// The argument allows a top-level menuBuilder to operate outside the Context\nexport const useContextMenu = (\n  menuBuilder?: MenuBuilder,\n  menuActionHandler?: MenuActionHandler,\n): ShowContextMenu => {\n  const ctx = useContext(ContextMenuContext);\n\n  const buildMenuOptions = useCallback(\n    (menuBuilders: MenuBuilder[], location: string, options: unknown) => {\n      let results: ContextMenuItemDescriptor[] = [];\n      for (const menuBuilder of menuBuilders) {\n        // Maybe we should leave the concatenation to the menuBuilder, then it can control menuItem order\n        results = results.concat(menuBuilder(location, options));\n      }\n      return results;\n    },\n    [],\n  );\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        ctx?.showContextMenu(null);\n      }\n    },\n    [ctx],\n  );\n\n  const showContextMenu = useCallback<ShowContextMenu>(\n    (\n      evt,\n      location,\n      options,\n      { onOpenChange, x = evt.clientX, y = evt.clientY } = {\n        x: evt.clientX,\n        y: evt.clientY,\n      },\n    ) => {\n      evt.stopPropagation?.();\n      evt.preventDefault?.();\n\n      console.log(\n        `showContextMenu at ${evt.clientX} ${evt.clientY} location ${location}`,\n      );\n\n      const menuBuilders: MenuBuilder[] = [];\n      if (menuBuilder) {\n        menuBuilders.push(menuBuilder);\n      }\n      if (\n        ctx &&\n        Array.isArray(ctx?.menuBuilders) &&\n        ctx.menuBuilders.length > 0\n      ) {\n        menuBuilders.push(...ctx.menuBuilders);\n      }\n\n      if (menuBuilders.length > 0) {\n        const menuItemDescriptors = buildMenuOptions(\n          menuBuilders,\n          location,\n          options,\n        );\n\n        const menuHandler: MenuActionHandler = (menuItemId, options) => {\n          if (menuActionHandler?.(menuItemId, options) === true) {\n            return true;\n          } else {\n            return ctx?.menuActionHandler(menuItemId, options);\n          }\n        };\n\n        const localOpenChange = (isOpen: boolean) => {\n          onOpenChange?.(isOpen);\n          handleOpenChange(isOpen);\n        };\n\n        if (menuItemDescriptors.length) {\n          ctx?.showContextMenu(\n            <ContextMenu\n              menuHandler={menuHandler}\n              menuItemDescriptors={menuItemDescriptors}\n              onOpenChange={localOpenChange}\n              open={true}\n              x={x}\n              y={y}\n            />,\n          );\n        }\n      } else {\n        console.warn(\n          \"useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)\",\n        );\n      }\n    },\n    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder],\n  );\n\n  return showContextMenu;\n};\n"],"names":["createContext","useState","useMemo","contextMenu","useCallback","jsxs","jsx","Menu","MenuTrigger","MenuItem","MenuPanel","useWindow","useComponentCssInjection","useContext","menuBuilder","options"],"mappings":"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"}

package/esm/index.js

@@ -1,4 +1,215 @@
-export { ContextMenuProvider } from './ContextMenuProvider.js';
-export { isGroupMenuItemDescriptor } from './menu-utils.js';
-export { useContextMenu } from './useContextMenu.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useCallback, useContext } from 'react';
+import { Menu, MenuTrigger, MenuItem, MenuPanel } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+
+const ContextMenuContext = createContext(
+  null
+);
+const Provider = ({
+  children,
+  context,
+  menuActionHandler,
+  menuBuilder
+}) => {
+  const [contextMenu, setContextMenu] = useState(null);
+  const showContextMenu = useMemo(() => {
+    if (context?.showContextMenu) {
+      return context.showContextMenu;
+    } else {
+      return (contextMenu2) => {
+        setContextMenu(contextMenu2);
+      };
+    }
+  }, [context]);
+  const menuBuilders = useMemo(() => {
+    if (context?.menuBuilders && menuBuilder) {
+      return context.menuBuilders.concat(menuBuilder);
+    } else if (menuBuilder) {
+      return [menuBuilder];
+    } else {
+      return context?.menuBuilders || [];
+    }
+  }, [context, menuBuilder]);
+  const handleMenuAction = useCallback(
+    (menuItemId, options) => {
+      if (menuActionHandler?.(menuItemId, options)) {
+        return true;
+      }
+      if (context?.menuActionHandler?.(menuItemId, options)) {
+        return true;
+      }
+    },
+    [context, menuActionHandler]
+  );
+  return /* @__PURE__ */ jsxs(
+    ContextMenuContext.Provider,
+    {
+      value: {
+        menuActionHandler: handleMenuAction,
+        menuBuilders,
+        showContextMenu
+      },
+      children: [
+        children,
+        contextMenu
+      ]
+    }
+  );
+};
+const ContextMenuProvider = ({
+  children,
+  menuActionHandler,
+  menuBuilder
+}) => {
+  return /* @__PURE__ */ jsx(ContextMenuContext.Consumer, { children: (parentContext) => /* @__PURE__ */ jsx(
+    Provider,
+    {
+      context: parentContext,
+      menuActionHandler,
+      menuBuilder,
+      children
+    }
+  ) });
+};
+
+const isGroupMenuItemDescriptor = (menuItem) => menuItem !== void 0 && "children" in menuItem;
+const menuItemsFromMenuDescriptors = (menuDescriptors, menuActionHandler) => {
+  const fromDescriptor = (menuItem, index) => isGroupMenuItemDescriptor(menuItem) ? /* @__PURE__ */ jsxs(Menu, { children: [
+    /* @__PURE__ */ jsx(MenuTrigger, { children: /* @__PURE__ */ jsx(MenuItem, { children: menuItem.label }) }),
+    /* @__PURE__ */ jsx(MenuPanel, { className: "vuuContextMenuPanel", children: menuItem.children.map(fromDescriptor) })
+  ] }, index) : /* @__PURE__ */ jsx(
+    MenuItem,
+    {
+      className: menuItem.className,
+      "data-icon": menuItem.icon,
+      onClick: () => menuActionHandler(menuItem.id, menuItem.options),
+      children: menuItem.label
+    },
+    index
+  );
+  return menuDescriptors.map(fromDescriptor);
+};
+
+var contextMenuCss = ".vuuContextMenuPanel {\n    &:has([data-icon]) {\n        .saltMenuItem {\n            padding-left: calc(var(--salt-spacing-400) + var(--salt-spacing-200));\n        }\n        .saltMenuItem[data-icon]:after {\n            --vuu-icon-left: var(--salt-spacing-150);\n            --vuu-icon-top: var(--salt-spacing-150);\n        }\n        .saltMenuItem[aria-haspopup=\"menu\"]:after {\n            content: \"\";\n            background-color: var(--vuu-icon-color, var(--saltIcon-color, var(--salt-content-secondary-foreground)));\n            right: var(--salt-spacing-100);\n            height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n            mask: var(--vuu-svg-triangle-right) center center / 8px 8px;\n            mask-repeat: no-repeat;\n            position: absolute;\n            transform: rotate(315deg);\n            top: var(--salt-spacing-200);\n            width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n        }\n    }\n}";
+
+const ContextMenu = ({
+  menuHandler,
+  menuItemDescriptors,
+  onOpenChange,
+  open,
+  x,
+  y
+}) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-context-menu",
+    css: contextMenuCss,
+    window: targetWindow
+  });
+  const virtualElement = {
+    getBoundingClientRect: () => ({
+      width: 0,
+      height: 0,
+      x,
+      y,
+      top: y,
+      right: x,
+      bottom: y,
+      left: x
+    })
+  };
+  return /* @__PURE__ */ jsx(
+    Menu,
+    {
+      getVirtualElement: () => virtualElement,
+      onOpenChange,
+      open,
+      children: /* @__PURE__ */ jsx(MenuPanel, { className: "vuuContextMenuPanel", children: menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler) })
+    }
+  );
+};
+
+const useContextMenu = (menuBuilder, menuActionHandler) => {
+  const ctx = useContext(ContextMenuContext);
+  const buildMenuOptions = useCallback(
+    (menuBuilders, location, options) => {
+      let results = [];
+      for (const menuBuilder2 of menuBuilders) {
+        results = results.concat(menuBuilder2(location, options));
+      }
+      return results;
+    },
+    []
+  );
+  const handleOpenChange = useCallback(
+    (open) => {
+      if (!open) {
+        ctx?.showContextMenu(null);
+      }
+    },
+    [ctx]
+  );
+  const showContextMenu = useCallback(
+    (evt, location, options, { onOpenChange, x = evt.clientX, y = evt.clientY } = {
+      x: evt.clientX,
+      y: evt.clientY
+    }) => {
+      evt.stopPropagation?.();
+      evt.preventDefault?.();
+      console.log(
+        `showContextMenu at ${evt.clientX} ${evt.clientY} location ${location}`
+      );
+      const menuBuilders = [];
+      if (menuBuilder) {
+        menuBuilders.push(menuBuilder);
+      }
+      if (ctx && Array.isArray(ctx?.menuBuilders) && ctx.menuBuilders.length > 0) {
+        menuBuilders.push(...ctx.menuBuilders);
+      }
+      if (menuBuilders.length > 0) {
+        const menuItemDescriptors = buildMenuOptions(
+          menuBuilders,
+          location,
+          options
+        );
+        const menuHandler = (menuItemId, options2) => {
+          if (menuActionHandler?.(menuItemId, options2) === true) {
+            return true;
+          } else {
+            return ctx?.menuActionHandler(menuItemId, options2);
+          }
+        };
+        const localOpenChange = (isOpen) => {
+          onOpenChange?.(isOpen);
+          handleOpenChange(isOpen);
+        };
+        if (menuItemDescriptors.length) {
+          ctx?.showContextMenu(
+            /* @__PURE__ */ jsx(
+              ContextMenu,
+              {
+                menuHandler,
+                menuItemDescriptors,
+                onOpenChange: localOpenChange,
+                open: true,
+                x,
+                y
+              }
+            )
+          );
+        }
+      } else {
+        console.warn(
+          "useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)"
+        );
+      }
+    },
+    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder]
+  );
+  return showContextMenu;
+};
+
+export { ContextMenuProvider, isGroupMenuItemDescriptor, useContextMenu };
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":["../src/ContextMenuProvider.tsx","../src/menu-utils.tsx","../src/ContextMenu.tsx","../src/useContextMenu.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { ContextMenuItemDescriptor } from \"./menu-utils\";\n\nexport type MenuActionHandler<T extends string = string, Options = unknown> = (\n  menuItemId: T,\n  options?: Options,\n) => boolean | undefined;\n\nexport type MenuBuilder<Location extends string = string, Options = unknown> = (\n  location: Location,\n  options: Options,\n) => ContextMenuItemDescriptor[];\n\nexport interface ContextMenuContextType {\n  menuBuilders: MenuBuilder[];\n  menuActionHandler: MenuActionHandler;\n  showContextMenu: (contextMenu: ReactElement | null) => void;\n}\n\nexport const ContextMenuContext = createContext<ContextMenuContextType | null>(\n  null,\n);\n\nexport interface ContextMenuProviderProps<\n  L extends string = string,\n  O = unknown,\n> {\n  children: ReactNode;\n  menuActionHandler?: MenuActionHandler;\n  menuBuilder?: MenuBuilder<L, O>;\n}\n\ninterface ProviderProps<L extends string = string, O = unknown>\n  extends ContextMenuProviderProps<L, O> {\n  context: ContextMenuContextType | null;\n}\n\nconst Provider = <L extends string = string, O = unknown>({\n  children,\n  context,\n  menuActionHandler,\n  menuBuilder,\n}: ProviderProps<L, O>) => {\n  const [contextMenu, setContextMenu] = useState<ReactElement | null>(null);\n  const showContextMenu = useMemo(() => {\n    if (context?.showContextMenu) {\n      return context.showContextMenu;\n    } else {\n      return (contextMenu: ReactElement | null) => {\n        setContextMenu(contextMenu);\n      };\n    }\n  }, [context]);\n  const menuBuilders = useMemo(() => {\n    if (context?.menuBuilders && menuBuilder) {\n      // menuBuilder may have a narrower type than the inherited menuBuilders, discard this\n      return context.menuBuilders.concat(menuBuilder as MenuBuilder);\n    } else if (menuBuilder) {\n      return [menuBuilder as MenuBuilder];\n    } else {\n      return context?.menuBuilders || [];\n    }\n  }, [context, menuBuilder]);\n\n  const handleMenuAction = useCallback<MenuActionHandler>(\n    (menuItemId, options) => {\n      if (menuActionHandler?.(menuItemId, options)) {\n        return true;\n      }\n\n      if (context?.menuActionHandler?.(menuItemId, options)) {\n        return true;\n      }\n    },\n    [context, menuActionHandler],\n  );\n\n  return (\n    <ContextMenuContext.Provider\n      value={{\n        menuActionHandler: handleMenuAction,\n        menuBuilders,\n        showContextMenu,\n      }}\n    >\n      {children}\n      {contextMenu}\n    </ContextMenuContext.Provider>\n  );\n};\n\nexport const ContextMenuProvider = <L extends string = string, O = unknown>({\n  children,\n  menuActionHandler,\n  menuBuilder,\n}: ContextMenuProviderProps<L, O>) => {\n  return (\n    <ContextMenuContext.Consumer>\n      {(parentContext) => (\n        <Provider<L, O>\n          context={parentContext}\n          menuActionHandler={menuActionHandler}\n          menuBuilder={menuBuilder}\n        >\n          {children}\n        </Provider>\n      )}\n    </ContextMenuContext.Consumer>\n  );\n};\n","import { Menu, MenuItem, MenuPanel, MenuTrigger } from \"@salt-ds/core\";\nimport { MenuActionHandler } from \"./ContextMenuProvider\";\n\nexport interface ContextMenuItemBase {\n  className?: string;\n  icon?: string;\n  label: string;\n  location?: string;\n}\n\nexport interface ContextMenuLeafItemDescriptor extends ContextMenuItemBase {\n  id: string;\n  options?: unknown;\n}\n\nexport interface ContextMenuGroupItemDescriptor extends ContextMenuItemBase {\n  children: ContextMenuItemDescriptor[];\n}\n\nexport type ContextMenuItemDescriptor =\n  | ContextMenuLeafItemDescriptor\n  | ContextMenuGroupItemDescriptor;\n\nexport const isGroupMenuItemDescriptor = (\n  menuItem?: ContextMenuItemDescriptor,\n): menuItem is ContextMenuGroupItemDescriptor =>\n  menuItem !== undefined && \"children\" in menuItem;\n\nexport const menuItemsFromMenuDescriptors = (\n  menuDescriptors: ContextMenuItemDescriptor[],\n  menuActionHandler: MenuActionHandler,\n) => {\n  const fromDescriptor = (\n    menuItem: ContextMenuItemDescriptor,\n    index: number,\n  ) =>\n    isGroupMenuItemDescriptor(menuItem) ? (\n      <Menu key={index}>\n        <MenuTrigger>\n          <MenuItem>{menuItem.label}</MenuItem>\n        </MenuTrigger>\n        <MenuPanel className=\"vuuContextMenuPanel\">\n          {menuItem.children.map(fromDescriptor)}\n        </MenuPanel>\n      </Menu>\n    ) : (\n      <MenuItem\n        key={index}\n        className={menuItem.className}\n        data-icon={menuItem.icon}\n        onClick={() => menuActionHandler(menuItem.id, menuItem.options)}\n      >\n        {menuItem.label}\n      </MenuItem>\n    );\n\n  return menuDescriptors.map(fromDescriptor);\n};\n","import { VirtualElement } from \"@floating-ui/dom\";\nimport { Menu, MenuPanel, MenuProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { MenuActionHandler } from \"./ContextMenuProvider\";\nimport {\n  ContextMenuItemDescriptor,\n  menuItemsFromMenuDescriptors,\n} from \"./menu-utils\";\n\nimport contextMenuCss from \"./ContextMenu.css\";\n\nexport interface ContextMenuProps\n  extends Pick<MenuProps, \"open\" | \"onOpenChange\"> {\n  menuHandler: MenuActionHandler;\n  menuItemDescriptors: ContextMenuItemDescriptor[];\n  x: number;\n  y: number;\n}\n\nexport const ContextMenu = ({\n  menuHandler,\n  menuItemDescriptors,\n  onOpenChange,\n  open,\n  x,\n  y,\n}: ContextMenuProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-context-menu\",\n    css: contextMenuCss,\n    window: targetWindow,\n  });\n\n  const virtualElement: VirtualElement = {\n    getBoundingClientRect: () => ({\n      width: 0,\n      height: 0,\n      x,\n      y,\n      top: y,\n      right: x,\n      bottom: y,\n      left: x,\n    }),\n  };\n\n  return (\n    <Menu\n      getVirtualElement={() => virtualElement}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      <MenuPanel className=\"vuuContextMenuPanel\">\n        {menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler)}\n      </MenuPanel>\n    </Menu>\n  );\n};\n","import { useCallback, useContext } from \"react\";\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\nimport {\n  ContextMenuContext,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"./ContextMenuProvider\";\nimport { ContextMenuItemDescriptor } from \"./menu-utils\";\n\nexport type EventLike = {\n  clientX: number;\n  clientY: number;\n  preventDefault?: () => void;\n  stopPropagation?: () => void;\n};\n\nexport type ShowContextMenu = (\n  e: EventLike,\n  location: string,\n  options: unknown,\n  contextMenuProps?: Pick<ContextMenuProps, \"onOpenChange\" | \"x\" | \"y\">,\n) => void;\n\n// The argument allows a top-level menuBuilder to operate outside the Context\nexport const useContextMenu = (\n  menuBuilder?: MenuBuilder,\n  menuActionHandler?: MenuActionHandler,\n): ShowContextMenu => {\n  const ctx = useContext(ContextMenuContext);\n\n  const buildMenuOptions = useCallback(\n    (menuBuilders: MenuBuilder[], location: string, options: unknown) => {\n      let results: ContextMenuItemDescriptor[] = [];\n      for (const menuBuilder of menuBuilders) {\n        // Maybe we should leave the concatenation to the menuBuilder, then it can control menuItem order\n        results = results.concat(menuBuilder(location, options));\n      }\n      return results;\n    },\n    [],\n  );\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        ctx?.showContextMenu(null);\n      }\n    },\n    [ctx],\n  );\n\n  const showContextMenu = useCallback<ShowContextMenu>(\n    (\n      evt,\n      location,\n      options,\n      { onOpenChange, x = evt.clientX, y = evt.clientY } = {\n        x: evt.clientX,\n        y: evt.clientY,\n      },\n    ) => {\n      evt.stopPropagation?.();\n      evt.preventDefault?.();\n\n      console.log(\n        `showContextMenu at ${evt.clientX} ${evt.clientY} location ${location}`,\n      );\n\n      const menuBuilders: MenuBuilder[] = [];\n      if (menuBuilder) {\n        menuBuilders.push(menuBuilder);\n      }\n      if (\n        ctx &&\n        Array.isArray(ctx?.menuBuilders) &&\n        ctx.menuBuilders.length > 0\n      ) {\n        menuBuilders.push(...ctx.menuBuilders);\n      }\n\n      if (menuBuilders.length > 0) {\n        const menuItemDescriptors = buildMenuOptions(\n          menuBuilders,\n          location,\n          options,\n        );\n\n        const menuHandler: MenuActionHandler = (menuItemId, options) => {\n          if (menuActionHandler?.(menuItemId, options) === true) {\n            return true;\n          } else {\n            return ctx?.menuActionHandler(menuItemId, options);\n          }\n        };\n\n        const localOpenChange = (isOpen: boolean) => {\n          onOpenChange?.(isOpen);\n          handleOpenChange(isOpen);\n        };\n\n        if (menuItemDescriptors.length) {\n          ctx?.showContextMenu(\n            <ContextMenu\n              menuHandler={menuHandler}\n              menuItemDescriptors={menuItemDescriptors}\n              onOpenChange={localOpenChange}\n              open={true}\n              x={x}\n              y={y}\n            />,\n          );\n        }\n      } else {\n        console.warn(\n          \"useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)\",\n        );\n      }\n    },\n    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder],\n  );\n\n  return showContextMenu;\n};\n"],"names":["contextMenu","menuBuilder","options"],"mappings":"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"}

package/package.json

@@ -1,14 +1,14 @@
 {
-  "version": "0.13.7",
+  "version": "0.13.8",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.13.7",
-    "@vuu-ui/vuu-protocol-types": "0.13.7",
-    "@vuu-ui/vuu-table-types": "0.13.7"
+    "@vuu-ui/vuu-data-types": "0.13.8",
+    "@vuu-ui/vuu-protocol-types": "0.13.8",
+    "@vuu-ui/vuu-table-types": "0.13.8"
   },
   "dependencies": {
-    "@vuu-ui/vuu-utils": "0.13.7",
+    "@vuu-ui/vuu-utils": "0.13.8",
     "@salt-ds/core": "1.43.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"

package/cjs/ContextMenu.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var contextMenuCss = ".vuuContextMenuPanel {\n    &:has([data-icon]) {\n        .saltMenuItem {\n            padding-left: calc(var(--salt-spacing-400) + var(--salt-spacing-200));\n        }\n        .saltMenuItem[data-icon]:after {\n            --vuu-icon-left: var(--salt-spacing-150);\n            --vuu-icon-top: var(--salt-spacing-150);\n        }\n        .saltMenuItem[aria-haspopup=\"menu\"]:after {\n            content: \"\";\n            background-color: var(--vuu-icon-color, var(--saltIcon-color, var(--salt-content-secondary-foreground)));\n            right: var(--salt-spacing-100);\n            height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n            mask: var(--vuu-svg-triangle-right) center center / 8px 8px;\n            mask-repeat: no-repeat;\n            position: absolute;\n            transform: rotate(315deg);\n            top: var(--salt-spacing-200);\n            width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n        }\n    }\n}";
-
-module.exports = contextMenuCss;
-//# sourceMappingURL=ContextMenu.css.js.map

package/cjs/ContextMenu.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/ContextMenu.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var menuUtils = require('./menu-utils.js');
-var ContextMenu$1 = require('./ContextMenu.css.js');
-
-const ContextMenu = ({
-  menuHandler,
-  menuItemDescriptors,
-  onOpenChange,
-  open,
-  x,
-  y
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-context-menu",
-    css: ContextMenu$1,
-    window: targetWindow
-  });
-  const virtualElement = {
-    getBoundingClientRect: () => ({
-      width: 0,
-      height: 0,
-      x,
-      y,
-      top: y,
-      right: x,
-      bottom: y,
-      left: x
-    })
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Menu,
-    {
-      getVirtualElement: () => virtualElement,
-      onOpenChange,
-      open,
-      children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuPanel, { className: "vuuContextMenuPanel", children: menuUtils.menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler) })
-    }
-  );
-};
-
-exports.ContextMenu = ContextMenu;
-//# sourceMappingURL=ContextMenu.js.map

package/cjs/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.js","sources":["../src/ContextMenu.tsx"],"sourcesContent":["import { VirtualElement } from \"@floating-ui/dom\";\nimport { Menu, MenuPanel, MenuProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { MenuActionHandler } from \"./ContextMenuProvider\";\nimport {\n  ContextMenuItemDescriptor,\n  menuItemsFromMenuDescriptors,\n} from \"./menu-utils\";\n\nimport contextMenuCss from \"./ContextMenu.css\";\n\nexport interface ContextMenuProps\n  extends Pick<MenuProps, \"open\" | \"onOpenChange\"> {\n  menuHandler: MenuActionHandler;\n  menuItemDescriptors: ContextMenuItemDescriptor[];\n  x: number;\n  y: number;\n}\n\nexport const ContextMenu = ({\n  menuHandler,\n  menuItemDescriptors,\n  onOpenChange,\n  open,\n  x,\n  y,\n}: ContextMenuProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-context-menu\",\n    css: contextMenuCss,\n    window: targetWindow,\n  });\n\n  const virtualElement: VirtualElement = {\n    getBoundingClientRect: () => ({\n      width: 0,\n      height: 0,\n      x,\n      y,\n      top: y,\n      right: x,\n      bottom: y,\n      left: x,\n    }),\n  };\n\n  return (\n    <Menu\n      getVirtualElement={() => virtualElement}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      <MenuPanel className=\"vuuContextMenuPanel\">\n        {menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler)}\n      </MenuPanel>\n    </Menu>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","contextMenuCss","jsx","Menu","MenuPanel","menuItemsFromMenuDescriptors"],"mappings":";;;;;;;;;AAoBO,MAAM,cAAc,CAAC;AAAA,EAC1B,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,CAAA;AAAA,EACA;AACF,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,cAAiC,GAAA;AAAA,IACrC,uBAAuB,OAAO;AAAA,MAC5B,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,CAAA;AAAA,MACA,CAAA;AAAA,MACA,GAAK,EAAA,CAAA;AAAA,MACL,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,IAAM,EAAA;AAAA,KACR;AAAA,GACF;AAEA,EACE,uBAAAC,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,mBAAmB,MAAM,cAAA;AAAA,MACzB,YAAA;AAAA,MACA,IAAA;AAAA,MAEA,yCAACC,cAAU,EAAA,EAAA,SAAA,EAAU,uBAClB,QAA6B,EAAAC,sCAAA,CAAA,mBAAA,EAAqB,WAAW,CAChE,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/cjs/ContextMenuProvider.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const ContextMenuContext = react.createContext(
-  null
-);
-const Provider = ({
-  children,
-  context,
-  menuActionHandler,
-  menuBuilder
-}) => {
-  const [contextMenu, setContextMenu] = react.useState(null);
-  const showContextMenu = react.useMemo(() => {
-    if (context?.showContextMenu) {
-      return context.showContextMenu;
-    } else {
-      return (contextMenu2) => {
-        setContextMenu(contextMenu2);
-      };
-    }
-  }, [context]);
-  const menuBuilders = react.useMemo(() => {
-    if (context?.menuBuilders && menuBuilder) {
-      return context.menuBuilders.concat(menuBuilder);
-    } else if (menuBuilder) {
-      return [menuBuilder];
-    } else {
-      return context?.menuBuilders || [];
-    }
-  }, [context, menuBuilder]);
-  const handleMenuAction = react.useCallback(
-    (menuItemId, options) => {
-      if (menuActionHandler?.(menuItemId, options)) {
-        return true;
-      }
-      if (context?.menuActionHandler?.(menuItemId, options)) {
-        return true;
-      }
-    },
-    [context, menuActionHandler]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ContextMenuContext.Provider,
-    {
-      value: {
-        menuActionHandler: handleMenuAction,
-        menuBuilders,
-        showContextMenu
-      },
-      children: [
-        children,
-        contextMenu
-      ]
-    }
-  );
-};
-const ContextMenuProvider = ({
-  children,
-  menuActionHandler,
-  menuBuilder
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContext.Consumer, { children: (parentContext) => /* @__PURE__ */ jsxRuntime.jsx(
-    Provider,
-    {
-      context: parentContext,
-      menuActionHandler,
-      menuBuilder,
-      children
-    }
-  ) });
-};
-
-exports.ContextMenuContext = ContextMenuContext;
-exports.ContextMenuProvider = ContextMenuProvider;
-//# sourceMappingURL=ContextMenuProvider.js.map

package/cjs/ContextMenuProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuProvider.js","sources":["../src/ContextMenuProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { ContextMenuItemDescriptor } from \"./menu-utils\";\n\nexport type MenuActionHandler<T extends string = string, Options = unknown> = (\n  menuItemId: T,\n  options?: Options,\n) => boolean | undefined;\n\nexport type MenuBuilder<Location extends string = string, Options = unknown> = (\n  location: Location,\n  options: Options,\n) => ContextMenuItemDescriptor[];\n\nexport interface ContextMenuContextType {\n  menuBuilders: MenuBuilder[];\n  menuActionHandler: MenuActionHandler;\n  showContextMenu: (contextMenu: ReactElement | null) => void;\n}\n\nexport const ContextMenuContext = createContext<ContextMenuContextType | null>(\n  null,\n);\n\nexport interface ContextMenuProviderProps<\n  L extends string = string,\n  O = unknown,\n> {\n  children: ReactNode;\n  menuActionHandler?: MenuActionHandler;\n  menuBuilder?: MenuBuilder<L, O>;\n}\n\ninterface ProviderProps<L extends string = string, O = unknown>\n  extends ContextMenuProviderProps<L, O> {\n  context: ContextMenuContextType | null;\n}\n\nconst Provider = <L extends string = string, O = unknown>({\n  children,\n  context,\n  menuActionHandler,\n  menuBuilder,\n}: ProviderProps<L, O>) => {\n  const [contextMenu, setContextMenu] = useState<ReactElement | null>(null);\n  const showContextMenu = useMemo(() => {\n    if (context?.showContextMenu) {\n      return context.showContextMenu;\n    } else {\n      return (contextMenu: ReactElement | null) => {\n        setContextMenu(contextMenu);\n      };\n    }\n  }, [context]);\n  const menuBuilders = useMemo(() => {\n    if (context?.menuBuilders && menuBuilder) {\n      // menuBuilder may have a narrower type than the inherited menuBuilders, discard this\n      return context.menuBuilders.concat(menuBuilder as MenuBuilder);\n    } else if (menuBuilder) {\n      return [menuBuilder as MenuBuilder];\n    } else {\n      return context?.menuBuilders || [];\n    }\n  }, [context, menuBuilder]);\n\n  const handleMenuAction = useCallback<MenuActionHandler>(\n    (menuItemId, options) => {\n      if (menuActionHandler?.(menuItemId, options)) {\n        return true;\n      }\n\n      if (context?.menuActionHandler?.(menuItemId, options)) {\n        return true;\n      }\n    },\n    [context, menuActionHandler],\n  );\n\n  return (\n    <ContextMenuContext.Provider\n      value={{\n        menuActionHandler: handleMenuAction,\n        menuBuilders,\n        showContextMenu,\n      }}\n    >\n      {children}\n      {contextMenu}\n    </ContextMenuContext.Provider>\n  );\n};\n\nexport const ContextMenuProvider = <L extends string = string, O = unknown>({\n  children,\n  menuActionHandler,\n  menuBuilder,\n}: ContextMenuProviderProps<L, O>) => {\n  return (\n    <ContextMenuContext.Consumer>\n      {(parentContext) => (\n        <Provider<L, O>\n          context={parentContext}\n          menuActionHandler={menuActionHandler}\n          menuBuilder={menuBuilder}\n        >\n          {children}\n        </Provider>\n      )}\n    </ContextMenuContext.Consumer>\n  );\n};\n"],"names":["createContext","useState","useMemo","contextMenu","useCallback","jsxs","jsx"],"mappings":";;;;;AA2BO,MAAM,kBAAqB,GAAAA,mBAAA;AAAA,EAChC;AACF;AAgBA,MAAM,WAAW,CAAyC;AAAA,EACxD,QAAA;AAAA,EACA,OAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,eAA8B,IAAI,CAAA;AACxE,EAAM,MAAA,eAAA,GAAkBC,cAAQ,MAAM;AACpC,IAAA,IAAI,SAAS,eAAiB,EAAA;AAC5B,MAAA,OAAO,OAAQ,CAAA,eAAA;AAAA,KACV,MAAA;AACL,MAAA,OAAO,CAACC,YAAqC,KAAA;AAC3C,QAAA,cAAA,CAAeA,YAAW,CAAA;AAAA,OAC5B;AAAA;AACF,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAM,MAAA,YAAA,GAAeD,cAAQ,MAAM;AACjC,IAAI,IAAA,OAAA,EAAS,gBAAgB,WAAa,EAAA;AAExC,MAAO,OAAA,OAAA,CAAQ,YAAa,CAAA,MAAA,CAAO,WAA0B,CAAA;AAAA,eACpD,WAAa,EAAA;AACtB,MAAA,OAAO,CAAC,WAA0B,CAAA;AAAA,KAC7B,MAAA;AACL,MAAO,OAAA,OAAA,EAAS,gBAAgB,EAAC;AAAA;AACnC,GACC,EAAA,CAAC,OAAS,EAAA,WAAW,CAAC,CAAA;AAEzB,EAAA,MAAM,gBAAmB,GAAAE,iBAAA;AAAA,IACvB,CAAC,YAAY,OAAY,KAAA;AACvB,MAAI,IAAA,iBAAA,GAAoB,UAAY,EAAA,OAAO,CAAG,EAAA;AAC5C,QAAO,OAAA,IAAA;AAAA;AAGT,MAAA,IAAI,OAAS,EAAA,iBAAA,GAAoB,UAAY,EAAA,OAAO,CAAG,EAAA;AACrD,QAAO,OAAA,IAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,SAAS,iBAAiB;AAAA,GAC7B;AAEA,EACE,uBAAAC,eAAA;AAAA,IAAC,kBAAmB,CAAA,QAAA;AAAA,IAAnB;AAAA,MACC,KAAO,EAAA;AAAA,QACL,iBAAmB,EAAA,gBAAA;AAAA,QACnB,YAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA;AAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAEO,MAAM,sBAAsB,CAAyC;AAAA,EAC1E,QAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAsC,KAAA;AACpC,EAAA,uBACGC,cAAA,CAAA,kBAAA,CAAmB,QAAnB,EAAA,EACE,WAAC,aACA,qBAAAA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,aAAA;AAAA,MACT,iBAAA;AAAA,MACA,WAAA;AAAA,MAEC;AAAA;AAAA,GAGP,EAAA,CAAA;AAEJ;;;;;"}

package/cjs/menu-utils.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-
-const isGroupMenuItemDescriptor = (menuItem) => menuItem !== void 0 && "children" in menuItem;
-const menuItemsFromMenuDescriptors = (menuDescriptors, menuActionHandler) => {
-  const fromDescriptor = (menuItem, index) => isGroupMenuItemDescriptor(menuItem) ? /* @__PURE__ */ jsxRuntime.jsxs(core.Menu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(core.MenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { children: menuItem.label }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(core.MenuPanel, { className: "vuuContextMenuPanel", children: menuItem.children.map(fromDescriptor) })
-  ] }, index) : /* @__PURE__ */ jsxRuntime.jsx(
-    core.MenuItem,
-    {
-      className: menuItem.className,
-      "data-icon": menuItem.icon,
-      onClick: () => menuActionHandler(menuItem.id, menuItem.options),
-      children: menuItem.label
-    },
-    index
-  );
-  return menuDescriptors.map(fromDescriptor);
-};
-
-exports.isGroupMenuItemDescriptor = isGroupMenuItemDescriptor;
-exports.menuItemsFromMenuDescriptors = menuItemsFromMenuDescriptors;
-//# sourceMappingURL=menu-utils.js.map

package/cjs/menu-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-utils.js","sources":["../src/menu-utils.tsx"],"sourcesContent":["import { Menu, MenuItem, MenuPanel, MenuTrigger } from \"@salt-ds/core\";\nimport { MenuActionHandler } from \"./ContextMenuProvider\";\n\nexport interface ContextMenuItemBase {\n  className?: string;\n  icon?: string;\n  label: string;\n  location?: string;\n}\n\nexport interface ContextMenuLeafItemDescriptor extends ContextMenuItemBase {\n  id: string;\n  options?: unknown;\n}\n\nexport interface ContextMenuGroupItemDescriptor extends ContextMenuItemBase {\n  children: ContextMenuItemDescriptor[];\n}\n\nexport type ContextMenuItemDescriptor =\n  | ContextMenuLeafItemDescriptor\n  | ContextMenuGroupItemDescriptor;\n\nexport const isGroupMenuItemDescriptor = (\n  menuItem?: ContextMenuItemDescriptor,\n): menuItem is ContextMenuGroupItemDescriptor =>\n  menuItem !== undefined && \"children\" in menuItem;\n\nexport const menuItemsFromMenuDescriptors = (\n  menuDescriptors: ContextMenuItemDescriptor[],\n  menuActionHandler: MenuActionHandler,\n) => {\n  const fromDescriptor = (\n    menuItem: ContextMenuItemDescriptor,\n    index: number,\n  ) =>\n    isGroupMenuItemDescriptor(menuItem) ? (\n      <Menu key={index}>\n        <MenuTrigger>\n          <MenuItem>{menuItem.label}</MenuItem>\n        </MenuTrigger>\n        <MenuPanel className=\"vuuContextMenuPanel\">\n          {menuItem.children.map(fromDescriptor)}\n        </MenuPanel>\n      </Menu>\n    ) : (\n      <MenuItem\n        key={index}\n        className={menuItem.className}\n        data-icon={menuItem.icon}\n        onClick={() => menuActionHandler(menuItem.id, menuItem.options)}\n      >\n        {menuItem.label}\n      </MenuItem>\n    );\n\n  return menuDescriptors.map(fromDescriptor);\n};\n"],"names":["Menu","jsx","MenuTrigger","MenuItem","MenuPanel"],"mappings":";;;;;AAuBO,MAAM,yBAA4B,GAAA,CACvC,QAEA,KAAA,QAAA,KAAa,UAAa,UAAc,IAAA;AAE7B,MAAA,4BAAA,GAA+B,CAC1C,eAAA,EACA,iBACG,KAAA;AACH,EAAM,MAAA,cAAA,GAAiB,CACrB,QACA,EAAA,KAAA,KAEA,0BAA0B,QAAQ,CAAA,mCAC/BA,SACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,gBACC,EAAA,EAAA,QAAA,kBAAAD,cAAA,CAACE,aAAU,EAAA,EAAA,QAAA,EAAA,QAAA,CAAS,OAAM,CAC5B,EAAA,CAAA;AAAA,oBACAF,cAAA,CAACG,kBAAU,SAAU,EAAA,qBAAA,EAClB,mBAAS,QAAS,CAAA,GAAA,CAAI,cAAc,CACvC,EAAA;AAAA,GAAA,EAAA,EANS,KAOX,CAEA,mBAAAH,cAAA;AAAA,IAACE,aAAA;AAAA,IAAA;AAAA,MAEC,WAAW,QAAS,CAAA,SAAA;AAAA,MACpB,aAAW,QAAS,CAAA,IAAA;AAAA,MACpB,SAAS,MAAM,iBAAA,CAAkB,QAAS,CAAA,EAAA,EAAI,SAAS,OAAO,CAAA;AAAA,MAE7D,QAAS,EAAA,QAAA,CAAA;AAAA,KAAA;AAAA,IALL;AAAA,GAMP;AAGJ,EAAO,OAAA,eAAA,CAAgB,IAAI,cAAc,CAAA;AAC3C;;;;;"}

package/cjs/useContextMenu.js

@@ -1,89 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var ContextMenu = require('./ContextMenu.js');
-var ContextMenuProvider = require('./ContextMenuProvider.js');
-
-const useContextMenu = (menuBuilder, menuActionHandler) => {
-  const ctx = react.useContext(ContextMenuProvider.ContextMenuContext);
-  const buildMenuOptions = react.useCallback(
-    (menuBuilders, location, options) => {
-      let results = [];
-      for (const menuBuilder2 of menuBuilders) {
-        results = results.concat(menuBuilder2(location, options));
-      }
-      return results;
-    },
-    []
-  );
-  const handleOpenChange = react.useCallback(
-    (open) => {
-      if (!open) {
-        ctx?.showContextMenu(null);
-      }
-    },
-    [ctx]
-  );
-  const showContextMenu = react.useCallback(
-    (evt, location, options, { onOpenChange, x = evt.clientX, y = evt.clientY } = {
-      x: evt.clientX,
-      y: evt.clientY
-    }) => {
-      evt.stopPropagation?.();
-      evt.preventDefault?.();
-      console.log(
-        `showContextMenu at ${evt.clientX} ${evt.clientY} location ${location}`
-      );
-      const menuBuilders = [];
-      if (menuBuilder) {
-        menuBuilders.push(menuBuilder);
-      }
-      if (ctx && Array.isArray(ctx?.menuBuilders) && ctx.menuBuilders.length > 0) {
-        menuBuilders.push(...ctx.menuBuilders);
-      }
-      if (menuBuilders.length > 0) {
-        const menuItemDescriptors = buildMenuOptions(
-          menuBuilders,
-          location,
-          options
-        );
-        const menuHandler = (menuItemId, options2) => {
-          if (menuActionHandler?.(menuItemId, options2) === true) {
-            return true;
-          } else {
-            return ctx?.menuActionHandler(menuItemId, options2);
-          }
-        };
-        const localOpenChange = (isOpen) => {
-          onOpenChange?.(isOpen);
-          handleOpenChange(isOpen);
-        };
-        if (menuItemDescriptors.length) {
-          ctx?.showContextMenu(
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ContextMenu.ContextMenu,
-              {
-                menuHandler,
-                menuItemDescriptors,
-                onOpenChange: localOpenChange,
-                open: true,
-                x,
-                y
-              }
-            )
-          );
-        }
-      } else {
-        console.warn(
-          "useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)"
-        );
-      }
-    },
-    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder]
-  );
-  return showContextMenu;
-};
-
-exports.useContextMenu = useContextMenu;
-//# sourceMappingURL=useContextMenu.js.map

package/cjs/useContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContextMenu.js","sources":["../src/useContextMenu.tsx"],"sourcesContent":["import { useCallback, useContext } from \"react\";\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\nimport {\n  ContextMenuContext,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"./ContextMenuProvider\";\nimport { ContextMenuItemDescriptor } from \"./menu-utils\";\n\nexport type EventLike = {\n  clientX: number;\n  clientY: number;\n  preventDefault?: () => void;\n  stopPropagation?: () => void;\n};\n\nexport type ShowContextMenu = (\n  e: EventLike,\n  location: string,\n  options: unknown,\n  contextMenuProps?: Pick<ContextMenuProps, \"onOpenChange\" | \"x\" | \"y\">,\n) => void;\n\n// The argument allows a top-level menuBuilder to operate outside the Context\nexport const useContextMenu = (\n  menuBuilder?: MenuBuilder,\n  menuActionHandler?: MenuActionHandler,\n): ShowContextMenu => {\n  const ctx = useContext(ContextMenuContext);\n\n  const buildMenuOptions = useCallback(\n    (menuBuilders: MenuBuilder[], location: string, options: unknown) => {\n      let results: ContextMenuItemDescriptor[] = [];\n      for (const menuBuilder of menuBuilders) {\n        // Maybe we should leave the concatenation to the menuBuilder, then it can control menuItem order\n        results = results.concat(menuBuilder(location, options));\n      }\n      return results;\n    },\n    [],\n  );\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        ctx?.showContextMenu(null);\n      }\n    },\n    [ctx],\n  );\n\n  const showContextMenu = useCallback<ShowContextMenu>(\n    (\n      evt,\n      location,\n      options,\n      { onOpenChange, x = evt.clientX, y = evt.clientY } = {\n        x: evt.clientX,\n        y: evt.clientY,\n      },\n    ) => {\n      evt.stopPropagation?.();\n      evt.preventDefault?.();\n\n      console.log(\n        `showContextMenu at ${evt.clientX} ${evt.clientY} location ${location}`,\n      );\n\n      const menuBuilders: MenuBuilder[] = [];\n      if (menuBuilder) {\n        menuBuilders.push(menuBuilder);\n      }\n      if (\n        ctx &&\n        Array.isArray(ctx?.menuBuilders) &&\n        ctx.menuBuilders.length > 0\n      ) {\n        menuBuilders.push(...ctx.menuBuilders);\n      }\n\n      if (menuBuilders.length > 0) {\n        const menuItemDescriptors = buildMenuOptions(\n          menuBuilders,\n          location,\n          options,\n        );\n\n        const menuHandler: MenuActionHandler = (menuItemId, options) => {\n          if (menuActionHandler?.(menuItemId, options) === true) {\n            return true;\n          } else {\n            return ctx?.menuActionHandler(menuItemId, options);\n          }\n        };\n\n        const localOpenChange = (isOpen: boolean) => {\n          onOpenChange?.(isOpen);\n          handleOpenChange(isOpen);\n        };\n\n        if (menuItemDescriptors.length) {\n          ctx?.showContextMenu(\n            <ContextMenu\n              menuHandler={menuHandler}\n              menuItemDescriptors={menuItemDescriptors}\n              onOpenChange={localOpenChange}\n              open={true}\n              x={x}\n              y={y}\n            />,\n          );\n        }\n      } else {\n        console.warn(\n          \"useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)\",\n        );\n      }\n    },\n    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder],\n  );\n\n  return showContextMenu;\n};\n"],"names":["useContext","ContextMenuContext","useCallback","menuBuilder","options","jsx","ContextMenu"],"mappings":"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"}

package/esm/ContextMenu.css.js

@@ -1,4 +0,0 @@
-var contextMenuCss = ".vuuContextMenuPanel {\n    &:has([data-icon]) {\n        .saltMenuItem {\n            padding-left: calc(var(--salt-spacing-400) + var(--salt-spacing-200));\n        }\n        .saltMenuItem[data-icon]:after {\n            --vuu-icon-left: var(--salt-spacing-150);\n            --vuu-icon-top: var(--salt-spacing-150);\n        }\n        .saltMenuItem[aria-haspopup=\"menu\"]:after {\n            content: \"\";\n            background-color: var(--vuu-icon-color, var(--saltIcon-color, var(--salt-content-secondary-foreground)));\n            right: var(--salt-spacing-100);\n            height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n            mask: var(--vuu-svg-triangle-right) center center / 8px 8px;\n            mask-repeat: no-repeat;\n            position: absolute;\n            transform: rotate(315deg);\n            top: var(--salt-spacing-200);\n            width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n        }\n    }\n}";
-
-export { contextMenuCss as default };
-//# sourceMappingURL=ContextMenu.css.js.map

package/esm/ContextMenu.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/ContextMenu.js

@@ -1,46 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Menu, MenuPanel } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { menuItemsFromMenuDescriptors } from './menu-utils.js';
-import contextMenuCss from './ContextMenu.css.js';
-
-const ContextMenu = ({
-  menuHandler,
-  menuItemDescriptors,
-  onOpenChange,
-  open,
-  x,
-  y
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-context-menu",
-    css: contextMenuCss,
-    window: targetWindow
-  });
-  const virtualElement = {
-    getBoundingClientRect: () => ({
-      width: 0,
-      height: 0,
-      x,
-      y,
-      top: y,
-      right: x,
-      bottom: y,
-      left: x
-    })
-  };
-  return /* @__PURE__ */ jsx(
-    Menu,
-    {
-      getVirtualElement: () => virtualElement,
-      onOpenChange,
-      open,
-      children: /* @__PURE__ */ jsx(MenuPanel, { className: "vuuContextMenuPanel", children: menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler) })
-    }
-  );
-};
-
-export { ContextMenu };
-//# sourceMappingURL=ContextMenu.js.map

package/esm/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.js","sources":["../src/ContextMenu.tsx"],"sourcesContent":["import { VirtualElement } from \"@floating-ui/dom\";\nimport { Menu, MenuPanel, MenuProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { MenuActionHandler } from \"./ContextMenuProvider\";\nimport {\n  ContextMenuItemDescriptor,\n  menuItemsFromMenuDescriptors,\n} from \"./menu-utils\";\n\nimport contextMenuCss from \"./ContextMenu.css\";\n\nexport interface ContextMenuProps\n  extends Pick<MenuProps, \"open\" | \"onOpenChange\"> {\n  menuHandler: MenuActionHandler;\n  menuItemDescriptors: ContextMenuItemDescriptor[];\n  x: number;\n  y: number;\n}\n\nexport const ContextMenu = ({\n  menuHandler,\n  menuItemDescriptors,\n  onOpenChange,\n  open,\n  x,\n  y,\n}: ContextMenuProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-context-menu\",\n    css: contextMenuCss,\n    window: targetWindow,\n  });\n\n  const virtualElement: VirtualElement = {\n    getBoundingClientRect: () => ({\n      width: 0,\n      height: 0,\n      x,\n      y,\n      top: y,\n      right: x,\n      bottom: y,\n      left: x,\n    }),\n  };\n\n  return (\n    <Menu\n      getVirtualElement={() => virtualElement}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      <MenuPanel className=\"vuuContextMenuPanel\">\n        {menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler)}\n      </MenuPanel>\n    </Menu>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAoBO,MAAM,cAAc,CAAC;AAAA,EAC1B,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,CAAA;AAAA,EACA;AACF,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,cAAiC,GAAA;AAAA,IACrC,uBAAuB,OAAO;AAAA,MAC5B,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,CAAA;AAAA,MACA,CAAA;AAAA,MACA,GAAK,EAAA,CAAA;AAAA,MACL,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,IAAM,EAAA;AAAA,KACR;AAAA,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,mBAAmB,MAAM,cAAA;AAAA,MACzB,YAAA;AAAA,MACA,IAAA;AAAA,MAEA,8BAAC,SAAU,EAAA,EAAA,SAAA,EAAU,uBAClB,QAA6B,EAAA,4BAAA,CAAA,mBAAA,EAAqB,WAAW,CAChE,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/esm/ContextMenuProvider.js

@@ -1,75 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useCallback } from 'react';
-
-const ContextMenuContext = createContext(
-  null
-);
-const Provider = ({
-  children,
-  context,
-  menuActionHandler,
-  menuBuilder
-}) => {
-  const [contextMenu, setContextMenu] = useState(null);
-  const showContextMenu = useMemo(() => {
-    if (context?.showContextMenu) {
-      return context.showContextMenu;
-    } else {
-      return (contextMenu2) => {
-        setContextMenu(contextMenu2);
-      };
-    }
-  }, [context]);
-  const menuBuilders = useMemo(() => {
-    if (context?.menuBuilders && menuBuilder) {
-      return context.menuBuilders.concat(menuBuilder);
-    } else if (menuBuilder) {
-      return [menuBuilder];
-    } else {
-      return context?.menuBuilders || [];
-    }
-  }, [context, menuBuilder]);
-  const handleMenuAction = useCallback(
-    (menuItemId, options) => {
-      if (menuActionHandler?.(menuItemId, options)) {
-        return true;
-      }
-      if (context?.menuActionHandler?.(menuItemId, options)) {
-        return true;
-      }
-    },
-    [context, menuActionHandler]
-  );
-  return /* @__PURE__ */ jsxs(
-    ContextMenuContext.Provider,
-    {
-      value: {
-        menuActionHandler: handleMenuAction,
-        menuBuilders,
-        showContextMenu
-      },
-      children: [
-        children,
-        contextMenu
-      ]
-    }
-  );
-};
-const ContextMenuProvider = ({
-  children,
-  menuActionHandler,
-  menuBuilder
-}) => {
-  return /* @__PURE__ */ jsx(ContextMenuContext.Consumer, { children: (parentContext) => /* @__PURE__ */ jsx(
-    Provider,
-    {
-      context: parentContext,
-      menuActionHandler,
-      menuBuilder,
-      children
-    }
-  ) });
-};
-
-export { ContextMenuContext, ContextMenuProvider };
-//# sourceMappingURL=ContextMenuProvider.js.map

package/esm/ContextMenuProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuProvider.js","sources":["../src/ContextMenuProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { ContextMenuItemDescriptor } from \"./menu-utils\";\n\nexport type MenuActionHandler<T extends string = string, Options = unknown> = (\n  menuItemId: T,\n  options?: Options,\n) => boolean | undefined;\n\nexport type MenuBuilder<Location extends string = string, Options = unknown> = (\n  location: Location,\n  options: Options,\n) => ContextMenuItemDescriptor[];\n\nexport interface ContextMenuContextType {\n  menuBuilders: MenuBuilder[];\n  menuActionHandler: MenuActionHandler;\n  showContextMenu: (contextMenu: ReactElement | null) => void;\n}\n\nexport const ContextMenuContext = createContext<ContextMenuContextType | null>(\n  null,\n);\n\nexport interface ContextMenuProviderProps<\n  L extends string = string,\n  O = unknown,\n> {\n  children: ReactNode;\n  menuActionHandler?: MenuActionHandler;\n  menuBuilder?: MenuBuilder<L, O>;\n}\n\ninterface ProviderProps<L extends string = string, O = unknown>\n  extends ContextMenuProviderProps<L, O> {\n  context: ContextMenuContextType | null;\n}\n\nconst Provider = <L extends string = string, O = unknown>({\n  children,\n  context,\n  menuActionHandler,\n  menuBuilder,\n}: ProviderProps<L, O>) => {\n  const [contextMenu, setContextMenu] = useState<ReactElement | null>(null);\n  const showContextMenu = useMemo(() => {\n    if (context?.showContextMenu) {\n      return context.showContextMenu;\n    } else {\n      return (contextMenu: ReactElement | null) => {\n        setContextMenu(contextMenu);\n      };\n    }\n  }, [context]);\n  const menuBuilders = useMemo(() => {\n    if (context?.menuBuilders && menuBuilder) {\n      // menuBuilder may have a narrower type than the inherited menuBuilders, discard this\n      return context.menuBuilders.concat(menuBuilder as MenuBuilder);\n    } else if (menuBuilder) {\n      return [menuBuilder as MenuBuilder];\n    } else {\n      return context?.menuBuilders || [];\n    }\n  }, [context, menuBuilder]);\n\n  const handleMenuAction = useCallback<MenuActionHandler>(\n    (menuItemId, options) => {\n      if (menuActionHandler?.(menuItemId, options)) {\n        return true;\n      }\n\n      if (context?.menuActionHandler?.(menuItemId, options)) {\n        return true;\n      }\n    },\n    [context, menuActionHandler],\n  );\n\n  return (\n    <ContextMenuContext.Provider\n      value={{\n        menuActionHandler: handleMenuAction,\n        menuBuilders,\n        showContextMenu,\n      }}\n    >\n      {children}\n      {contextMenu}\n    </ContextMenuContext.Provider>\n  );\n};\n\nexport const ContextMenuProvider = <L extends string = string, O = unknown>({\n  children,\n  menuActionHandler,\n  menuBuilder,\n}: ContextMenuProviderProps<L, O>) => {\n  return (\n    <ContextMenuContext.Consumer>\n      {(parentContext) => (\n        <Provider<L, O>\n          context={parentContext}\n          menuActionHandler={menuActionHandler}\n          menuBuilder={menuBuilder}\n        >\n          {children}\n        </Provider>\n      )}\n    </ContextMenuContext.Consumer>\n  );\n};\n"],"names":["contextMenu"],"mappings":";;;AA2BO,MAAM,kBAAqB,GAAA,aAAA;AAAA,EAChC;AACF;AAgBA,MAAM,WAAW,CAAyC;AAAA,EACxD,QAAA;AAAA,EACA,OAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAA8B,IAAI,CAAA;AACxE,EAAM,MAAA,eAAA,GAAkB,QAAQ,MAAM;AACpC,IAAA,IAAI,SAAS,eAAiB,EAAA;AAC5B,MAAA,OAAO,OAAQ,CAAA,eAAA;AAAA,KACV,MAAA;AACL,MAAA,OAAO,CAACA,YAAqC,KAAA;AAC3C,QAAA,cAAA,CAAeA,YAAW,CAAA;AAAA,OAC5B;AAAA;AACF,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAM,MAAA,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAI,IAAA,OAAA,EAAS,gBAAgB,WAAa,EAAA;AAExC,MAAO,OAAA,OAAA,CAAQ,YAAa,CAAA,MAAA,CAAO,WAA0B,CAAA;AAAA,eACpD,WAAa,EAAA;AACtB,MAAA,OAAO,CAAC,WAA0B,CAAA;AAAA,KAC7B,MAAA;AACL,MAAO,OAAA,OAAA,EAAS,gBAAgB,EAAC;AAAA;AACnC,GACC,EAAA,CAAC,OAAS,EAAA,WAAW,CAAC,CAAA;AAEzB,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,YAAY,OAAY,KAAA;AACvB,MAAI,IAAA,iBAAA,GAAoB,UAAY,EAAA,OAAO,CAAG,EAAA;AAC5C,QAAO,OAAA,IAAA;AAAA;AAGT,MAAA,IAAI,OAAS,EAAA,iBAAA,GAAoB,UAAY,EAAA,OAAO,CAAG,EAAA;AACrD,QAAO,OAAA,IAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,SAAS,iBAAiB;AAAA,GAC7B;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,kBAAmB,CAAA,QAAA;AAAA,IAAnB;AAAA,MACC,KAAO,EAAA;AAAA,QACL,iBAAmB,EAAA,gBAAA;AAAA,QACnB,YAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA;AAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAEO,MAAM,sBAAsB,CAAyC;AAAA,EAC1E,QAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAsC,KAAA;AACpC,EAAA,uBACG,GAAA,CAAA,kBAAA,CAAmB,QAAnB,EAAA,EACE,WAAC,aACA,qBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,aAAA;AAAA,MACT,iBAAA;AAAA,MACA,WAAA;AAAA,MAEC;AAAA;AAAA,GAGP,EAAA,CAAA;AAEJ;;;;"}

package/esm/menu-utils.js

@@ -1,23 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Menu, MenuTrigger, MenuItem, MenuPanel } from '@salt-ds/core';
-
-const isGroupMenuItemDescriptor = (menuItem) => menuItem !== void 0 && "children" in menuItem;
-const menuItemsFromMenuDescriptors = (menuDescriptors, menuActionHandler) => {
-  const fromDescriptor = (menuItem, index) => isGroupMenuItemDescriptor(menuItem) ? /* @__PURE__ */ jsxs(Menu, { children: [
-    /* @__PURE__ */ jsx(MenuTrigger, { children: /* @__PURE__ */ jsx(MenuItem, { children: menuItem.label }) }),
-    /* @__PURE__ */ jsx(MenuPanel, { className: "vuuContextMenuPanel", children: menuItem.children.map(fromDescriptor) })
-  ] }, index) : /* @__PURE__ */ jsx(
-    MenuItem,
-    {
-      className: menuItem.className,
-      "data-icon": menuItem.icon,
-      onClick: () => menuActionHandler(menuItem.id, menuItem.options),
-      children: menuItem.label
-    },
-    index
-  );
-  return menuDescriptors.map(fromDescriptor);
-};
-
-export { isGroupMenuItemDescriptor, menuItemsFromMenuDescriptors };
-//# sourceMappingURL=menu-utils.js.map

package/esm/menu-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-utils.js","sources":["../src/menu-utils.tsx"],"sourcesContent":["import { Menu, MenuItem, MenuPanel, MenuTrigger } from \"@salt-ds/core\";\nimport { MenuActionHandler } from \"./ContextMenuProvider\";\n\nexport interface ContextMenuItemBase {\n  className?: string;\n  icon?: string;\n  label: string;\n  location?: string;\n}\n\nexport interface ContextMenuLeafItemDescriptor extends ContextMenuItemBase {\n  id: string;\n  options?: unknown;\n}\n\nexport interface ContextMenuGroupItemDescriptor extends ContextMenuItemBase {\n  children: ContextMenuItemDescriptor[];\n}\n\nexport type ContextMenuItemDescriptor =\n  | ContextMenuLeafItemDescriptor\n  | ContextMenuGroupItemDescriptor;\n\nexport const isGroupMenuItemDescriptor = (\n  menuItem?: ContextMenuItemDescriptor,\n): menuItem is ContextMenuGroupItemDescriptor =>\n  menuItem !== undefined && \"children\" in menuItem;\n\nexport const menuItemsFromMenuDescriptors = (\n  menuDescriptors: ContextMenuItemDescriptor[],\n  menuActionHandler: MenuActionHandler,\n) => {\n  const fromDescriptor = (\n    menuItem: ContextMenuItemDescriptor,\n    index: number,\n  ) =>\n    isGroupMenuItemDescriptor(menuItem) ? (\n      <Menu key={index}>\n        <MenuTrigger>\n          <MenuItem>{menuItem.label}</MenuItem>\n        </MenuTrigger>\n        <MenuPanel className=\"vuuContextMenuPanel\">\n          {menuItem.children.map(fromDescriptor)}\n        </MenuPanel>\n      </Menu>\n    ) : (\n      <MenuItem\n        key={index}\n        className={menuItem.className}\n        data-icon={menuItem.icon}\n        onClick={() => menuActionHandler(menuItem.id, menuItem.options)}\n      >\n        {menuItem.label}\n      </MenuItem>\n    );\n\n  return menuDescriptors.map(fromDescriptor);\n};\n"],"names":[],"mappings":";;;AAuBO,MAAM,yBAA4B,GAAA,CACvC,QAEA,KAAA,QAAA,KAAa,UAAa,UAAc,IAAA;AAE7B,MAAA,4BAAA,GAA+B,CAC1C,eAAA,EACA,iBACG,KAAA;AACH,EAAM,MAAA,cAAA,GAAiB,CACrB,QACA,EAAA,KAAA,KAEA,0BAA0B,QAAQ,CAAA,wBAC/B,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAU,EAAA,EAAA,QAAA,EAAA,QAAA,CAAS,OAAM,CAC5B,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,aAAU,SAAU,EAAA,qBAAA,EAClB,mBAAS,QAAS,CAAA,GAAA,CAAI,cAAc,CACvC,EAAA;AAAA,GAAA,EAAA,EANS,KAOX,CAEA,mBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MAEC,WAAW,QAAS,CAAA,SAAA;AAAA,MACpB,aAAW,QAAS,CAAA,IAAA;AAAA,MACpB,SAAS,MAAM,iBAAA,CAAkB,QAAS,CAAA,EAAA,EAAI,SAAS,OAAO,CAAA;AAAA,MAE7D,QAAS,EAAA,QAAA,CAAA;AAAA,KAAA;AAAA,IALL;AAAA,GAMP;AAGJ,EAAO,OAAA,eAAA,CAAgB,IAAI,cAAc,CAAA;AAC3C;;;;"}

package/esm/useContextMenu.js

@@ -1,87 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext, useCallback } from 'react';
-import { ContextMenu } from './ContextMenu.js';
-import { ContextMenuContext } from './ContextMenuProvider.js';
-
-const useContextMenu = (menuBuilder, menuActionHandler) => {
-  const ctx = useContext(ContextMenuContext);
-  const buildMenuOptions = useCallback(
-    (menuBuilders, location, options) => {
-      let results = [];
-      for (const menuBuilder2 of menuBuilders) {
-        results = results.concat(menuBuilder2(location, options));
-      }
-      return results;
-    },
-    []
-  );
-  const handleOpenChange = useCallback(
-    (open) => {
-      if (!open) {
-        ctx?.showContextMenu(null);
-      }
-    },
-    [ctx]
-  );
-  const showContextMenu = useCallback(
-    (evt, location, options, { onOpenChange, x = evt.clientX, y = evt.clientY } = {
-      x: evt.clientX,
-      y: evt.clientY
-    }) => {
-      evt.stopPropagation?.();
-      evt.preventDefault?.();
-      console.log(
-        `showContextMenu at ${evt.clientX} ${evt.clientY} location ${location}`
-      );
-      const menuBuilders = [];
-      if (menuBuilder) {
-        menuBuilders.push(menuBuilder);
-      }
-      if (ctx && Array.isArray(ctx?.menuBuilders) && ctx.menuBuilders.length > 0) {
-        menuBuilders.push(...ctx.menuBuilders);
-      }
-      if (menuBuilders.length > 0) {
-        const menuItemDescriptors = buildMenuOptions(
-          menuBuilders,
-          location,
-          options
-        );
-        const menuHandler = (menuItemId, options2) => {
-          if (menuActionHandler?.(menuItemId, options2) === true) {
-            return true;
-          } else {
-            return ctx?.menuActionHandler(menuItemId, options2);
-          }
-        };
-        const localOpenChange = (isOpen) => {
-          onOpenChange?.(isOpen);
-          handleOpenChange(isOpen);
-        };
-        if (menuItemDescriptors.length) {
-          ctx?.showContextMenu(
-            /* @__PURE__ */ jsx(
-              ContextMenu,
-              {
-                menuHandler,
-                menuItemDescriptors,
-                onOpenChange: localOpenChange,
-                open: true,
-                x,
-                y
-              }
-            )
-          );
-        }
-      } else {
-        console.warn(
-          "useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)"
-        );
-      }
-    },
-    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder]
-  );
-  return showContextMenu;
-};
-
-export { useContextMenu };
-//# sourceMappingURL=useContextMenu.js.map

package/esm/useContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContextMenu.js","sources":["../src/useContextMenu.tsx"],"sourcesContent":["import { useCallback, useContext } from \"react\";\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\nimport {\n  ContextMenuContext,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"./ContextMenuProvider\";\nimport { ContextMenuItemDescriptor } from \"./menu-utils\";\n\nexport type EventLike = {\n  clientX: number;\n  clientY: number;\n  preventDefault?: () => void;\n  stopPropagation?: () => void;\n};\n\nexport type ShowContextMenu = (\n  e: EventLike,\n  location: string,\n  options: unknown,\n  contextMenuProps?: Pick<ContextMenuProps, \"onOpenChange\" | \"x\" | \"y\">,\n) => void;\n\n// The argument allows a top-level menuBuilder to operate outside the Context\nexport const useContextMenu = (\n  menuBuilder?: MenuBuilder,\n  menuActionHandler?: MenuActionHandler,\n): ShowContextMenu => {\n  const ctx = useContext(ContextMenuContext);\n\n  const buildMenuOptions = useCallback(\n    (menuBuilders: MenuBuilder[], location: string, options: unknown) => {\n      let results: ContextMenuItemDescriptor[] = [];\n      for (const menuBuilder of menuBuilders) {\n        // Maybe we should leave the concatenation to the menuBuilder, then it can control menuItem order\n        results = results.concat(menuBuilder(location, options));\n      }\n      return results;\n    },\n    [],\n  );\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        ctx?.showContextMenu(null);\n      }\n    },\n    [ctx],\n  );\n\n  const showContextMenu = useCallback<ShowContextMenu>(\n    (\n      evt,\n      location,\n      options,\n      { onOpenChange, x = evt.clientX, y = evt.clientY } = {\n        x: evt.clientX,\n        y: evt.clientY,\n      },\n    ) => {\n      evt.stopPropagation?.();\n      evt.preventDefault?.();\n\n      console.log(\n        `showContextMenu at ${evt.clientX} ${evt.clientY} location ${location}`,\n      );\n\n      const menuBuilders: MenuBuilder[] = [];\n      if (menuBuilder) {\n        menuBuilders.push(menuBuilder);\n      }\n      if (\n        ctx &&\n        Array.isArray(ctx?.menuBuilders) &&\n        ctx.menuBuilders.length > 0\n      ) {\n        menuBuilders.push(...ctx.menuBuilders);\n      }\n\n      if (menuBuilders.length > 0) {\n        const menuItemDescriptors = buildMenuOptions(\n          menuBuilders,\n          location,\n          options,\n        );\n\n        const menuHandler: MenuActionHandler = (menuItemId, options) => {\n          if (menuActionHandler?.(menuItemId, options) === true) {\n            return true;\n          } else {\n            return ctx?.menuActionHandler(menuItemId, options);\n          }\n        };\n\n        const localOpenChange = (isOpen: boolean) => {\n          onOpenChange?.(isOpen);\n          handleOpenChange(isOpen);\n        };\n\n        if (menuItemDescriptors.length) {\n          ctx?.showContextMenu(\n            <ContextMenu\n              menuHandler={menuHandler}\n              menuItemDescriptors={menuItemDescriptors}\n              onOpenChange={localOpenChange}\n              open={true}\n              x={x}\n              y={y}\n            />,\n          );\n        }\n      } else {\n        console.warn(\n          \"useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)\",\n        );\n      }\n    },\n    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder],\n  );\n\n  return showContextMenu;\n};\n"],"names":["menuBuilder","options"],"mappings":"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"}