@vuu-ui/vuu-context-menu 2.1.18 → 2.1.19-beta.2

package/package.json

@@ -1,14 +1,15 @@
 {
-  "version": "2.1.18",
+  "version": "2.1.19-beta.2",
   "author": "heswell",
+  "type": "module",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "2.1.18",
-    "@vuu-ui/vuu-protocol-types": "2.1.18",
-    "@vuu-ui/vuu-table-types": "2.1.18"
+    "@vuu-ui/vuu-data-types": "2.1.19-beta.2",
+    "@vuu-ui/vuu-protocol-types": "2.1.19-beta.2",
+    "@vuu-ui/vuu-table-types": "2.1.19-beta.2"
   },
   "dependencies": {
-    "@vuu-ui/vuu-utils": "2.1.18",
+    "@vuu-ui/vuu-utils": "2.1.19-beta.2",
     "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"
@@ -20,20 +21,16 @@
   },
   "files": [
     "README.md",
-    "esm",
-    "cjs",
+    "src",
     "/types"
   ],
   "exports": {
     ".": {
-      "require": "./cjs/index.js",
-      "import": "./esm/index.js",
+      "import": "./src/index.js",
       "types": "./types/index.d.ts"
     }
   },
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "module": "index.js",
   "name": "@vuu-ui/vuu-context-menu",
-  "type": "module",
   "types": "types/index.d.ts"
 }

package/src/ContextMenu.css.js

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

package/src/ContextMenu.js

@@ -0,0 +1,36 @@
+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 ContextMenu from "./ContextMenu.css";
+const ContextMenu_ContextMenu = ({ menuHandler, menuItemDescriptors, onOpenChange, open, x, y })=>{
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+        testId: "vuu-context-menu",
+        css: ContextMenu,
+        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: onOpenChange,
+        open: open,
+        children: /*#__PURE__*/ jsx(MenuPanel, {
+            className: "vuuContextMenuPanel",
+            children: menuItemsFromMenuDescriptors(menuItemDescriptors, menuHandler)
+        })
+    });
+};
+export { ContextMenu_ContextMenu as ContextMenu };

package/src/ContextMenuProvider.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useMemo, useState } from "react";
+const ContextMenuContext = /*#__PURE__*/ createContext(null);
+const Provider = ({ children, context, menuActionHandler, menuBuilder })=>{
+    const [contextMenu, setContextMenu] = useState(null);
+    const showContextMenu = useMemo(()=>{
+        if (context?.showContextMenu) return context.showContextMenu;
+        return (contextMenu)=>{
+            setContextMenu(contextMenu);
+        };
+    }, [
+        context
+    ]);
+    const menuBuilders = useMemo(()=>{
+        if (context?.menuBuilders && menuBuilder) return context.menuBuilders.concat(menuBuilder);
+        if (menuBuilder) return [
+            menuBuilder
+        ];
+        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 })=>/*#__PURE__*/ jsx(ContextMenuContext.Consumer, {
+        children: (parentContext)=>/*#__PURE__*/ jsx(Provider, {
+                context: parentContext,
+                menuActionHandler: menuActionHandler,
+                menuBuilder: menuBuilder,
+                children: children
+            })
+    });
+export { ContextMenuContext, ContextMenuProvider };

package/src/index.js

@@ -0,0 +1,3 @@
+export { ContextMenuProvider } from "./ContextMenuProvider.js";
+export { hasShowNotificationAction, isGroupMenuItemDescriptor, isOpenBulkEditResponse } from "./menu-utils.js";
+export { useContextMenu } from "./useContextMenu.js";

package/src/menu-utils.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu, MenuItem, MenuPanel, MenuTrigger } from "@salt-ds/core";
+const isGroupMenuItemDescriptor = (menuItem)=>void 0 !== menuItem && "children" in menuItem;
+const isOpenBulkEditResponse = (rpcResponse)=>"beginEditSession" === rpcResponse.rpcName;
+const hasShowNotificationAction = (res)=>res.action?.type === "SHOW_NOTIFICATION_ACTION";
+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 { hasShowNotificationAction, isGroupMenuItemDescriptor, isOpenBulkEditResponse, menuItemsFromMenuDescriptors };

package/src/useContextMenu.js

@@ -0,0 +1,58 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useContext } 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 menuBuilder of menuBuilders)results = results.concat(menuBuilder(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?.();
+        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, options)=>{
+                if (menuActionHandler?.(menuItemId, options) === true) return true;
+                return ctx?.menuActionHandler(menuItemId, options);
+            };
+            const localOpenChange = (isOpen)=>{
+                onOpenChange?.(isOpen);
+                handleOpenChange(isOpen);
+            };
+            if (menuItemDescriptors.length) {
+                ctx?.showContextMenu(/*#__PURE__*/ jsx(ContextMenu, {
+                    menuHandler: menuHandler,
+                    menuItemDescriptors: menuItemDescriptors,
+                    onOpenChange: localOpenChange,
+                    open: true,
+                    x: x,
+                    y: y
+                }));
+                return true;
+            }
+        } else console.warn("useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)");
+        return false;
+    }, [
+        buildMenuOptions,
+        ctx,
+        handleOpenChange,
+        menuActionHandler,
+        menuBuilder
+    ]);
+    return showContextMenu;
+};
+export { useContextMenu };

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":["../../../packages/vuu-context-menu/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":["../../../packages/vuu-context-menu/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/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var ContextMenuProvider = require('./ContextMenuProvider.js');
-var menuUtils = require('./menu-utils.js');
-var useContextMenu = require('./useContextMenu.js');
-
-
-
-exports.ContextMenuProvider = ContextMenuProvider.ContextMenuProvider;
-exports.hasShowNotificationAction = menuUtils.hasShowNotificationAction;
-exports.isGroupMenuItemDescriptor = menuUtils.isGroupMenuItemDescriptor;
-exports.isOpenBulkEditResponse = menuUtils.isOpenBulkEditResponse;
-exports.useContextMenu = useContextMenu.useContextMenu;
-//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/menu-utils.js

@@ -1,30 +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 isOpenBulkEditResponse = (rpcResponse) => rpcResponse.rpcName === "beginEditSession";
-const hasShowNotificationAction = (res) => res.action?.type === "SHOW_NOTIFICATION_ACTION";
-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.hasShowNotificationAction = hasShowNotificationAction;
-exports.isGroupMenuItemDescriptor = isGroupMenuItemDescriptor;
-exports.isOpenBulkEditResponse = isOpenBulkEditResponse;
-exports.menuItemsFromMenuDescriptors = menuItemsFromMenuDescriptors;
-//# sourceMappingURL=menu-utils.js.map

package/cjs/menu-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-utils.js","sources":["../../../packages/vuu-context-menu/src/menu-utils.tsx"],"sourcesContent":["import { Menu, MenuItem, MenuPanel, MenuTrigger } from \"@salt-ds/core\";\nimport type {\n  MenuRpcResponse,\n  OpenDialogActionWithSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport type {\n  ShowNotificationAction,\n  VuuRpcResponse,\n} from \"@vuu-ui/vuu-protocol-types\";\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 isOpenBulkEditResponse = (\n  rpcResponse: Partial<VuuRpcResponse>,\n): rpcResponse is MenuRpcResponse<OpenDialogActionWithSchema> =>\n  (rpcResponse as MenuRpcResponse).rpcName === \"beginEditSession\";\n\nexport const hasShowNotificationAction = (\n  res: Partial<VuuRpcResponse>,\n): res is MenuRpcResponse<ShowNotificationAction> =>\n  (res as MenuRpcResponse).action?.type === \"SHOW_NOTIFICATION_ACTION\";\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":";;;;;AA+BO,MAAM,yBAA4B,GAAA,CACvC,QAEA,KAAA,QAAA,KAAa,UAAa,UAAc,IAAA;AAEnC,MAAM,sBAAyB,GAAA,CACpC,WAEC,KAAA,WAAA,CAAgC,OAAY,KAAA;AAExC,MAAM,yBAA4B,GAAA,CACvC,GAEC,KAAA,GAAA,CAAwB,QAAQ,IAAS,KAAA;AAE/B,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,88 +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?.();
-      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
-              }
-            )
-          );
-          return true;
-        }
-      } else {
-        console.warn(
-          "useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)"
-        );
-      }
-      return false;
-    },
-    [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":["../../../packages/vuu-context-menu/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?: Partial<\n    Pick<ContextMenuProps, \"onOpenChange\" | \"x\" | \"y\">\n  >,\n) => boolean;\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      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          return true;\n        }\n      } else {\n        console.warn(\n          \"useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)\",\n        );\n      }\n      return false;\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":["../../../packages/vuu-context-menu/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":["../../../packages/vuu-context-menu/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/index.js

@@ -1,4 +0,0 @@
-export { ContextMenuProvider } from './ContextMenuProvider.js';
-export { hasShowNotificationAction, isGroupMenuItemDescriptor, isOpenBulkEditResponse } from './menu-utils.js';
-export { useContextMenu } from './useContextMenu.js';
-//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/menu-utils.js

@@ -1,25 +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 isOpenBulkEditResponse = (rpcResponse) => rpcResponse.rpcName === "beginEditSession";
-const hasShowNotificationAction = (res) => res.action?.type === "SHOW_NOTIFICATION_ACTION";
-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 { hasShowNotificationAction, isGroupMenuItemDescriptor, isOpenBulkEditResponse, menuItemsFromMenuDescriptors };
-//# sourceMappingURL=menu-utils.js.map

package/esm/menu-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-utils.js","sources":["../../../packages/vuu-context-menu/src/menu-utils.tsx"],"sourcesContent":["import { Menu, MenuItem, MenuPanel, MenuTrigger } from \"@salt-ds/core\";\nimport type {\n  MenuRpcResponse,\n  OpenDialogActionWithSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport type {\n  ShowNotificationAction,\n  VuuRpcResponse,\n} from \"@vuu-ui/vuu-protocol-types\";\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 isOpenBulkEditResponse = (\n  rpcResponse: Partial<VuuRpcResponse>,\n): rpcResponse is MenuRpcResponse<OpenDialogActionWithSchema> =>\n  (rpcResponse as MenuRpcResponse).rpcName === \"beginEditSession\";\n\nexport const hasShowNotificationAction = (\n  res: Partial<VuuRpcResponse>,\n): res is MenuRpcResponse<ShowNotificationAction> =>\n  (res as MenuRpcResponse).action?.type === \"SHOW_NOTIFICATION_ACTION\";\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":";;;AA+BO,MAAM,yBAA4B,GAAA,CACvC,QAEA,KAAA,QAAA,KAAa,UAAa,UAAc,IAAA;AAEnC,MAAM,sBAAyB,GAAA,CACpC,WAEC,KAAA,WAAA,CAAgC,OAAY,KAAA;AAExC,MAAM,yBAA4B,GAAA,CACvC,GAEC,KAAA,GAAA,CAAwB,QAAQ,IAAS,KAAA;AAE/B,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,86 +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?.();
-      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
-              }
-            )
-          );
-          return true;
-        }
-      } else {
-        console.warn(
-          "useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)"
-        );
-      }
-      return false;
-    },
-    [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":["../../../packages/vuu-context-menu/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?: Partial<\n    Pick<ContextMenuProps, \"onOpenChange\" | \"x\" | \"y\">\n  >,\n) => boolean;\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      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          return true;\n        }\n      } else {\n        console.warn(\n          \"useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)\",\n        );\n      }\n      return false;\n    },\n    [buildMenuOptions, ctx, handleOpenChange, menuActionHandler, menuBuilder],\n  );\n\n  return showContextMenu;\n};\n"],"names":["menuBuilder","options"],"mappings":"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"}