@stackframe/stack-ui 2.8.35 → 2.8.39

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @stackframe/stack-ui
 
+## 2.8.39
+
+### Patch Changes
+
+- Various changes
+- Updated dependencies
+  - @stackframe/stack-shared@2.8.39
+
+## 2.8.38
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackframe/stack-shared@2.8.38
+
+## 2.8.37
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackframe/stack-shared@2.8.37
+
+## 2.8.36
+
+### Patch Changes
+
+- Various changes
+- Updated dependencies
+  - @stackframe/stack-shared@2.8.36
+
 ## 2.8.35
 
 ### Patch Changes

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

@@ -5,7 +5,8 @@ type DataTableToolbarProps<TData> = {
     showDefaultToolbar?: boolean;
     defaultColumnFilters: ColumnFiltersState;
     defaultSorting: SortingState;
+    showResetFilters?: boolean;
 };
-export declare function DataTableToolbar<TData>({ table, toolbarRender, showDefaultToolbar, defaultColumnFilters, defaultSorting, }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableToolbar<TData>({ table, toolbarRender, showDefaultToolbar, defaultColumnFilters, defaultSorting, showResetFilters, }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=toolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/toolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAQ,kBAAkB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAKtF,KAAK,qBAAqB,CAAC,KAAK,IAAI;IAClC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,kBAAkB,CAAC;IACzC,cAAc,EAAE,YAAY,CAAC;CAC9B,CAAA;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,cAAc,GACf,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CAyE9B"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/toolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAQ,kBAAkB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAKtF,KAAK,qBAAqB,CAAC,KAAK,IAAI;IAClC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,kBAAkB,CAAC;IACzC,cAAc,EAAE,YAAY,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAA;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,cAAc,EACd,gBAAuB,GACxB,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CAyE9B"}

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

@@ -6,10 +6,10 @@ import { Button } from "@stackframe/stack-ui";
 import { download, generateCsv, mkConfig } from 'export-to-csv';
 import { DownloadIcon } from "lucide-react";
 import { DataTableViewOptions } from "./view-options";
-export function DataTableToolbar({ table, toolbarRender, showDefaultToolbar, defaultColumnFilters, defaultSorting, }) {
+export function DataTableToolbar({ table, toolbarRender, showDefaultToolbar, defaultColumnFilters, defaultSorting, showResetFilters = true, }) {
     const isFiltered = !deepPlainEquals(table.getState().columnFilters, defaultColumnFilters);
     const isSorted = !deepPlainEquals(table.getState().sorting, defaultSorting);
-    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap flex-1 stack-scope", children: [toolbarRender?.(table), (isFiltered || isSorted) && (_jsxs(Button, { variant: "ghost", onClick: () => {
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap flex-1 stack-scope", children: [toolbarRender?.(table), showResetFilters && (isFiltered || isSorted) && (_jsxs(Button, { variant: "ghost", onClick: () => {
                             table.setColumnFilters(defaultColumnFilters);
                             table.setSorting(defaultSorting);
                         }, className: "h-8 px-2 lg:px-3", children: ["Reset filters", _jsx(Cross2Icon, { className: "ml-2 h-4 w-4" })] }))] }), showDefaultToolbar && (_jsx(_Fragment, { children: _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(DataTableViewOptions, { table: table }), _jsxs(Button, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex", onClick: () => {

package/dist/components/simple-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-tooltip.d.ts","sourceRoot":"","sources":["../../src/components/simple-tooltip.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAkCA"}
+{"version":3,"file":"simple-tooltip.d.ts","sourceRoot":"","sources":["../../src/components/simple-tooltip.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAkCA"}

package/dist/components/simple-tooltip.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { TooltipPortal } from "@radix-ui/react-tooltip";
 import { CircleAlert, Info } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn } from "..";
+import { Tooltip, TooltipContent, TooltipTrigger, cn } from "..";
 export function SimpleTooltip(props) {
-    const iconClassName = cn("w-4 h-4 text-zinc-500", props.inline && "inline");
+    const iconClassName = cn("w-4 h-4 text-muted-foreground", props.inline && "inline");
     const icon = props.type === 'warning' ?
         _jsx(CircleAlert, { className: iconClassName }) :
         props.type === 'info' ?
             _jsx(Info, { className: iconClassName }) :
             null;
     const trigger = (_jsxs(_Fragment, { children: [icon, props.children] }));
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { open: props.disabled ? false : undefined, children: [_jsx(TooltipTrigger, { asChild: true, children: props.inline ? (_jsx("span", { className: cn(props.className), children: trigger })) : (_jsx("div", { className: cn("flex items-center gap-1", props.className), children: trigger })) }), props.tooltip && _jsx(TooltipContent, { children: _jsx("div", { className: "max-w-60 text-center text-wrap whitespace-pre-wrap", children: props.tooltip }) })] }) }));
+    return (_jsxs(Tooltip, { open: props.disabled ? false : undefined, children: [_jsx(TooltipTrigger, { asChild: true, children: props.inline ? (_jsx("span", { className: cn(props.className), children: trigger })) : (_jsx("div", { className: cn("flex items-center gap-1", props.className), children: trigger })) }), props.tooltip && _jsx(TooltipPortal, { children: _jsx(TooltipContent, { children: _jsx("div", { className: "max-w-60 text-center text-wrap whitespace-pre-wrap", children: props.tooltip }) }) })] }));
 }

package/dist/components/ui/card.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
 import { cn } from "../../lib/utils";
-const Card = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("stack-scope rounded-xl border bg-card text-card-foreground shadow-sm", className), ...props })));
+const Card = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow-sm", className), ...props })));
 Card.displayName = "Card";
 const CardHeader = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6 pb-0", className), ...props })));
 CardHeader.displayName = "CardHeader";

package/dist/components/ui/input.js

@@ -5,10 +5,10 @@ import { cn } from "../../lib/utils";
 export const Input = forwardRefIfNeeded(({ className, type, prefixItem, ...props }, ref) => {
     const baseClasses = "stack-scope flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
     if (prefixItem) {
-        return (_jsxs("div", { className: "flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20", children: [_jsx("div", { className: 'flex self-stretch justify-center items-center text-muted-foreground pl-3 select-none bg-muted/70 pr-3 border-r border-input rounded-l-md', children: prefixItem }), _jsx("input", { type: type, className: cn(baseClasses, 'rounded-l-none', className), ref: ref, ...props })] }));
+        return (_jsxs("div", { className: "flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20 flex-1", children: [_jsx("div", { className: 'flex self-stretch justify-center items-center text-muted-foreground pl-3 select-none bg-muted/70 pr-3 border-r border-input rounded-l-md', children: prefixItem }), _jsx("input", { type: type, className: cn(baseClasses, 'rounded-l-none', className), ref: ref, ...props })] }));
     }
     else {
-        return (_jsx("div", { className: "flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20", children: _jsx("input", { type: type, className: cn(baseClasses, className), ref: ref, ...props }) }));
+        return (_jsx("div", { className: "flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20 flex-1", children: _jsx("input", { type: type, className: cn(baseClasses, className), ref: ref, ...props }) }));
     }
 });
 Input.displayName = "Input";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack-ui",
-  "version": "2.8.35",
+  "version": "2.8.39",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
@@ -76,7 +76,7 @@
     "react-hook-form": "^7.53.1",
     "react-resizable-panels": "^2.1.6",
     "tailwind-merge": "^2.5.4",
-    "@stackframe/stack-shared": "2.8.35"
+    "@stackframe/stack-shared": "2.8.39"
   },
   "devDependencies": {
     "@types/react": "^18.2.12",