@toolbox-web/grid-react 0.6.0 → 0.8.0

package/README.md

@@ -9,6 +9,8 @@ React adapter for `@toolbox-web/grid` data grid component. Provides components a
 ## Features
 
 - ✅ **Full React integration** - Use JSX for cell renderers and editors
+- ✅ **Declarative feature props** - Enable plugins with simple props like `selection="range"`
+- ✅ **Tree-shakeable features** - Only import the features you use
 - ✅ **Declarative columns** - Define columns via props or `GridColumn` components
 - ✅ **Render props** - Clean `children` syntax for custom cells
 - ✅ **Type-level defaults** - App-wide renderers/editors via `GridTypeProvider`
@@ -80,6 +82,126 @@ function EmployeeGrid() {
 }
 ```
 
+## Enabling Features
+
+Features are enabled using **declarative props** with **side-effect imports**. This gives you the best of both worlds: clean, intuitive JSX and tree-shakeable bundles.
+
+### How It Works
+
+1. **Import the feature** - A side-effect import registers the feature factory
+2. **Use the prop** - DataGrid detects the prop and creates the plugin instance
+
+```tsx
+// 1. Import features you need (once, typically in main.tsx or the component file)
+import '@toolbox-web/grid-react/features/selection';
+import '@toolbox-web/grid-react/features/sorting';
+import '@toolbox-web/grid-react/features/filtering';
+
+// 2. Use declarative props - no manual plugin instantiation!
+<DataGrid
+  rows={employees}
+  columns={columns}
+  selection="range" // SelectionPlugin with mode: 'range'
+  sorting="multi" // MultiSortPlugin
+  filtering // FilteringPlugin with defaults
+/>;
+```
+
+### Why Side-Effect Imports?
+
+- **Tree-shakeable** - Only the features you import are bundled
+- **Synchronous** - No loading states, no HTTP requests, no spinners
+- **Type-safe** - Full TypeScript support for feature props
+- **Clean JSX** - No `plugins: [new SelectionPlugin({ mode: 'range' })]` boilerplate
+
+### Available Features
+
+Import from `@toolbox-web/grid-react/features/<name>`:
+
+| Feature                 | Prop                   | Example                                                              |
+| ----------------------- | ---------------------- | -------------------------------------------------------------------- |
+| `selection`             | `selection`            | `selection="range"` or `selection={{ mode: 'row', checkbox: true }}` |
+| `sorting`               | `sorting`              | `sorting="multi"` or `sorting={{ maxSortLevels: 3 }}`                |
+| `filtering`             | `filtering`            | `filtering` or `filtering={{ debounceMs: 200 }}`                     |
+| `editing`               | `editing`              | `editing="dblclick"` or `editing="click"`                            |
+| `clipboard`             | `clipboard`            | `clipboard` (requires selection)                                     |
+| `undo-redo`             | `undoRedo`             | `undoRedo` (requires editing)                                        |
+| `context-menu`          | `contextMenu`          | `contextMenu`                                                        |
+| `reorder`               | `reorder`              | `reorder` (column drag-to-reorder)                                   |
+| `row-reorder`           | `rowReorder`           | `rowReorder` (row drag-to-reorder)                                   |
+| `visibility`            | `visibility`           | `visibility` (column visibility panel)                               |
+| `pinned-columns`        | `pinnedColumns`        | `pinnedColumns`                                                      |
+| `pinned-rows`           | `pinnedRows`           | `pinnedRows`                                                         |
+| `grouping-columns`      | `groupingColumns`      | `groupingColumns`                                                    |
+| `grouping-rows`         | `groupingRows`         | `groupingRows={{ groupBy: 'department' }}`                           |
+| `tree`                  | `tree`                 | `tree={{ childrenField: 'children' }}`                               |
+| `column-virtualization` | `columnVirtualization` | `columnVirtualization`                                               |
+| `export`                | `export`               | `export`                                                             |
+| `print`                 | `print`                | `print`                                                              |
+| `responsive`            | `responsive`           | `responsive` (card layout on mobile)                                 |
+| `master-detail`         | `masterDetail`         | `masterDetail` (use with `<GridDetailPanel>`)                        |
+| `pivot`                 | `pivot`                | `pivot={{ rowFields: [...], columnFields: [...] }}`                  |
+| `server-side`           | `serverSide`           | `serverSide={{ ... }}` (server-side data)                            |
+
+### Import All Features
+
+For prototyping or when bundle size isn't critical, import all features at once:
+
+```tsx
+// Import all features (larger bundle)
+import '@toolbox-web/grid-react/features';
+
+// Now all feature props work
+<DataGrid
+  selection="range"
+  sorting
+  filtering
+  editing="dblclick"
+  clipboard
+  undoRedo
+  contextMenu
+  // ... any feature prop
+/>;
+```
+
+### Full Example
+
+```tsx
+import '@toolbox-web/grid-react/features/selection';
+import '@toolbox-web/grid-react/features/sorting';
+import '@toolbox-web/grid-react/features/editing';
+import '@toolbox-web/grid-react/features/filtering';
+import '@toolbox-web/grid-react/features/clipboard';
+
+import { DataGrid, type ReactGridConfig } from '@toolbox-web/grid-react';
+
+interface Employee {
+  id: number;
+  name: string;
+  department: string;
+  salary: number;
+}
+
+function EmployeeGrid({ employees }: { employees: Employee[] }) {
+  return (
+    <DataGrid
+      rows={employees}
+      columns={[
+        { field: 'id', header: 'ID', width: 60 },
+        { field: 'name', header: 'Name', editable: true },
+        { field: 'department', header: 'Department', editable: true },
+        { field: 'salary', header: 'Salary', type: 'number' },
+      ]}
+      selection="range"
+      sorting="multi"
+      editing="dblclick"
+      filtering
+      clipboard
+    />
+  );
+}
+```
+
 ## Custom Cell Renderers
 
 There are two ways to define custom renderers: inline in the configuration, or via `GridColumn` components.
@@ -412,9 +534,12 @@ function Dashboard() {
 | `useGridTypeDefaults()` | Get all type defaults from context |
 | `useTypeDefault(type)`  | Get defaults for a specific type   |
 
-## Using Plugins
+## Using Plugins (Advanced)
 
-Import plugins individually for smaller bundles:
+> **Note:** For most use cases, prefer the [declarative feature props](#enabling-features) approach above.
+> The manual plugin approach is useful for advanced scenarios like custom plugin configuration or custom plugins.
+
+Import plugins directly when you need full control over plugin configuration:
 
 ```tsx
 import { DataGrid } from '@toolbox-web/grid-react';
@@ -493,6 +618,9 @@ import type {
   ToolPanelContext,
   DataGridRef,
   DataGridProps,
+  // Feature props
+  FeatureProps,
+  SSRProps,
   // Type-level defaults
   ReactTypeDefault,
   TypeDefaultsMap,
@@ -509,10 +637,38 @@ import type {
 | `gridConfig`   | `GridConfig`                               | Full configuration object |
 | `fitMode`      | `'stretch' \| 'fit-columns' \| 'auto-fit'` | Column sizing mode        |
 | `customStyles` | `string`                                   | CSS to inject into grid   |
+| `ssr`          | `boolean`                                  | Disable features for SSR  |
 | `onRowsChange` | `(rows: TRow[]) => void`                   | Rows changed callback     |
 | `onCellEdit`   | `(event: CustomEvent) => void`             | Cell edited callback      |
 | `onRowClick`   | `(event: CustomEvent) => void`             | Row clicked callback      |
 
+**Feature Props** (require corresponding feature import):
+
+| Prop                   | Type                                                | Feature Import                   |
+| ---------------------- | --------------------------------------------------- | -------------------------------- |
+| `selection`            | `'cell' \| 'row' \| 'range' \| SelectionConfig`     | `features/selection`             |
+| `sorting`              | `boolean \| 'single' \| 'multi' \| MultiSortConfig` | `features/sorting`               |
+| `filtering`            | `boolean \| FilterConfig`                           | `features/filtering`             |
+| `editing`              | `boolean \| 'click' \| 'dblclick' \| 'manual'`      | `features/editing`               |
+| `clipboard`            | `boolean \| ClipboardConfig`                        | `features/clipboard`             |
+| `undoRedo`             | `boolean \| UndoRedoConfig`                         | `features/undo-redo`             |
+| `contextMenu`          | `boolean \| ContextMenuConfig`                      | `features/context-menu`          |
+| `reorder`              | `boolean \| ReorderConfig`                          | `features/reorder`               |
+| `rowReorder`           | `boolean \| RowReorderConfig`                       | `features/row-reorder`           |
+| `visibility`           | `boolean \| VisibilityConfig`                       | `features/visibility`            |
+| `pinnedColumns`        | `boolean`                                           | `features/pinned-columns`        |
+| `pinnedRows`           | `boolean \| PinnedRowsConfig`                       | `features/pinned-rows`           |
+| `groupingColumns`      | `boolean \| GroupingColumnsConfig`                  | `features/grouping-columns`      |
+| `groupingRows`         | `boolean \| GroupingRowsConfig`                     | `features/grouping-rows`         |
+| `tree`                 | `boolean \| TreeConfig`                             | `features/tree`                  |
+| `columnVirtualization` | `boolean \| ColumnVirtualizationConfig`             | `features/column-virtualization` |
+| `export`               | `boolean \| ExportConfig`                           | `features/export`                |
+| `print`                | `boolean \| PrintConfig`                            | `features/print`                 |
+| `responsive`           | `boolean \| ResponsivePluginConfig`                 | `features/responsive`            |
+| `masterDetail`         | `boolean \| MasterDetailConfig`                     | `features/master-detail`         |
+| `pivot`                | `boolean \| PivotConfig`                            | `features/pivot`                 |
+| `serverSide`           | `boolean \| ServerSideConfig`                       | `features/server-side`           |
+
 ### GridColumn Props
 
 | Prop        | Type                                          | Description             |

package/chunks/feature-registry-Y3KvnN54.js

@@ -0,0 +1,26 @@
+const i = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set();
+function s(t, e) {
+  i.set(t, {
+    factory: e,
+    name: t
+  });
+}
+function a(t, e) {
+  const o = i.get(t);
+  if (!o) {
+    const n = typeof window < "u" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1");
+    !r.has(t) && n && (r.add(t), console.warn(
+      `[DataGrid] Feature "${t}" prop is set but the feature is not registered.
+Add this import to enable it:
+
+  import '@toolbox-web/grid-react/features/${t}';
+`
+    ));
+    return;
+  }
+  return o.factory(e);
+}
+export {
+  a as c,
+  s as r
+};

package/chunks/multi-sort-Ae2VVdZb.js

@@ -0,0 +1,3 @@
+import { MultiSortPlugin as t } from "@toolbox-web/grid/plugins/multi-sort";
+import { r as e } from "./feature-registry-Y3KvnN54.js";
+e("multiSort", (r) => r === !0 || r === "multi" ? new t() : r === "single" ? new t({ maxSortColumns: 1 }) : new t(r));

package/features/clipboard.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Clipboard feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `clipboard` prop on DataGrid.
+ * Requires the selection feature to be enabled.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/selection';
+ * import '@toolbox-web/grid-react/features/clipboard';
+ *
+ * <DataGrid selection="range" clipboard />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=clipboard.d.ts.map

package/features/clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/clipboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG"}

package/features/clipboard.js

@@ -0,0 +1,6 @@
+import { ClipboardPlugin as e } from "@toolbox-web/grid/plugins/clipboard";
+import { r as t } from "../chunks/feature-registry-Y3KvnN54.js";
+t("clipboard", (r) => {
+  const o = typeof r == "boolean" ? {} : r ?? {};
+  return new e(o);
+});

package/features/column-virtualization.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Column Virtualization feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `columnVirtualization` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/column-virtualization';
+ *
+ * <DataGrid columnVirtualization />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=column-virtualization.d.ts.map

package/features/column-virtualization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-virtualization.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/column-virtualization.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/column-virtualization.js

@@ -0,0 +1,6 @@
+import { ColumnVirtualizationPlugin as t } from "@toolbox-web/grid/plugins/column-virtualization";
+import { r as i } from "../chunks/feature-registry-Y3KvnN54.js";
+i("columnVirtualization", (o) => {
+  const r = typeof o == "boolean" ? {} : o ?? {};
+  return new t(r);
+});

package/features/context-menu.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Context Menu feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `contextMenu` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/context-menu';
+ *
+ * <DataGrid contextMenu />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=context-menu.d.ts.map

package/features/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/context-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/context-menu.js

@@ -0,0 +1,6 @@
+import { ContextMenuPlugin as o } from "@toolbox-web/grid/plugins/context-menu";
+import { r } from "../chunks/feature-registry-Y3KvnN54.js";
+r("contextMenu", (e) => {
+  const t = typeof e == "boolean" ? {} : e ?? {};
+  return new o(t);
+});

package/features/editing.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Editing feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `editing` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/editing';
+ *
+ * <DataGrid editing="dblclick" />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=editing.d.ts.map

package/features/editing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editing.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/editing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/editing.js

@@ -0,0 +1,3 @@
+import { EditingPlugin as e } from "@toolbox-web/grid/plugins/editing";
+import { r as t } from "../chunks/feature-registry-Y3KvnN54.js";
+t("editing", (r) => r === !0 ? new e({ editOn: "dblclick" }) : r === "click" || r === "dblclick" || r === "manual" ? new e({ editOn: r }) : new e(r ?? void 0));

package/features/export.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Export feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `export` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/export';
+ *
+ * <DataGrid export />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=export.d.ts.map

package/features/export.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/export.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/export.js

@@ -0,0 +1,6 @@
+import { ExportPlugin as t } from "@toolbox-web/grid/plugins/export";
+import { r as e } from "../chunks/feature-registry-Y3KvnN54.js";
+e("export", (r) => {
+  const o = typeof r == "boolean" ? {} : r ?? {};
+  return new t(o);
+});

package/features/filtering.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Filtering feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `filtering` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/filtering';
+ *
+ * <DataGrid filtering={{ debounceMs: 200 }} />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=filtering.d.ts.map

package/features/filtering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/filtering.js

@@ -0,0 +1,6 @@
+import { FilteringPlugin as t } from "@toolbox-web/grid/plugins/filtering";
+import { r as o } from "../chunks/feature-registry-Y3KvnN54.js";
+o("filtering", (r) => {
+  const e = typeof r == "boolean" ? {} : r ?? {};
+  return new t(e);
+});

package/features/grouping-columns.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Column Grouping feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `groupingColumns` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/grouping-columns';
+ *
+ * <DataGrid groupingColumns />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=grouping-columns.d.ts.map

package/features/grouping-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-columns.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/grouping-columns.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/grouping-columns.js

@@ -0,0 +1,6 @@
+import { GroupingColumnsPlugin as n } from "@toolbox-web/grid/plugins/grouping-columns";
+import { r as e } from "../chunks/feature-registry-Y3KvnN54.js";
+e("groupingColumns", (o) => {
+  const r = typeof o == "boolean" ? {} : o ?? {};
+  return new n(r);
+});

package/features/grouping-rows.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Row Grouping feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `groupingRows` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/grouping-rows';
+ *
+ * <DataGrid groupingRows={{ groupBy: ['department'] }} />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=grouping-rows.d.ts.map

package/features/grouping-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-rows.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/grouping-rows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/grouping-rows.js

@@ -0,0 +1,6 @@
+import { GroupingRowsPlugin as e } from "@toolbox-web/grid/plugins/grouping-rows";
+import { r as t } from "../chunks/feature-registry-Y3KvnN54.js";
+t("groupingRows", (o) => {
+  const r = typeof o == "boolean" ? {} : o ?? {};
+  return new e(r);
+});

package/features/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/features/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,aAAa,CAAC;AACrB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,WAAW,CAAC;AACnB,OAAO,UAAU,CAAC;AAClB,OAAO,aAAa,CAAC;AACrB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,SAAS,CAAC;AACjB,OAAO,WAAW,CAAC;AACnB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AAEvB,OAAO,QAAQ,CAAC;AAChB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC"}

package/features/index.js

@@ -0,0 +1,22 @@
+import "./clipboard.js";
+import "./column-virtualization.js";
+import "./context-menu.js";
+import "./editing.js";
+import "./export.js";
+import "./filtering.js";
+import "./grouping-columns.js";
+import "./grouping-rows.js";
+import "./master-detail.js";
+import "../chunks/multi-sort-Ae2VVdZb.js";
+import "./pinned-columns.js";
+import "./pinned-rows.js";
+import "./pivot.js";
+import "./print.js";
+import "./reorder.js";
+import "./responsive.js";
+import "./row-reorder.js";
+import "./selection.js";
+import "./server-side.js";
+import "./tree.js";
+import "./undo-redo.js";
+import "./visibility.js";

package/features/master-detail.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Master-Detail feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `masterDetail` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/master-detail';
+ *
+ * <DataGrid masterDetail={{ showExpandColumn: true }}>
+ *   <GridDetailPanel>{({ row }) => <DetailView row={row} />}</GridDetailPanel>
+ * </DataGrid>
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=master-detail.d.ts.map

package/features/master-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"master-detail.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/master-detail.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG"}

package/features/master-detail.js

@@ -0,0 +1,6 @@
+import { MasterDetailPlugin as t } from "@toolbox-web/grid/plugins/master-detail";
+import { r as o } from "../chunks/feature-registry-Y3KvnN54.js";
+o("masterDetail", (e) => {
+  const r = typeof e == "boolean" ? {} : e ?? {};
+  return new t(r);
+});

package/features/multi-sort.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Multi-sort feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `multiSort` prop on DataGrid.
+ * Multi-sort allows sorting by multiple columns simultaneously.
+ *
+ * For basic single-column sorting, columns with `sortable: true` work without this plugin.
+ * Use `sortable={false}` on the grid to disable all sorting.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/multi-sort';
+ *
+ * <DataGrid multiSort />
+ * <DataGrid multiSort="single" />
+ * <DataGrid multiSort={{ maxSortColumns: 3 }} />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=multi-sort.d.ts.map

package/features/multi-sort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-sort.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/multi-sort.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG"}

package/features/pinned-columns.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Pinned Columns feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `pinnedColumns` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/pinned-columns';
+ *
+ * <DataGrid pinnedColumns />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=pinned-columns.d.ts.map

package/features/pinned-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinned-columns.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/pinned-columns.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/pinned-columns.js

@@ -0,0 +1,6 @@
+import { PinnedColumnsPlugin as e } from "@toolbox-web/grid/plugins/pinned-columns";
+import { r } from "../chunks/feature-registry-Y3KvnN54.js";
+r("pinnedColumns", (n) => {
+  const o = typeof n == "boolean" ? {} : n ?? {};
+  return new e(o);
+});

package/features/pinned-rows.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Pinned Rows feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `pinnedRows` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/pinned-rows';
+ *
+ * <DataGrid pinnedRows={{ position: 'bottom', showRowCount: true }} />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=pinned-rows.d.ts.map

package/features/pinned-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinned-rows.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/pinned-rows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/pinned-rows.js

@@ -0,0 +1,6 @@
+import { PinnedRowsPlugin as r } from "@toolbox-web/grid/plugins/pinned-rows";
+import { r as n } from "../chunks/feature-registry-Y3KvnN54.js";
+n("pinnedRows", (o) => {
+  const e = typeof o == "boolean" ? {} : o ?? {};
+  return new r(e);
+});

package/features/pivot.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Pivot feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `pivot` prop on DataGrid.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/pivot';
+ *
+ * <DataGrid pivot={{ rowFields: ['category'], valueField: 'sales' }} />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=pivot.d.ts.map

package/features/pivot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/pivot.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/features/pivot.js

@@ -0,0 +1,3 @@
+import { PivotPlugin as i } from "@toolbox-web/grid/plugins/pivot";
+import { r as o } from "../chunks/feature-registry-Y3KvnN54.js";
+o("pivot", (r) => new i(r ?? void 0));