@stackframe/stack-ui 2.5.21 → 2.5.23

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @stackframe/stack-ui
 
+## 2.5.23
+
+### Patch Changes
+
+- Various bugfixes and performance improvements
+  - @stackframe/stack-shared@2.5.23
+
+## 2.5.22
+
+### Patch Changes
+
+- Team metadata
+- Updated dependencies
+  - @stackframe/stack-shared@2.5.22
+
 ## 2.5.21
 
 ### Patch Changes

package/dist/components/data-table/data-table.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@stackframe/stack-ui";
-import { flexRender, getCoreRowModel, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
+import { GlobalFiltering, flexRender, getCoreRowModel, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
 import React from "react";
 import { DataTablePagination } from "./pagination";
 import { DataTableToolbar } from "./toolbar";
@@ -24,12 +24,14 @@ export function DataTable({ columns, data, toolbarRender, defaultVisibility, })
         onSortingChange: setSorting,
         onColumnFiltersChange: setColumnFilters,
         onColumnVisibilityChange: setColumnVisibility,
+        getColumnCanGlobalFilter: (c) => c.columnDef.enableGlobalFilter ?? GlobalFiltering.getDefaultOptions(table).getColumnCanGlobalFilter(c),
         getCoreRowModel: getCoreRowModel(),
         getFilteredRowModel: getFilteredRowModel(),
         getPaginationRowModel: getPaginationRowModel(),
         getSortedRowModel: getSortedRowModel(),
         getFacetedRowModel: getFacetedRowModel(),
         getFacetedUniqueValues: getFacetedUniqueValues(),
+        autoResetAll: false,
     });
     return (_jsxs("div", { className: "space-y-4", children: [_jsx(DataTableToolbar, { table: table, toolbarRender: toolbarRender }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => {
                                     return (_jsx(TableHead, { colSpan: header.colSpan, children: header.isPlaceholder

package/dist/components/data-table/toolbar-items.d.ts

@@ -1,6 +1,6 @@
 import { Table } from "@tanstack/react-table";
 export declare function SearchToolbarItem<TData>(props: {
     table: Table<TData>;
-    keyName: string;
+    keyName?: string | null;
     placeholder: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-table/toolbar-items.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Input } from "../..";
 export function SearchToolbarItem(props) {
-    return (_jsx(Input, { placeholder: props.placeholder, value: `${props.table.getColumn(props.keyName)?.getFilterValue() ?? ""}`, onChange: (event) => props.table.getColumn(props.keyName)?.setFilterValue(event.target.value), className: "h-8 w-[150px] lg:w-[250px]" }));
+    return (_jsx(Input, { placeholder: props.placeholder, value: props.keyName ? `${props.table.getColumn(props.keyName)?.getFilterValue() ?? ""}` : props.table.getState().globalFilter ?? "", onChange: (event) => props.keyName ? props.table.getColumn(props.keyName)?.setFilterValue(event.target.value) : props.table.setGlobalFilter(event.target.value), className: "h-8 w-[150px] lg:w-[250px]" }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack-ui",
-  "version": "2.5.21",
+  "version": "2.5.23",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -68,7 +68,7 @@
     "react-hook-form": "^7.51.4",
     "react-resizable-panels": "^2.0.19",
     "tailwind-merge": "^2.3.0",
-    "@stackframe/stack-shared": "2.5.21"
+    "@stackframe/stack-shared": "2.5.23"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",