@open-kingdom/shared-frontend-ui-datagrid 0.0.2-0 → 0.0.2-2

package/dist/index.d.ts

@@ -2,4 +2,5 @@ export * from './lib/datagrid';
 export * from './lib/datagrid.constants';
 export * from './lib/datagrid.types';
 export * from './lib/theme';
+export * from './lib/store';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -1,29 +1,31 @@
-import { jsx as u } from "react/jsx-runtime";
-import { AgGridReact as d } from "ag-grid-react";
-import { themeQuartz as a, colorSchemeLight as m, colorSchemeDark as p, ModuleRegistry as f, AllCommunityModule as S } from "ag-grid-community";
+import { jsx as E } from "react/jsx-runtime";
+import { useRef as L, useCallback as c, forwardRef as b, useMemo as v } from "react";
+import { AgGridReact as F } from "ag-grid-react";
+import { themeQuartz as y, colorSchemeLight as z, colorSchemeDark as x, ModuleRegistry as I, AllCommunityModule as N } from "ag-grid-community";
 export * from "ag-grid-community";
-const h = 20, g = [10, 20, 50, 100], T = 100, D = 500, C = "autoHeight", _ = "singleRow", b = "multiRow", E = {
+import { createSlice as k, createSelector as G } from "@reduxjs/toolkit";
+const U = 20, M = [10, 20, 50, 100], W = 100, V = 500, j = "autoHeight", H = "singleRow", J = "multiRow", P = {
   // Column defaults
   defaultColDef: {
     sortable: !0,
     filter: !0,
     resizable: !0,
     floatingFilter: !0,
-    minWidth: T
+    minWidth: W
   },
   // Pagination
   pagination: !0,
-  paginationPageSize: h,
-  paginationPageSizeSelector: g,
+  paginationPageSize: U,
+  paginationPageSizeSelector: M,
   // UX
   animateRows: !0,
   enableCellTextSelection: !0,
   ensureDomOrder: !0,
-  tooltipShowDelay: D,
+  tooltipShowDelay: V,
   suppressDragLeaveHidesColumns: !0,
-  domLayout: C,
+  domLayout: j,
   // Auto-size
-  onFirstDataRendered: (s) => s.api.sizeColumnsToFit(),
+  onFirstDataRendered: (t) => t.api.sizeColumnsToFit(),
   // Loading states
   overlayLoadingTemplate: `
     <div class="ag-custom-loading">
@@ -36,105 +38,259 @@ const h = 20, g = [10, 20, 50, 100], T = 100, D = 500, C = "autoHeight", _ = "si
       <span>No data to display</span>
     </div>
   `
-}, L = {
-  mode: b,
+}, Y = {
+  mode: J,
   checkboxes: !0,
   headerCheckbox: !0,
   selectAll: "currentPage",
   enableClickSelection: !1
-}, O = {
-  mode: _,
+}, Z = {
+  mode: H,
   checkboxes: !1,
   enableSelectionWithoutKeys: !0,
   hideDisabledCheckboxes: !0
-}, w = {
+}, Q = {
   height: "auto"
 };
-class y {
+class q {
   /**
    * Adapts a UI-Theme to AG Grid theme format
    * @param theme - UI-Theme object or undefined (uses AG Grid default)
    * @param mode - Light or dark mode
    * @returns AG Grid theme
    */
-  static adapt(e, t) {
+  static adapt(e, a) {
     if (!e)
-      return a;
-    const o = this.applyColorScheme(e, t), r = {
+      return y;
+    const i = this.applyColorScheme(e, a), r = {
       ...this.extractColors(e.colors),
       ...this.extractTypography(e.typography)
     };
-    return Object.keys(r).length > 0 ? o.withParams(r) : o;
+    return Object.keys(r).length > 0 ? i.withParams(r) : i;
   }
   // Apply light/dark color scheme
-  static applyColorScheme(e, t) {
-    if (!(e.colors || t))
-      return a;
-    const o = t === "dark" ? m : p;
-    return a.withPart(o);
+  static applyColorScheme(e, a) {
+    if (!(e.colors || a))
+      return y;
+    const i = a === "dark" ? z : x;
+    return y.withPart(i);
   }
   // Extract color parameters from theme
   static extractColors(e) {
     if (!e) return {};
-    const t = {
+    const a = {
       accentColor: e.primary?.["500"],
       successColor: e.success?.["500"],
       warningColor: e.warning?.["500"],
       errorColor: e.error?.["500"]
     };
     return Object.fromEntries(
-      Object.entries(t).filter(([o, r]) => r !== void 0)
+      Object.entries(a).filter(([i, r]) => r !== void 0)
     );
   }
   // Extract typography parameters from theme
   static extractTypography(e) {
     if (!e) return {};
-    const t = {};
-    if (e.fontFamily?.sans && (t.fontFamily = e.fontFamily.sans.join(", ")), e.fontSize?.base) {
-      const o = e.fontSize.base, r = typeof o == "string" ? o : o[0], i = this.parseSize(r);
-      i !== void 0 && (t.fontSize = i);
+    const a = {};
+    if (e.fontFamily?.sans && (a.fontFamily = e.fontFamily.sans.join(", ")), e.fontSize?.base) {
+      const i = e.fontSize.base, r = typeof i == "string" ? i : i[0], n = this.parseSize(r);
+      n !== void 0 && (a.fontSize = n);
     }
-    return t;
+    return a;
   }
   // Helper to parse size values
   static parseSize(e) {
     if (!e) return;
-    const t = parseFloat(e);
-    if (!isNaN(t))
-      return e.endsWith("rem") || e.endsWith("em") ? t * 16 : t;
+    const a = parseFloat(e);
+    if (!isNaN(a))
+      return e.endsWith("rem") || e.endsWith("em") ? a * 16 : a;
   }
 }
-f.registerModules([S]);
-const F = ({
-  className: s,
-  rowSelection: e,
-  containerStyle: t = w,
-  enableRowSelection: o = !1,
-  mode: r,
-  theme: i,
-  ...n
+const B = ({
+  ref: t,
+  initialState: e,
+  enableStatePersistence: a,
+  storageProvider: i,
+  storageKey: r,
+  onStateUpdated: n,
+  onGridReady: l,
+  onStateLoaded: u,
+  onStatePersisted: p
 }) => {
-  const c = e || (o ? L : O), l = y.adapt(i, r);
-  return /* @__PURE__ */ u(
-    d,
-    {
-      ...E,
-      ...n,
-      theme: l,
-      className: s,
-      containerStyle: t,
-      rowSelection: c
+  const f = L(!1), S = c(
+    async (s) => {
+      if (!(!a || !i || !r))
+        try {
+          await i.set(r, JSON.stringify(s)), p?.(s);
+        } catch (o) {
+          console.error("Failed to persist grid state:", o);
+        }
+    },
+    [a, i, r, p]
+  ), m = c(
+    (s) => {
+      t && (typeof t == "function" ? t(s) : t.current = s);
+    },
+    [t]
+  ), h = c(async () => {
+    if (!a || !i || !r)
+      return null;
+    try {
+      const s = await i.get(r);
+      return s ? JSON.parse(s) : null;
+    } catch (s) {
+      return console.error("Failed to load grid state:", s), null;
     }
+  }, [a, i, r]), d = c(
+    (s, o) => {
+      const w = C(o);
+      s.setState(w), u?.(w);
+    },
+    [u]
+  ), g = c(
+    async (s) => {
+      if (X(s))
+        return;
+      const o = C(s.state);
+      n?.({
+        ...s,
+        state: o
+      }), await S(o);
+    },
+    [n, S]
+  ), D = c(
+    async (s) => {
+      if (m(s.api), f.current) {
+        l?.(s);
+        return;
+      }
+      if (f.current = !0, e)
+        d(s.api, e);
+      else {
+        const o = await h();
+        o && d(s.api, o);
+      }
+      l?.(s);
+    },
+    [m, e, d, h, l]
   );
-};
+  return {
+    handleStateUpdated: g,
+    handleGridReady: D
+  };
+}, C = (t) => ({
+  ...t,
+  rowSelection: void 0
+}), X = (t) => t.sources?.includes("api") && !t.state.rowSelection && t.sources.length === 1;
+I.registerModules([N]);
+const $ = b(
+  ({
+    className: t,
+    rowSelection: e,
+    containerStyle: a = Q,
+    enableRowSelection: i = !1,
+    mode: r,
+    theme: n,
+    enableStatePersistence: l = !1,
+    storageProvider: u,
+    storageKey: p = "grid-state",
+    onStateUpdated: f,
+    onGridReady: S,
+    onStateLoaded: m,
+    onStatePersisted: h,
+    ...d
+  }, g) => {
+    const D = v(
+      () => e || (i ? Y : Z),
+      [e, i]
+    ), s = q.adapt(n, r), { initialState: o, ...w } = d, { handleStateUpdated: R, handleGridReady: _ } = B({
+      ref: g,
+      initialState: o,
+      enableStatePersistence: l,
+      storageProvider: u,
+      storageKey: p,
+      onStateUpdated: f,
+      onGridReady: S,
+      onStateLoaded: m,
+      onStatePersisted: h
+    });
+    return /* @__PURE__ */ E(
+      F,
+      {
+        ...P,
+        ...w,
+        theme: s,
+        className: t,
+        containerStyle: a,
+        rowSelection: D,
+        onStateUpdated: R,
+        onGridReady: _
+      }
+    );
+  }
+);
+$.displayName = "DataGrid";
+const K = {
+  instances: {},
+  views: {}
+}, O = k({
+  name: "dataGrid",
+  initialState: K,
+  reducers: {
+    setGridState: (t, e) => {
+      t.instances[e.payload.id] = e.payload.gridState;
+    },
+    saveView: (t, e) => {
+      const { id: a, name: i, gridState: r, description: n } = e.payload;
+      t.views[a] = {
+        id: a,
+        name: i,
+        state: r,
+        description: n,
+        createdAt: t.views[a]?.createdAt || Date.now(),
+        updatedAt: Date.now()
+      };
+    },
+    deleteView: (t, e) => {
+      delete t.views[e.payload];
+    },
+    clearGridState: (t, e) => {
+      delete t.instances[e.payload];
+    }
+  }
+}), { setGridState: oe, saveView: ne, deleteView: ce, clearGridState: le } = O.actions, de = O.reducer, A = "dataGrid", ee = {
+  instances: {},
+  views: {}
+}, T = (t) => t[A] ?? ee, ue = (t) => G(
+  [T],
+  (e) => e.instances[t]
+), pe = G(
+  [T],
+  (t) => Object.values(t.views)
+), fe = (t) => G(
+  [T],
+  (e) => e.views[t]
+), Se = (t) => t[A] !== void 0;
 export {
-  T as DEFAULT_MIN_WIDTH,
-  h as DEFAULT_PAGE_SIZE,
-  g as DEFAULT_PAGE_SIZE_OPTIONS,
-  D as DEFAULT_TOOLTIP_DELAY,
-  C as DOM_LAYOUT_AUTO_HEIGHT,
-  F as DataGrid,
-  y as DataGridThemeAdapter,
-  b as ROW_SELECTION_MULTI,
-  _ as ROW_SELECTION_SINGLE
+  W as DEFAULT_MIN_WIDTH,
+  U as DEFAULT_PAGE_SIZE,
+  M as DEFAULT_PAGE_SIZE_OPTIONS,
+  V as DEFAULT_TOOLTIP_DELAY,
+  j as DOM_LAYOUT_AUTO_HEIGHT,
+  $ as DataGrid,
+  A as DataGridKey,
+  q as DataGridThemeAdapter,
+  J as ROW_SELECTION_MULTI,
+  H as ROW_SELECTION_SINGLE,
+  le as clearGridState,
+  de as dataGridReducer,
+  O as dataGridSlice,
+  ce as deleteView,
+  ne as saveView,
+  pe as selectAllViews,
+  T as selectDataGridSlice,
+  ue as selectGridInstance,
+  Se as selectHasDataGridSlice,
+  fe as selectView,
+  oe as setGridState
 };

package/dist/lib/datagrid.d.ts

@@ -1,3 +1,3 @@
-import { DataGridProps } from './datagrid.types';
-export declare const DataGrid: ({ className, rowSelection, containerStyle, enableRowSelection, mode, theme, ...props }: DataGridProps) => import("react/jsx-runtime").JSX.Element;
+import { DataGridProps, GridApi } from './datagrid.types';
+export declare const DataGrid: import('react').ForwardRefExoticComponent<DataGridProps & import('react').RefAttributes<GridApi<any> | null>>;
 //# sourceMappingURL=datagrid.d.ts.map

package/dist/lib/datagrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datagrid.d.ts","sourceRoot":"","sources":["../../src/lib/datagrid.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAK1B,eAAO,MAAM,QAAQ,GAAI,wFAQtB,aAAa,4CAmBf,CAAC"}
+{"version":3,"file":"datagrid.d.ts","sourceRoot":"","sources":["../../src/lib/datagrid.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,aAAa,EACb,OAAO,EACR,MAAM,kBAAkB,CAAC;AAM1B,eAAO,MAAM,QAAQ,+GA6DpB,CAAC"}

package/dist/lib/datagrid.types.d.ts

@@ -1,12 +1,35 @@
 import { AgGridReactProps } from 'ag-grid-react';
 import { CSSProperties } from 'react';
 import { DataGridTheme, ThemeMode } from './theme';
+import { GridState } from 'ag-grid-community';
+export interface DataGridView {
+    id: string;
+    name: string;
+    state: GridState;
+    description?: string;
+    createdAt: number;
+    updatedAt: number;
+}
+export interface DataGridState {
+    instances: Record<string, GridState>;
+    views: Record<string, DataGridView>;
+}
+export interface StorageProvider {
+    get(key: string): Promise<string | null>;
+    set(key: string, value: string): Promise<void>;
+    remove(key: string): Promise<void>;
+}
 export interface DataGridProps extends Omit<AgGridReactProps, 'theme'> {
+    enableStatePersistence?: boolean;
+    storageProvider?: StorageProvider;
+    storageKey?: string;
     className?: string;
     containerStyle?: CSSProperties;
     enableRowSelection?: boolean;
     mode?: ThemeMode;
     theme?: DataGridTheme;
+    onStateLoaded?: (state: GridState) => void;
+    onStatePersisted?: (state: GridState) => void;
 }
 export * from 'ag-grid-community';
 //# sourceMappingURL=datagrid.types.d.ts.map

package/dist/lib/datagrid.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datagrid.types.d.ts","sourceRoot":"","sources":["../../src/lib/datagrid.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"datagrid.types.d.ts","sourceRoot":"","sources":["../../src/lib/datagrid.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACzC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAEpE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IAGtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C;AAED,cAAc,mBAAmB,CAAC"}

package/dist/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-state-persistence.hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/lib/hooks/use-state-persistence.hooks.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from 'react';
+import { GridApi, GridState, StateUpdatedEvent, GridReadyEvent } from 'ag-grid-community';
+import { StorageProvider } from '../datagrid.types';
+export interface UseGridStatePersistenceParams {
+    ref?: RefObject<GridApi | null> | ((instance: GridApi | null) => void) | null;
+    initialState?: GridState;
+    enableStatePersistence?: boolean;
+    storageProvider?: StorageProvider;
+    storageKey?: string;
+    onStateUpdated?: (event: StateUpdatedEvent) => void;
+    onGridReady?: (event: GridReadyEvent) => void;
+    onStateLoaded?: (state: GridState) => void;
+    onStatePersisted?: (state: GridState) => void;
+}
+export declare const useGridStatePersistence: ({ ref, initialState, enableStatePersistence, storageProvider, storageKey, onStateUpdated, onGridReady, onStateLoaded, onStatePersisted, }: UseGridStatePersistenceParams) => {
+    handleStateUpdated: (event: StateUpdatedEvent) => Promise<void>;
+    handleGridReady: (params: GridReadyEvent) => Promise<void>;
+};
+//# sourceMappingURL=use-state-persistence.hooks.d.ts.map

package/dist/lib/hooks/use-state-persistence.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-state-persistence.hooks.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/use-state-persistence.hooks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EACV,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,WAAW,6BAA6B;IAC5C,GAAG,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,uBAAuB,GAAI,2IAUrC,6BAA6B;gCAyDd,iBAAiB;8BAsBhB,cAAc;CAgChC,CAAC"}

package/dist/lib/store/datagrid.selectors.d.ts

@@ -0,0 +1,71 @@
+import { DataGridState } from '../datagrid.types';
+export declare const DataGridKey = "dataGrid";
+export type RootStateWithDataGrid = {
+    [DataGridKey]: DataGridState;
+};
+export declare const selectDataGridSlice: (state: RootStateWithDataGrid) => DataGridState;
+export declare const selectGridInstance: (id: string) => ((state: RootStateWithDataGrid) => import('ag-grid-community').GridState) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: DataGridState) => import('ag-grid-community').GridState;
+    memoizedResultFunc: ((resultFuncArgs_0: DataGridState) => import('ag-grid-community').GridState) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => import('ag-grid-community').GridState;
+    dependencies: [(state: RootStateWithDataGrid) => DataGridState];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import('reselect').weakMapMemoize;
+    argsMemoize: typeof import('reselect').weakMapMemoize;
+};
+export declare const selectAllViews: ((state: RootStateWithDataGrid) => import('../datagrid.types').DataGridView[]) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: DataGridState) => import('../datagrid.types').DataGridView[];
+    memoizedResultFunc: ((resultFuncArgs_0: DataGridState) => import('../datagrid.types').DataGridView[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => import('../datagrid.types').DataGridView[];
+    dependencies: [(state: RootStateWithDataGrid) => DataGridState];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import('reselect').weakMapMemoize;
+    argsMemoize: typeof import('reselect').weakMapMemoize;
+};
+export declare const selectView: (id: string) => ((state: RootStateWithDataGrid) => import('../datagrid.types').DataGridView) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: DataGridState) => import('../datagrid.types').DataGridView;
+    memoizedResultFunc: ((resultFuncArgs_0: DataGridState) => import('../datagrid.types').DataGridView) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => import('../datagrid.types').DataGridView;
+    dependencies: [(state: RootStateWithDataGrid) => DataGridState];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import('reselect').weakMapMemoize;
+    argsMemoize: typeof import('reselect').weakMapMemoize;
+};
+export declare const selectHasDataGridSlice: (state: RootStateWithDataGrid) => boolean;
+//# sourceMappingURL=datagrid.selectors.d.ts.map

package/dist/lib/store/datagrid.selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid.selectors.d.ts","sourceRoot":"","sources":["../../../src/lib/store/datagrid.selectors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,eAAO,MAAM,WAAW,aAAa,CAAC;AACtC,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AASF,eAAO,MAAM,mBAAmB,GAAI,OAAO,qBAAqB,kBACpB,CAAC;AAG7C,eAAO,MAAM,kBAAkB,GAAI,IAAI,MAAM;;;;;;;;;;;;2BAJF,qBAAqB;;;;;;;;CAQ7D,CAAC;AAGJ,eAAO,MAAM,cAAc;;;;;;;;;;;;2BAXgB,qBAAqB;;;;;;;;CAc/D,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM;;;;;;;;;;;;2BAjBM,qBAAqB;;;;;;;;CAqB7D,CAAC;AAGJ,eAAO,MAAM,sBAAsB,GAAI,OAAO,qBAAqB,KAAG,OACpC,CAAC"}

package/dist/lib/store/datagrid.slice.d.ts

@@ -0,0 +1,28 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { GridState } from 'ag-grid-community';
+import { DataGridState } from '../datagrid.types';
+export declare const dataGridSlice: import('@reduxjs/toolkit').Slice<DataGridState, {
+    setGridState: (state: import('immer').WritableDraft<DataGridState>, action: PayloadAction<{
+        id: string;
+        gridState: GridState;
+    }>) => void;
+    saveView: (state: import('immer').WritableDraft<DataGridState>, action: PayloadAction<{
+        id: string;
+        name: string;
+        gridState: GridState;
+        description?: string;
+    }>) => void;
+    deleteView: (state: import('immer').WritableDraft<DataGridState>, action: PayloadAction<string>) => void;
+    clearGridState: (state: import('immer').WritableDraft<DataGridState>, action: PayloadAction<string>) => void;
+}, "dataGrid", "dataGrid", import('@reduxjs/toolkit').SliceSelectors<DataGridState>>;
+export declare const setGridState: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    id: string;
+    gridState: GridState;
+}, "dataGrid/setGridState">, saveView: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    id: string;
+    name: string;
+    gridState: GridState;
+    description?: string;
+}, "dataGrid/saveView">, deleteView: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "dataGrid/deleteView">, clearGridState: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, "dataGrid/clearGridState">;
+export declare const dataGridReducer: import('redux').Reducer<DataGridState>;
+//# sourceMappingURL=datagrid.slice.d.ts.map

package/dist/lib/store/datagrid.slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid.slice.d.ts","sourceRoot":"","sources":["../../../src/lib/store/datagrid.slice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOvD,eAAO,MAAM,aAAa;gFAMZ,aAAa,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,SAAS,CAAA;KAAE,CAAC;4EAOnD,aAAa,CAAC;QACpB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,SAAS,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;8EAawB,aAAa,CAAC,MAAM,CAAC;kFAIjB,aAAa,CAAC,MAAM,CAAC;oFAIvD,CAAC;AAEH,eAAO,MAAQ,YAAY;QAnCO,MAAM;eAAa,SAAS;6BAmCjC,QAAQ;QA3BzB,MAAM;UACJ,MAAM;eACD,SAAS;kBACN,MAAM;yBAwBW,UAAU,sFAAE,cAAc,wFAC1C,CAAC;AAExB,eAAO,MAAM,eAAe,wCAAwB,CAAC"}

package/dist/lib/store/index.d.ts

@@ -0,0 +1,3 @@
+export * from './datagrid.slice';
+export * from './datagrid.selectors';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/store/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-kingdom/shared-frontend-ui-datagrid",
-  "version": "0.0.2-0",
+  "version": "0.0.2-2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -34,7 +34,9 @@
     "ag-grid-community": "^34.3.1"
   },
   "peerDependencies": {
+    "@reduxjs/toolkit": "^2.8.2",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-redux": "^9.2.0"
   }
 }