@snowpact/react-tanstack-query-table 1.1.1 → 1.1.2

package/dist/index.d.ts

@@ -60,7 +60,7 @@ export declare type BaseAction = {
 };
 
 /**
- * Base props shared between SnowClientTable and SnowServerTable
+ * Base props shared between SnowClientDataTable and SnowServerDataTable
  */
 export declare interface BaseSnowTableProps<T extends Record<string, unknown>, K> extends DataTableUIOptions<T> {
     queryKey: string[];
@@ -160,6 +160,7 @@ export declare type DataTableProps<T extends object> = {
 };
 
 declare interface DataTableStyles {
+    root: string;
     container: string;
     header: string;
     headerCell: string;
@@ -375,12 +376,12 @@ export declare interface SingleFilterDropdownProps<T extends object> {
     onFilterChange: (key: keyof T, selectedValues: string[]) => void;
 }
 
-export declare const SnowClientTable: <T extends Record<string, unknown>, K>({ queryKey, columnConfig, actions, filters, prefilters, prefilterFn, defaultSortBy, defaultSortOrder, defaultPageSize, persistState, fetchAllItemsEndpoint, ...restProps }: SnowClientTableProps<T, K>) => JSX.Element;
+export declare const SnowClientDataTable: <T extends Record<string, unknown>, K>({ queryKey, columnConfig, actions, filters, prefilters, prefilterFn, defaultSortBy, defaultSortOrder, defaultPageSize, persistState, fetchAllItemsEndpoint, ...restProps }: SnowClientDataTableProps<T, K>) => JSX.Element;
 
 /**
- * Props for SnowClientTable component (client-side filtering/sorting)
+ * Props for SnowClientDataTable component (client-side filtering/sorting)
  */
-export declare interface SnowClientTableProps<T extends Record<string, unknown>, K> extends BaseSnowTableProps<T, K> {
+export declare interface SnowClientDataTableProps<T extends Record<string, unknown>, K> extends BaseSnowTableProps<T, K> {
     fetchAllItemsEndpoint: () => Promise<T[]>;
     /** Optional function to filter items based on active prefilter */
     prefilterFn?: (item: T, prefilterId: string) => boolean;
@@ -396,12 +397,12 @@ export declare type SnowColumnConfig<T extends object> = {
     meta?: ColumnMeta<T, unknown>;
 };
 
-export declare const SnowServerTable: <T extends Record<string, unknown>, K>({ queryKey, columnConfig, actions, filters, prefilters, defaultSortBy, defaultSortOrder, defaultPageSize, persistState, fetchServerEndpoint, ...restProps }: SnowServerTableProps<T, K>) => JSX.Element;
+export declare const SnowServerDataTable: <T extends Record<string, unknown>, K>({ queryKey, columnConfig, actions, filters, prefilters, defaultSortBy, defaultSortOrder, defaultPageSize, persistState, fetchServerEndpoint, ...restProps }: SnowServerDataTableProps<T, K>) => JSX.Element;
 
 /**
- * Props for SnowServerTable component (server-side pagination/filtering/sorting)
+ * Props for SnowServerDataTable component (server-side pagination/filtering/sorting)
  */
-export declare interface SnowServerTableProps<T extends Record<string, unknown>, K> extends BaseSnowTableProps<T, K> {
+export declare interface SnowServerDataTableProps<T extends Record<string, unknown>, K> extends BaseSnowTableProps<T, K> {
     fetchServerEndpoint: (params: ServerFetchParams) => Promise<ServerPaginatedResponse<T>>;
     filters?: FilterConfig<Record<string, unknown>>[];
 }
@@ -442,7 +443,7 @@ declare interface UseConfirmReturn {
 }
 
 /**
- * Shared hook for building columns and handling actions in SnowClientTable and SnowServerTable.
+ * Shared hook for building columns and handling actions in SnowClientDataTable and SnowServerDataTable.
  *
  * Extracts the common logic for:
  * - Transforming SnowColumnConfig into TanStack Table ColumnDef

package/dist/index.js

@@ -92,6 +92,7 @@ const na = (e) => {
     triggerActive: "data-[state=active]:bg-background data-[state=active]:text-foreground"
   },
   table: {
+    root: "w-full",
     container: "rounded-lg border",
     header: "bg-muted",
     headerCell: "text-muted-foreground",
@@ -5973,10 +5974,10 @@ function Cs({
     const Q = String(Y), ge = { ...U };
     J.length === 0 ? delete ge[Q] : ge[Q] = J, se(ge);
   }, Ps = d || I || c && c.length > 0 || T, go = Re(() => he ? e.length : _e.getRowModel().rows.length, [he, e.length, _e]), Is = Re(() => he && s !== void 0 ? s : _e.getFilteredRowModel().rows.length, [he, s, _e]);
-  return /* @__PURE__ */ F("div", { className: "relative flex flex-col flex-1", "data-testid": "datatable", children: [
+  return /* @__PURE__ */ F("div", { className: X("relative flex flex-col flex-1", k.table.root), "data-testid": "datatable", children: [
     o && !n && /* @__PURE__ */ p("div", { className: X("absolute inset-0 z-10 pointer-events-none", k.table.loadingOverlay) }),
     Ps && /* @__PURE__ */ F("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between py-4 gap-4", children: [
-      /* @__PURE__ */ p("div", { className: "flex items-center gap-2 overflow-x-auto p-0.5 -m-0.5", children: w && w.length > 0 && v && /* @__PURE__ */ p(
+      /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: w && w.length > 0 && v && /* @__PURE__ */ p(
         tp,
         {
           prefilters: w,
@@ -6431,8 +6432,8 @@ export {
   tp as PrefilterTabs,
   rp as SearchBar,
   ip as SingleFilterDropdown,
-  vp as SnowClientTable,
-  wp as SnowServerTable,
+  vp as SnowClientDataTable,
+  wp as SnowServerDataTable,
   sp as SortButton,
   mp as isSnowTableSetup,
   hp as redirectToPageWithParam,