@genesislcap/rapid-grid-pro 15.35.1 → 16.0.0

package/dist/dts/grid-pro-legacy.d.ts

@@ -0,0 +1,41 @@
+import { GridProLegacy } from '@genesislcap/grid-pro';
+import type { GridOptionsConfig } from '@genesislcap/grid-pro';
+/**
+ * @tagname rapid-grid-pro
+ * @deprecated Legacy AG Grid v29 wrapper. Use `RapidGridPro` (AG Grid v36) instead.
+ */
+export declare class RapidGridProLegacy extends GridProLegacy {
+    provider: any;
+    private luminanceSubscription?;
+    private readonly luminanceObserver;
+    private handleLuminanceChange;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Sets default theme to Rapid
+     * @override
+     */
+    theme: string;
+    themeChanged(oldValue: string, newValue: string): void;
+    /**
+     * Handles extra Rapid configs
+     * @override
+     */
+    set gridOptions(options: GridOptionsConfig);
+}
+export declare const rapidGridProShadowOptions: ShadowRootInit;
+export declare const rapidDefaultGridProConfig: {
+    shadowOptions: any;
+};
+export declare const rapidGridProLegacy: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    shadowOptions: any;
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/grid-pro").GridPro, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    shadowOptions: any;
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/grid-pro").GridPro, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+}, typeof RapidGridProLegacy>;
+//# sourceMappingURL=grid-pro-legacy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-pro-legacy.d.ts","sourceRoot":"","sources":["../../src/grid-pro-legacy.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAId,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AA4B/D;;;GAGG;AACH,qBAAa,kBAAmB,SAAQ,aAAa;IACvC,QAAQ,EAAG,GAAG,CAAC;IAC3B,OAAO,CAAC,qBAAqB,CAAC,CAAM;IACpC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAEhC;IAEF,OAAO,CAAC,qBAAqB,CAG3B;IAEF,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAU5B;;;OAGG;IACH,KAAK,SAGA;IAEL,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK/C;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,iBAAiB,EAgCzC;CACF;AAGD,eAAO,MAAM,yBAAyB,EAAE,cAA+C,CAAC;AACxF,eAAO,MAAM,yBAAyB;;CAAmB,CAAC;AAE1D,eAAO,MAAM,kBAAkB;;;;;;;;;;6BAM7B,CAAC"}

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

@@ -1,31 +1,42 @@
 import { GridPro } from '@genesislcap/grid-pro';
-import type { GridOptionsConfig } from '@genesislcap/grid-pro';
+import { GridOptions } from 'ag-grid-community';
 /**
  * @tagname rapid-grid-pro
  */
 export declare class RapidGridPro extends GridPro {
     provider: any;
-    private luminanceSubscription?;
-    private readonly luminanceObserver;
-    private handleLuminanceChange;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     /**
-     * Sets default theme to Rapid
+     * AG derives a cell's line-height from `min(--ag-row-height, --ag-line-height)`, and only
+     * `--ag-line-height` tracks the configured `rowHeight` — `--ag-row-height` comes from the theme's
+     * own default (~29px). So a grid with a taller `rowHeight` keeps the ~29px line-height and, since
+     * `.ag-cell` is a block box rather than a flex one, renders its content pinned to the top of the
+     * row instead of vertically centred. Feeding the configured height back in as the theme's
+     * `rowHeight` param keeps both variables in agreement.
+     *
+     * That makes row height the one param that can't be shared, so themes are keyed by distinct
+     * height, with `'default'` covering grids that don't configure one.
+     */
+    private static cachedThemes;
+    private getCachedTheme;
+    /**
+     * The height AG will end up using, resolved the same way `GridPro` resolves it: attributes are
+     * copied over the derived options last, so they win over anything on the options object.
+     */
+    private resolveRowHeight;
+    /**
+     * Keeps the theme's row height in step with a row height changed after the grid was built.
+     * @remarks AG resizes the rows and refreshes `--ag-line-height` on its own, but `--ag-row-height`
+     * belongs to the theme, so without swapping the theme too a grid grown past its original height
+     * clamps back to the old line-height and tops out its cell content again.
      * @override
      */
-    theme: string;
-    themeChanged(oldValue: string, newValue: string): void;
+    agAttributeChangedCallback(attName: string, oldValue: unknown, newValue: unknown): void;
     /**
      * Handles extra Rapid configs
      * @override
      */
-    set gridOptions(options: GridOptionsConfig);
+    set gridOptions(options: GridOptions);
 }
-export declare const rapidGridProShadowOptions: ShadowRootInit;
-export declare const rapidDefaultGridProConfig: {
-    shadowOptions: any;
-};
 export declare const rapidGridPro: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
     shadowOptions: any;
     baseName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"grid-pro.d.ts","sourceRoot":"","sources":["../../src/grid-pro.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EAIR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AA4B/D;;GAEG;AACH,qBAAa,YAAa,SAAQ,OAAO;IAC3B,QAAQ,EAAG,GAAG,CAAC;IAC3B,OAAO,CAAC,qBAAqB,CAAC,CAAM;IACpC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAEhC;IAEF,OAAO,CAAC,qBAAqB,CAG3B;IAEF,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAU5B;;;OAGG;IACH,KAAK,SAGA;IAEL,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK/C;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,iBAAiB,EAgCzC;CACF;AAGD,eAAO,MAAM,yBAAyB,EAAE,cAA+C,CAAC;AACxF,eAAO,MAAM,yBAAyB;;CAAmB,CAAC;AAE1D,eAAO,MAAM,YAAY;;;;;;;;;;uBAMvB,CAAC"}
+{"version":3,"file":"grid-pro.d.ts","sourceRoot":"","sources":["../../src/grid-pro.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,OAAO,EAGR,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAe,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA6D7D;;GAEG;AACH,qBAAa,YAAa,SAAQ,OAAO;IAC3B,QAAQ,EAAG,GAAG,CAAC;IAE3B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY,CAAiD;IAE5E,OAAO,CAAC,cAAc;IAgBtB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IASxB;;;;;;OAMG;IACH,0BAA0B,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO;IAShF;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,WAAW,EAuBnC;CACF;AAED,eAAO,MAAM,YAAY;;;;;;;;;;uBAyEvB,CAAC"}

package/dist/dts/index.d.ts

@@ -1,5 +1,5 @@
 export * from './grid-pro';
-export * from './grid-pro-beta';
+export * from './grid-pro-legacy';
 export * from './grid-pro.styles';
 export * from './grid-pro.template';
 export * from './cell-editors';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AAExB,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AAExB,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,uBAAuB,CAAC"}

package/dist/dts/react.d.ts

@@ -18,7 +18,7 @@ import type { RapidAgSelectRenderer as RapidAgSelectRendererWC } from './cell-re
 import type { RapidStatusPillRenderer as RapidStatusPillRendererWC } from './cell-renderers/status-pill.renderer';
 import type { RapidAgTextRenderer as RapidAgTextRendererWC } from './cell-renderers/text.renderer';
 import type { RapidColumnSelection as RapidColumnSelectionWC } from './column-selection';
-import type { RapidGridProBeta as RapidGridProBetaWC } from './grid-pro-beta';
+import type { RapidGridProLegacy as RapidGridProLegacyWC } from './grid-pro-legacy';
 import type { RapidGridPro as RapidGridProWC } from './grid-pro';
 import type { GridReadyEventDetail } from '@genesislcap/grid-pro';
 
@@ -60,24 +60,24 @@ export declare const RapidColumnSelection: React.ForwardRefExoticComponent<
 >;
 export type RapidColumnSelectionRef = RapidColumnSelectionWC;
 
-export declare const RapidGridProBeta: React.ForwardRefExoticComponent<
+export declare const RapidGridProLegacy: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<RapidGridProBetaWC>, 'children' | 'style'> &
+    Omit<PublicOf<RapidGridProLegacyWC>, 'children' | 'style'> &
     HTMLWCProps & {
-      onGridReady?: (event: CustomEvent<GridReadyEventDetail>) => void;
-      onOnGridReady?: (event: CustomEvent<GridReadyEventDetail>) => void;
+      onGridReady?: (event: CustomEvent<unknown>) => void;
+      onOnGridReady?: (event: CustomEvent<unknown>) => void;
       onGridready?: (event: CustomEvent<unknown>) => void;
     }
-  > & React.RefAttributes<RapidGridProBetaWC>
+  > & React.RefAttributes<RapidGridProLegacyWC>
 >;
-export type RapidGridProBetaRef = RapidGridProBetaWC;
+export type RapidGridProLegacyRef = RapidGridProLegacyWC;
 
 export declare const RapidGridPro: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<RapidGridProWC>, 'children' | 'style'> &
     HTMLWCProps & {
-      onGridReady?: (event: CustomEvent<unknown>) => void;
-      onOnGridReady?: (event: CustomEvent<unknown>) => void;
+      onGridReady?: (event: CustomEvent<GridReadyEventDetail>) => void;
+      onOnGridReady?: (event: CustomEvent<GridReadyEventDetail>) => void;
       onGridready?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<RapidGridProWC>

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

@@ -0,0 +1,83 @@
+import { __decorate } from "tslib";
+import { GridProLegacy, GridProRendererTypes, foundationGridProShadowOptions, defaultGridProConfig as foundationConfig, } from '@genesislcap/grid-pro';
+import { baseLayerLuminance, StandardLuminance } from '@microsoft/fast-components';
+import { observable } from '@microsoft/fast-element';
+import { RapidNumberEditor, RapidSelectEditor, RapidMultiselectEditor, RapidDateEditor, RapidStringEditor, } from './cell-editors';
+import { RapidEditableRenderer, RapidAgActionRenderer, RapidAgActionsMenuRenderer, RapidBooleanRenderer, RapidStatusPillRenderer, RapidAgSelectRenderer, RapidIconRenderer, } from './cell-renderers';
+import { rapidGridProStyles as styles } from './grid-pro.styles';
+import { rapidGridProTemplate as template } from './grid-pro.template';
+import { deriveHeightsFromTokens } from './style';
+import { themeGenesisRapid, themeGenesisRapidDark, themeGenesisRapidLight } from './themes';
+const defaultAgHeight = 32;
+const rapidThemeDark = 'ag-theme-genesis-rapid-dark';
+const rapidThemeLight = 'ag-theme-genesis-rapid-light';
+/**
+ * @tagname rapid-grid-pro
+ * @deprecated Legacy AG Grid v29 wrapper. Use `RapidGridPro` (AG Grid v36) instead.
+ */
+export class RapidGridProLegacy extends GridProLegacy {
+    constructor() {
+        super(...arguments);
+        this.luminanceObserver = {
+            handleChange: (record) => this.handleLuminanceChange(record),
+        };
+        this.handleLuminanceChange = (record) => {
+            const luminance = baseLayerLuminance.getValueFor(record.target);
+            this.theme = luminance === StandardLuminance.DarkMode ? rapidThemeDark : rapidThemeLight;
+        };
+        /**
+         * Sets default theme to Rapid
+         * @override
+         */
+        this.theme = (() => {
+            const luminance = localStorage.getItem('luminance');
+            return luminance === 'light' ? rapidThemeLight : rapidThemeDark;
+        })();
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        const luminanceTarget = (_a = this.provider) !== null && _a !== void 0 ? _a : this;
+        this.luminanceSubscription = baseLayerLuminance.subscribe(this.luminanceObserver, luminanceTarget);
+    }
+    disconnectedCallback() {
+        var _a;
+        const luminanceTarget = (_a = this.provider) !== null && _a !== void 0 ? _a : this;
+        baseLayerLuminance.unsubscribe(this.luminanceObserver, luminanceTarget);
+        if (this.luminanceSubscription) {
+            this.luminanceSubscription.unsubscribe();
+            this.luminanceSubscription = undefined;
+        }
+        super.disconnectedCallback();
+    }
+    themeChanged(oldValue, newValue) {
+        if (!oldValue && newValue !== rapidThemeDark)
+            return;
+        super.themeChanged(oldValue, newValue);
+    }
+    /**
+     * Handles extra Rapid configs
+     * @override
+     */
+    set gridOptions(options) {
+        var _a, _b, _c, _d;
+        const nextOptions = Object.assign({}, options);
+        nextOptions.components = Object.assign({ [GridProRendererTypes.action]: RapidAgActionRenderer, [GridProRendererTypes.actionsMenu]: RapidAgActionsMenuRenderer, [GridProRendererTypes.boolean]: RapidBooleanRenderer, [GridProRendererTypes.editable]: RapidEditableRenderer, [GridProRendererTypes.icon]: RapidIconRenderer, [GridProRendererTypes.select]: RapidAgSelectRenderer, [GridProRendererTypes.selectEditor]: RapidSelectEditor, [GridProRendererTypes.numberEditor]: RapidNumberEditor, [GridProRendererTypes.multiselectEditor]: RapidMultiselectEditor, [GridProRendererTypes.dateEditor]: RapidDateEditor, [GridProRendererTypes.stringEditor]: RapidStringEditor, [GridProRendererTypes.statusPill]: RapidStatusPillRenderer }, nextOptions.components);
+        const isRapidTheme = this.theme === themeGenesisRapid ||
+            this.theme === themeGenesisRapidDark ||
+            this.theme === themeGenesisRapidLight;
+        if (isRapidTheme) {
+            this.headerHeight = (_b = (_a = nextOptions.headerHeight) !== null && _a !== void 0 ? _a : deriveHeightsFromTokens()) !== null && _b !== void 0 ? _b : defaultAgHeight;
+            this.rowHeight = (_d = (_c = nextOptions.rowHeight) !== null && _c !== void 0 ? _c : deriveHeightsFromTokens()) !== null && _d !== void 0 ? _d : defaultAgHeight;
+        }
+        super.gridOptions = nextOptions;
+    }
+}
+__decorate([
+    observable
+], RapidGridProLegacy.prototype, "provider", void 0);
+// explicitly declaring for extensibility
+export const rapidGridProShadowOptions = foundationGridProShadowOptions;
+export const rapidDefaultGridProConfig = foundationConfig;
+export const rapidGridProLegacy = RapidGridProLegacy.compose(Object.assign({ baseName: 'grid-pro', template,
+    styles, shadowOptions: rapidGridProShadowOptions }, rapidDefaultGridProConfig));

package/dist/esm/grid-pro.js

@@ -1,82 +1,180 @@
 import { __decorate } from "tslib";
-import { GridPro, GridProRendererTypes, foundationGridProShadowOptions, defaultGridProConfig as foundationConfig, } from '@genesislcap/grid-pro';
-import { baseLayerLuminance, StandardLuminance } from '@microsoft/fast-components';
-import { observable } from '@microsoft/fast-element';
+import { agDragGhostShadowDomStyles, errorHandlerDialogStyles, gridProColumnSelectionHostStyles, GridPro, GridProRendererTypes, rowMatchAlertStyles, } from '@genesislcap/grid-pro';
+import { css, observable } from '@microsoft/fast-element';
+import { themeBalham } from 'ag-grid-community';
 import { RapidNumberEditor, RapidSelectEditor, RapidMultiselectEditor, RapidDateEditor, RapidStringEditor, } from './cell-editors';
-import { RapidEditableRenderer, RapidAgActionRenderer, RapidAgActionsMenuRenderer, RapidBooleanRenderer, RapidStatusPillRenderer, RapidAgSelectRenderer, RapidIconRenderer, } from './cell-renderers';
-import { rapidGridProStyles as styles } from './grid-pro.styles';
+import { RapidEditableRenderer, RapidAgActionRenderer, RapidAgActionsMenuRenderer, RapidBooleanRenderer, RapidStatusPillRenderer, RapidIconRenderer, RapidAgSelectRenderer, } from './cell-renderers';
+import { rapidDefaultGridProConfig, rapidGridProShadowOptions } from './grid-pro-legacy';
 import { rapidGridProTemplate as template } from './grid-pro.template';
-import { deriveHeightsFromTokens } from './style';
-import { themeGenesisRapid, themeGenesisRapidDark, themeGenesisRapidLight } from './themes';
-const defaultAgHeight = 32;
-const rapidThemeDark = 'ag-theme-genesis-rapid-dark';
-const rapidThemeLight = 'ag-theme-genesis-rapid-light';
+/**
+ * Every param here is a CSS custom-property reference, so they resolve per instance and per mode
+ * from one built theme. Row height is the one exception — see {@link RapidGridPro.cachedThemes}.
+ */
+const rapidGridThemeParams = {
+    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%)',
+};
+/**
+ * The attribute spellings `GridPro` maps onto `GridOptions.rowHeight`, highest precedence
+ * first, mirroring its own `agPropertiesMap`.
+ */
+const rowHeightAttributes = ['rowheight', 'row-height'];
+/**
+ * A row height arrives either as a `GridOptions.rowHeight` number or as an attribute string, so
+ * normalise before using it as a theme param and cache key.
+ */
+function toThemeRowHeight(value) {
+    const rowHeight = Number(value);
+    return Number.isFinite(rowHeight) && rowHeight > 0 ? rowHeight : undefined;
+}
 /**
  * @tagname rapid-grid-pro
  */
 export class RapidGridPro extends GridPro {
-    constructor() {
-        super(...arguments);
-        this.luminanceObserver = {
-            handleChange: (record) => this.handleLuminanceChange(record),
-        };
-        this.handleLuminanceChange = (record) => {
-            const luminance = baseLayerLuminance.getValueFor(record.target);
-            this.theme = luminance === StandardLuminance.DarkMode ? rapidThemeDark : rapidThemeLight;
-        };
-        /**
-         * Sets default theme to Rapid
-         * @override
-         */
-        this.theme = (() => {
-            const luminance = localStorage.getItem('luminance');
-            return luminance === 'light' ? rapidThemeLight : rapidThemeDark;
-        })();
-    }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        const luminanceTarget = (_a = this.provider) !== null && _a !== void 0 ? _a : this;
-        this.luminanceSubscription = baseLayerLuminance.subscribe(this.luminanceObserver, luminanceTarget);
+    getCachedTheme(rowHeight) {
+        const key = rowHeight !== null && rowHeight !== void 0 ? rowHeight : 'default';
+        let theme = RapidGridPro.cachedThemes.get(key);
+        if (!theme) {
+            theme = themeBalham.withParams(key === 'default'
+                ? rapidGridThemeParams
+                : Object.assign(Object.assign({}, rapidGridThemeParams), { rowHeight: `${key}px` }));
+            RapidGridPro.cachedThemes.set(key, theme);
+        }
+        return theme;
     }
-    disconnectedCallback() {
-        var _a;
-        const luminanceTarget = (_a = this.provider) !== null && _a !== void 0 ? _a : this;
-        baseLayerLuminance.unsubscribe(this.luminanceObserver, luminanceTarget);
-        if (this.luminanceSubscription) {
-            this.luminanceSubscription.unsubscribe();
-            this.luminanceSubscription = undefined;
+    /**
+     * The height AG will end up using, resolved the same way `GridPro` resolves it: attributes are
+     * copied over the derived options last, so they win over anything on the options object.
+     */
+    resolveRowHeight(options) {
+        for (const attribute of rowHeightAttributes) {
+            const fromAttribute = toThemeRowHeight(this.getAttribute(attribute));
+            if (fromAttribute)
+                return fromAttribute;
         }
-        super.disconnectedCallback();
+        return toThemeRowHeight(options.rowHeight);
     }
-    themeChanged(oldValue, newValue) {
-        if (!oldValue && newValue !== rapidThemeDark)
+    /**
+     * Keeps the theme's row height in step with a row height changed after the grid was built.
+     * @remarks AG resizes the rows and refreshes `--ag-line-height` on its own, but `--ag-row-height`
+     * belongs to the theme, so without swapping the theme too a grid grown past its original height
+     * clamps back to the old line-height and tops out its cell content again.
+     * @override
+     */
+    agAttributeChangedCallback(attName, oldValue, newValue) {
+        var _a;
+        super.agAttributeChangedCallback(attName, oldValue, newValue);
+        if (this.agPropertiesMap[attName] !== 'rowHeight' || oldValue === newValue)
             return;
-        super.themeChanged(oldValue, newValue);
+        // Before the grid exists there is nothing to update — `gridOptions` picks the theme instead.
+        (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.setGridOption('theme', this.getCachedTheme(toThemeRowHeight(newValue)));
     }
     /**
      * Handles extra Rapid configs
      * @override
      */
     set gridOptions(options) {
-        var _a, _b, _c, _d;
         const nextOptions = Object.assign({}, options);
-        nextOptions.components = Object.assign({ [GridProRendererTypes.action]: RapidAgActionRenderer, [GridProRendererTypes.actionsMenu]: RapidAgActionsMenuRenderer, [GridProRendererTypes.boolean]: RapidBooleanRenderer, [GridProRendererTypes.editable]: RapidEditableRenderer, [GridProRendererTypes.icon]: RapidIconRenderer, [GridProRendererTypes.select]: RapidAgSelectRenderer, [GridProRendererTypes.selectEditor]: RapidSelectEditor, [GridProRendererTypes.numberEditor]: RapidNumberEditor, [GridProRendererTypes.multiselectEditor]: RapidMultiselectEditor, [GridProRendererTypes.dateEditor]: RapidDateEditor, [GridProRendererTypes.stringEditor]: RapidStringEditor, [GridProRendererTypes.statusPill]: RapidStatusPillRenderer }, options.components);
-        const isRapidTheme = this.theme === themeGenesisRapid ||
-            this.theme === themeGenesisRapidDark ||
-            this.theme === themeGenesisRapidLight;
-        if (isRapidTheme) {
-            this.headerHeight = (_b = (_a = nextOptions.headerHeight) !== null && _a !== void 0 ? _a : deriveHeightsFromTokens()) !== null && _b !== void 0 ? _b : defaultAgHeight;
-            this.rowHeight = (_d = (_c = nextOptions.rowHeight) !== null && _c !== void 0 ? _c : deriveHeightsFromTokens()) !== null && _d !== void 0 ? _d : defaultAgHeight;
-        }
+        nextOptions.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, [GridProRendererTypes.icon]: RapidIconRenderer }, nextOptions.components);
+        nextOptions.theme = this.getCachedTheme(this.resolveRowHeight(nextOptions));
         super.gridOptions = nextOptions;
     }
 }
+/**
+ * AG derives a cell's line-height from `min(--ag-row-height, --ag-line-height)`, and only
+ * `--ag-line-height` tracks the configured `rowHeight` — `--ag-row-height` comes from the theme's
+ * own default (~29px). So a grid with a taller `rowHeight` keeps the ~29px line-height and, since
+ * `.ag-cell` is a block box rather than a flex one, renders its content pinned to the top of the
+ * row instead of vertically centred. Feeding the configured height back in as the theme's
+ * `rowHeight` param keeps both variables in agreement.
+ *
+ * That makes row height the one param that can't be shared, so themes are keyed by distinct
+ * height, with `'default'` covering grids that don't configure one.
+ */
+RapidGridPro.cachedThemes = new Map();
 __decorate([
     observable
 ], RapidGridPro.prototype, "provider", void 0);
-// explicitly declaring for extensibility
-export const rapidGridProShadowOptions = foundationGridProShadowOptions;
-export const rapidDefaultGridProConfig = foundationConfig;
-export const rapidGridPro = RapidGridPro.compose(Object.assign({ baseName: 'grid-pro', template,
-    styles, shadowOptions: rapidGridProShadowOptions }, rapidDefaultGridProConfig));
+export const rapidGridPro = RapidGridPro.compose(Object.assign({ baseName: 'grid-pro', template, 
+    // The legacy compose got these through `rapidGridProStyles` (`foundationGridProStyles` + the rapid
+    // themes); the shared template always renders the error-handler dialog, whose overlay is
+    // `position: absolute; inset: 0`, so the host has to be the positioned ancestor.
+    styles: css `
+    ${errorHandlerDialogStyles}
+    ${agDragGhostShadowDomStyles}
+    ${gridProColumnSelectionHostStyles}
+    ${rowMatchAlertStyles}
+
+    :host {
+      --datasource-error-background-color: var(--neutral-layer-4);
+      --datasource-error-background-opacity: 0.5;
+      --datasource-error-dialog-max-width: 50%;
+      --datasource-error-dialog-min-width: auto;
+      --ag-status-bar-height: 32.5px;
+
+      position: relative;
+      width: 100%;
+      height: 100%;
+    }
+
+    :host([ds-disconnected]) {
+      display: block;
+    }
+
+    :host([ds-disconnected])::part(grid) {
+      cursor: not-allowed;
+      opacity: 40%;
+      pointer-events: none;
+    }
+
+    .ag-status-bar {
+      height: var(--ag-status-bar-height);
+    }
+    .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(--ag-scrollbar-handle, var(--neutral-layer-1))
+        var(--ag-scrollbar-background, var(--neutral-layer-4));
+      &:hover {
+        scrollbar-color: var(--neutral-fill-rest) var(--neutral-layer-4);
+      }
+    }
+    .ag-body-horizontal-scroll-end-spacer {
+      overflow: unset;
+      background: var(--ag-scrollbar-background, var(--neutral-layer-4));
+    }
+
+    /*
+     * Server-side and infinite row models: reveal the inactive (unsorted) sort icon on header
+     * hover rather than always. The datasource adds .grid-pro-server-side / .grid-pro-infinite to
+     * the grid host while attached; unSortIcon renders the .ag-sort-none-icon on sortable columns,
+     * and these rules keep just that icon hidden until the header is hovered. Only the none icon
+     * is targeted - AG shows the ascending/descending icon (and hides the none icon) once a column
+     * is sorted, so a sorted column's arrow stays fully visible at rest. Matches the client-side
+     * model's quiet header while keeping sortability discoverable.
+     */
+    .grid-pro-server-side .ag-header-cell-sortable .ag-sort-none-icon,
+    .grid-pro-infinite .ag-header-cell-sortable .ag-sort-none-icon {
+      opacity: 0;
+      transition: opacity 0.15s ease-in-out;
+    }
+    .grid-pro-server-side .ag-header-cell-sortable:hover .ag-sort-none-icon,
+    .grid-pro-infinite .ag-header-cell-sortable:hover .ag-sort-none-icon {
+      opacity: 1;
+    }
+  `, shadowOptions: rapidGridProShadowOptions }, rapidDefaultGridProConfig));

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 export * from './grid-pro';
-export * from './grid-pro-beta';
+export * from './grid-pro-legacy';
 export * from './grid-pro.styles';
 export * from './grid-pro.template';
 export * from './cell-editors';

package/dist/react.cjs

@@ -20,7 +20,7 @@ const { RapidAgSelectRenderer: RapidAgSelectRendererWC } = require('./esm/cell-r
 const { RapidStatusPillRenderer: RapidStatusPillRendererWC } = require('./esm/cell-renderers/status-pill.renderer.js');
 const { RapidAgTextRenderer: RapidAgTextRendererWC } = require('./esm/cell-renderers/text.renderer.js');
 const { RapidColumnSelection: RapidColumnSelectionWC } = require('./esm/column-selection.js');
-const { RapidGridProBeta: RapidGridProBetaWC } = require('./esm/grid-pro-beta.js');
+const { RapidGridProLegacy: RapidGridProLegacyWC } = require('./esm/grid-pro-legacy.js');
 const { RapidGridPro: RapidGridProWC } = require('./esm/grid-pro.js');
 
 function _mergeRefs(...refs) {
@@ -37,7 +37,7 @@ const RapidColumnSelection = React.forwardRef(function RapidColumnSelection(prop
   return React.createElement(customElements.getName(RapidColumnSelectionWC) ?? '%%prefix%%-column-selection', { ...rest, ref }, children);
 });
 
-const RapidGridProBeta = React.forwardRef(function RapidGridProBeta(props, ref) {
+const RapidGridProLegacy = React.forwardRef(function RapidGridProLegacy(props, ref) {
   const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onGridReadyRef = React.useRef(onGridReady);
@@ -61,7 +61,7 @@ const RapidGridProBeta = React.forwardRef(function RapidGridProBeta(props, ref)
       el.removeEventListener('gridready', _onGridreadyFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RapidGridProBetaWC) ?? 'rapid-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RapidGridProLegacyWC) ?? 'rapid-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const RapidGridPro = React.forwardRef(function RapidGridPro(props, ref) {
@@ -158,7 +158,7 @@ const RapidAgTextRenderer = React.forwardRef(function RapidAgTextRenderer(props,
 
 module.exports = {
   RapidColumnSelection,
-  RapidGridProBeta,
+  RapidGridProLegacy,
   RapidGridPro,
   RapidDateEditor,
   RapidMultiselectEditor,

package/dist/react.mjs

@@ -18,7 +18,7 @@ import { RapidAgSelectRenderer as RapidAgSelectRendererWC } from './esm/cell-ren
 import { RapidStatusPillRenderer as RapidStatusPillRendererWC } from './esm/cell-renderers/status-pill.renderer.js';
 import { RapidAgTextRenderer as RapidAgTextRendererWC } from './esm/cell-renderers/text.renderer.js';
 import { RapidColumnSelection as RapidColumnSelectionWC } from './esm/column-selection.js';
-import { RapidGridProBeta as RapidGridProBetaWC } from './esm/grid-pro-beta.js';
+import { RapidGridProLegacy as RapidGridProLegacyWC } from './esm/grid-pro-legacy.js';
 import { RapidGridPro as RapidGridProWC } from './esm/grid-pro.js';
 
 function _mergeRefs(...refs) {
@@ -35,7 +35,7 @@ export const RapidColumnSelection = React.forwardRef(function RapidColumnSelecti
   return React.createElement(customElements.getName(RapidColumnSelectionWC) ?? '%%prefix%%-column-selection', { ...rest, ref }, children);
 });
 
-export const RapidGridProBeta = React.forwardRef(function RapidGridProBeta(props, ref) {
+export const RapidGridProLegacy = React.forwardRef(function RapidGridProLegacy(props, ref) {
   const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onGridReadyRef = React.useRef(onGridReady);
@@ -59,7 +59,7 @@ export const RapidGridProBeta = React.forwardRef(function RapidGridProBeta(props
       el.removeEventListener('gridready', _onGridreadyFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RapidGridProBetaWC) ?? 'rapid-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RapidGridProLegacyWC) ?? 'rapid-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const RapidGridPro = React.forwardRef(function RapidGridPro(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-grid-pro",
   "description": "Genesis Rapid Grid Pro",
-  "version": "15.35.1",
+  "version": "16.0.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -37,17 +37,17 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/genx": "15.35.1",
-    "@genesislcap/rollup-builder": "15.35.1",
-    "@genesislcap/ts-builder": "15.35.1",
-    "@genesislcap/uvu-playwright-builder": "15.35.1",
-    "@genesislcap/vite-builder": "15.35.1",
-    "@genesislcap/webpack-builder": "15.35.1"
+    "@genesislcap/genx": "16.0.0",
+    "@genesislcap/rollup-builder": "16.0.0",
+    "@genesislcap/ts-builder": "16.0.0",
+    "@genesislcap/uvu-playwright-builder": "16.0.0",
+    "@genesislcap/vite-builder": "16.0.0",
+    "@genesislcap/webpack-builder": "16.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-ui": "15.35.1",
-    "@genesislcap/grid-pro": "15.35.1",
-    "@genesislcap/rapid-design-system": "15.35.1",
+    "@genesislcap/foundation-ui": "16.0.0",
+    "@genesislcap/grid-pro": "16.0.0",
+    "@genesislcap/rapid-design-system": "16.0.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",