@stackframe/stack-ui 2.6.11 → 2.6.15

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @stackframe/stack-ui
 
+## 2.6.15
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.15
+
+## 2.6.14
+
+### Patch Changes
+
+- @stackframe/stack-shared@2.6.14
+
+## 2.6.13
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.13
+
+## 2.6.12
+
+### Patch Changes
+
+- Updated account settings page
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.12
+
 ## 2.6.11
 
 ### Patch Changes

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

@@ -15,6 +15,8 @@ type ActionItem = '-' | {
     item: React.ReactNode;
     onClick: (e: React.MouseEvent) => void | Promise<void>;
     danger?: boolean;
+    disabled?: boolean;
+    disabledTooltip?: string;
 };
 export declare function ActionCell(props: {
     items?: ActionItem[];

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

@@ -1,7 +1,8 @@
 'use client';
+import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DotsHorizontalIcon } from "@radix-ui/react-icons";
-import { useEffect, useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { SimpleTooltip, cn, Avatar, AvatarImage, Badge, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../..";
 export function TextCell(props) {
     const textRef = useRef(null);
@@ -31,7 +32,23 @@ export function DateCell(props) {
     return (_jsx(TextCell, { size: 140, children: ignore ? 'Never' : timeString }));
 }
 export function ActionCell(props) {
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: cn("flex h-8 w-8 p-0 data-[state=open]:bg-muted", props.invisible && "invisible"), children: [_jsx(DotsHorizontalIcon, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Open menu" })] }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-[160px]", children: props.items?.map((item, index) => item === '-' ? (_jsx(DropdownMenuSeparator, {}, index)) : (_jsx(DropdownMenuItem, { onClick: item.onClick, className: item.danger ? "text-destructive" : "", children: item.item }, index))) })] }));
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: cn("flex h-8 w-8 p-0 data-[state=open]:bg-muted", props.invisible && "invisible"), children: [_jsx(DotsHorizontalIcon, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Open menu" })] }) }), _jsx(DropdownMenuContent, { align: "end", className: "min-w-[150px] max-w-[300px]", children: props.items?.map((item, index) => {
+                    if (item === '-') {
+                        return _jsx(DropdownMenuSeparator, {}, index);
+                    }
+                    const menuItemProps = {
+                        onClick: item.onClick,
+                        className: cn(item.danger ? "text-destructive" : ""),
+                        disabled: item.disabled
+                    };
+                    const menuItem = (_createElement(DropdownMenuItem, { ...menuItemProps, key: index }, item.item));
+                    if (item.disabled && item.disabledTooltip) {
+                        return (_jsx(SimpleTooltip, { tooltip: item.disabledTooltip, children: React.cloneElement(menuItem, {
+                                className: cn(menuItemProps.className, "opacity-50 cursor-not-allowed")
+                            }) }, index));
+                    }
+                    return menuItem;
+                }) })] }));
 }
 export function BadgeCell(props) {
     return (_jsx("div", { className: "flex items-center gap-1 flex-wrap", children: props.badges.map((badge, index) => (_jsx(Badge, { variant: "secondary", children: badge }, index))) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack-ui",
-  "version": "2.6.11",
+  "version": "2.6.15",
   "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.6.11"
+    "@stackframe/stack-shared": "2.6.15"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",