@genesislcap/rapid-grid-pro 14.367.2-alpha-3ba274d.0 → 14.368.0

package/dist/custom-elements.json

@@ -5179,13 +5179,19 @@
           "kind": "class",
           "description": "",
           "name": "RapidAgActionRenderer",
-          "superclass": {
-            "name": "ActionRenderer",
-            "package": "@genesislcap/grid-pro"
-          },
-          "tagName": "%%prefix%%-grid-pro-action-renderer",
-          "customElement": true,
           "members": [
+            {
+              "kind": "method",
+              "name": "paramsChanged",
+              "parameters": [
+                {
+                  "name": "_"
+                },
+                {
+                  "name": "params"
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "params",
@@ -5406,7 +5412,13 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ]
+          ],
+          "superclass": {
+            "name": "ActionRenderer",
+            "package": "@genesislcap/grid-pro"
+          },
+          "tagName": "%%prefix%%-grid-pro-action-renderer",
+          "customElement": true
         },
         {
           "kind": "variable",
@@ -5442,13 +5454,19 @@
           "kind": "class",
           "description": "",
           "name": "RapidAgActionsMenuRenderer",
-          "superclass": {
-            "name": "ActionsMenuRenderer",
-            "package": "@genesislcap/grid-pro"
-          },
-          "tagName": "%%prefix%%-grid-pro-actions-menu-renderer",
-          "customElement": true,
           "members": [
+            {
+              "kind": "method",
+              "name": "paramsChanged",
+              "parameters": [
+                {
+                  "name": "_"
+                },
+                {
+                  "name": "params"
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "params",
@@ -5620,7 +5638,13 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ]
+          ],
+          "superclass": {
+            "name": "ActionsMenuRenderer",
+            "package": "@genesislcap/grid-pro"
+          },
+          "tagName": "%%prefix%%-grid-pro-actions-menu-renderer",
+          "customElement": true
         },
         {
           "kind": "variable",
@@ -6490,6 +6514,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/themes/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./genesis-rapid/ag-theme-genesis-rapid"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/style/colors.ts",
@@ -6737,21 +6776,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/themes/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./genesis-rapid/ag-theme-genesis-rapid"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/themes/genesis-rapid/ag-theme-genesis-rapid-css.ts",

package/dist/dts/cell-renderers/action.renderer.d.ts

@@ -3,6 +3,7 @@ import { ActionRenderer } from '@genesislcap/grid-pro';
  * @tagname %%prefix%%-grid-pro-action-renderer
  */
 export declare class RapidAgActionRenderer extends ActionRenderer {
+    paramsChanged(_: any, params: any): void;
 }
 /**
  * The Rapid Action Renderer

package/dist/dts/cell-renderers/action.renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action.renderer.d.ts","sourceRoot":"","sources":["../../../src/cell-renderers/action.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA0B,MAAM,uBAAuB,CAAC;AAG/E;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,cAAc;CAAG;AAE5D;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;gCA8BhC,CAAC"}
+{"version":3,"file":"action.renderer.d.ts","sourceRoot":"","sources":["../../../src/cell-renderers/action.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA0B,MAAM,uBAAuB,CAAC;AAG/E;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,cAAc;IACvD,aAAa,CAAC,CAAC,KAAA,EAAE,MAAM,KAAA;CAIxB;AACD;;;;;;GAMG;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;gCAsChC,CAAC"}

package/dist/dts/cell-renderers/actions-menu.renderer.d.ts

@@ -3,6 +3,7 @@ import { ActionsMenuRenderer } from '@genesislcap/grid-pro';
  * @tagname %%prefix%%-grid-pro-actions-menu-renderer
  */
 export declare class RapidAgActionsMenuRenderer extends ActionsMenuRenderer {
+    paramsChanged(_: any, params: any): void;
 }
 /**
  * The Rapid Ag Actions Menu Renderer
@@ -13,9 +14,11 @@ export declare class RapidAgActionsMenuRenderer extends ActionsMenuRenderer {
  */
 export declare const rapidAgActionsMenuRenderer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
     baseName: string;
+    styles: import("@microsoft/fast-element").ElementStyles;
     template: import("@microsoft/fast-element").ViewTemplate<any, any>;
 }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
     baseName: string;
+    styles: import("@microsoft/fast-element").ElementStyles;
     template: import("@microsoft/fast-element").ViewTemplate<any, any>;
 }, typeof RapidAgActionsMenuRenderer>;
 //# sourceMappingURL=actions-menu.renderer.d.ts.map

package/dist/dts/cell-renderers/actions-menu.renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions-menu.renderer.d.ts","sourceRoot":"","sources":["../../../src/cell-renderers/actions-menu.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,mBAAmB;CAAG;AAEtE;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B;;;;;;qCAQrC,CAAC"}
+{"version":3,"file":"actions-menu.renderer.d.ts","sourceRoot":"","sources":["../../../src/cell-renderers/actions-menu.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,mBAAmB;IACjE,aAAa,CAAC,CAAC,KAAA,EAAE,MAAM,KAAA;CAIxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;qCAoBrC,CAAC"}

package/dist/dts/grid-components.d.ts

@@ -20,9 +20,11 @@ export declare const rapidGridComponents: {
     }, typeof import("./cell-renderers").RapidAgActionRenderer>;
     rapidAgActionsMenuRenderer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
+        styles: import("@microsoft/fast-element").ElementStyles;
         template: import("@microsoft/fast-element").ViewTemplate<any, any>;
     }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
         baseName: string;
+        styles: import("@microsoft/fast-element").ElementStyles;
         template: import("@microsoft/fast-element").ViewTemplate<any, any>;
     }, typeof import("./cell-renderers").RapidAgActionsMenuRenderer>;
     rapidAgBooleanRenderer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{

package/dist/dts/grid-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-components.d.ts","sourceRoot":"","sources":["../../src/grid-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAmB5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAcT,SAAS,WAAW,GAAG,EAAE;CAa/C,CAAC"}
+{"version":3,"file":"grid-components.d.ts","sourceRoot":"","sources":["../../src/grid-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAmB5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAcT,SAAS,WAAW,GAAG,EAAE;CAa/C,CAAC"}

package/dist/dts/grid-pro-v34.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-pro-v34.d.ts","sourceRoot":"","sources":["../../src/grid-pro-v34.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAe,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAsB7D,qBAAa,eAAgB,SAAQ,UAAU;IACjC,QAAQ,EAAG,GAAG,CAAC;IAC3B;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,WAAW,EA6CnC;CACF;AAED,eAAO,MAAM,eAAe;;;;;;;;;;0BAW1B,CAAC"}
+{"version":3,"file":"grid-pro-v34.d.ts","sourceRoot":"","sources":["../../src/grid-pro-v34.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAe,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAsB7D,qBAAa,eAAgB,SAAQ,UAAU;IACjC,QAAQ,EAAG,GAAG,CAAC;IAC3B;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,WAAW,EAwCnC;CACF;AAED,eAAO,MAAM,eAAe;;;;;;;;;;0BAoB1B,CAAC"}

package/dist/esm/cell-renderers/action.renderer.js

@@ -4,6 +4,10 @@ import { css, html } from '@microsoft/fast-element';
  * @tagname %%prefix%%-grid-pro-action-renderer
  */
 export class RapidAgActionRenderer extends ActionRenderer {
+    paramsChanged(_, params) {
+        if (params === null || params === void 0 ? void 0 : params.node.rowHeight)
+            this.style.setProperty('--params-row-node-height', `${params.node.rowHeight}px`, '');
+    }
 }
 /**
  * The Rapid Action Renderer
@@ -20,13 +24,21 @@ export const rapidAgActionRenderer = RapidAgActionRenderer.compose({
       justify-content: center;
       margin: calc(var(--design-unit) * 1px);
     }
+    rapid-button {
+      /* assuming 30 is the fallback, you can change it */
+      height: calc(var(--params-row-node-height, 32px) - 6px);
+      max-height: 28px;
+      &::part(control) {
+        height: 100%;
+      }
+    }
   `,
     template: html `
     <div class="action-container" part="action-container">
       <rapid-button
         class="action-renderer button-padding"
         part="action-renderer"
-        style="${(x) => { var _a; return ((_a = x.params) === null || _a === void 0 ? void 0 : _a.actionButtonStyle) || ''; }}"
+        style=" ${(x) => { var _a; return ((_a = x.params) === null || _a === void 0 ? void 0 : _a.actionButtonStyle) || ''; }}"
         aria-label=${(x) => { var _a; return (_a = x.params) === null || _a === void 0 ? void 0 : _a.actionName; }}
         data-test-id="${(x) => x.dataTestId}"
         ?disabled=${(x) => { var _a; return x.pendingAction || x.isDisabled((_a = x.params) === null || _a === void 0 ? void 0 : _a.data); }}

package/dist/esm/cell-renderers/actions-menu.renderer.js

@@ -1,9 +1,13 @@
 import { ActionsMenuRenderer } from '@genesislcap/grid-pro';
-import { html } from '@microsoft/fast-element';
+import { css, html } from '@microsoft/fast-element';
 /**
  * @tagname %%prefix%%-grid-pro-actions-menu-renderer
  */
 export class RapidAgActionsMenuRenderer extends ActionsMenuRenderer {
+    paramsChanged(_, params) {
+        if (params === null || params === void 0 ? void 0 : params.node.rowHeight)
+            this.style.setProperty('--params-row-node-height', `${params.node.rowHeight}px`, '');
+    }
 }
 /**
  * The Rapid Ag Actions Menu Renderer
@@ -14,6 +18,18 @@ export class RapidAgActionsMenuRenderer extends ActionsMenuRenderer {
  */
 export const rapidAgActionsMenuRenderer = RapidAgActionsMenuRenderer.compose({
     baseName: 'grid-pro-actions-menu-renderer',
+    styles: css `
+    ::part(actions-opener) {
+      height: calc(var(--params-row-node-height, 32px) - 6px);
+      width: calc(var(--params-row-node-height, 32px) - 6px);
+      padding: 0;
+      max-height: 28px;
+      max-width: 28px;
+    }
+    ::part(control) {
+      height: 100%;
+    }
+  `,
     template: html `
     <rapid-actions-menu
       name="${(x) => { var _a; return (_a = x.params) === null || _a === void 0 ? void 0 : _a.headerName; }}"

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

@@ -6,7 +6,6 @@ import { RapidNumberEditor, RapidSelectEditor, RapidMultiselectEditor, RapidDate
 import { RapidEditableRenderer, RapidAgActionRenderer, RapidAgActionsMenuRenderer, RapidBooleanRenderer, RapidStatusPillRenderer, RapidAgSelectRenderer, } from './cell-renderers';
 import { rapidDefaultGridProConfig, rapidGridProShadowOptions } from './grid-pro';
 import { rapidGridProTemplate as template } from './grid-pro.template';
-import * as colors from './style/colors';
 const defaultAgHeight = 32;
 export class RapidGridProV34 extends GridProV34 {
     /**
@@ -18,24 +17,25 @@ export class RapidGridProV34 extends GridProV34 {
         options.components = Object.assign({ [GridProRendererTypes.action]: RapidAgActionRenderer, [GridProRendererTypes.actionsMenu]: RapidAgActionsMenuRenderer, [GridProRendererTypes.boolean]: RapidBooleanRenderer, [GridProRendererTypes.editable]: RapidEditableRenderer, [GridProRendererTypes.select]: RapidAgSelectRenderer, [GridProRendererTypes.selectEditor]: RapidSelectEditor, [GridProRendererTypes.numberEditor]: RapidNumberEditor, [GridProRendererTypes.multiselectEditor]: RapidMultiselectEditor, [GridProRendererTypes.dateEditor]: RapidDateEditor, [GridProRendererTypes.stringEditor]: RapidStringEditor, [GridProRendererTypes.statusPill]: RapidStatusPillRenderer }, ((_a = options.components) !== null && _a !== void 0 ? _a : {}));
         this.headerHeight = (_b = options.headerHeight) !== null && _b !== void 0 ? _b : defaultAgHeight;
         this.rowHeight = (_c = options.rowHeight) !== null && _c !== void 0 ? _c : defaultAgHeight;
-        options.theme = themeBalham
-            .withParams({
-            backgroundColor: colors.LIGHT_BACKGROUND_HEX,
-            foregroundColor: colors.LIGHT_FOREGROUND_HEX,
-            headerTextColor: colors.LIGHT_HEADER_FOREGROUND_HEX,
-            rowHoverColor: colors.LIGHT_ROW_HOVER_HEX,
-            borderColor: colors.LIGHT_BORDER_HEX,
-            browserColorScheme: 'light',
-        }, 'light')
-            .withParams({
-            backgroundColor: colors.DARK_BACKGROUND_HEX,
-            foregroundColor: colors.DARK_FOREGROUND_HEX,
-            headerTextColor: colors.DARK_HEADER_FOREGROUND_HEX,
-            rowHoverColor: colors.DARK_ROW_HOVER_HEX,
-            borderColor: colors.DARK_BORDER_HEX,
-            textColor: 'white',
-            browserColorScheme: 'dark',
-        }, 'dark');
+        options.theme = themeBalham.withParams({
+            backgroundColor: 'var(--neutral-layer-card-container)',
+            cellHorizontalPadding: 'calc(var(--design-unit) * 2px)',
+            foregroundColor: 'var(--neutral-foreground-rest)',
+            headerTextColor: 'var(--neutral-foreground-hint)',
+            headerBackgroundColor: 'var(--neutral-layer-3)',
+            headerColumnBorder: '1px solid var(--neutral-stroke-rest)',
+            oddRowBackgroundColor: 'var(--neutral-layer-1)',
+            rowBorder: '1px solid var(--neutral-stroke-divider-rest)',
+            borderColor: 'var(--neutral-stroke-rest)',
+            wrapperBorder: '0',
+            accentColor: 'var(--accent-foreground-rest)',
+            fontFamily: 'var(--body-font)',
+            sideBarBackgroundColor: 'var(--neutral-layer-2)',
+            dataFontSize: 'var(--type-ramp-minus-2-font-size)',
+            iconButtonColor: 'var(--accent-foreground-rest)',
+            iconButtonHoverColor: 'color-mix(in srgb, var(--accent-foreground-rest), var(--ag-foreground-color) 30%)',
+            rowHeight: this.rowHeight,
+        });
         super.gridOptions = options;
     }
 }
@@ -47,4 +47,13 @@ export const rapidGridProV34 = RapidGridProV34.compose(Object.assign({ baseName:
       width: 100%;
       height: 100%;
     }
+    .ag-body-vertical-scroll-viewport,
+    .ag-body-horizontal-scroll-viewport,
+    .ag-horizontal-right-spacer:not(.ag-scroller-corner),
+    .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
+      scrollbar-color: var(--neutral-layer-1) var(--neutral-layer-4);
+      &:hover {
+        scrollbar-color: var(--neutral-fill-rest) var(--neutral-layer-4);
+      }
+    }
   `, shadowOptions: rapidGridProShadowOptions }, rapidDefaultGridProConfig));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-grid-pro",
   "description": "Genesis Rapid Grid Pro",
-  "version": "14.367.2-alpha-3ba274d.0",
+  "version": "14.368.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -35,17 +35,17 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.367.2-alpha-3ba274d.0",
-    "@genesislcap/rollup-builder": "14.367.2-alpha-3ba274d.0",
-    "@genesislcap/ts-builder": "14.367.2-alpha-3ba274d.0",
-    "@genesislcap/uvu-playwright-builder": "14.367.2-alpha-3ba274d.0",
-    "@genesislcap/vite-builder": "14.367.2-alpha-3ba274d.0",
-    "@genesislcap/webpack-builder": "14.367.2-alpha-3ba274d.0"
+    "@genesislcap/genx": "14.368.0",
+    "@genesislcap/rollup-builder": "14.368.0",
+    "@genesislcap/ts-builder": "14.368.0",
+    "@genesislcap/uvu-playwright-builder": "14.368.0",
+    "@genesislcap/vite-builder": "14.368.0",
+    "@genesislcap/webpack-builder": "14.368.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-ui": "14.367.2-alpha-3ba274d.0",
-    "@genesislcap/grid-pro": "14.367.2-alpha-3ba274d.0",
-    "@genesislcap/rapid-design-system": "14.367.2-alpha-3ba274d.0",
+    "@genesislcap/foundation-ui": "14.368.0",
+    "@genesislcap/grid-pro": "14.368.0",
+    "@genesislcap/rapid-design-system": "14.368.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -67,5 +67,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "daaf43d4b675751a5e6c968895198a0e2cfdbf3d"
+  "gitHead": "698eab45797054e3c04d32edb44aecadcbb0095e"
 }