munza-x-data-grid 2.0.2 → 3.0.0-beta.0

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/package/contexts/GridContext.d.ts

@@ -0,0 +1,16 @@
+import { ColumnDef, Table } from '@tanstack/react-table';
+import { default as React } from 'react';
+export interface GridContextProps<T> {
+    table: Table<T>;
+}
+interface GridContextProviderProps<T> {
+    children: React.ReactNode;
+    payload?: {
+        data: T[];
+        total: number;
+    };
+    columns: ColumnDef<T>[];
+}
+export declare const GridContextProvider: <T>({ children, payload, columns, }: GridContextProviderProps<T>) => React.JSX.Element;
+export declare function useGrid(): GridContextProps<unknown>;
+export {};

package/dist/package/grid/index.d.ts

@@ -0,0 +1,3 @@
+import { GridProps } from '../types';
+declare const Grid: <T>({ columns, payload }: GridProps<T>) => import("react").JSX.Element;
+export { Grid };

package/dist/package/index.d.ts

@@ -0,0 +1,3 @@
+export type { ColumnDef, ColumnFiltersState, PaginationState, Row, SortingState, } from '@tanstack/react-table';
+export { Grid } from './grid';
+export type { GridProps } from './types';

package/dist/package/lib/queryBuilder.d.ts

@@ -0,0 +1,76 @@
+/**
+ * queryBuilder.ts
+ *
+ * Converts TanStack Table's client-side state (column filters, global filter,
+ * sorting, pagination) into a Mongoose/MongoDB-friendly query descriptor.
+ *
+ * Usage:
+ *   const query = buildMongooseQuery({
+ *     columnFilters,
+ *     globalFilter,
+ *     sorting,
+ *     pagination,
+ *     searchableFields: ["name", "email"],
+ *   });
+ *
+ *   // On the server:
+ *   const docs = await Model.find(query.filter)
+ *     .sort(query.sort)
+ *     .skip(query.skip)
+ *     .limit(query.limit);
+ *
+ *   const total = await Model.countDocuments(query.filter);
+ */
+export interface ColumnFilter {
+    id: string;
+    value: unknown;
+}
+export type ColumnFiltersState = ColumnFilter[];
+export interface SortingRule {
+    id: string;
+    desc: boolean;
+}
+export type SortingState = SortingRule[];
+export interface PaginationState {
+    pageIndex: number;
+    pageSize: number;
+}
+export type FilterVariant = 'text' | 'exact' | 'range' | 'dateRange' | 'select' | 'multiSelect' | 'boolean';
+export interface ColumnFilterConfig {
+    /** How this column's filter value should be interpreted. Defaults to "text". */
+    variant?: FilterVariant;
+    /**
+     * Override the field name used in the Mongo query if it differs from the
+     * column id (e.g. column id "authorName" -> field "author.name").
+     */
+    field?: string;
+    /** Case-insensitive regex for "text" variant. Defaults to true. */
+    caseInsensitive?: boolean;
+}
+export interface QueryBuilderOptions {
+    columnFilters?: ColumnFiltersState;
+    globalFilter?: string;
+    sorting?: SortingState;
+    pagination?: PaginationState;
+    /**
+     * Per-column-id configuration controlling how each filter value is
+     * translated into a Mongo operator. Columns not listed here default to
+     * variant: "text".
+     */
+    columnConfig?: Record<string, ColumnFilterConfig>;
+    /**
+     * Fields to search when `globalFilter` is set. Produces an $or of
+     * case-insensitive regex matches across these fields.
+     */
+    searchableFields?: string[];
+    /** Map a sort column id to a different Mongo field name if needed. */
+    sortFieldMap?: Record<string, string>;
+}
+export interface MongooseQuery {
+    filter: Record<string, any>;
+    sort: Record<string, 1 | -1>;
+    skip: number;
+    limit: number;
+}
+export declare function buildMongooseQuery(options: QueryBuilderOptions): MongooseQuery;
+export default buildMongooseQuery;

package/dist/package/table/TMain.d.ts

@@ -0,0 +1,2 @@
+declare const TMain: () => import("react").JSX.Element;
+export default TMain;

package/dist/package/types/index.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from '@tanstack/react-table';
+export interface GridProps<T> {
+    payload?: {
+        data: T[];
+        total: number;
+    };
+    columns: ColumnDef<T>[];
+}

package/package.json

@@ -1,64 +1,88 @@
-{
-  "name": "munza-x-data-grid",
-  "private": false,
-  "version": "2.0.2",
-  "type": "module",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "module": "./dist/data-grid.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/data-grid.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style.css": "./dist/index.css"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/jsdev-robin/munza-x-data-grid.git"
-  },
-  "bugs": {
-    "url": "https://github.com/jsdev-robin/munza-x-data-grid/issues"
-  },
-  "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.4",
-    "@tailwindcss/vite": "^4.2.1",
-    "@types/node": "^24.12.0",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@vitejs/plugin-react": "^6.0.0",
-    "class-variance-authority": "0.7.1",
-    "clsx": "2.1.1",
-    "eslint": "^9.39.4",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "globals": "^17.4.0",
-    "lucide-react": "0.577.0",
-    "prettier": "^3.8.1",
-    "prettier-plugin-tailwindcss": "^0.7.2",
-    "radix-ui": "1.4.3",
-    "rollup-plugin-copy": "^3.5.0",
-    "tailwind-merge": "3.5.0",
-    "tailwindcss": "^4.2.1",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.56.1",
-    "vite": "^8.0.0",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "dependencies": {
-    "@tanstack/react-table": "^8.21.3"
-  }
-}
+{
+  "name": "munza-x-data-grid",
+  "private": false,
+  "version": "3.0.0-beta.0",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/data-grid.cjs",
+  "module": "./dist/data-grid.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/data-grid.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jsdev-robin/munza-x-data-grid.git"
+  },
+  "bugs": {
+    "url": "https://github.com/jsdev-robin/munza-x-data-grid/issues"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.6.0",
+    "@fontsource-variable/geist": "^5.2.9",
+    "@shadcn/react": "^0.2.1",
+    "@tanstack/react-table": "^8.21.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.4.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^1.23.0",
+    "next-themes": "^0.4.6",
+    "radix-ui": "^1.6.2",
+    "react-day-picker": "^10.0.1",
+    "react-resizable-panels": "^4.12.1",
+    "recharts": "3.8.0",
+    "shadcn": "^4.13.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.6.0",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "zustand": "^5.0.14"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@eslint/js": "^10.0.1",
+    "@rolldown/plugin-babel": "^0.2.3",
+    "@tailwindcss/vite": "^4.3.2",
+    "@types/babel__core": "^7.20.5",
+    "@types/node": "^24.13.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.3",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "eslint": "^10.6.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.3",
+    "globals": "^17.7.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "rollup-plugin-copy": "^3.5.0",
+    "tailwindcss": "^4.3.2",
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.62.0",
+    "vite": "^8.1.1",
+    "vite-plugin-dts": "^5.0.3"
+  }
+}

package/dist/components/feedback/NoDataFoundMsg.d.ts

@@ -1,2 +0,0 @@
-declare const NoDataFoundMsg: () => import("react/jsx-runtime").JSX.Element;
-export default NoDataFoundMsg;

package/dist/components/feedback/TableError.d.ts

@@ -1,2 +0,0 @@
-declare const TableError: () => import("react/jsx-runtime").JSX.Element;
-export default TableError;

package/dist/components/feedback/TableErrorMsg.d.ts

@@ -1,2 +0,0 @@
-declare const TableErrorMsg: () => import("react/jsx-runtime").JSX.Element;
-export default TableErrorMsg;

package/dist/components/feedback/TableNoData.d.ts

@@ -1,2 +0,0 @@
-declare const TableNoData: () => import("react/jsx-runtime").JSX.Element;
-export default TableNoData;

package/dist/components/feedback/TableRowSkeleton.d.ts

@@ -1,7 +0,0 @@
-import { Column } from '@tanstack/react-table';
-declare const TableRowSkeleton: ({ column, i, j, }: {
-    column: Column<unknown, unknown>;
-    i: number;
-    j: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export default TableRowSkeleton;

package/dist/components/feedback/TableSkeleton.d.ts

@@ -1,2 +0,0 @@
-declare const TableSkeleton: () => import("react/jsx-runtime").JSX.Element;
-export default TableSkeleton;

package/dist/components/header/HeaderFilter.d.ts

@@ -1,5 +0,0 @@
-import { Column } from '@tanstack/react-table';
-declare const HeaderFilter: <T>({ column }: {
-    column: Column<T, unknown>;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default HeaderFilter;

package/dist/components/header/HeaderMenu.d.ts

@@ -1,5 +0,0 @@
-import { Header } from '@tanstack/react-table';
-declare const HeaderMenu: <T>({ header }: {
-    header: Header<T, unknown>;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default HeaderMenu;

package/dist/components/header/HeaderSort.d.ts

@@ -1,5 +0,0 @@
-import { Header } from '@tanstack/react-table';
-declare const HeaderSort: <T>({ header }: {
-    header: Header<T, unknown>;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HeaderSort;

package/dist/components/pagination/index.d.ts

@@ -1,4 +0,0 @@
-declare const Pagination: ({ pagination }: {
-    pagination: number[];
-}) => import("react/jsx-runtime").JSX.Element;
-export default Pagination;

package/dist/components/table/TBody.d.ts

@@ -1,2 +0,0 @@
-declare const TBody: () => import("react/jsx-runtime").JSX.Element;
-export default TBody;

package/dist/components/table/TCell.d.ts

@@ -1,6 +0,0 @@
-import { Cell } from '@tanstack/react-table';
-interface TCellProps<T> {
-    cell: Cell<T, unknown>;
-}
-declare const TCell: <T>({ cell }: TCellProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default TCell;

package/dist/components/table/THead.d.ts

@@ -1,6 +0,0 @@
-import { Header } from '@tanstack/react-table';
-interface THeadProps<T> {
-    header: Header<T, unknown>;
-}
-declare const THead: <T>({ header }: THeadProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default THead;

package/dist/components/table/THeader.d.ts

@@ -1,2 +0,0 @@
-declare const THeader: () => import("react/jsx-runtime").JSX.Element;
-export default THeader;

package/dist/components/table/TMain.d.ts

@@ -1,2 +0,0 @@
-declare const TMain: () => import("react/jsx-runtime").JSX.Element;
-export default TMain;

package/dist/components/toolbar/ToolbarFilter.d.ts

@@ -1,5 +0,0 @@
-import { Column } from '@tanstack/react-table';
-declare const ToolbarFilter: <T>({ column }: {
-    column: Column<T, unknown>;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ToolbarFilter;

package/dist/components/toolbar/index.d.ts

@@ -1,2 +0,0 @@
-declare const Toolbar: () => import("react/jsx-runtime").JSX.Element;
-export default Toolbar;

package/dist/components/ui/Input.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
-export { Input };

package/dist/components/ui/collapsible.d.ts

@@ -1,5 +0,0 @@
-import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/ui/debounced-input.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-declare const DebouncedInput: ({ value: initialValue, onChange, debounce, ...props }: {
-    value: string | number;
-    onChange: (value: string | number) => void;
-    debounce?: number;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange">) => import("react/jsx-runtime").JSX.Element;
-export default DebouncedInput;

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,29 +0,0 @@
-import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
-import * as React from 'react';
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: 'default' | 'destructive';
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/components/ui/empty.d.ts

@@ -1,11 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-declare function Empty({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare const emptyMediaVariants: (props?: ({
-    variant?: "default" | "icon" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, };

package/dist/components/ui/native-select.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {
-    size?: 'sm' | 'default';
-};
-declare function NativeSelect({ className, size, ...props }: NativeSelectProps): import("react/jsx-runtime").JSX.Element;
-declare function NativeSelectOption({ className, ...props }: React.ComponentProps<'option'>): import("react/jsx-runtime").JSX.Element;
-declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<'optgroup'>): import("react/jsx-runtime").JSX.Element;
-export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/components/ui/separator.d.ts

@@ -1,4 +0,0 @@
-import { Separator as SeparatorPrimitive } from 'radix-ui';
-import * as React from 'react';
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Separator };

package/dist/contexts/GridContext.d.ts

@@ -1,43 +0,0 @@
-import { ColumnDef, ColumnFiltersState, OnChangeFn, PaginationState, Row, RowSelectionState, SortingState, Table, TableState } from '@tanstack/react-table';
-import { default as React } from 'react';
-export interface GridContextProps<T> {
-    table: Table<T>;
-    isLoading?: boolean;
-    isError?: boolean;
-    isFetching?: boolean;
-    paneRef1: React.RefObject<HTMLDivElement | null>;
-    paneRef2: React.RefObject<HTMLDivElement | null>;
-    globalFilter?: string;
-    setGlobalFilter?: React.Dispatch<React.SetStateAction<string>>;
-    renderSubComponent?: (props: {
-        row: Row<T>;
-    }) => React.ReactElement;
-    refetch?: () => void;
-}
-declare const GridContext: React.Context<GridContextProps<any> | undefined>;
-interface GridContextProviderProps<T> {
-    children: React.ReactNode;
-    payload?: {
-        data: T[];
-        total: number;
-    };
-    columns: ColumnDef<T>[];
-    state?: Partial<TableState>;
-    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
-    onPaginationChange?: OnChangeFn<PaginationState>;
-    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
-    onSortingChange?: OnChangeFn<SortingState>;
-    manualPagination?: boolean;
-    enableRowSelection?: boolean;
-    isLoading?: boolean;
-    isError?: boolean;
-    isFetching?: boolean;
-    refetch?: () => void;
-    setGlobalFilter?: React.Dispatch<React.SetStateAction<string>>;
-    renderSubComponent?: (props: {
-        row: Row<T>;
-    }) => React.ReactElement;
-    getRowCanExpand?: (row: Row<T>) => boolean;
-}
-export declare const GridContextProvider: <T>({ children, payload, columns, state, onColumnFiltersChange, onPaginationChange, onSortingChange, onRowSelectionChange, setGlobalFilter, manualPagination, enableRowSelection, isError, isLoading, isFetching, refetch, getRowCanExpand, renderSubComponent, }: GridContextProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default GridContext;

package/dist/core/Grid.d.ts

@@ -1,3 +0,0 @@
-import { GridProps } from '../types';
-declare const Grid: <T>({ columns, payload, state, onColumnFiltersChange, onPaginationChange, onSortingChange, onRowSelectionChange, isLoading, isError, setGlobalFilter, getRowCanExpand, renderSubComponent, manualPagination, enableRowSelection, isFetching, refetch }: GridProps<T>) => import("react/jsx-runtime").JSX.Element;
-export { Grid };

package/dist/hooks/useGrid.d.ts

@@ -1,2 +0,0 @@
-import { GridContextProps } from '../contexts/GridContext';
-export declare function useGrid(): GridContextProps<unknown>;

package/dist/hooks/useGridState.d.ts

@@ -1,19 +0,0 @@
-import { ColumnFiltersState, PaginationState, RowSelectionState, SortingState } from '@tanstack/react-table';
-import { default as React } from 'react';
-export declare const useGridState: () => {
-    state: {
-        columnFilters: ColumnFiltersState;
-        globalFilter: string;
-        pagination: PaginationState;
-        sorting: SortingState;
-        rowSelection: RowSelectionState;
-    };
-    handlers: {
-        onColumnFiltersChange: React.Dispatch<React.SetStateAction<ColumnFiltersState>>;
-        onPaginationChange: React.Dispatch<React.SetStateAction<PaginationState>>;
-        onSortingChange: React.Dispatch<React.SetStateAction<SortingState>>;
-        setGlobalFilter: React.Dispatch<React.SetStateAction<string>>;
-        onRowSelectionChange: React.Dispatch<React.SetStateAction<RowSelectionState>>;
-    };
-    rowSelection: RowSelectionState;
-};

package/dist/hooks/useQueryArgs.d.ts

@@ -1,12 +0,0 @@
-import { ColumnFiltersState, PaginationState, SortingState } from '@tanstack/react-table';
-export declare const useQueryArgs: (state: {
-    columnFilters: ColumnFiltersState;
-    globalFilter: string;
-    pagination: PaginationState;
-    sorting: SortingState;
-}) => {
-    pagination: PaginationState;
-    queryParams: string;
-    sort: string;
-    globalFilter: string;
-};

package/dist/hooks/useSyncScroll.d.ts

@@ -1,7 +0,0 @@
-type Axis = 'x' | 'y' | 'both';
-interface Props {
-    refs: React.RefObject<HTMLElement | null>[];
-    axis?: Axis;
-}
-declare const useSyncScroll: ({ refs, axis }: Props) => void;
-export default useSyncScroll;

package/dist/index.css

@@ -1,4 +0,0 @@
-@layer theme{:host,:root{--mun-color-red-500:oklch(63.7% 0.237 25.331);--mun-color-red-600:oklch(57.7% 0.245 27.325);--mun-color-blue-800:oklch(42.4% 0.199 265.638);--mun-spacing:0.25rem;--mun-container-md:28rem;--mun-text-xs:0.75rem;--mun-text-xs--line-height:calc(1 / 0.75);--mun-text-sm:0.875rem;--mun-text-sm--line-height:calc(1.25 / 0.875);--mun-text-2xl:1.5rem;--mun-text-2xl--line-height:calc(2 / 1.5);--mun-font-weight-semibold:600;--mun-radius-md:0.375rem;--mun-animate-spin:spin 1s linear infinite;--mun-default-transition-duration:0.15s;--mun-default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}}@layer utilities{.mun\:-translate-x-1\/2,.mun\:-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.mun\:overflow-hidden,.mun\:truncate{overflow:hidden}.mun\:truncate,.mun\:whitespace-nowrap{white-space:nowrap}.mun\:invisible{visibility:hidden}.mun\:absolute{position:absolute}.mun\:relative{position:relative}.mun\:top-1\/2{top:50%}.mun\:left-1\/2{left:50%}.mun\:mb-3{margin-bottom:calc(var(--mun-spacing) * 3)}.mun\:mb-6{margin-bottom:calc(var(--mun-spacing) * 6)}.mun\:flex{display:flex}.mun\:hidden{display:none}.mun\:inline-flex{display:inline-flex}.mun\:size-4{width:calc(var(--mun-spacing) * 4);height:calc(var(--mun-spacing) * 4)}.mun\:size-7{width:calc(var(--mun-spacing) * 7);height:calc(var(--mun-spacing) * 7)}.mun\:h-4{height:calc(var(--mun-spacing) * 4)}.mun\:h-5{height:calc(var(--mun-spacing) * 5)}.mun\:h-8{height:calc(var(--mun-spacing) * 8)}.mun\:h-\[65vh\]{height:65vh}.mun\:h-\[75vh\]{height:75vh}.mun\:h-auto{height:auto}.mun\:max-h-50{max-height:calc(var(--mun-spacing) * 50)}.mun\:w-8{width:calc(var(--mun-spacing) * 8)}.mun\:w-16{width:calc(var(--mun-spacing) * 16)}.mun\:w-52{width:calc(var(--mun-spacing) * 52)}.mun\:w-full{width:100%}.mun\:max-w-md{max-width:var(--mun-container-md)}.mun\:min-w-5{min-width:calc(var(--mun-spacing) * 5)}.mun\:flex-1{flex:1}.mun\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.mun\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.mun\:-rotate-45{rotate:-45deg}.mun\:rotate-45{rotate:45deg}.mun\:animate-spin{animation:var(--mun-animate-spin)}.mun\:cursor-pointer{cursor:pointer}.mun\:flex-col{flex-direction:column}.mun\:flex-wrap{flex-wrap:wrap}.mun\:items-center{align-items:center}.mun\:justify-between{justify-content:space-between}.mun\:justify-center{justify-content:center}.mun\:gap-1{gap:calc(var(--mun-spacing) * 1)}.mun\:gap-1\.5{gap:calc(var(--mun-spacing) * 1.5)}.mun\:gap-2{gap:calc(var(--mun-spacing) * 2)}.mun\:gap-3{gap:calc(var(--mun-spacing) * 3)}.mun\:gap-4{gap:calc(var(--mun-spacing) * 4)}:where(.mun\:space-y-3 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--mun-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--mun-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.mun\:truncate{text-overflow:ellipsis}.mun\:overflow-scroll{overflow:scroll}.mun\:overflow-x-hidden{overflow-x:hidden}.mun\:overflow-y-auto{overflow-y:auto}.mun\:overflow-y-scroll{overflow-y:scroll}.mun\:rounded-full{border-radius:3.40282e38px}.mun\:rounded-md{border-radius:var(--mun-radius-md)}.mun\:rounded-none{border-radius:0}.mun\:border{border-style:var(--tw-border-style);border-width:1px}.mun\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.mun\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mun\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.mun\:border-border{border-color:var(--border)}.mun\:bg-background{background-color:var(--background)}.mun\:bg-muted{background-color:var(--muted)}.mun\:p-0{padding:calc(var(--mun-spacing) * 0)}.mun\:p-1\.5{padding:calc(var(--mun-spacing) * 1.5)}.mun\:p-3{padding:calc(var(--mun-spacing) * 3)}.mun\:px-1\.5{padding-inline:calc(var(--mun-spacing) * 1.5)}.mun\:px-2{padding-inline:calc(var(--mun-spacing) * 2)}.mun\:px-3{padding-inline:calc(var(--mun-spacing) * 3)}.mun\:py-1{padding-block:calc(var(--mun-spacing) * 1)}.mun\:py-4{padding-block:calc(var(--mun-spacing) * 4)}.mun\:pr-0{padding-right:calc(var(--mun-spacing) * 0)}.mun\:text-center{text-align:center}.mun\:font-mono{font-family:var(--mun-font-mono)}.mun\:text-2xl{font-size:var(--mun-text-2xl);line-height:var(--tw-leading, var(--mun-text-2xl--line-height))}.mun\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}.mun\:text-xs{font-size:var(--mun-text-xs);line-height:var(--tw-leading, var(--mun-text-xs--line-height))}.mun\:font-semibold{--tw-font-weight:var(--mun-font-weight-semibold);font-weight:var(--mun-font-weight-semibold)}.mun\:text-red-500{color:var(--mun-color-red-500)}.mun\:text-red-600{color:var(--mun-color-red-600)}.mun\:capitalize{text-transform:capitalize}.mun\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.mun\:opacity-0{opacity:0}.mun\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--mun-default-transition-timing-function));transition-duration:var(
-      --tw-duration,
-      var(--mun-default-transition-duration)
-    )}.mun\:select-none{-webkit-user-select:none;user-select:none}.mun\:\[scrollbar-color\:transparent_transparent\]{scrollbar-color:transparent transparent}.mun\:\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}:is(.mun\:\*\:border-r > *){border-right-style:var(--tw-border-style);border-right-width:1px}:is(.mun\:\*\:border-border > *){border-color:var(--border)}@media (hover:hover){.mun\:hover\:bg-background\!:hover{background-color:var(--background)!important}.mun\:hover\:bg-transparent:hover{background-color:#0000}}.mun\:data-\[state\=selected\]\:bg-blue-800\/25[data-state=selected]{background-color:var(--mun-color-blue-800)}@supports (color:color-mix(in lab,red,red)){.mun\:data-\[state\=selected\]\:bg-blue-800\/25[data-state=selected]{background-color:color-mix(in oklab,var(--mun-color-blue-800) 25%,transparent)}}@media (width>=40rem){.mun\:sm\:flex{display:flex}}}

package/dist/index.d.ts

@@ -1,5 +0,0 @@
-import { ColumnDef, ColumnFiltersState, PaginationState, Row, SortingState } from '@tanstack/react-table';
-export { Grid } from './core/Grid';
-export { useGridState } from './hooks/useGridState';
-export { useQueryArgs } from './hooks/useQueryArgs';
-export type { ColumnDef, ColumnFiltersState, PaginationState, Row, SortingState, };

package/dist/utils/buildQueryString.d.ts

@@ -1,2 +0,0 @@
-import { ColumnFiltersState } from '@tanstack/react-table';
-export declare const buildQueryParams: (filters: ColumnFiltersState) => string;

package/dist/utils/buildSortString.d.ts

@@ -1,4 +0,0 @@
-export declare function buildSortString(sortOptions: {
-    id: string;
-    desc: boolean;
-}[] | null | undefined): string;

package/dist/utils/getPinStyles.d.ts

@@ -1,3 +0,0 @@
-import { Column } from '@tanstack/react-table';
-import { CSSProperties } from 'react';
-export declare const getPinStyles: <T>(column: Column<T>) => CSSProperties;