@genesislcap/rapid-grid-pro 15.35.1 → 16.0.0

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

@@ -1,51 +0,0 @@
-import { GridProBeta } from '@genesislcap/grid-pro';
-import { GridOptions } from 'ag-grid-community';
-/**
- * @tagname rapid-grid-pro
- */
-export declare class RapidGridProBeta extends GridProBeta {
-    provider: any;
-    /**
-     * 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 `GridProBeta` 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
-     */
-    agAttributeChangedCallback(attName: string, oldValue: unknown, newValue: unknown): void;
-    /**
-     * Handles extra Rapid configs
-     * @override
-     */
-    set gridOptions(options: GridOptions);
-}
-export declare const rapidGridProBeta: (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 RapidGridProBeta>;
-//# sourceMappingURL=grid-pro-beta.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid-pro-beta.d.ts","sourceRoot":"","sources":["../../src/grid-pro-beta.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAGZ,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAe,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA6D7D;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;IACnC,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,gBAAgB;;;;;;;;;;2BAgD3B,CAAC"}

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

@@ -1,154 +0,0 @@
-import { __decorate } from "tslib";
-import { agDragGhostShadowDomStyles, gridProColumnSelectionHostStyles, GridProBeta, 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, RapidIconRenderer, RapidAgSelectRenderer, } from './cell-renderers';
-import { rapidDefaultGridProConfig, rapidGridProShadowOptions } from './grid-pro';
-import { rapidGridProTemplate as template } from './grid-pro.template';
-/**
- * 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 RapidGridProBeta.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 `GridProBeta` 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 RapidGridProBeta extends GridProBeta {
-    getCachedTheme(rowHeight) {
-        const key = rowHeight !== null && rowHeight !== void 0 ? rowHeight : 'default';
-        let theme = RapidGridProBeta.cachedThemes.get(key);
-        if (!theme) {
-            theme = themeBalham.withParams(key === 'default'
-                ? rapidGridThemeParams
-                : Object.assign(Object.assign({}, rapidGridThemeParams), { rowHeight: `${key}px` }));
-            RapidGridProBeta.cachedThemes.set(key, theme);
-        }
-        return theme;
-    }
-    /**
-     * The height AG will end up using, resolved the same way `GridProBeta` 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;
-        }
-        return toThemeRowHeight(options.rowHeight);
-    }
-    /**
-     * 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;
-        // 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) {
-        const nextOptions = Object.assign({}, options);
-        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.
- */
-RapidGridProBeta.cachedThemes = new Map();
-__decorate([
-    observable
-], RapidGridProBeta.prototype, "provider", void 0);
-export const rapidGridProBeta = RapidGridProBeta.compose(Object.assign({ baseName: 'grid-pro', template, styles: css `
-    ${agDragGhostShadowDomStyles}
-    ${gridProColumnSelectionHostStyles}
-    ${rowMatchAlertStyles}
-
-    :host {
-      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(--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));