@camstack/ui-library 1.2.279 → 1.2.281

package/dist/composites/use-data-table-filter.d.ts

@@ -22,4 +22,4 @@ export interface DataTableFilter<T> {
 	*  read before it says "there is nothing here". */
 	readonly active: boolean;
 }
-export declare function useDataTableFilter<T>(rows: readonly T[], config: DataTableFilterConfig<T>): DataTableFilter<T>;
+export declare function useDataTableFilter<T>(rows: readonly T[], config: DataTableFilterConfig<T>, initialState?: DataTableFilterState): DataTableFilter<T>;

package/dist/index.cjs

@@ -32124,7 +32124,7 @@ function TabsTrigger({ value, className, ...props }) {
 		"aria-selected": isActive,
 		"aria-controls": `tabpanel-${value}`,
 		tabIndex: isActive ? 0 : -1,
-		className: cn("h-7 shrink-0 whitespace-nowrap text-xs px-3 transition-colors", appearance === "pills" ? isActive ? "rounded-md bg-primary/10 font-medium text-primary" : "rounded-md text-foreground-muted hover:bg-surface-hover hover:text-foreground" : isActive ? "border-b-2 border-primary text-foreground font-medium" : "text-foreground-muted hover:text-foreground", className),
+		className: cn("inline-flex h-7 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-xs px-3 transition-colors", appearance === "pills" ? isActive ? "rounded-md bg-primary/10 font-medium text-primary" : "rounded-md text-foreground-muted hover:bg-surface-hover hover:text-foreground" : isActive ? "border-b-2 border-primary text-foreground font-medium" : "text-foreground-muted hover:text-foreground", className),
 		onClick: () => setValue(value),
 		...props
 	});
@@ -38613,8 +38613,8 @@ function DataTableFilterBar({ state, facets, labels, onSearch, onToggleFacet, on
 * anything that acts on "the rows on screen" — a select-all, a bulk action —
 * must act on exactly these and nothing the filter hid.
 */
-function useDataTableFilter(rows, config) {
-	const [state, setState] = (0, react$1.useState)(EMPTY_DATA_TABLE_FILTER);
+function useDataTableFilter(rows, config, initialState = EMPTY_DATA_TABLE_FILTER) {
+	const [state, setState] = (0, react$1.useState)(initialState);
 	const setSearch = (0, react$1.useCallback)((search) => {
 		setState((prev) => ({
 			...prev,

package/dist/index.js

@@ -32100,7 +32100,7 @@ function TabsTrigger({ value, className, ...props }) {
 		"aria-selected": isActive,
 		"aria-controls": `tabpanel-${value}`,
 		tabIndex: isActive ? 0 : -1,
-		className: cn("h-7 shrink-0 whitespace-nowrap text-xs px-3 transition-colors", appearance === "pills" ? isActive ? "rounded-md bg-primary/10 font-medium text-primary" : "rounded-md text-foreground-muted hover:bg-surface-hover hover:text-foreground" : isActive ? "border-b-2 border-primary text-foreground font-medium" : "text-foreground-muted hover:text-foreground", className),
+		className: cn("inline-flex h-7 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-xs px-3 transition-colors", appearance === "pills" ? isActive ? "rounded-md bg-primary/10 font-medium text-primary" : "rounded-md text-foreground-muted hover:bg-surface-hover hover:text-foreground" : isActive ? "border-b-2 border-primary text-foreground font-medium" : "text-foreground-muted hover:text-foreground", className),
 		onClick: () => setValue(value),
 		...props
 	});
@@ -38589,8 +38589,8 @@ function DataTableFilterBar({ state, facets, labels, onSearch, onToggleFacet, on
 * anything that acts on "the rows on screen" — a select-all, a bulk action —
 * must act on exactly these and nothing the filter hid.
 */
-function useDataTableFilter(rows, config) {
-	const [state, setState] = useState(EMPTY_DATA_TABLE_FILTER);
+function useDataTableFilter(rows, config, initialState = EMPTY_DATA_TABLE_FILTER) {
+	const [state, setState] = useState(initialState);
 	const setSearch = useCallback((search) => {
 		setState((prev) => ({
 			...prev,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.279",
+  "version": "1.2.281",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",