admin-ui-starter-kit 0.6.7 → 0.6.8

package/dist/_shared/action-menu-CYwMZX-b.js

@@ -0,0 +1,96 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./button-Be2ayMxF.js";
+import { a as n, g as r, r as i, s as a, t as o } from "./dropdown-menu-CoWmrjYX.js";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { MoreVertical as d } from "lucide-react";
+//#region src/components/base/navigation/action-menu.tsx
+var f = ({ label: n, icon: a = d, srText: f = "Open menu", buttonProps: p, align: m = "center", children: h, contentClassName: g = "", width: _ = "w-auto", closeOnSelect: v = !1, density: y = "default" }) => {
+	let [b, x] = s.useState(!1), S = s.useMemo(() => {
+		let e = s.Children.toArray(h).map((e) => {
+			if (!s.isValidElement(e) || e.type.displayName !== "MenuAction") return e;
+			let t = e, n = t.props.onClick;
+			return s.cloneElement(t, {
+				onClick: () => {
+					n && n(), v && x(!1);
+				},
+				density: t.props.density ?? y
+			});
+		}), t = e.filter((e) => s.isValidElement(e) ? e.props.variant !== "error" : !1), n = e.filter((e) => s.isValidElement(e) ? e.props.variant === "error" : !1);
+		return [...t, ...n];
+	}, [
+		h,
+		v,
+		y
+	]), C = {
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "icon",
+		className: "size-control p-0"
+	}, { variant: w = "secondary", buttonStyle: T = "ghost", size: E = "icon", className: D, ...O } = {
+		...C,
+		...p,
+		className: e(C.className, p?.className)
+	}, k = n ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { className: "mr-space-sm size-icon-sm" }), n] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { className: "size-icon-sm" }), /* @__PURE__ */ l("span", {
+		className: "sr-only",
+		children: f
+	})] });
+	return /* @__PURE__ */ u(o, {
+		open: b,
+		onOpenChange: x,
+		children: [/* @__PURE__ */ l(r, { render: (n) => /* @__PURE__ */ l(t, {
+			...O,
+			...n,
+			type: "button",
+			variant: w,
+			buttonStyle: T,
+			size: E,
+			className: e("action-menu--component", D, n.className),
+			children: k
+		}) }), /* @__PURE__ */ l(i, {
+			align: m,
+			className: e(_, "min-w-36 p-2", y === "table" && "text-sm leading-5", g),
+			children: S
+		})]
+	});
+};
+f.displayName = "ActionMenu";
+var p = s.forwardRef(({ onClick: t, href: r, prefetch: i, disabled: o = !1, icon: s, label: c, variant: d = "secondary", className: f = "", children: p, density: m = "default" }, h) => {
+	let g = r && !o, _ = g ? (t) => /* @__PURE__ */ l("a", {
+		...t,
+		href: r,
+		className: e(t.className)
+	}) : void 0;
+	return p ? g ? /* @__PURE__ */ l(a, {
+		href: r,
+		onClick: t,
+		render: _,
+		className: e("gap-space-sm px-control-sm py-row-y text-sm", m === "table" && "text-inherit leading-5", f),
+		children: p
+	}) : /* @__PURE__ */ l(n, {
+		ref: h,
+		disabled: o,
+		onClick: t,
+		className: e("gap-space-sm px-control-sm py-row-y text-sm", m === "table" && "text-inherit leading-5", f),
+		children: p
+	}) : g ? /* @__PURE__ */ u(a, {
+		href: r,
+		variant: d === "error" ? "destructive" : "default",
+		onClick: t,
+		render: _,
+		className: e("gap-space-sm px-control-sm py-row-y text-sm", m === "table" && "leading-5", f),
+		children: [!!s && /* @__PURE__ */ l(s, { className: "size-icon-sm" }), c]
+	}) : /* @__PURE__ */ u(n, {
+		ref: h,
+		disabled: o,
+		variant: d === "error" ? "destructive" : "default",
+		onClick: t,
+		className: e("gap-space-sm px-control-sm py-row-y text-sm", m === "table" && "leading-5", f),
+		children: [!!s && /* @__PURE__ */ l(s, { className: "size-icon-sm" }), c]
+	});
+});
+p.displayName = "MenuAction";
+//#endregion
+export { p as n, f as t };
+
+//# sourceMappingURL=action-menu-CYwMZX-b.js.map

package/dist/_shared/action-menu-CYwMZX-b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-menu-CYwMZX-b.js","names":[],"sources":["../../src/components/base/navigation/action-menu.tsx"],"sourcesContent":["/**\n * ActionMenu — dropdown trigger + grouped menu items. Use `MenuAction`\n * children to define each menu entry; `variant=\"error\"` actions are\n * automatically grouped at the bottom for visual separation. Optional\n * `closeOnSelect` closes the menu after each selection. The `density=\"table\"`\n * variant tightens type and spacing for use inside DataTable rows.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport { MoreVertical } from 'lucide-react';\nimport React, { type ReactElement } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLinkItem,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\ntype ActionMenuButtonProps = Partial<React.ComponentPropsWithoutRef<typeof Button>>;\ntype ActionMenuDensity = 'default' | 'table';\n\nexport interface ActionMenuProps {\n\tlabel?: string;\n\ticon?: LucideIcon;\n\tsrText?: string;\n\tbuttonProps?: ActionMenuButtonProps;\n\talign?: 'center' | 'start' | 'end';\n\tchildren?: React.ReactNode;\n\tcontentClassName?: string;\n\twidth?: string;\n\tcloseOnSelect?: boolean;\n\tdensity?: ActionMenuDensity;\n}\n\nexport interface MenuActionProps {\n\tonClick?: () => void;\n\thref?: string;\n\tprefetch?: boolean;\n\tdisabled?: boolean;\n\ticon?: LucideIcon;\n\tlabel?: string;\n\tvariant?: 'primary' | 'secondary' | 'error';\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\tdensity?: ActionMenuDensity;\n}\n\nexport const ActionMenu = ({\n\tlabel,\n\ticon: IconComponent = MoreVertical,\n\tsrText = 'Open menu',\n\tbuttonProps,\n\talign = 'center',\n\tchildren,\n\tcontentClassName = '',\n\twidth = 'w-auto',\n\tcloseOnSelect = false,\n\tdensity = 'default',\n}: ActionMenuProps) => {\n\tconst [open, setOpen] = React.useState(false);\n\n\tconst processedChildren = React.useMemo(() => {\n\t\tconst childrenArray = React.Children.toArray(children);\n\n\t\tconst clonedChildren = childrenArray.map((child) => {\n\t\t\tif (!React.isValidElement(child)) return child;\n\n\t\t\tconst childType = child.type as React.ComponentType & { displayName?: string };\n\t\t\tif (childType.displayName !== 'MenuAction') return child;\n\n\t\t\tconst menuActionChild = child as React.ReactElement<MenuActionProps>;\n\t\t\tconst onClick = menuActionChild.props.onClick;\n\n\t\t\treturn React.cloneElement(menuActionChild, {\n\t\t\t\tonClick: () => {\n\t\t\t\t\tif (onClick) onClick();\n\t\t\t\t\tif (closeOnSelect) setOpen(false);\n\t\t\t\t},\n\t\t\t\tdensity: menuActionChild.props.density ?? density,\n\t\t\t});\n\t\t});\n\n\t\tconst standardActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant !== 'error';\n\t\t});\n\n\t\tconst destructiveActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant === 'error';\n\t\t});\n\n\t\treturn [...standardActions, ...destructiveActions];\n\t}, [children, closeOnSelect, density]);\n\n\tconst defaultButtonProps: ActionMenuButtonProps = {\n\t\tvariant: 'secondary',\n\t\tbuttonStyle: 'ghost',\n\t\tsize: 'icon',\n\t\tclassName: 'size-control p-0',\n\t};\n\n\tconst mergedButtonProps = {\n\t\t...defaultButtonProps,\n\t\t...buttonProps,\n\t\tclassName: cn(defaultButtonProps.className, buttonProps?.className),\n\t};\n\n\tconst {\n\t\tvariant = 'secondary',\n\t\tbuttonStyle = 'ghost',\n\t\tsize = 'icon',\n\t\tclassName: triggerClassName,\n\t\t...triggerProps\n\t} = mergedButtonProps;\n\n\tconst buttonContent = label ? (\n\t\t<>\n\t\t\t<IconComponent className=\"mr-space-sm size-icon-sm\" />\n\t\t\t{label}\n\t\t</>\n\t) : (\n\t\t<>\n\t\t\t<IconComponent className=\"size-icon-sm\" />\n\t\t\t<span className=\"sr-only\">{srText}</span>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<DropdownMenu open={open} onOpenChange={setOpen}>\n\t\t\t<DropdownMenuTrigger\n\t\t\t\trender={(dropdownTriggerProps) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t{...dropdownTriggerProps}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\tbuttonStyle={buttonStyle}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'action-menu--component',\n\t\t\t\t\t\t\ttriggerClassName,\n\n\t\t\t\t\t\t\t(dropdownTriggerProps as { className?: string }).className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{buttonContent}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<DropdownMenuContent\n\t\t\t\talign={align}\n\t\t\t\tclassName={cn(\n\t\t\t\t\twidth,\n\t\t\t\t\t'min-w-36 p-2',\n\t\t\t\t\tdensity === 'table' && 'text-sm leading-5',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{processedChildren}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n};\n\nActionMenu.displayName = 'ActionMenu';\n\nexport const MenuAction = React.forwardRef<HTMLDivElement, MenuActionProps>(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\thref,\n\t\t\tprefetch,\n\t\t\tdisabled = false,\n\t\t\ticon: IconComponent,\n\t\t\tlabel,\n\t\t\tvariant = 'secondary',\n\t\t\tclassName = '',\n\t\t\tchildren,\n\t\t\tdensity = 'default',\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst renderLink = href && !disabled;\n\t\tvoid prefetch;\n\t\tconst linkRenderer = renderLink\n\t\t\t? (renderProps: React.ComponentPropsWithoutRef<'a'>) => (\n\t\t\t\t\t<a\n\t\t\t\t\t\t{...renderProps}\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tclassName={cn(renderProps.className)}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t: undefined;\n\n\t\tif (children) {\n\t\t\tif (renderLink) {\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'gap-space-sm px-control-sm py-row-y text-sm',\n\t\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-5',\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<DropdownMenuItem\n\t\t\t\t\tref={ref}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'gap-space-sm px-control-sm py-row-y text-sm',\n\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-5',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</DropdownMenuItem>\n\t\t\t);\n\t\t}\n\n\t\tif (renderLink) {\n\t\t\treturn (\n\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\thref={href}\n\t\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'gap-space-sm px-control-sm py-row-y text-sm',\n\t\t\t\t\t\tdensity === 'table' && 'leading-5',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{!!IconComponent && <IconComponent className=\"size-icon-sm\" />}\n\t\t\t\t\t{label}\n\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<DropdownMenuItem\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\tonClick={onClick}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'gap-space-sm px-control-sm py-row-y text-sm',\n\t\t\t\t\tdensity === 'table' && 'leading-5',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!IconComponent && <IconComponent className=\"size-icon-sm\" />}\n\t\t\t\t{label}\n\t\t\t</DropdownMenuItem>\n\t\t);\n\t},\n);\n\nMenuAction.displayName = 'MenuAction';\n"],"mappings":"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"}