@undevy-org/tablewright 0.7.3 → 0.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/layout/Sidebar.js +1 -1
- package/dist/es/components/layout/SidebarAccountMenu.js +45 -31
- package/dist/es/components/ui/dropdown-menu.js +24 -0
- package/dist/es/index.js +3 -1
- package/dist/styles.css +23 -0
- package/dist/tablewright.cjs +69 -31
- package/dist/tablewright.css +23 -0
- package/dist/types/components/ui/dropdown-menu.d.ts +5 -1
- package/package.json +1 -1
|
@@ -59,7 +59,7 @@ const Sidebar = React.forwardRef(
|
|
|
59
59
|
const active = isItemActive(item.href, activeKey);
|
|
60
60
|
const Icon = item.icon;
|
|
61
61
|
const itemClassName = cn(
|
|
62
|
-
"flex w-full items-center rounded-[var(--radius-md)] transition-
|
|
62
|
+
"flex w-full items-center rounded-[var(--radius-md)] transition-[background-color]",
|
|
63
63
|
showExpanded ? "gap-2.5 px-3 py-2" : "justify-center p-2.5",
|
|
64
64
|
active ? "bg-[var(--bg-nav-item-active)] font-medium text-[var(--text-primary)]" : "text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] hover:text-[var(--text-primary)]"
|
|
65
65
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronDown, SunMoon, LogOut } from "lucide-react";
|
|
3
|
-
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "../ui/dropdown-menu.js";
|
|
3
|
+
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "../ui/dropdown-menu.js";
|
|
4
4
|
import { ThemeSwitch } from "../ui/theme-switch.js";
|
|
5
5
|
import { cn } from "../../lib/utils.js";
|
|
6
6
|
import { useAppShell } from "./app-shell-context.js";
|
|
@@ -57,37 +57,51 @@ function SidebarAccountMenu({
|
|
|
57
57
|
sideOffset: 6,
|
|
58
58
|
className: "min-w-[220px]",
|
|
59
59
|
children: [
|
|
60
|
-
/* @__PURE__ */ jsxs(
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
/* @__PURE__ */ jsxs(
|
|
61
|
+
DropdownMenuItem,
|
|
62
|
+
{
|
|
63
|
+
disabled: true,
|
|
64
|
+
className: "gap-2.5 px-2 py-2 opacity-100 focus:bg-transparent data-[disabled]:opacity-100",
|
|
65
|
+
children: [
|
|
66
|
+
avatarUrl ? /* @__PURE__ */ jsx(
|
|
67
|
+
"img",
|
|
68
|
+
{
|
|
69
|
+
src: avatarUrl,
|
|
70
|
+
alt: "",
|
|
71
|
+
className: "h-8 w-8 shrink-0 rounded-full object-cover"
|
|
72
|
+
}
|
|
73
|
+
) : /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--bg-tertiary)] text-[11px] font-semibold text-[var(--text-secondary)]", children: getInitials(name) }),
|
|
74
|
+
/* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
|
|
75
|
+
/* @__PURE__ */ jsx("div", { className: "truncate text-[13px] font-medium text-[var(--text-primary)]", children: name }),
|
|
76
|
+
role && /* @__PURE__ */ jsx("div", { className: "truncate text-[12px] text-[var(--text-secondary)]", children: role })
|
|
77
|
+
] })
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
),
|
|
81
|
+
/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
|
|
82
|
+
showTheme && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
83
|
+
/* @__PURE__ */ jsxs(
|
|
84
|
+
DropdownMenuItem,
|
|
63
85
|
{
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
86
|
+
className: "flex items-center justify-between px-3 py-2 focus:bg-transparent",
|
|
87
|
+
onSelect: (event) => event.preventDefault(),
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
90
|
+
/* @__PURE__ */ jsx(SunMoon, { className: "h-4 w-4" }),
|
|
91
|
+
/* @__PURE__ */ jsx("span", { className: "text-[13px]", children: "Theme" })
|
|
92
|
+
] }),
|
|
93
|
+
/* @__PURE__ */ jsx(
|
|
94
|
+
ThemeSwitch,
|
|
95
|
+
{
|
|
96
|
+
variant: "icon",
|
|
97
|
+
value: theme,
|
|
98
|
+
onValueChange: onThemeChange
|
|
99
|
+
}
|
|
100
|
+
)
|
|
101
|
+
]
|
|
67
102
|
}
|
|
68
|
-
)
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
/* @__PURE__ */ jsx("div", { className: "truncate text-[13px] font-medium text-[var(--text-primary)]", children: name }),
|
|
71
|
-
role && /* @__PURE__ */ jsx("div", { className: "truncate text-[12px] text-[var(--text-secondary)]", children: role })
|
|
72
|
-
] })
|
|
73
|
-
] }),
|
|
74
|
-
/* @__PURE__ */ jsx("div", { className: "my-1 border-t border-[var(--border-subtle)]" }),
|
|
75
|
-
showTheme && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
76
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2", children: [
|
|
77
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
78
|
-
/* @__PURE__ */ jsx(SunMoon, { className: "h-4 w-4" }),
|
|
79
|
-
/* @__PURE__ */ jsx("span", { className: "text-[13px]", children: "Theme" })
|
|
80
|
-
] }),
|
|
81
|
-
/* @__PURE__ */ jsx(
|
|
82
|
-
ThemeSwitch,
|
|
83
|
-
{
|
|
84
|
-
variant: "icon",
|
|
85
|
-
value: theme,
|
|
86
|
-
onValueChange: onThemeChange
|
|
87
|
-
}
|
|
88
|
-
)
|
|
89
|
-
] }),
|
|
90
|
-
hasItemsBelow && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-[var(--border-subtle)]" })
|
|
103
|
+
),
|
|
104
|
+
hasItemsBelow && /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
|
|
91
105
|
] }),
|
|
92
106
|
menuItems && menuItems.map((item) => {
|
|
93
107
|
const Icon = item.icon;
|
|
@@ -107,7 +121,7 @@ function SidebarAccountMenu({
|
|
|
107
121
|
item.key
|
|
108
122
|
);
|
|
109
123
|
}),
|
|
110
|
-
menuItems && menuItems.length > 0 && onSignOut && /* @__PURE__ */ jsx(
|
|
124
|
+
menuItems && menuItems.length > 0 && onSignOut && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
|
|
111
125
|
onSignOut && /* @__PURE__ */ jsxs(
|
|
112
126
|
DropdownMenuItem,
|
|
113
127
|
{
|
|
@@ -55,12 +55,36 @@ const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checke
|
|
|
55
55
|
}
|
|
56
56
|
));
|
|
57
57
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
58
|
+
const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
59
|
+
DropdownMenuPrimitive.Label,
|
|
60
|
+
{
|
|
61
|
+
ref,
|
|
62
|
+
className: cn(
|
|
63
|
+
"px-2 py-1.5 text-[13px] font-semibold text-[var(--text-primary)]",
|
|
64
|
+
inset && "pl-8",
|
|
65
|
+
className
|
|
66
|
+
),
|
|
67
|
+
...props
|
|
68
|
+
}
|
|
69
|
+
));
|
|
70
|
+
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
71
|
+
const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
72
|
+
DropdownMenuPrimitive.Separator,
|
|
73
|
+
{
|
|
74
|
+
ref,
|
|
75
|
+
className: cn("-mx-1 my-1 h-px bg-[var(--border-subtle)]", className),
|
|
76
|
+
...props
|
|
77
|
+
}
|
|
78
|
+
));
|
|
79
|
+
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
58
80
|
export {
|
|
59
81
|
DropdownMenu,
|
|
60
82
|
DropdownMenuCheckboxItem,
|
|
61
83
|
DropdownMenuContent,
|
|
62
84
|
DropdownMenuGroup,
|
|
63
85
|
DropdownMenuItem,
|
|
86
|
+
DropdownMenuLabel,
|
|
64
87
|
DropdownMenuPortal,
|
|
88
|
+
DropdownMenuSeparator,
|
|
65
89
|
DropdownMenuTrigger
|
|
66
90
|
};
|
package/dist/es/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Badge, badgeVariants } from "./components/ui/badge.js";
|
|
|
2
2
|
import { Button, buttonVariants } from "./components/ui/button.js";
|
|
3
3
|
import { Checkbox } from "./components/ui/checkbox.js";
|
|
4
4
|
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
|
|
5
|
-
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuPortal, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
|
|
5
|
+
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
|
|
6
6
|
import { Input } from "./components/ui/input.js";
|
|
7
7
|
import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
|
|
8
8
|
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./components/ui/select.js";
|
|
@@ -121,7 +121,9 @@ export {
|
|
|
121
121
|
DropdownMenuContent,
|
|
122
122
|
DropdownMenuGroup,
|
|
123
123
|
DropdownMenuItem,
|
|
124
|
+
DropdownMenuLabel,
|
|
124
125
|
DropdownMenuPortal,
|
|
126
|
+
DropdownMenuSeparator,
|
|
125
127
|
DropdownMenuTrigger,
|
|
126
128
|
DualLineCell,
|
|
127
129
|
EmptyState,
|
package/dist/styles.css
CHANGED
|
@@ -472,6 +472,10 @@
|
|
|
472
472
|
.col-span-full {
|
|
473
473
|
grid-column: 1 / -1
|
|
474
474
|
}
|
|
475
|
+
.-mx-1 {
|
|
476
|
+
margin-left: -0.25rem;
|
|
477
|
+
margin-right: -0.25rem
|
|
478
|
+
}
|
|
475
479
|
.mx-3 {
|
|
476
480
|
margin-left: 0.75rem;
|
|
477
481
|
margin-right: 0.75rem
|
|
@@ -607,6 +611,9 @@
|
|
|
607
611
|
.h-full {
|
|
608
612
|
height: 100%
|
|
609
613
|
}
|
|
614
|
+
.h-px {
|
|
615
|
+
height: 1px
|
|
616
|
+
}
|
|
610
617
|
.max-h-\[280px\] {
|
|
611
618
|
max-height: 280px
|
|
612
619
|
}
|
|
@@ -1406,6 +1413,16 @@
|
|
|
1406
1413
|
.filter {
|
|
1407
1414
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
1408
1415
|
}
|
|
1416
|
+
.transition {
|
|
1417
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1418
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1419
|
+
transition-duration: 150ms
|
|
1420
|
+
}
|
|
1421
|
+
.transition-\[background-color\] {
|
|
1422
|
+
transition-property: background-color;
|
|
1423
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1424
|
+
transition-duration: 150ms
|
|
1425
|
+
}
|
|
1409
1426
|
.transition-\[opacity\2c width\2c background-color\] {
|
|
1410
1427
|
transition-property: opacity,width,background-color;
|
|
1411
1428
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -1551,6 +1568,9 @@
|
|
|
1551
1568
|
.focus\:border-\[var\(--border-focus\)\]:focus {
|
|
1552
1569
|
border-color: var(--border-focus)
|
|
1553
1570
|
}
|
|
1571
|
+
.focus\:bg-transparent:focus {
|
|
1572
|
+
background-color: transparent
|
|
1573
|
+
}
|
|
1554
1574
|
.focus\:outline-none:focus {
|
|
1555
1575
|
outline: 2px solid transparent;
|
|
1556
1576
|
outline-offset: 2px
|
|
@@ -1670,6 +1690,9 @@
|
|
|
1670
1690
|
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
|
|
1671
1691
|
opacity: 0.5
|
|
1672
1692
|
}
|
|
1693
|
+
.data-\[disabled\]\:opacity-100[data-disabled] {
|
|
1694
|
+
opacity: 1
|
|
1695
|
+
}
|
|
1673
1696
|
.data-\[state\=open\]\:opacity-100[data-state="open"] {
|
|
1674
1697
|
opacity: 1
|
|
1675
1698
|
}
|
package/dist/tablewright.cjs
CHANGED
|
@@ -235,6 +235,28 @@ const DropdownMenuCheckboxItem = React__namespace.forwardRef(({ className, child
|
|
|
235
235
|
}
|
|
236
236
|
));
|
|
237
237
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
238
|
+
const DropdownMenuLabel = React__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
239
|
+
DropdownMenuPrimitive__namespace.Label,
|
|
240
|
+
{
|
|
241
|
+
ref,
|
|
242
|
+
className: cn(
|
|
243
|
+
"px-2 py-1.5 text-[13px] font-semibold text-[var(--text-primary)]",
|
|
244
|
+
inset && "pl-8",
|
|
245
|
+
className
|
|
246
|
+
),
|
|
247
|
+
...props
|
|
248
|
+
}
|
|
249
|
+
));
|
|
250
|
+
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
251
|
+
const DropdownMenuSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
252
|
+
DropdownMenuPrimitive__namespace.Separator,
|
|
253
|
+
{
|
|
254
|
+
ref,
|
|
255
|
+
className: cn("-mx-1 my-1 h-px bg-[var(--border-subtle)]", className),
|
|
256
|
+
...props
|
|
257
|
+
}
|
|
258
|
+
));
|
|
259
|
+
DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
|
|
238
260
|
const Input = React__namespace.forwardRef(
|
|
239
261
|
({ className, type, error, ...props }, ref) => {
|
|
240
262
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1964,7 +1986,7 @@ const Sidebar = React__namespace.forwardRef(
|
|
|
1964
1986
|
const active = isItemActive(item.href, activeKey);
|
|
1965
1987
|
const Icon = item.icon;
|
|
1966
1988
|
const itemClassName = cn(
|
|
1967
|
-
"flex w-full items-center rounded-[var(--radius-md)] transition-
|
|
1989
|
+
"flex w-full items-center rounded-[var(--radius-md)] transition-[background-color]",
|
|
1968
1990
|
showExpanded ? "gap-2.5 px-3 py-2" : "justify-center p-2.5",
|
|
1969
1991
|
active ? "bg-[var(--bg-nav-item-active)] font-medium text-[var(--text-primary)]" : "text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] hover:text-[var(--text-primary)]"
|
|
1970
1992
|
);
|
|
@@ -2237,37 +2259,51 @@ function SidebarAccountMenu({
|
|
|
2237
2259
|
sideOffset: 6,
|
|
2238
2260
|
className: "min-w-[220px]",
|
|
2239
2261
|
children: [
|
|
2240
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2241
|
-
|
|
2242
|
-
|
|
2262
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2263
|
+
DropdownMenuItem,
|
|
2264
|
+
{
|
|
2265
|
+
disabled: true,
|
|
2266
|
+
className: "gap-2.5 px-2 py-2 opacity-100 focus:bg-transparent data-[disabled]:opacity-100",
|
|
2267
|
+
children: [
|
|
2268
|
+
avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2269
|
+
"img",
|
|
2270
|
+
{
|
|
2271
|
+
src: avatarUrl,
|
|
2272
|
+
alt: "",
|
|
2273
|
+
className: "h-8 w-8 shrink-0 rounded-full object-cover"
|
|
2274
|
+
}
|
|
2275
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--bg-tertiary)] text-[11px] font-semibold text-[var(--text-secondary)]", children: getInitials(name) }),
|
|
2276
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
|
|
2277
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[13px] font-medium text-[var(--text-primary)]", children: name }),
|
|
2278
|
+
role && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[12px] text-[var(--text-secondary)]", children: role })
|
|
2279
|
+
] })
|
|
2280
|
+
]
|
|
2281
|
+
}
|
|
2282
|
+
),
|
|
2283
|
+
/* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
|
|
2284
|
+
showTheme && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2285
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2286
|
+
DropdownMenuItem,
|
|
2243
2287
|
{
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2288
|
+
className: "flex items-center justify-between px-3 py-2 focus:bg-transparent",
|
|
2289
|
+
onSelect: (event) => event.preventDefault(),
|
|
2290
|
+
children: [
|
|
2291
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
2292
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunMoon, { className: "h-4 w-4" }),
|
|
2293
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px]", children: "Theme" })
|
|
2294
|
+
] }),
|
|
2295
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2296
|
+
ThemeSwitch,
|
|
2297
|
+
{
|
|
2298
|
+
variant: "icon",
|
|
2299
|
+
value: theme,
|
|
2300
|
+
onValueChange: onThemeChange
|
|
2301
|
+
}
|
|
2302
|
+
)
|
|
2303
|
+
]
|
|
2247
2304
|
}
|
|
2248
|
-
)
|
|
2249
|
-
/* @__PURE__ */ jsxRuntime.
|
|
2250
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[13px] font-medium text-[var(--text-primary)]", children: name }),
|
|
2251
|
-
role && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[12px] text-[var(--text-secondary)]", children: role })
|
|
2252
|
-
] })
|
|
2253
|
-
] }),
|
|
2254
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-[var(--border-subtle)]" }),
|
|
2255
|
-
showTheme && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2256
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-2", children: [
|
|
2257
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
2258
|
-
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunMoon, { className: "h-4 w-4" }),
|
|
2259
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px]", children: "Theme" })
|
|
2260
|
-
] }),
|
|
2261
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2262
|
-
ThemeSwitch,
|
|
2263
|
-
{
|
|
2264
|
-
variant: "icon",
|
|
2265
|
-
value: theme,
|
|
2266
|
-
onValueChange: onThemeChange
|
|
2267
|
-
}
|
|
2268
|
-
)
|
|
2269
|
-
] }),
|
|
2270
|
-
hasItemsBelow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-[var(--border-subtle)]" })
|
|
2305
|
+
),
|
|
2306
|
+
hasItemsBelow && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {})
|
|
2271
2307
|
] }),
|
|
2272
2308
|
menuItems && menuItems.map((item) => {
|
|
2273
2309
|
const Icon = item.icon;
|
|
@@ -2287,7 +2323,7 @@ function SidebarAccountMenu({
|
|
|
2287
2323
|
item.key
|
|
2288
2324
|
);
|
|
2289
2325
|
}),
|
|
2290
|
-
menuItems && menuItems.length > 0 && onSignOut && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2326
|
+
menuItems && menuItems.length > 0 && onSignOut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
|
|
2291
2327
|
onSignOut && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2292
2328
|
DropdownMenuItem,
|
|
2293
2329
|
{
|
|
@@ -5839,7 +5875,9 @@ exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
|
|
|
5839
5875
|
exports.DropdownMenuContent = DropdownMenuContent;
|
|
5840
5876
|
exports.DropdownMenuGroup = DropdownMenuGroup;
|
|
5841
5877
|
exports.DropdownMenuItem = DropdownMenuItem;
|
|
5878
|
+
exports.DropdownMenuLabel = DropdownMenuLabel;
|
|
5842
5879
|
exports.DropdownMenuPortal = DropdownMenuPortal;
|
|
5880
|
+
exports.DropdownMenuSeparator = DropdownMenuSeparator;
|
|
5843
5881
|
exports.DropdownMenuTrigger = DropdownMenuTrigger;
|
|
5844
5882
|
exports.DualLineCell = DualLineCell;
|
|
5845
5883
|
exports.EmptyState = EmptyState;
|
package/dist/tablewright.css
CHANGED
|
@@ -320,6 +320,10 @@
|
|
|
320
320
|
.col-span-full {
|
|
321
321
|
grid-column: 1 / -1
|
|
322
322
|
}
|
|
323
|
+
.-mx-1 {
|
|
324
|
+
margin-left: -0.25rem;
|
|
325
|
+
margin-right: -0.25rem
|
|
326
|
+
}
|
|
323
327
|
.mx-3 {
|
|
324
328
|
margin-left: 0.75rem;
|
|
325
329
|
margin-right: 0.75rem
|
|
@@ -455,6 +459,9 @@
|
|
|
455
459
|
.h-full {
|
|
456
460
|
height: 100%
|
|
457
461
|
}
|
|
462
|
+
.h-px {
|
|
463
|
+
height: 1px
|
|
464
|
+
}
|
|
458
465
|
.max-h-\[280px\] {
|
|
459
466
|
max-height: 280px
|
|
460
467
|
}
|
|
@@ -1254,6 +1261,16 @@
|
|
|
1254
1261
|
.filter {
|
|
1255
1262
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
|
1256
1263
|
}
|
|
1264
|
+
.transition {
|
|
1265
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1266
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1267
|
+
transition-duration: 150ms
|
|
1268
|
+
}
|
|
1269
|
+
.transition-\[background-color\] {
|
|
1270
|
+
transition-property: background-color;
|
|
1271
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1272
|
+
transition-duration: 150ms
|
|
1273
|
+
}
|
|
1257
1274
|
.transition-\[opacity\2c width\2c background-color\] {
|
|
1258
1275
|
transition-property: opacity,width,background-color;
|
|
1259
1276
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -1399,6 +1416,9 @@
|
|
|
1399
1416
|
.focus\:border-\[var\(--border-focus\)\]:focus {
|
|
1400
1417
|
border-color: var(--border-focus)
|
|
1401
1418
|
}
|
|
1419
|
+
.focus\:bg-transparent:focus {
|
|
1420
|
+
background-color: transparent
|
|
1421
|
+
}
|
|
1402
1422
|
.focus\:outline-none:focus {
|
|
1403
1423
|
outline: 2px solid transparent;
|
|
1404
1424
|
outline-offset: 2px
|
|
@@ -1518,6 +1538,9 @@
|
|
|
1518
1538
|
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
|
|
1519
1539
|
opacity: 0.5
|
|
1520
1540
|
}
|
|
1541
|
+
.data-\[disabled\]\:opacity-100[data-disabled] {
|
|
1542
|
+
opacity: 1
|
|
1543
|
+
}
|
|
1521
1544
|
.data-\[state\=open\]\:opacity-100[data-state="open"] {
|
|
1522
1545
|
opacity: 1
|
|
1523
1546
|
}
|
|
@@ -7,4 +7,8 @@ declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPor
|
|
|
7
7
|
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
|
|
10
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
|
+
inset?: boolean;
|
|
12
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@undevy-org/tablewright",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.5",
|
|
4
4
|
"description": "React data-table and application-shell components: filters, drawers, row controls, sortable and resizable columns, built on Radix UI and TanStack Table.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|