@toolbox-web/grid-react 0.5.0 → 0.7.0

package/lib/feature-props.d.ts

@@ -0,0 +1,320 @@
+import { ClipboardConfig, ColumnVirtualizationConfig, ContextMenuConfig, ExportConfig, FilterConfig, GroupingColumnsConfig, GroupingRowsConfig, MasterDetailConfig, MultiSortConfig, PinnedRowsConfig, PivotConfig, PrintConfig, ReorderConfig, ResponsivePluginConfig, RowReorderConfig, SelectionConfig, ServerSideConfig, TreeConfig, UndoRedoConfig, VisibilityConfig } from '@toolbox-web/grid/all';
+/**
+ * Feature props for declarative plugin configuration.
+ * Each prop lazily loads its corresponding plugin when used.
+ *
+ * @template TRow - The row data type
+ */
+export interface FeatureProps<TRow = unknown> {
+    /**
+     * Enable cell/row/range selection.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/selection';`
+     *
+     * @example
+     * ```tsx
+     * // Shorthand - just the mode
+     * <DataGrid selection="range" />
+     *
+     * // Full config
+     * <DataGrid selection={{ mode: 'range', checkbox: true }} />
+     * ```
+     */
+    selection?: 'cell' | 'row' | 'range' | SelectionConfig<TRow>;
+    /**
+     * Enable inline cell editing.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/editing';`
+     *
+     * @example
+     * ```tsx
+     * // Enable with default trigger (dblclick)
+     * <DataGrid editing />
+     *
+     * // Specify trigger
+     * <DataGrid editing="click" />
+     * <DataGrid editing="dblclick" />
+     * <DataGrid editing="manual" />
+     * ```
+     */
+    editing?: boolean | 'click' | 'dblclick' | 'manual';
+    /**
+     * Enable clipboard copy/paste.
+     * Requires selection to be enabled (will be auto-added).
+     *
+     * @requires `import '@toolbox-web/grid-react/features/clipboard';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid selection="range" clipboard />
+     * ```
+     */
+    clipboard?: boolean | ClipboardConfig;
+    /**
+     * Enable right-click context menu.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/context-menu';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid contextMenu />
+     * <DataGrid contextMenu={{ items: customItems }} />
+     * ```
+     */
+    contextMenu?: boolean | ContextMenuConfig;
+    /**
+     * Enable column sorting.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/sorting';`
+     *
+     * @example
+     * ```tsx
+     * // Enable with default (multi-sort)
+     * <DataGrid sorting />
+     *
+     * // Single column sort only
+     * <DataGrid sorting="single" />
+     *
+     * // Multi-column sort
+     * <DataGrid sorting="multi" />
+     *
+     * // Full config
+     * <DataGrid sorting={{ maxSortLevels: 3 }} />
+     * ```
+     */
+    sorting?: boolean | 'single' | 'multi' | MultiSortConfig;
+    /**
+     * Enable column filtering.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/filtering';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid filtering />
+     * <DataGrid filtering={{ debounceMs: 200 }} />
+     * ```
+     */
+    filtering?: boolean | FilterConfig<TRow>;
+    /**
+     * Enable column drag-to-reorder.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/reorder';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid reorder />
+     * ```
+     */
+    reorder?: boolean | ReorderConfig;
+    /**
+     * Enable column visibility toggle panel.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/visibility';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid visibility />
+     * ```
+     */
+    visibility?: boolean | VisibilityConfig;
+    /**
+     * Enable pinned/sticky columns.
+     * Columns are pinned via the `sticky` column property.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/pinned-columns';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid pinnedColumns columns={[
+     *   { field: 'id', sticky: 'left' },
+     *   { field: 'name' },
+     *   { field: 'actions', sticky: 'right' },
+     * ]} />
+     * ```
+     */
+    pinnedColumns?: boolean;
+    /**
+     * Enable multi-level column headers (column groups).
+     *
+     * @requires `import '@toolbox-web/grid-react/features/grouping-columns';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid groupingColumns={{
+     *   columnGroups: [
+     *     { header: 'Personal Info', children: ['firstName', 'lastName'] },
+     *   ],
+     * }} />
+     * ```
+     */
+    groupingColumns?: boolean | GroupingColumnsConfig;
+    /**
+     * Enable horizontal column virtualization for wide grids.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/column-virtualization';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid columnVirtualization />
+     * ```
+     */
+    columnVirtualization?: boolean | ColumnVirtualizationConfig;
+    /**
+     * Enable row drag-to-reorder.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/row-reorder';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid rowReorder />
+     * ```
+     */
+    rowReorder?: boolean | RowReorderConfig;
+    /**
+     * Enable row grouping by field values.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/grouping-rows';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid groupingRows={{
+     *   groupBy: ['department', 'team'],
+     *   defaultExpanded: true,
+     * }} />
+     * ```
+     */
+    groupingRows?: GroupingRowsConfig;
+    /**
+     * Enable pinned rows (aggregation/status bar).
+     *
+     * @requires `import '@toolbox-web/grid-react/features/pinned-rows';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid pinnedRows={{
+     *   bottom: [{ type: 'aggregation', aggregator: 'sum' }],
+     * }} />
+     * ```
+     */
+    pinnedRows?: boolean | PinnedRowsConfig;
+    /**
+     * Enable hierarchical tree view.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/tree';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid tree={{
+     *   childrenField: 'children',
+     *   defaultExpanded: true,
+     * }} />
+     * ```
+     */
+    tree?: boolean | TreeConfig;
+    /**
+     * Enable master-detail expandable rows.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/master-detail';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid masterDetail={{
+     *   renderer: (row) => <OrderDetails order={row} />,
+     * }} />
+     * ```
+     */
+    masterDetail?: MasterDetailConfig;
+    /**
+     * Enable responsive card layout for narrow viewports.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/responsive';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid responsive={{
+     *   breakpoint: 768,
+     *   cardRenderer: (row) => <EmployeeCard employee={row} />,
+     * }} />
+     * ```
+     */
+    responsive?: boolean | ResponsivePluginConfig;
+    /**
+     * Enable undo/redo for cell edits.
+     * Requires editing to be enabled (will be auto-added).
+     *
+     * @requires `import '@toolbox-web/grid-react/features/undo-redo';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid editing="dblclick" undoRedo />
+     * ```
+     */
+    undoRedo?: boolean | UndoRedoConfig;
+    /**
+     * Enable CSV/JSON export functionality.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/export';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid export />
+     * <DataGrid export={{ filename: 'data.csv' }} />
+     * ```
+     */
+    export?: boolean | ExportConfig;
+    /**
+     * Enable print functionality.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/print';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid print />
+     * ```
+     */
+    print?: boolean | PrintConfig;
+    /**
+     * Enable pivot table functionality.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/pivot';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid pivot={{
+     *   rowFields: ['category'],
+     *   columnFields: ['year'],
+     *   valueField: 'sales',
+     * }} />
+     * ```
+     */
+    pivot?: PivotConfig;
+    /**
+     * Enable server-side data operations.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/server-side';`
+     *
+     * @example
+     * ```tsx
+     * <DataGrid serverSide={{
+     *   dataSource: async (params) => fetchData(params),
+     * }} />
+     * ```
+     */
+    serverSide?: ServerSideConfig;
+}
+/**
+ * Props for controlling SSR behavior.
+ */
+export interface SSRProps {
+    /**
+     * Enable SSR mode - disables feature plugins for server-side rendering.
+     * In SSR mode, the grid renders without interactive features.
+     * @default false
+     */
+    ssr?: boolean;
+}
+/**
+ * All feature-related props combined.
+ */
+export type AllFeatureProps<TRow = unknown> = FeatureProps<TRow> & SSRProps;
+//# sourceMappingURL=feature-props.d.ts.map

package/lib/feature-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-props.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/feature-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,KAAK,EACV,eAAe,EACf,0BAA0B,EAC1B,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,WAAW,YAAY,CAAC,IAAI,GAAG,OAAO;IAK1C;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAE7D;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IAEpD;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAEtC;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IAM1C;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC;IAEzD;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAMzC;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAElC;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IAExC;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;;;;;;;OAaG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IAElD;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,0BAA0B,CAAC;IAM5D;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IAExC;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAElC;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IAMxC;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAE5B;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAMlC;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAC;IAM9C;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAMpC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAEhC;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAM9B;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,IAAI,GAAG,OAAO,IAAI,YAAY,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC"}

package/lib/feature-registry.d.ts

@@ -0,0 +1,56 @@
+import { FeatureProps } from './feature-props';
+/**
+ * Feature names - keys of the FeatureProps interface.
+ */
+export type FeatureName = keyof FeatureProps;
+/**
+ * Plugin factory function type.
+ * Takes configuration and returns a plugin instance.
+ */
+export type PluginFactory<TConfig = unknown> = (config: TConfig) => unknown;
+/**
+ * Register a feature's plugin factory.
+ * Called by side-effect feature imports.
+ *
+ * @param name - The feature name (matches the prop name on DataGrid)
+ * @param factory - Function that creates the plugin instance
+ *
+ * @example
+ * ```ts
+ * // features/selection.ts
+ * import { SelectionPlugin } from '@toolbox-web/grid/plugins/selection';
+ * import { registerFeature } from '../feature-registry';
+ *
+ * registerFeature('selection', (config) => new SelectionPlugin(config));
+ * ```
+ */
+export declare function registerFeature<TConfig = unknown>(name: FeatureName, factory: PluginFactory<TConfig>): void;
+/**
+ * Check if a feature is registered.
+ */
+export declare function isFeatureRegistered(name: FeatureName): boolean;
+/**
+ * Get a registered feature's factory.
+ * Returns undefined if not registered.
+ */
+export declare function getFeatureFactory(name: FeatureName): PluginFactory | undefined;
+/**
+ * Get all registered feature names.
+ * Useful for debugging.
+ */
+export declare function getRegisteredFeatures(): FeatureName[];
+/**
+ * Create a plugin instance for a feature.
+ * Shows a helpful warning if the feature is not registered.
+ *
+ * @param name - Feature name
+ * @param config - Plugin configuration
+ * @returns Plugin instance or undefined if not registered
+ */
+export declare function createPluginFromFeature<TConfig = unknown>(name: FeatureName, config: TConfig): unknown | undefined;
+/**
+ * Clear the registry. For testing only.
+ * @internal
+ */
+export declare function clearFeatureRegistry(): void;
+//# sourceMappingURL=feature-registry.d.ts.map

package/lib/feature-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/feature-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,YAAY,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,aAAa,CAAC,OAAO,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;AAuB5E;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,OAAO,GAAG,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,IAAI,CAK3G;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAE9D;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,aAAa,GAAG,SAAS,CAE9E;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,WAAW,EAAE,CAErD;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,GAAG,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAqBlH;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAG3C"}

package/lib/grid-column.d.ts

@@ -1,4 +1,4 @@
-import { CellRenderContext, ColumnEditorContext } from '../../../../dist/libs/grid/index.d.ts';
+import { CellRenderContext, ColumnEditorContext } from '@toolbox-web/grid';
 import { ReactNode } from 'react';
 /**
  * Props for the GridColumn component.

package/lib/grid-detail-panel.d.ts

@@ -85,4 +85,7 @@ export interface GridDetailPanelProps<TRow = unknown> {
  * 4. The React component is rendered into the detail row container
  */
 export declare function GridDetailPanel<TRow = unknown>(props: GridDetailPanelProps<TRow>): ReactElement;
+export declare namespace GridDetailPanel {
+    var displayName: string;
+}
 //# sourceMappingURL=grid-detail-panel.d.ts.map

package/lib/grid-detail-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-detail-panel.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-detail-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAkC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,IAAI,GAAG,OAAO;IAChD,yCAAyC;IACzC,GAAG,EAAE,IAAI,CAAC;IACV,oBAAoB;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAUD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,WAAW,GACvB,CAAC,CAAC,GAAG,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAe/D;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB,CAAC,IAAI,GAAG,OAAO;IAClD;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IAEvD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,GAAG,YAAY,CAqE/F"}
+{"version":3,"file":"grid-detail-panel.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-detail-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAkC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,IAAI,GAAG,OAAO;IAChD,yCAAyC;IACzC,GAAG,EAAE,IAAI,CAAC;IACV,oBAAoB;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAUD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,WAAW,GACvB,CAAC,CAAC,GAAG,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAe/D;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB,CAAC,IAAI,GAAG,OAAO;IAClD;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IAEvD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,GAAG,YAAY,CAqE/F;yBArEe,eAAe"}

package/lib/grid-responsive-card.d.ts

@@ -85,4 +85,7 @@ export interface GridResponsiveCardProps<TRow = unknown> {
  * 4. The React component is rendered into the card container
  */
 export declare function GridResponsiveCard<TRow = unknown>(props: GridResponsiveCardProps<TRow>): ReactElement;
+export declare namespace GridResponsiveCard {
+    var displayName: string;
+}
 //# sourceMappingURL=grid-responsive-card.d.ts.map

package/lib/grid-responsive-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-responsive-card.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-responsive-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAkC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,IAAI,GAAG,OAAO;IACnD,iCAAiC;IACjC,GAAG,EAAE,IAAI,CAAC;IACV,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAUD;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,WAAW,GACvB,CAAC,CAAC,GAAG,EAAE,qBAAqB,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAelE;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,IAAI,GAAG,OAAO;IACrD;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IAE1D;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,EAAE,uBAAuB,CAAC,IAAI,CAAC,GAAG,YAAY,CAmDrG"}
+{"version":3,"file":"grid-responsive-card.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-responsive-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAkC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,IAAI,GAAG,OAAO;IACnD,iCAAiC;IACjC,GAAG,EAAE,IAAI,CAAC;IACV,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAUD;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,WAAW,GACvB,CAAC,CAAC,GAAG,EAAE,qBAAqB,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAelE;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,IAAI,GAAG,OAAO;IACrD;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IAE1D;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,EAAE,uBAAuB,CAAC,IAAI,CAAC,GAAG,YAAY,CAmDrG;yBAnDe,kBAAkB"}

package/lib/grid-type-registry.d.ts

@@ -1,4 +1,4 @@
-import { CellRenderContext, ColumnEditorContext, TypeDefault } from '../../../../dist/libs/grid/index.d.ts';
+import { CellRenderContext, ColumnEditorContext, TypeDefault } from '@toolbox-web/grid';
 import { FC, ReactNode } from 'react';
 /**
  * React-specific type default configuration.

package/lib/react-column-config.d.ts

@@ -1,4 +1,4 @@
-import { CellRenderContext, ColumnConfig, ColumnEditorContext, GridConfig } from '../../../../dist/libs/grid/index.d.ts';
+import { CellRenderContext, ColumnConfig, ColumnEditorContext, GridConfig } from '@toolbox-web/grid';
 import { ReactNode } from 'react';
 /**
  * Extended column config that supports React components for renderers/editors.

package/lib/react-grid-adapter.d.ts

@@ -1,4 +1,4 @@
-import { CellRenderContext, ColumnEditorContext, ColumnEditorSpec, ColumnViewRenderer, FrameworkAdapter, TypeDefault } from '../../../../dist/libs/grid/index.d.ts';
+import { CellRenderContext, ColumnEditorContext, ColumnEditorSpec, ColumnViewRenderer, FrameworkAdapter, TypeDefault } from '@toolbox-web/grid';
 import { ReactNode } from 'react';
 import { TypeDefaultsMap } from './grid-type-registry';
 /**

package/lib/use-grid-event.d.ts

@@ -1,4 +1,4 @@
-import { DataGridElement } from '../../../../dist/libs/grid/index.d.ts';
+import { DataGridElement } from '@toolbox-web/grid';
 /**
  * Type-safe grid event names and their payload types.
  */
@@ -37,30 +37,34 @@ export type GridEventMap<TRow = unknown> = {
     }>;
 };
 /**
- * Hook for subscribing to grid events with automatic cleanup.
+ * @deprecated Use event props directly on DataGrid instead of useGridEvent.
  *
- * ## Usage
+ * ## Migration Guide
  *
+ * **Before (useGridEvent):**
  * ```tsx
- * import { DataGrid, useGridEvent, DataGridRef } from '@toolbox-web/grid-react';
- * import { useRef } from 'react';
- *
- * function MyComponent() {
- *   const gridRef = useRef<DataGridRef>(null);
+ * const gridRef = useRef<DataGridRef>(null);
+ * useGridEvent(gridRef, 'selection-change', (e) => console.log(e.detail));
+ * return <DataGrid ref={gridRef} rows={rows} />;
+ * ```
  *
- *   // Subscribe to cell edit events
- *   useGridEvent(gridRef, 'cell-edit', (event) => {
- *     console.log('Cell edited:', event.detail);
- *   });
+ * **After (event props):**
+ * ```tsx
+ * return (
+ *   <DataGrid
+ *     rows={rows}
+ *     onSelectionChange={(e) => console.log(e.detail)}
+ *   />
+ * );
+ * ```
  *
- *   // Subscribe to row clicks
- *   useGridEvent(gridRef, 'row-click', (event) => {
- *     console.log('Row clicked:', event.detail.row);
- *   });
+ * Event props provide:
+ * - Cleaner, more declarative API
+ * - Automatic cleanup (no manual ref management)
+ * - Better TypeScript inference
+ * - Consistent with React patterns
  *
- *   return <DataGrid ref={gridRef} rows={rows} />;
- * }
- * ```
+ * See the full list of event props in the DataGrid documentation.
  *
  * @param gridRef - Ref to the DataGrid component or element
  * @param eventName - Name of the grid event to listen for

package/lib/use-grid-event.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-grid-event.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/use-grid-event.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,IAAI,GAAG,OAAO,IAAI;IACzC,aAAa,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC,CAAC;IAC7C,WAAW,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7F,WAAW,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;IACrF,qBAAqB,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,OAAO,EAAE,CAAA;KAAE,CAAC,CAAC;IAC3D,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAChF,kBAAkB,EAAE,WAAW,CAAC;QAAE,YAAY,EAAE,IAAI,EAAE,CAAC;QAAC,eAAe,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACrF,eAAe,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;IACnE,cAAc,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACjE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAG,OAAO,EAAE,CAAC,SAAS,MAAM,YAAY,CAAC,IAAI,CAAC,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,EACxG,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAE,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;CAAE,GAAG,eAAe,GAAG,IAAI,CAAC,EACvF,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAC/C,IAAI,GAAE,OAAO,EAAO,GACnB,IAAI,CA0BN"}
+{"version":3,"file":"use-grid-event.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/use-grid-event.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,IAAI,GAAG,OAAO,IAAI;IACzC,aAAa,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC,CAAC;IAC7C,WAAW,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7F,WAAW,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;IACrF,qBAAqB,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,OAAO,EAAE,CAAA;KAAE,CAAC,CAAC;IAC3D,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAChF,kBAAkB,EAAE,WAAW,CAAC;QAAE,YAAY,EAAE,IAAI,EAAE,CAAC;QAAC,eAAe,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACrF,eAAe,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;IACnE,cAAc,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACjE,CAAC;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAG,OAAO,EAAE,CAAC,SAAS,MAAM,YAAY,CAAC,IAAI,CAAC,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,EACxG,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAE,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;CAAE,GAAG,eAAe,GAAG,IAAI,CAAC,EACvF,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAC/C,IAAI,GAAE,OAAO,EAAO,GACnB,IAAI,CA4CN"}

package/lib/use-grid.d.ts

@@ -1,9 +1,53 @@
-import { ColumnConfig, DataGridElement, GridConfig } from '../../../../dist/libs/grid/index.d.ts';
+import { ColumnConfig, DataGridElement, GridConfig } from '@toolbox-web/grid';
 import { DataGridRef } from './data-grid';
+/**
+ * Selection convenience methods returned from useGrid.
+ */
+export interface SelectionMethods<TRow = unknown> {
+    /**
+     * Select all rows in the grid.
+     * Requires SelectionPlugin with mode: 'row'.
+     */
+    selectAll: () => void;
+    /**
+     * Clear all selection.
+     * Works with any SelectionPlugin mode.
+     */
+    clearSelection: () => void;
+    /**
+     * Get selected row indices.
+     * Returns Set of selected row indices.
+     */
+    getSelectedIndices: () => Set<number>;
+    /**
+     * Get selected rows data.
+     * Returns array of selected row objects.
+     */
+    getSelectedRows: () => TRow[];
+}
+/**
+ * Export convenience methods returned from useGrid.
+ */
+export interface ExportMethods {
+    /**
+     * Export grid data to CSV file.
+     * Requires ExportPlugin to be loaded.
+     *
+     * @param filename - Optional filename (defaults to 'export.csv')
+     */
+    exportToCsv: (filename?: string) => void;
+    /**
+     * Export grid data to JSON file.
+     * Requires ExportPlugin to be loaded.
+     *
+     * @param filename - Optional filename (defaults to 'export.json')
+     */
+    exportToJson: (filename?: string) => void;
+}
 /**
  * Return type for useGrid hook.
  */
-export interface UseGridReturn<TRow = unknown> {
+export interface UseGridReturn<TRow = unknown> extends SelectionMethods<TRow>, ExportMethods {
     /** Ref to attach to the DataGrid component (returns DataGridRef handle) */
     ref: React.RefObject<DataGridRef<TRow> | null>;
     /** Direct access to the typed grid element (convenience for ref.current?.element) */

package/lib/use-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/use-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,IAAI,GAAG,OAAO;IAC3C,2EAA2E;IAC3E,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/C,qFAAqF;IACrF,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAChC,sCAAsC;IACtC,SAAS,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IAClD,mCAAmC;IACnC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yBAAyB;IACzB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,6BAA6B;IAC7B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,+BAA+B;IAC/B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kCAAkC;IAClC,iBAAiB,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,OAAO,CAAC,IAAI,GAAG,OAAO,KAAK,aAAa,CAAC,IAAI,CAAC,CA8E7D"}
+{"version":3,"file":"use-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/use-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,OAAO;IAC9C;;;OAGG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B;;;OAGG;IACH,kBAAkB,EAAE,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC;IAEtC;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;;;OAKG;IACH,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,IAAI,GAAG,OAAO,CAAE,SAAQ,gBAAgB,CAAC,IAAI,CAAC,EAAE,aAAa;IAC1F,2EAA2E;IAC3E,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/C,qFAAqF;IACrF,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAChC,sCAAsC;IACtC,SAAS,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IAClD,mCAAmC;IACnC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yBAAyB;IACzB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,6BAA6B;IAC7B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,+BAA+B;IAC/B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kCAAkC;IAClC,iBAAiB,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,OAAO,CAAC,IAAI,GAAG,OAAO,KAAK,aAAa,CAAC,IAAI,CAAC,CAyJ7D"}

package/lib/use-sync-plugins.d.ts

@@ -0,0 +1,21 @@
+import { AllFeatureProps } from './feature-props';
+import { FeatureName } from './feature-registry';
+/**
+ * Validates that all required dependencies are met for the requested features.
+ * Logs a warning if a dependency is missing.
+ */
+export declare function validateFeatureDependencies(featureNames: FeatureName[]): void;
+/**
+ * Creates plugin instances synchronously from feature props.
+ * Returns an array of plugin instances for all registered features.
+ *
+ * @param featureProps - The feature props from DataGrid
+ * @returns Array of plugin instances
+ */
+export declare function createPluginsFromFeatures<TRow = unknown>(featureProps: Partial<AllFeatureProps<TRow>>): unknown[];
+/**
+ * Get list of feature names that are enabled but not registered.
+ * Useful for debugging.
+ */
+export declare function getUnregisteredFeatures(featureProps: Partial<AllFeatureProps>): FeatureName[];
+//# sourceMappingURL=use-sync-plugins.d.ts.map

package/lib/use-sync-plugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-plugins.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/use-sync-plugins.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAgD,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWpG;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAgB7E;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,GAAG,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,CAuCjH;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,WAAW,EAAE,CAa7F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolbox-web/grid-react",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "React adapter for @toolbox-web/grid data grid component",
   "type": "module",
   "main": "./index.js",
@@ -12,6 +12,16 @@
       "types": "./index.d.ts",
       "import": "./index.js",
       "default": "./index.js"
+    },
+    "./features": {
+      "types": "./features/index.d.ts",
+      "import": "./features/index.js",
+      "default": "./features/index.js"
+    },
+    "./features/*": {
+      "types": "./features/*.d.ts",
+      "import": "./features/*.js",
+      "default": "./features/*.js"
     }
   },
   "keywords": [