Gaia AG Grid Theme

Gaia theme adapter for AG Grid. This package is intentionally separate from @gaia-awesome/components so apps that do not use AG Grid do not install or bundle AG Grid.

Install

npm install @gaia-awesome/ag-grid-theme ag-grid-community

AG Grid is a peer dependency. Consumers choose the concrete AG Grid version within the supported peer range.

import { gaiaAgGridTheme } from "@gaia-awesome/ag-grid-theme";

const gridOptions = {
  theme: gaiaAgGridTheme,
  columnDefs,
  rowData,
};

Framework apps should keep using AG Grid's official React, Angular, or Vue wrappers and pass gaiaAgGridTheme to the grid. Plain JavaScript apps can pass the same theme object to createGrid().

import { AllCommunityModule, ModuleRegistry, createGrid } from "ag-grid-community";
import { gaiaAgGridTheme } from "@gaia-awesome/ag-grid-theme";

ModuleRegistry.registerModules([AllCommunityModule]);

createGrid(document.querySelector("#grid"), {
  theme: gaiaAgGridTheme,
  columnDefs,
  rowData,
});

Package exports

• @gaia-awesome/ag-grid-theme: exports gaiaAgGridTheme, withGaiaAgGridTheme(), and the GridOptions type.

Build and verify

This package builds with vp pack and package-local tsdown configuration in vite.config.ts.

vp run @gaia-awesome/ag-grid-theme#build
npm_config_cache=/private/tmp/npm-cache-gaia npm pack --dry-run