@vuu-ui/vuu-context-menu 4.0.0-alpha.2 → 4.0.0-alpha.21

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.21",
   "author": "heswell",
   "main": "./src/index.js",
   "type": "module",
@@ -10,15 +10,15 @@
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.0-alpha.2",
-    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.2",
-    "@vuu-ui/vuu-table-types": "4.0.0-alpha.2"
+    "@vuu-ui/vuu-data-types": "4.0.0-alpha.21",
+    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.21",
+    "@vuu-ui/vuu-table-types": "4.0.0-alpha.21"
   },
   "dependencies": {
-    "@vuu-ui/vuu-utils": "4.0.0-alpha.2",
-    "@salt-ds/core": "1.67.0",
-    "@salt-ds/styles": "0.2.1",
-    "@salt-ds/window": "0.1.1"
+    "@vuu-ui/vuu-utils": "4.0.0-alpha.21",
+    "@salt-ds/core": "1.72.0",
+    "@salt-ds/styles": "0.4.1",
+    "@salt-ds/window": "0.1.2"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
@@ -32,8 +32,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
       "import": "./src/index.js",
-      "types": "./types/index.d.ts"
+      "default": "./src/index.js"
     }
   },
   "module": "./src/index.js",

package/src/ContextMenu.css.js

@@ -25,6 +25,10 @@ const css = `
   }
 }
 
+.vuuContextMenuDivider {
+  margin: var(--salt-spacing-50) 0;
+}
+
 
 `;
 export default css;

package/src/menu-utils.js

@@ -1,10 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Menu, MenuItem, MenuPanel, MenuTrigger } from "@salt-ds/core";
+import { Divider, Menu, MenuItem, MenuPanel, MenuTrigger } from "@salt-ds/core";
+import { Fragment } from "react";
 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, {
+    const fromDescriptor = (menuItem, index)=>menuItem.dividerBefore ? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(Divider, {
+                    "aria-hidden": true,
+                    className: "vuuContextMenuDivider"
+                }),
+                itemFromDescriptor(menuItem, index)
+            ]
+        }, index) : itemFromDescriptor(menuItem, index);
+    const itemFromDescriptor = (menuItem, index)=>isGroupMenuItemDescriptor(menuItem) ? /*#__PURE__*/ jsxs(Menu, {
             children: [
                 /*#__PURE__*/ jsx(MenuTrigger, {
                     children: /*#__PURE__*/ jsx(MenuItem, {
@@ -19,6 +29,7 @@ const menuItemsFromMenuDescriptors = (menuDescriptors, menuActionHandler)=>{
         }, index) : /*#__PURE__*/ jsx(MenuItem, {
             className: menuItem.className,
             "data-icon": menuItem.icon,
+            disabled: menuItem.disabled,
             onClick: ()=>menuActionHandler(menuItem.id, menuItem.options),
             children: menuItem.label
         }, index);

package/types/ContextMenu.d.ts

@@ -7,4 +7,4 @@ export interface ContextMenuProps extends Pick<MenuProps, "open" | "onOpenChange
     x: number;
     y: number;
 }
-export declare const ContextMenu: ({ menuHandler, menuItemDescriptors, onOpenChange, open, x, y, }: ContextMenuProps) => import("react").JSX.Element;
+export declare const ContextMenu: ({ menuHandler, menuItemDescriptors, onOpenChange, open, x, y, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/types/ContextMenuProvider.d.ts

@@ -13,4 +13,4 @@ export interface ContextMenuProviderProps<L extends string = string, O = unknown
     menuActionHandler?: MenuActionHandler;
     menuBuilder?: MenuBuilder<L, O>;
 }
-export declare const ContextMenuProvider: <L extends string = string, O = unknown>({ children, menuActionHandler, menuBuilder, }: ContextMenuProviderProps<L, O>) => import("react").JSX.Element;
+export declare const ContextMenuProvider: <L extends string = string, O = unknown>({ children, menuActionHandler, menuBuilder, }: ContextMenuProviderProps<L, O>) => import("react/jsx-runtime").JSX.Element;

package/types/menu-utils.d.ts

@@ -3,11 +3,14 @@ import type { ShowNotificationAction, VuuRpcResponse } from "@vuu-ui/vuu-protoco
 import { MenuActionHandler } from "./ContextMenuProvider";
 export interface ContextMenuItemBase {
     className?: string;
+    /** Renders a divider above the item, to separate groups of items. */
+    dividerBefore?: boolean;
     icon?: string;
     label: string;
     location?: string;
 }
 export interface ContextMenuLeafItemDescriptor extends ContextMenuItemBase {
+    disabled?: boolean;
     id: string;
     options?: unknown;
 }
@@ -18,4 +21,4 @@ export type ContextMenuItemDescriptor = ContextMenuLeafItemDescriptor | ContextM
 export declare const isGroupMenuItemDescriptor: (menuItem?: ContextMenuItemDescriptor) => menuItem is ContextMenuGroupItemDescriptor;
 export declare const isOpenBulkEditResponse: (rpcResponse: Partial<VuuRpcResponse>) => rpcResponse is MenuRpcResponse<OpenDialogActionWithSchema>;
 export declare const hasShowNotificationAction: (res: Partial<VuuRpcResponse>) => res is MenuRpcResponse<ShowNotificationAction>;
-export declare const menuItemsFromMenuDescriptors: (menuDescriptors: ContextMenuItemDescriptor[], menuActionHandler: MenuActionHandler) => import("react").JSX.Element[];
+export declare const menuItemsFromMenuDescriptors: (menuDescriptors: ContextMenuItemDescriptor[], menuActionHandler: MenuActionHandler) => import("react/jsx-runtime").JSX.Element[];