@genesislcap/grid-pro 15.42.0 → 15.43.0-FUI-2629.1

package/dist/esm/grid-pro.js

@@ -9,7 +9,7 @@ import * as changeCase from 'change-case';
 import debounce from 'lodash.debounce';
 import { GridProCell } from './cell';
 import { DateEditor, MultiselectEditor, NumberEditor, SelectEditor, StringEditor, } from './cell-editors';
-import { ActionRenderer, ActionsMenuRenderer, BooleanRenderer, EditableRenderer, IconRenderer, SelectRenderer, StatusPillRenderer, } from './cell-renderers';
+import { ActionRenderer, ActionsMenuRenderer, VerticalDropdownMenuRenderer, BooleanRenderer, EditableRenderer, IconRenderer, SelectRenderer, StatusPillRenderer, } from './cell-renderers';
 import { GridProColumn, resolveVisibleColumnFields } from './column';
 import { EnumColumnFilter, EnumColumnFloatingFilter, GridProFilterTypes } from './column-filters';
 import { ColumnSelection, gridProColumnSelectionHostStyles } from './column-selection';
@@ -795,6 +795,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         const defaultFoundationAgComponents = {
             [GridProRendererTypes.action]: ActionRenderer,
             [GridProRendererTypes.actionsMenu]: ActionsMenuRenderer,
+            [GridProRendererTypes.verticalDropdownMenu]: VerticalDropdownMenuRenderer,
             [GridProRendererTypes.boolean]: BooleanRenderer,
             [GridProRendererTypes.editable]: EditableRenderer,
             [GridProRendererTypes.icon]: IconRenderer,

package/dist/esm/grid-pro.types.js

@@ -125,6 +125,7 @@ export var GridProRendererTypes;
 (function (GridProRendererTypes) {
     GridProRendererTypes["action"] = "action";
     GridProRendererTypes["actionsMenu"] = "actionsMenu";
+    GridProRendererTypes["verticalDropdownMenu"] = "verticalDropdownMenu";
     GridProRendererTypes["boolean"] = "boolean";
     GridProRendererTypes["editable"] = "editable";
     GridProRendererTypes["icon"] = "icon";

package/dist/grid-pro.api.json

@@ -10233,6 +10233,51 @@
               "text": "ActionsMenuRenderer",
               "canonicalReference": "@genesislcap/grid-pro!ActionsMenuRenderer:class"
             },
+            {
+              "kind": "Content",
+              "text": ">;\n    foundationGridProVerticalDropdownMenuRenderer: (overrideDefinition?: import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "OverrideFoundationElementDefinition",
+              "canonicalReference": "@microsoft/fast-foundation!OverrideFoundationElementDefinition:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<{\n        baseName: string;\n        template: import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ViewTemplate:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<any, any>;\n    }>) => import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElementRegistry",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElementRegistry:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<{\n        baseName: string;\n        template: import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ViewTemplate:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<any, any>;\n    }, typeof import(\"./cell-renderers\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "VerticalDropdownMenuRenderer",
+              "canonicalReference": "@genesislcap/grid-pro!VerticalDropdownMenuRenderer:class"
+            },
             {
               "kind": "Content",
               "text": ">;\n    foundationAgBooleanRenderer: (overrideDefinition?: import(\"@microsoft/fast-foundation\")."
@@ -11342,7 +11387,7 @@
           "name": "foundationGridComponents",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 292
+            "endIndex": 302
           }
         },
         {
@@ -11809,6 +11854,92 @@
             "endIndex": 2
           }
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@genesislcap/grid-pro!foundationGridProVerticalDropdownMenuRenderer:function(1)",
+          "docComment": "/**\n * A function that returns a Foundation Vertical Dropdown Menu for configuring the component with a DesignSystem.\n *\n * @remarks\n *\n * HTML Element: \\<foundation-grid-pro-vertical-dropdown-menu-renderer\\>\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "foundationGridProVerticalDropdownMenuRenderer: (overrideDefinition?: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "OverrideFoundationElementDefinition",
+              "canonicalReference": "@microsoft/fast-foundation!OverrideFoundationElementDefinition:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<{\n    baseName: string;\n    template: import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ViewTemplate:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<any, any>;\n}>"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElementRegistry",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElementRegistry:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<{\n    baseName: string;\n    template: import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ViewTemplate:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<any, any>;\n}, typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "VerticalDropdownMenuRenderer",
+              "canonicalReference": "@genesislcap/grid-pro!VerticalDropdownMenuRenderer:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "fileUrlPath": "src/cell-renderers/vertical-dropdown-menu.renderer.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 7,
+            "endIndex": 14
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [
+            {
+              "parameterName": "overrideDefinition",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 6
+              },
+              "isOptional": true
+            }
+          ],
+          "name": "foundationGridProVerticalDropdownMenuRenderer"
+        },
         {
           "kind": "Function",
           "canonicalReference": "@genesislcap/grid-pro!foundationIconRenderer:function(1)",
@@ -15372,6 +15503,111 @@
           ],
           "name": "getTextRendererTemplate"
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@genesislcap/grid-pro!getVerticalDropdownMenuDef:function(1)",
+          "docComment": "/**\n * Helper function to get ColDef {@link https://www.ag-grid.com/javascript-data-grid/column-properties/} for the Vertical Dropdown Menu Renderer. Will take the parameter values for a base ColDef and merge them with the overrideDef (if specified).\n *\n * @param items - Array of `VerticalDropdownMenuItem` to be displayed in the menu, or a function of the row data returning that array (for row-scoped eligibility/permission filtering).\n *\n * @param overrideDef - Optional override for the ColDef. Will override any of the default values. Default is an empty object.\n *\n * @param iconName - Optional icon name for the opener. Default is `'ellipsis-vertical'`.\n *\n * @param buttonAppearance - Optional appearance for the button that opens the menu.\n *\n * @returns Merged ColDef (base ColDef created from the parameters + overrideDef) for the Vertical Dropdown Menu Renderer.\n *\n * @example\n * ```ts\n * public exampleMoreColumnDef: ColDef = getVerticalDropdownMenuDef(\n *   (rowData) => [\n *     { label: 'Ping Trader', icon: { name: 'paper-plane' }, callback: (rowData) => pingTrader(rowData) },\n *     { label: 'Assign', icon: { name: 'user' }, callback: (rowData) => assign(rowData) },\n *   ],\n *   { headerName: '', pinned: 'right' },\n * );\n * ```\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "getVerticalDropdownMenuDef: (items: "
+            },
+            {
+              "kind": "Reference",
+              "text": "VerticalDropdownMenuItem",
+              "canonicalReference": "@genesislcap/foundation-ui!VerticalDropdownMenuItem:type"
+            },
+            {
+              "kind": "Content",
+              "text": "[] | ((rowData: any) => "
+            },
+            {
+              "kind": "Reference",
+              "text": "VerticalDropdownMenuItem",
+              "canonicalReference": "@genesislcap/foundation-ui!VerticalDropdownMenuItem:type"
+            },
+            {
+              "kind": "Content",
+              "text": "[])"
+            },
+            {
+              "kind": "Content",
+              "text": ", overrideDef?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ColDef",
+              "canonicalReference": "@ag-grid-community/core!ColDef:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ", iconName?: "
+            },
+            {
+              "kind": "Content",
+              "text": "string"
+            },
+            {
+              "kind": "Content",
+              "text": ", buttonAppearance?: "
+            },
+            {
+              "kind": "Content",
+              "text": "string"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Reference",
+              "text": "ColDef",
+              "canonicalReference": "@ag-grid-community/core!ColDef:interface"
+            }
+          ],
+          "fileUrlPath": "src/cell-renderers/vertical-dropdown-menu.renderer.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 12,
+            "endIndex": 13
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [
+            {
+              "parameterName": "items",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 5
+              },
+              "isOptional": false
+            },
+            {
+              "parameterName": "overrideDef",
+              "parameterTypeTokenRange": {
+                "startIndex": 6,
+                "endIndex": 7
+              },
+              "isOptional": true
+            },
+            {
+              "parameterName": "iconName",
+              "parameterTypeTokenRange": {
+                "startIndex": 8,
+                "endIndex": 9
+              },
+              "isOptional": true
+            },
+            {
+              "parameterName": "buttonAppearance",
+              "parameterTypeTokenRange": {
+                "startIndex": 10,
+                "endIndex": 11
+              },
+              "isOptional": true
+            }
+          ],
+          "name": "getVerticalDropdownMenuDef"
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@genesislcap/grid-pro!GRID_PRO_COLUMN_DRAG_BRIDGE_CONTEXT_KEY:var",
@@ -25686,6 +25922,27 @@
               },
               "releaseTag": "Public",
               "name": "text"
+            },
+            {
+              "kind": "EnumMember",
+              "canonicalReference": "@genesislcap/grid-pro!GridProRendererTypes.verticalDropdownMenu:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "verticalDropdownMenu = "
+                },
+                {
+                  "kind": "Content",
+                  "text": "\"verticalDropdownMenu\""
+                }
+              ],
+              "initializerTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "name": "verticalDropdownMenu"
             }
           ]
         },
@@ -37431,6 +37688,213 @@
           ],
           "name": "toPickerItem"
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@genesislcap/grid-pro!VerticalDropdownMenuRenderer:class",
+          "docComment": "/**\n * The Vertical Dropdown Menu Renderer element.\n *\n * @remarks\n *\n * For a pinned, icon-only \"more actions\" column that anchors a menu to itself.\n *\n * @tagname\n *\n * %%prefix%%-grid-pro-vertical-dropdown-menu-renderer\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class VerticalDropdownMenuRenderer extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElement",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
+            },
+            {
+              "kind": "Content",
+              "text": " implements "
+            },
+            {
+              "kind": "Reference",
+              "text": "ICellRendererComp",
+              "canonicalReference": "@ag-grid-community/core!ICellRendererComp:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "fileUrlPath": "src/cell-renderers/vertical-dropdown-menu.renderer.ts",
+          "releaseTag": "Public",
+          "isAbstract": false,
+          "name": "VerticalDropdownMenuRenderer",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/grid-pro!VerticalDropdownMenuRenderer#getGui:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "getGui(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLElement",
+                  "canonicalReference": "!HTMLElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "getGui"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/grid-pro!VerticalDropdownMenuRenderer#init:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "init(params: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ICellRendererParams",
+                  "canonicalReference": "@ag-grid-community/core!ICellRendererParams:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "params",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "init"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/grid-pro!VerticalDropdownMenuRenderer#params:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "params: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ICellRendererParams",
+                  "canonicalReference": "@ag-grid-community/core!ICellRendererParams:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "params",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/grid-pro!VerticalDropdownMenuRenderer#refresh:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "refresh(params: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ICellRendererParams",
+                  "canonicalReference": "@ag-grid-community/core!ICellRendererParams:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "params",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "refresh"
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": [
+            {
+              "startIndex": 3,
+              "endIndex": 4
+            }
+          ]
+        },
         {
           "kind": "Function",
           "canonicalReference": "@genesislcap/grid-pro!wasClickOutsideElement:function(1)",

package/dist/grid-pro.d.ts

@@ -167,6 +167,7 @@ import { ValueParserFunc } from '@ag-grid-community/core';
 import { ValueParserFunc as ValueParserFunc_2 } from 'ag-grid-community';
 import { ValueSetterFunc } from '@ag-grid-community/core';
 import { ValueSetterFunc as ValueSetterFunc_2 } from 'ag-grid-community';
+import { VerticalDropdownMenuItem } from '@genesislcap/foundation-ui';
 import { ViewTemplate } from '@microsoft/fast-element';
 
 /**
@@ -2119,6 +2120,13 @@ export declare const foundationGridComponents: {
     baseName: string;
     template: ViewTemplate<any, any>;
     }, ActionsMenuRenderer>;
+    foundationGridProVerticalDropdownMenuRenderer: (overrideDefinition?: OverrideFoundationElementDefinition<    {
+    baseName: string;
+    template: ViewTemplate<any, any>;
+    }>) => FoundationElementRegistry<    {
+    baseName: string;
+    template: ViewTemplate<any, any>;
+    }, VerticalDropdownMenuRenderer>;
     foundationAgBooleanRenderer: (overrideDefinition?: OverrideFoundationElementDefinition<    {
     baseName: string;
     styles: ElementStyles;
@@ -2337,6 +2345,21 @@ export declare const foundationGridProShadowOptions: ShadowRootInit;
  */
 export declare const foundationGridProStyles: ElementStyles;
 
+/**
+ * A function that returns a Foundation Vertical Dropdown Menu for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-grid-pro-vertical-dropdown-menu-renderer\>
+ */
+export declare const foundationGridProVerticalDropdownMenuRenderer: (overrideDefinition?: OverrideFoundationElementDefinition<    {
+baseName: string;
+template: ViewTemplate<any, any>;
+}>) => FoundationElementRegistry<    {
+baseName: string;
+template: ViewTemplate<any, any>;
+}, typeof VerticalDropdownMenuRenderer>;
+
 /**
  * A function that returns a Foundation Icon Renderer registration for configuring the component with a DesignSystem.
  *
@@ -3522,6 +3545,30 @@ export declare const getTextFieldRendererTemplate: (designSystem?: string) => Vi
  */
 export declare const getTextRendererTemplate: (designSystem?: string) => ViewTemplate<AgTextFieldRenderer, any>;
 
+/**
+ * Helper function to get ColDef {@link https://www.ag-grid.com/javascript-data-grid/column-properties/} for the
+ * Vertical Dropdown Menu Renderer.
+ * Will take the parameter values for a base ColDef and merge them with the overrideDef (if specified).
+ * @param items - Array of `VerticalDropdownMenuItem` to be displayed in the menu, or a function of the row data
+ * returning that array (for row-scoped eligibility/permission filtering).
+ * @param overrideDef - Optional override for the ColDef. Will override any of the default values. Default is an empty object.
+ * @param iconName - Optional icon name for the opener. Default is `'ellipsis-vertical'`.
+ * @param buttonAppearance - Optional appearance for the button that opens the menu.
+ * @returns Merged ColDef (base ColDef created from the parameters + overrideDef) for the Vertical Dropdown Menu Renderer.
+ * @example
+ * ```ts
+ * public exampleMoreColumnDef: ColDef = getVerticalDropdownMenuDef(
+ *   (rowData) => [
+ *     { label: 'Ping Trader', icon: { name: 'paper-plane' }, callback: (rowData) => pingTrader(rowData) },
+ *     { label: 'Assign', icon: { name: 'user' }, callback: (rowData) => assign(rowData) },
+ *   ],
+ *   { headerName: '', pinned: 'right' },
+ * );
+ * ```
+ * @public
+ */
+export declare const getVerticalDropdownMenuDef: (items: VerticalDropdownMenuItem[] | ((rowData: any) => VerticalDropdownMenuItem[]), overrideDef?: ColDef, iconName?: string, buttonAppearance?: string) => ColDef;
+
 /** Context key on `gridOptions.context` for AG column drag integration.
  * @public
  */
@@ -6902,7 +6949,13 @@ declare const GridProLegacy_base: (new (...args: any[]) => {
     scrollBy(options?: ScrollToOptions): void;
     scrollBy(x: number, y: number): void;
     scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
-    scrollTo(options?: ScrollToOptions): void;
+    scrollTo(options? /**
+    * Configuration for the grid status bar components.
+    * @remarks
+    * This requires AG Grid Enterprise module to be enabled.
+    * The status bar will only be displayed if the Enterprise module is available.
+    * @see https://www.ag-grid.com/javascript-data-grid/component-status-bar/
+    */: ScrollToOptions): void;
     scrollTo(x: number, y: number): void;
     setAttribute(qualifiedName: string, value: string): void;
     setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
@@ -7158,6 +7211,7 @@ declare const GridProLegacy_base: (new (...args: any[]) => {
 export declare enum GridProRendererTypes {
     action = "action",
     actionsMenu = "actionsMenu",
+    verticalDropdownMenu = "verticalDropdownMenu",
     boolean = "boolean",
     editable = "editable",
     icon = "icon",
@@ -9379,6 +9433,19 @@ declare type UntypeNonFunctions<T> = {
     [K in keyof T]: T[K] extends (...args: any[]) => any ? T[K] : never;
 };
 
+/**
+ * The Vertical Dropdown Menu Renderer element.
+ * @remarks For a pinned, icon-only "more actions" column that anchors a menu to itself.
+ * @public
+ * @tagname %%prefix%%-grid-pro-vertical-dropdown-menu-renderer
+ */
+export declare class VerticalDropdownMenuRenderer extends FoundationElement implements ICellRendererComp {
+    params: ICellRendererParams;
+    init(params: ICellRendererParams): void;
+    getGui(): HTMLElement;
+    refresh(params: ICellRendererParams): boolean;
+}
+
 /**
  * Checks if the given mouse event occurred outside the target element.
  * @public

package/dist/react.cjs

@@ -19,6 +19,7 @@ const { SelectRenderer: SelectRendererWC } = require('./esm/cell-renderers/selec
 const { StatusPillRenderer: StatusPillRendererWC } = require('./esm/cell-renderers/status-pill.renderer.js');
 const { AgTextFieldRenderer: AgTextFieldRendererWC } = require('./esm/cell-renderers/text-field.renderer.js');
 const { AgTextRenderer: AgTextRendererWC } = require('./esm/cell-renderers/text.renderer.js');
+const { VerticalDropdownMenuRenderer: VerticalDropdownMenuRendererWC } = require('./esm/cell-renderers/vertical-dropdown-menu.renderer.js');
 const { GridProCell: GridProCellWC } = require('./esm/cell/cell.js');
 const { ColumnSelection: ColumnSelectionWC } = require('./esm/column-selection/column-selection.js');
 const { GridProColumn: GridProColumnWC } = require('./esm/column/column.js');
@@ -163,6 +164,11 @@ const AgTextRenderer = React.forwardRef(function AgTextRenderer(props, ref) {
   return React.createElement(customElements.getName(AgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
 });
 
+const VerticalDropdownMenuRenderer = React.forwardRef(function VerticalDropdownMenuRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(VerticalDropdownMenuRendererWC) ?? '%%prefix%%-grid-pro-vertical-dropdown-menu-renderer', { ...rest, ref }, children);
+});
+
 const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
@@ -598,6 +604,7 @@ module.exports = {
   StatusPillRenderer,
   AgTextFieldRenderer,
   AgTextRenderer,
+  VerticalDropdownMenuRenderer,
   GridProColumn,
   ColumnSelection,
   GridProClientSideDatasource,