@vuu-ui/vuu-popups 0.8.88 → 0.8.89

package/cjs/menu/useContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenu.js","sources":["../../src/menu/useContextMenu.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  isGroupMenuItemDescriptor,\n  useThemeAttributes,\n} from \"@vuu-ui/vuu-utils\";\nimport { cloneElement, useCallback, useContext, useMemo } from \"react\";\nimport {\n  MenuActionClosePopup,\n  PopupCloseReason,\n  PopupService,\n  reasonIsMenuAction,\n} from \"../popup\";\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\nimport { MenuItem, MenuItemGroup } from \"./MenuList\";\nimport { ContextMenuContext } from \"./context-menu-provider\";\n\nexport type ContextMenuOptions = {\n  [key: string]: unknown;\n  contextMenu?: JSX.Element;\n  ContextMenuProps?: Partial<ContextMenuProps> & {\n    className?: string;\n  };\n  controlledComponentId?: string;\n};\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: ContextMenuOptions,\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, () => void] => {\n  const ctx = useContext(ContextMenuContext);\n\n  const [themeClass, densityClass, dataMode] = useThemeAttributes();\n  const themeAttributes = useMemo(\n    () => ({\n      themeClass,\n      densityClass,\n      dataMode,\n    }),\n    [dataMode, densityClass, themeClass],\n  );\n\n  const buildMenuOptions = useCallback(\n    (menuBuilders: MenuBuilder[], location, options) => {\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 handleShowContextMenu = useCallback<ShowContextMenu>(\n    (e, location, { ContextMenuProps, contextMenu, ...options }) => {\n      e.stopPropagation?.();\n      e.preventDefault?.();\n\n      if (contextMenu) {\n        return showContextMenuComponent(\n          {\n            x: e.clientX,\n            y: e.clientY,\n          },\n          contextMenu,\n        );\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 ?? ctx?.menuActionHandler;\n        const menuHandler: MenuActionHandler = (\n          action: MenuActionClosePopup,\n        ) => {\n          if (menuActionHandler?.(action) === true) {\n            return true;\n          } else {\n            return ctx?.menuActionHandler(action);\n          }\n        };\n\n        if (menuItemDescriptors.length && menuHandler) {\n          // because showPopup is going to be used to render the context menu, it will not\n          // have access to the ContextMenuContext. Pass the theme attributes here\n          showContextMenu(e, menuItemDescriptors, menuHandler, {\n            PortalProps: {\n              themeAttributes,\n            },\n            ...ContextMenuProps,\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, menuActionHandler, menuBuilder, themeAttributes],\n  );\n\n  const hideContextMenu = useCallback(() => {\n    console.log(\"hide context menu\");\n  }, []);\n\n  return [handleShowContextMenu, hideContextMenu];\n};\n\nconst NO_OPTIONS = {};\n\nconst showContextMenuComponent = (\n  position: { x: number; y: number },\n  contextMenu: JSX.Element,\n) => {\n  PopupService.showPopup({\n    focus: true,\n    left: 0,\n    top: 0,\n    component: cloneElement(contextMenu, { position }),\n  });\n};\n\nconst showContextMenu = (\n  e: EventLike,\n  menuDescriptors: ContextMenuItemDescriptor[],\n  handleContextMenuAction: MenuActionHandler,\n  {\n    position: positionProp,\n    ...contextMenuProps\n  }: ContextMenuOptions[\"ContextMenuProps\"] = NO_OPTIONS,\n) => {\n  const menuItems = (menuDescriptors: ContextMenuItemDescriptor[]) => {\n    const fromDescriptor = (menuItem: ContextMenuItemDescriptor, i: number) =>\n      isGroupMenuItemDescriptor(menuItem) ? (\n        <MenuItemGroup key={i} label={menuItem.label}>\n          {menuItem.children.map(fromDescriptor)}\n        </MenuItemGroup>\n      ) : (\n        <MenuItem\n          key={i}\n          action={menuItem.action}\n          className={menuItem.className}\n          data-icon={menuItem.icon}\n          options={menuItem.options}\n        >\n          {menuItem.label}\n        </MenuItem>\n      );\n\n    return menuDescriptors.map(fromDescriptor);\n  };\n\n  const handleClose = (reason?: PopupCloseReason) => {\n    if (reasonIsMenuAction(reason)) {\n      if (reason?.closedBy === \"popup-service\") {\n        return;\n      }\n      handleContextMenuAction(reason);\n      // TODO this results in onClose being called twice on component\n      // cant simply be removed, some refactoring work needed\n      PopupService.hidePopup(reason);\n    }\n    contextMenuProps?.onClose?.(reason);\n  };\n\n  const position = positionProp ?? {\n    x: e.clientX,\n    y: e.clientY,\n  };\n\n  const component = (\n    <ContextMenu\n      {...contextMenuProps}\n      onClose={handleClose}\n      position={position}\n    >\n      {menuItems(menuDescriptors)}\n    </ContextMenu>\n  );\n  PopupService.showPopup({ left: 0, top: 0, component, focus: true });\n};\n"],"names":["useContext","ContextMenuContext","useThemeAttributes","useMemo","useCallback","menuBuilder","ContextMenuProps","PopupService","cloneElement","menuDescriptors","isGroupMenuItemDescriptor","jsx","MenuItemGroup","MenuItem","reasonIsMenuAction","ContextMenu"],"mappings":"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"}
+{"version":3,"file":"useContextMenu.js","sources":["../../src/menu/useContextMenu.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  isGroupMenuItemDescriptor,\n  useThemeAttributes,\n} from \"@vuu-ui/vuu-utils\";\nimport { cloneElement, useCallback, useContext, useMemo } from \"react\";\nimport {\n  MenuActionClosePopup,\n  PopupCloseReason,\n  PopupService,\n  reasonIsMenuAction,\n} from \"../popup\";\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\nimport { MenuItem, MenuItemGroup } from \"./MenuList\";\nimport { ContextMenuContext } from \"./context-menu-provider\";\n\nexport type ContextMenuOptions = {\n  [key: string]: unknown;\n  columns?: ColumnDescriptor[];\n  contextMenu?: JSX.Element;\n  ContextMenuProps?: Partial<ContextMenuProps> & {\n    className?: string;\n  };\n  controlledComponentId?: string;\n};\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: ContextMenuOptions,\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, () => void] => {\n  const ctx = useContext(ContextMenuContext);\n\n  const [themeClass, densityClass, dataMode] = useThemeAttributes();\n  const themeAttributes = useMemo(\n    () => ({\n      themeClass,\n      densityClass,\n      dataMode,\n    }),\n    [dataMode, densityClass, themeClass],\n  );\n\n  const buildMenuOptions = useCallback(\n    (menuBuilders: MenuBuilder[], location, options) => {\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 handleShowContextMenu = useCallback<ShowContextMenu>(\n    (e, location, { ContextMenuProps, contextMenu, ...options }) => {\n      e.stopPropagation?.();\n      e.preventDefault?.();\n\n      if (contextMenu) {\n        return showContextMenuComponent(\n          {\n            x: e.clientX,\n            y: e.clientY,\n          },\n          contextMenu,\n        );\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 ?? ctx?.menuActionHandler;\n        const menuHandler: MenuActionHandler = (\n          action: MenuActionClosePopup,\n        ) => {\n          if (menuActionHandler?.(action) === true) {\n            return true;\n          } else {\n            return ctx?.menuActionHandler(action);\n          }\n        };\n\n        if (menuItemDescriptors.length && menuHandler) {\n          // because showPopup is going to be used to render the context menu, it will not\n          // have access to the ContextMenuContext. Pass the theme attributes here\n          showContextMenu(e, menuItemDescriptors, menuHandler, {\n            PortalProps: {\n              themeAttributes,\n            },\n            ...ContextMenuProps,\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, menuActionHandler, menuBuilder, themeAttributes],\n  );\n\n  const hideContextMenu = useCallback(() => {\n    console.log(\"hide context menu\");\n  }, []);\n\n  return [handleShowContextMenu, hideContextMenu];\n};\n\nconst NO_OPTIONS = {};\n\nconst showContextMenuComponent = (\n  position: { x: number; y: number },\n  contextMenu: JSX.Element,\n) => {\n  PopupService.showPopup({\n    focus: true,\n    left: 0,\n    top: 0,\n    component: cloneElement(contextMenu, { position }),\n  });\n};\n\nconst showContextMenu = (\n  e: EventLike,\n  menuDescriptors: ContextMenuItemDescriptor[],\n  handleContextMenuAction: MenuActionHandler,\n  {\n    position: positionProp,\n    ...contextMenuProps\n  }: ContextMenuOptions[\"ContextMenuProps\"] = NO_OPTIONS,\n) => {\n  const menuItems = (menuDescriptors: ContextMenuItemDescriptor[]) => {\n    const fromDescriptor = (menuItem: ContextMenuItemDescriptor, i: number) =>\n      isGroupMenuItemDescriptor(menuItem) ? (\n        <MenuItemGroup key={i} label={menuItem.label}>\n          {menuItem.children.map(fromDescriptor)}\n        </MenuItemGroup>\n      ) : (\n        <MenuItem\n          key={i}\n          action={menuItem.action}\n          className={menuItem.className}\n          data-icon={menuItem.icon}\n          options={menuItem.options}\n        >\n          {menuItem.label}\n        </MenuItem>\n      );\n\n    return menuDescriptors.map(fromDescriptor);\n  };\n\n  const handleClose = (reason?: PopupCloseReason) => {\n    if (reasonIsMenuAction(reason)) {\n      if (reason?.closedBy === \"popup-service\") {\n        return;\n      }\n      handleContextMenuAction(reason);\n      // TODO this results in onClose being called twice on component\n      // cant simply be removed, some refactoring work needed\n      PopupService.hidePopup(reason);\n    }\n    contextMenuProps?.onClose?.(reason);\n  };\n\n  const position = positionProp ?? {\n    x: e.clientX,\n    y: e.clientY,\n  };\n\n  const component = (\n    <ContextMenu\n      {...contextMenuProps}\n      onClose={handleClose}\n      position={position}\n    >\n      {menuItems(menuDescriptors)}\n    </ContextMenu>\n  );\n  PopupService.showPopup({ left: 0, top: 0, component, focus: true });\n};\n"],"names":["useContext","ContextMenuContext","useThemeAttributes","useMemo","useCallback","menuBuilder","ContextMenuProps","PopupService","cloneElement","menuDescriptors","isGroupMenuItemDescriptor","jsx","MenuItemGroup","MenuItem","reasonIsMenuAction","ContextMenu"],"mappings":"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"}

package/esm/menu/useContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenu.js","sources":["../../src/menu/useContextMenu.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  isGroupMenuItemDescriptor,\n  useThemeAttributes,\n} from \"@vuu-ui/vuu-utils\";\nimport { cloneElement, useCallback, useContext, useMemo } from \"react\";\nimport {\n  MenuActionClosePopup,\n  PopupCloseReason,\n  PopupService,\n  reasonIsMenuAction,\n} from \"../popup\";\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\nimport { MenuItem, MenuItemGroup } from \"./MenuList\";\nimport { ContextMenuContext } from \"./context-menu-provider\";\n\nexport type ContextMenuOptions = {\n  [key: string]: unknown;\n  contextMenu?: JSX.Element;\n  ContextMenuProps?: Partial<ContextMenuProps> & {\n    className?: string;\n  };\n  controlledComponentId?: string;\n};\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: ContextMenuOptions,\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, () => void] => {\n  const ctx = useContext(ContextMenuContext);\n\n  const [themeClass, densityClass, dataMode] = useThemeAttributes();\n  const themeAttributes = useMemo(\n    () => ({\n      themeClass,\n      densityClass,\n      dataMode,\n    }),\n    [dataMode, densityClass, themeClass],\n  );\n\n  const buildMenuOptions = useCallback(\n    (menuBuilders: MenuBuilder[], location, options) => {\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 handleShowContextMenu = useCallback<ShowContextMenu>(\n    (e, location, { ContextMenuProps, contextMenu, ...options }) => {\n      e.stopPropagation?.();\n      e.preventDefault?.();\n\n      if (contextMenu) {\n        return showContextMenuComponent(\n          {\n            x: e.clientX,\n            y: e.clientY,\n          },\n          contextMenu,\n        );\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 ?? ctx?.menuActionHandler;\n        const menuHandler: MenuActionHandler = (\n          action: MenuActionClosePopup,\n        ) => {\n          if (menuActionHandler?.(action) === true) {\n            return true;\n          } else {\n            return ctx?.menuActionHandler(action);\n          }\n        };\n\n        if (menuItemDescriptors.length && menuHandler) {\n          // because showPopup is going to be used to render the context menu, it will not\n          // have access to the ContextMenuContext. Pass the theme attributes here\n          showContextMenu(e, menuItemDescriptors, menuHandler, {\n            PortalProps: {\n              themeAttributes,\n            },\n            ...ContextMenuProps,\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, menuActionHandler, menuBuilder, themeAttributes],\n  );\n\n  const hideContextMenu = useCallback(() => {\n    console.log(\"hide context menu\");\n  }, []);\n\n  return [handleShowContextMenu, hideContextMenu];\n};\n\nconst NO_OPTIONS = {};\n\nconst showContextMenuComponent = (\n  position: { x: number; y: number },\n  contextMenu: JSX.Element,\n) => {\n  PopupService.showPopup({\n    focus: true,\n    left: 0,\n    top: 0,\n    component: cloneElement(contextMenu, { position }),\n  });\n};\n\nconst showContextMenu = (\n  e: EventLike,\n  menuDescriptors: ContextMenuItemDescriptor[],\n  handleContextMenuAction: MenuActionHandler,\n  {\n    position: positionProp,\n    ...contextMenuProps\n  }: ContextMenuOptions[\"ContextMenuProps\"] = NO_OPTIONS,\n) => {\n  const menuItems = (menuDescriptors: ContextMenuItemDescriptor[]) => {\n    const fromDescriptor = (menuItem: ContextMenuItemDescriptor, i: number) =>\n      isGroupMenuItemDescriptor(menuItem) ? (\n        <MenuItemGroup key={i} label={menuItem.label}>\n          {menuItem.children.map(fromDescriptor)}\n        </MenuItemGroup>\n      ) : (\n        <MenuItem\n          key={i}\n          action={menuItem.action}\n          className={menuItem.className}\n          data-icon={menuItem.icon}\n          options={menuItem.options}\n        >\n          {menuItem.label}\n        </MenuItem>\n      );\n\n    return menuDescriptors.map(fromDescriptor);\n  };\n\n  const handleClose = (reason?: PopupCloseReason) => {\n    if (reasonIsMenuAction(reason)) {\n      if (reason?.closedBy === \"popup-service\") {\n        return;\n      }\n      handleContextMenuAction(reason);\n      // TODO this results in onClose being called twice on component\n      // cant simply be removed, some refactoring work needed\n      PopupService.hidePopup(reason);\n    }\n    contextMenuProps?.onClose?.(reason);\n  };\n\n  const position = positionProp ?? {\n    x: e.clientX,\n    y: e.clientY,\n  };\n\n  const component = (\n    <ContextMenu\n      {...contextMenuProps}\n      onClose={handleClose}\n      position={position}\n    >\n      {menuItems(menuDescriptors)}\n    </ContextMenu>\n  );\n  PopupService.showPopup({ left: 0, top: 0, component, focus: true });\n};\n"],"names":["menuBuilder","ContextMenuProps","menuDescriptors"],"mappings":"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"}
+{"version":3,"file":"useContextMenu.js","sources":["../../src/menu/useContextMenu.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  isGroupMenuItemDescriptor,\n  useThemeAttributes,\n} from \"@vuu-ui/vuu-utils\";\nimport { cloneElement, useCallback, useContext, useMemo } from \"react\";\nimport {\n  MenuActionClosePopup,\n  PopupCloseReason,\n  PopupService,\n  reasonIsMenuAction,\n} from \"../popup\";\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\nimport { MenuItem, MenuItemGroup } from \"./MenuList\";\nimport { ContextMenuContext } from \"./context-menu-provider\";\n\nexport type ContextMenuOptions = {\n  [key: string]: unknown;\n  columns?: ColumnDescriptor[];\n  contextMenu?: JSX.Element;\n  ContextMenuProps?: Partial<ContextMenuProps> & {\n    className?: string;\n  };\n  controlledComponentId?: string;\n};\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: ContextMenuOptions,\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, () => void] => {\n  const ctx = useContext(ContextMenuContext);\n\n  const [themeClass, densityClass, dataMode] = useThemeAttributes();\n  const themeAttributes = useMemo(\n    () => ({\n      themeClass,\n      densityClass,\n      dataMode,\n    }),\n    [dataMode, densityClass, themeClass],\n  );\n\n  const buildMenuOptions = useCallback(\n    (menuBuilders: MenuBuilder[], location, options) => {\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 handleShowContextMenu = useCallback<ShowContextMenu>(\n    (e, location, { ContextMenuProps, contextMenu, ...options }) => {\n      e.stopPropagation?.();\n      e.preventDefault?.();\n\n      if (contextMenu) {\n        return showContextMenuComponent(\n          {\n            x: e.clientX,\n            y: e.clientY,\n          },\n          contextMenu,\n        );\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 ?? ctx?.menuActionHandler;\n        const menuHandler: MenuActionHandler = (\n          action: MenuActionClosePopup,\n        ) => {\n          if (menuActionHandler?.(action) === true) {\n            return true;\n          } else {\n            return ctx?.menuActionHandler(action);\n          }\n        };\n\n        if (menuItemDescriptors.length && menuHandler) {\n          // because showPopup is going to be used to render the context menu, it will not\n          // have access to the ContextMenuContext. Pass the theme attributes here\n          showContextMenu(e, menuItemDescriptors, menuHandler, {\n            PortalProps: {\n              themeAttributes,\n            },\n            ...ContextMenuProps,\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, menuActionHandler, menuBuilder, themeAttributes],\n  );\n\n  const hideContextMenu = useCallback(() => {\n    console.log(\"hide context menu\");\n  }, []);\n\n  return [handleShowContextMenu, hideContextMenu];\n};\n\nconst NO_OPTIONS = {};\n\nconst showContextMenuComponent = (\n  position: { x: number; y: number },\n  contextMenu: JSX.Element,\n) => {\n  PopupService.showPopup({\n    focus: true,\n    left: 0,\n    top: 0,\n    component: cloneElement(contextMenu, { position }),\n  });\n};\n\nconst showContextMenu = (\n  e: EventLike,\n  menuDescriptors: ContextMenuItemDescriptor[],\n  handleContextMenuAction: MenuActionHandler,\n  {\n    position: positionProp,\n    ...contextMenuProps\n  }: ContextMenuOptions[\"ContextMenuProps\"] = NO_OPTIONS,\n) => {\n  const menuItems = (menuDescriptors: ContextMenuItemDescriptor[]) => {\n    const fromDescriptor = (menuItem: ContextMenuItemDescriptor, i: number) =>\n      isGroupMenuItemDescriptor(menuItem) ? (\n        <MenuItemGroup key={i} label={menuItem.label}>\n          {menuItem.children.map(fromDescriptor)}\n        </MenuItemGroup>\n      ) : (\n        <MenuItem\n          key={i}\n          action={menuItem.action}\n          className={menuItem.className}\n          data-icon={menuItem.icon}\n          options={menuItem.options}\n        >\n          {menuItem.label}\n        </MenuItem>\n      );\n\n    return menuDescriptors.map(fromDescriptor);\n  };\n\n  const handleClose = (reason?: PopupCloseReason) => {\n    if (reasonIsMenuAction(reason)) {\n      if (reason?.closedBy === \"popup-service\") {\n        return;\n      }\n      handleContextMenuAction(reason);\n      // TODO this results in onClose being called twice on component\n      // cant simply be removed, some refactoring work needed\n      PopupService.hidePopup(reason);\n    }\n    contextMenuProps?.onClose?.(reason);\n  };\n\n  const position = positionProp ?? {\n    x: e.clientX,\n    y: e.clientY,\n  };\n\n  const component = (\n    <ContextMenu\n      {...contextMenuProps}\n      onClose={handleClose}\n      position={position}\n    >\n      {menuItems(menuDescriptors)}\n    </ContextMenu>\n  );\n  PopupService.showPopup({ left: 0, top: 0, component, focus: true });\n};\n"],"names":["menuBuilder","ContextMenuProps","menuDescriptors"],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.8.88",
+  "version": "0.8.89",
   "description": "VUU popup components - Context Menu, Dialog etc",
   "author": "heswell",
   "license": "Apache-2.0",
@@ -7,10 +7,10 @@
     "@salt-ds/core": "1.34.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-types": "0.8.88",
-    "@vuu-ui/vuu-layout": "0.8.88",
-    "@vuu-ui/vuu-utils": "0.8.88",
-    "@vuu-ui/vuu-ui-controls": "0.8.88"
+    "@vuu-ui/vuu-data-types": "0.8.89",
+    "@vuu-ui/vuu-layout": "0.8.89",
+    "@vuu-ui/vuu-utils": "0.8.89",
+    "@vuu-ui/vuu-ui-controls": "0.8.89"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/menu/useContextMenu.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
+import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
 import { ContextMenuProps } from "./ContextMenu";
 export type ContextMenuOptions = {
     [key: string]: unknown;
+    columns?: ColumnDescriptor[];
     contextMenu?: JSX.Element;
     ContextMenuProps?: Partial<ContextMenuProps> & {
         className?: string;