npm - @lumeweb/portal-framework-ui - Versions diffs - 0.1.0 → 0.1.1 - Mend

@lumeweb/portal-framework-ui 0.1.0 → 0.1.1

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.

Files changed (1349) hide show

package/dist/esm/components/MainNavigation.js CHANGED Viewed

@@ -1,6 +1,5 @@
-import { __esmMin } from "../_virtual/rolldown_runtime.js";
-import { init_SidebarContext, useSidebarContext } from "./layout/SidebarContext.js";
-import { init_useMenuItems, useMenuItems } from "../hooks/useMenuItems.js";
+import { useSidebarContext } from "./layout/SidebarContext.js";
+import { useMenuItems } from "../hooks/useMenuItems.js";
 import { Button, Collapsible, CollapsibleContent, CollapsibleTrigger, ScrollArea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn } from "@lumeweb/portal-framework-ui-core";
 import { Link } from "@refinedev/core";
 import React from "react";
@@ -9,140 +8,123 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, Dot } from "lucide-react";
 //#region src/components/MainNavigation.tsx
-var isRouteActive, isChildRouteActive, NavItemContent, CollapseMenuButton, LinkableNavItem, NonLinkableNavItem, NavItem, MainNavigation;
-var init_MainNavigation = __esmMin(() => {
-	init_useMenuItems();
-	init_SidebarContext();
-	isRouteActive = (item, currentPathname) => {
-		const itemPath = item.path;
-		if (!itemPath) return false;
-		if (itemPath === currentPathname) return true;
-		if (itemPath !== "/" && currentPathname.startsWith(`${itemPath}/`)) return true;
-		return false;
-	};
-	isChildRouteActive = (child, parent, currentPathname) => {
-		if (child.index && child.path === "" && parent.path === currentPathname) return true;
-		return isRouteActive(child, currentPathname);
-	};
-	NavItemContent = ({ IconComponent, isCollapsed, item }) => /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center",
-		children: [IconComponent && /* @__PURE__ */ jsx("span", {
-			className: "mr-2 h-5 w-5",
-			children: /* @__PURE__ */ jsx(IconComponent, {})
-		}), /* @__PURE__ */ jsx("span", {
-			className: cn({ hidden: isCollapsed }),
-			children: item.label
-		})]
-	});
-	CollapseMenuButton = ({ active, icon: Icon, isOpen, item, label, onItemClick, resetKey, submenus }) => {
-		const pathname = useLocation().pathname;
-		const isSubmenuActive = submenus.some((submenu) => submenu.active === void 0 ? submenu.href === pathname : submenu.active);
-		const [isOpenState, setIsOpenState] = React.useState(active || isSubmenuActive);
-		const headerHref = item.path || submenus[0]?.href;
-		React.useEffect(() => {
-			setIsOpenState(active || isSubmenuActive);
-		}, [active, isSubmenuActive]);
-		React.useEffect(() => {
-			if (resetKey) setIsOpenState(false);
-		}, [resetKey]);
-		return /* @__PURE__ */ jsxs(Collapsible, {
-			className: "w-full",
-			onOpenChange: setIsOpenState,
-			open: isOpenState,
-			children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-				asChild: true,
-				className: "mb-1 [&[data-state=open]>div>div>svg]:rotate-180",
-				children: /* @__PURE__ */ jsx(Button, {
-					className: "h-10 w-full justify-start",
-					variant: active || isSubmenuActive ? "secondary" : "ghost",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex w-full items-center justify-between",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center",
-							children: [Icon && /* @__PURE__ */ jsx("span", {
-								className: "mr-4",
-								children: /* @__PURE__ */ jsx(Icon, { size: 18 })
-							}), headerHref && item.linkable !== false ? /* @__PURE__ */ jsx(Link, {
-								"aria-label": label,
-								onClick: (e) => e.stopPropagation(),
-								onKeyDown: (e) => {
-									if (e.key === " ") {
-										e.preventDefault();
-										e.stopPropagation();
-									}
-									if (e.key === "Enter") e.stopPropagation();
-								},
-								to: headerHref,
-								children: /* @__PURE__ */ jsx("p", {
-									className: cn({
-										"-translate-x-96 opacity-0": !isOpen,
-										"translate-x-0 opacity-100": isOpen
-									}),
-									children: label
-								})
-							}) : /* @__PURE__ */ jsx("p", {
-								"aria-disabled": "true",
+const isRouteActive = (item, currentPathname) => {
+	const itemPath = item.path;
+	if (!itemPath) return false;
+	if (itemPath === currentPathname) return true;
+	if (itemPath !== "/" && currentPathname.startsWith(`${itemPath}/`)) return true;
+	return false;
+};
+const isChildRouteActive = (child, parent, currentPathname) => {
+	if (child.index && child.path === "" && parent.path === currentPathname) return true;
+	return isRouteActive(child, currentPathname);
+};
+const NavItemContent = ({ IconComponent, isCollapsed, item }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex items-center",
+	children: [IconComponent && /* @__PURE__ */ jsx("span", {
+		className: "mr-2 h-5 w-5",
+		children: /* @__PURE__ */ jsx(IconComponent, {})
+	}), /* @__PURE__ */ jsx("span", {
+		className: cn({ hidden: isCollapsed }),
+		children: item.label
+	})]
+});
+const CollapseMenuButton = ({ active, icon: Icon, isOpen, item, label, onItemClick, resetKey, submenus }) => {
+	const pathname = useLocation().pathname;
+	const isSubmenuActive = submenus.some((submenu) => submenu.active === void 0 ? submenu.href === pathname : submenu.active);
+	const [isOpenState, setIsOpenState] = React.useState(active || isSubmenuActive);
+	const headerHref = item.path || submenus[0]?.href;
+	React.useEffect(() => {
+		setIsOpenState(active || isSubmenuActive);
+	}, [active, isSubmenuActive]);
+	React.useEffect(() => {
+		if (resetKey) setIsOpenState(false);
+	}, [resetKey]);
+	return /* @__PURE__ */ jsxs(Collapsible, {
+		className: "w-full",
+		onOpenChange: setIsOpenState,
+		open: isOpenState,
+		children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+			asChild: true,
+			className: "mb-1 [&[data-state=open]>div>div>svg]:rotate-180",
+			children: /* @__PURE__ */ jsx(Button, {
+				className: "h-10 w-full justify-start",
+				variant: active || isSubmenuActive ? "secondary" : "ghost",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex w-full items-center justify-between",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center",
+						children: [Icon && /* @__PURE__ */ jsx("span", {
+							className: "mr-4",
+							children: /* @__PURE__ */ jsx(Icon, { size: 18 })
+						}), headerHref && item.linkable !== false ? /* @__PURE__ */ jsx(Link, {
+							"aria-label": label,
+							onClick: (e) => e.stopPropagation(),
+							onKeyDown: (e) => {
+								if (e.key === " ") {
+									e.preventDefault();
+									e.stopPropagation();
+								}
+								if (e.key === "Enter") e.stopPropagation();
+							},
+							to: headerHref,
+							children: /* @__PURE__ */ jsx("p", {
 								className: cn({
 									"-translate-x-96 opacity-0": !isOpen,
 									"translate-x-0 opacity-100": isOpen
 								}),
 								children: label
-							})]
-						}), /* @__PURE__ */ jsx("div", {
-							className: cn("whitespace-nowrap", isOpen ? "translate-x-0 opacity-100" : "-translate-x-96 opacity-0"),
-							children: /* @__PURE__ */ jsx(ChevronDown, {
-								className: "transition-transform duration-200",
-								size: 18
 							})
-						})]
-					})
-				})
-			}), /* @__PURE__ */ jsx(CollapsibleContent, {
-				className: "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden",
-				children: submenus.map(({ active: active$1, href, icon: Icon$1, label: label$1 }, index) => /* @__PURE__ */ jsx(Button, {
-					asChild: true,
-					className: "mb-1 h-10 w-full justify-start",
-					variant: active$1 === void 0 && pathname === href || active$1 ? "secondary" : "ghost",
-					children: /* @__PURE__ */ jsxs(Link, {
-						onClick: () => {
-							if (onItemClick) onItemClick();
-						},
-						to: href,
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "ml-2 mr-4",
-							children: Icon$1 ? /* @__PURE__ */ jsx(Icon$1, { size: 18 }) : /* @__PURE__ */ jsx(Dot, { size: 18 })
-						}), /* @__PURE__ */ jsx("p", {
+						}) : /* @__PURE__ */ jsx("p", {
+							"aria-disabled": "true",
 							className: cn({
 								"-translate-x-96 opacity-0": !isOpen,
 								"translate-x-0 opacity-100": isOpen
 							}),
-							children: label$1
+							children: label
 						})]
-					})
-				}, index))
-			})]
-		});
-	};
-	LinkableNavItem = ({ active, IconComponent, isCollapsed, item, onItemClick }) => /* @__PURE__ */ jsx(Button, {
-		asChild: true,
-		className: "mb-1 h-10 w-full justify-start",
-		variant: active ? "secondary" : "ghost",
-		children: /* @__PURE__ */ jsx(Link, {
-			onClick: onItemClick,
-			to: item.path || "",
-			children: /* @__PURE__ */ jsx(NavItemContent, {
-				active,
-				IconComponent,
-				isCollapsed,
-				item,
-				onItemClick
+					}), /* @__PURE__ */ jsx("div", {
+						className: cn("whitespace-nowrap", isOpen ? "translate-x-0 opacity-100" : "-translate-x-96 opacity-0"),
+						children: /* @__PURE__ */ jsx(ChevronDown, {
+							className: "transition-transform duration-200",
+							size: 18
+						})
+					})]
+				})
 			})
-		})
+		}), /* @__PURE__ */ jsx(CollapsibleContent, {
+			className: "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden",
+			children: submenus.map(({ active, href, icon: Icon, label }, index) => /* @__PURE__ */ jsx(Button, {
+				asChild: true,
+				className: "mb-1 h-10 w-full justify-start",
+				variant: active === void 0 && pathname === href || active ? "secondary" : "ghost",
+				children: /* @__PURE__ */ jsxs(Link, {
+					onClick: () => {
+						if (onItemClick) onItemClick();
+					},
+					to: href,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "ml-2 mr-4",
+						children: Icon ? /* @__PURE__ */ jsx(Icon, { size: 18 }) : /* @__PURE__ */ jsx(Dot, { size: 18 })
+					}), /* @__PURE__ */ jsx("p", {
+						className: cn({
+							"-translate-x-96 opacity-0": !isOpen,
+							"translate-x-0 opacity-100": isOpen
+						}),
+						children: label
+					})]
+				})
+			}, index))
+		})]
 	});
-	NonLinkableNavItem = ({ active, IconComponent, isCollapsed, item, onItemClick }) => /* @__PURE__ */ jsx(Button, {
-		className: "mb-1 h-10 w-full justify-start",
+};
+const LinkableNavItem = ({ active, IconComponent, isCollapsed, item, onItemClick }) => /* @__PURE__ */ jsx(Button, {
+	asChild: true,
+	className: "mb-1 h-10 w-full justify-start",
+	variant: active ? "secondary" : "ghost",
+	children: /* @__PURE__ */ jsx(Link, {
 		onClick: onItemClick,
-		variant: active ? "secondary" : "ghost",
+		to: item.path || "",
 		children: /* @__PURE__ */ jsx(NavItemContent, {
 			active,
 			IconComponent,
@@ -150,85 +132,96 @@ var init_MainNavigation = __esmMin(() => {
 			item,
 			onItemClick
 		})
+	})
+});
+const NonLinkableNavItem = ({ active, IconComponent, isCollapsed, item, onItemClick }) => /* @__PURE__ */ jsx(Button, {
+	className: "mb-1 h-10 w-full justify-start",
+	onClick: onItemClick,
+	variant: active ? "secondary" : "ghost",
+	children: /* @__PURE__ */ jsx(NavItemContent, {
+		active,
+		IconComponent,
+		isCollapsed,
+		item,
+		onItemClick
+	})
+});
+const NavItem = React.forwardRef(({ active, item, onItemClick }, ref) => {
+	const { isCollapsed } = useSidebarContext();
+	let IconComponent = void 0;
+	if (item.icon) IconComponent = item.icon;
+	return /* @__PURE__ */ jsx("li", {
+		ref,
+		children: item.linkable !== false && Boolean(item.path) ? /* @__PURE__ */ jsx(LinkableNavItem, {
+			active,
+			IconComponent,
+			isCollapsed,
+			item,
+			onItemClick
+		}) : /* @__PURE__ */ jsx(NonLinkableNavItem, {
+			active,
+			IconComponent,
+			isCollapsed,
+			item,
+			onItemClick
+		})
 	});
-	NavItem = React.forwardRef(({ active, item, onItemClick }, ref) => {
-		const { isCollapsed } = useSidebarContext();
-		let IconComponent = void 0;
-		if (item.icon) IconComponent = item.icon;
-		return /* @__PURE__ */ jsx("li", {
-			ref,
-			children: item.linkable !== false && Boolean(item.path) ? /* @__PURE__ */ jsx(LinkableNavItem, {
-				active,
-				IconComponent,
-				isCollapsed,
-				item,
-				onItemClick
-			}) : /* @__PURE__ */ jsx(NonLinkableNavItem, {
+});
+NavItem.displayName = "NavItem";
+const MainNavigation = ({ isOpen, onItemClick }) => {
+	const menu = useMenuItems();
+	const pathname = useLocation().pathname;
+	const renderMenuItem = (item) => {
+		const active = isRouteActive(item, pathname);
+		if (item.children && item.children.length > 0) {
+			const submenus = item.children.map((child) => ({
+				active: isChildRouteActive(child, item, pathname),
+				href: child.index ? item.path : child.path || "",
+				icon: child.icon,
+				label: child.label
+			}));
+			let CollapseMenuIcon = void 0;
+			if (item.icon) CollapseMenuIcon = item.icon;
+			return /* @__PURE__ */ jsx(CollapseMenuButton, {
 				active,
-				IconComponent,
-				isCollapsed,
+				icon: CollapseMenuIcon,
+				isOpen,
 				item,
-				onItemClick
-			})
-		});
-	});
-	NavItem.displayName = "NavItem";
-	MainNavigation = ({ isOpen, onItemClick }) => {
-		const menu = useMenuItems();
-		const pathname = useLocation().pathname;
-		const renderMenuItem = (item) => {
-			const active = isRouteActive(item, pathname);
-			if (item.children && item.children.length > 0) {
-				const submenus = item.children.map((child) => ({
-					active: isChildRouteActive(child, item, pathname),
-					href: child.index ? item.path : child.path || "",
-					icon: child.icon,
-					label: child.label
-				}));
-				let CollapseMenuIcon = void 0;
-				if (item.icon) CollapseMenuIcon = item.icon;
-				return /* @__PURE__ */ jsx(CollapseMenuButton, {
-					active,
-					icon: CollapseMenuIcon,
-					isOpen,
-					item,
-					label: item.label,
-					onItemClick,
-					resetKey: typeof onItemClick === "function" ? pathname : void 0,
-					submenus
-				}, item.id);
-			} else return /* @__PURE__ */ jsx(TooltipProvider, {
-				disableHoverableContent: true,
-				children: /* @__PURE__ */ jsxs(Tooltip, {
-					delayDuration: 100,
-					children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-						asChild: true,
-						children: /* @__PURE__ */ jsx(NavItem, {
-							active,
-							item,
-							onItemClick
-						})
-					}), isOpen === false && /* @__PURE__ */ jsx(TooltipContent, {
-						side: "right",
-						children: item.label
-					})]
-				})
+				label: item.label,
+				onItemClick,
+				resetKey: typeof onItemClick === "function" ? pathname : void 0,
+				submenus
 			}, item.id);
-		};
-		return /* @__PURE__ */ jsx(ScrollArea, {
-			className: "[&>div>div[style]]:!block",
-			children: /* @__PURE__ */ jsx("nav", {
-				className: "mt-8 flex h-full w-full flex-col",
-				children: /* @__PURE__ */ jsx("ul", {
-					className: "flex flex-1 flex-col items-start space-y-1 overflow-y-auto overflow-x-hidden px-2",
-					children: menu.getMenuItems().map(renderMenuItem)
-				})
+		} else return /* @__PURE__ */ jsx(TooltipProvider, {
+			disableHoverableContent: true,
+			children: /* @__PURE__ */ jsxs(Tooltip, {
+				delayDuration: 100,
+				children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(NavItem, {
+						active,
+						item,
+						onItemClick
+					})
+				}), isOpen === false && /* @__PURE__ */ jsx(TooltipContent, {
+					side: "right",
+					children: item.label
+				})]
 			})
-		});
+		}, item.id);
 	};
-});
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		className: "[&>div>div[style]]:!block",
+		children: /* @__PURE__ */ jsx("nav", {
+			className: "mt-8 flex h-full w-full flex-col",
+			children: /* @__PURE__ */ jsx("ul", {
+				className: "flex flex-1 flex-col items-start space-y-1 overflow-y-auto overflow-x-hidden px-2",
+				children: menu.getMenuItems().map(renderMenuItem)
+			})
+		})
+	});
+};
 //#endregion
-init_MainNavigation();
-export { MainNavigation, init_MainNavigation };
+export { MainNavigation };
 //# sourceMappingURL=MainNavigation.js.map

package/dist/esm/components/MainNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MainNavigation.js","names":["Icon","active","label"],"sources":["../../../src/components/MainNavigation.tsx"],"sourcesContent":["import type {\n NavigationItemIconProps,\n NavigationItem as NavigationItemType,\n} from \"@lumeweb/portal-framework-core\";\n\nimport {\n Button,\n cn,\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n ScrollArea,\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { Link } from \"@refinedev/core\";\nimport { ChevronDown, Dot } from \"lucide-react\";\nimport React from \"react\";\nimport { useLocation } from \"react-router\";\n\nimport { useMenuItems } from \"@/hooks/useMenuItems\";\n\nimport { useSidebarContext } from \"./layout/SidebarContext\";\n\nconst isRouteActive = (\n item: NavigationItemType,\n currentPathname: string,\n): boolean => {\n const itemPath = item.path;\n\n if (!itemPath) return false;\n\n // Exact match\n if (itemPath === currentPathname) return true;\n\n // Check if current path starts with item path + \"/\"\n if (itemPath !== \"/\" && currentPathname.startsWith(`${itemPath}/`))\n return true;\n\n return false;\n};\n\nconst isChildRouteActive = (\n child: NavigationItemType,\n parent: NavigationItemType,\n currentPathname: string,\n): boolean => {\n // Special handling for index routes - they should be active when we're on the parent path\n if (child.index && child.path === \"\" && parent.path === currentPathname) {\n return true;\n }\n\n return isRouteActive(child, currentPathname);\n};\n\ninterface BaseNavItemProps {\n active: boolean;\n IconComponent: React.FC<NavigationItemIconProps> \| undefined;\n isCollapsed: boolean;\n item: NavigationItemType;\n onItemClick?: () => void;\n}\n\nconst NavItemContent: React.FC<BaseNavItemProps> = ({\n IconComponent,\n isCollapsed,\n item,\n}) => (\n <div className=\"flex items-center\">\n {IconComponent && (\n <span className=\"mr-2 h-5 w-5\">\n <IconComponent />\n </span>\n )}\n <span className={cn({ hidden: isCollapsed })}>{item.label}</span>\n </div>\n);\n\ninterface CollapseMenuButtonProps {\n active: boolean;\n icon?: React.FC<NavigationItemIconProps>;\n isOpen: boolean;\n item: NavigationItemType;\n label: string;\n onItemClick?: () => void;\n resetKey?: string;\n submenus: Submenu[];\n}\n\ninterface Submenu {\n active?: boolean;\n href: string;\n icon?: React.FC<NavigationItemIconProps>;\n label: string;\n}\n\nconst CollapseMenuButton: React.FC<CollapseMenuButtonProps> = ({\n active,\n icon: Icon,\n isOpen,\n item,\n label,\n onItemClick,\n resetKey,\n submenus,\n}) => {\n const location = useLocation();\n const pathname = location.pathname; // Get current path\n const isSubmenuActive = submenus.some((submenu) =>\n submenu.active === undefined ? submenu.href === pathname : submenu.active,\n );\n const [isOpenState, setIsOpenState] = React.useState<boolean>(\n active \|\| isSubmenuActive,\n );\n const headerHref = item.path \|\| submenus[0]?.href;\n\n React.useEffect(() => {\n setIsOpenState(active \|\| isSubmenuActive);\n }, [active, isSubmenuActive]);\n\n // Reset state when resetKey changes (mobile navigation)\n React.useEffect(() => {\n if (resetKey) {\n setIsOpenState(false);\n }\n }, [resetKey]);\n\n return (\n <Collapsible\n className=\"w-full\"\n onOpenChange={setIsOpenState}\n open={isOpenState}>\n <CollapsibleTrigger\n asChild\n className=\"mb-1 [&[data-state=open]>div>div>svg]:rotate-180\">\n <Button\n className=\"h-10 w-full justify-start\"\n variant={active \|\| isSubmenuActive ? \"secondary\" : \"ghost\"}>\n <div className=\"flex w-full items-center justify-between\">\n <div className=\"flex items-center\">\n {Icon && (\n <span className=\"mr-4\">\n <Icon size={18} />\n </span>\n )}\n {headerHref && item.linkable !== false ? (\n <Link\n aria-label={label}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n if (e.key === \" \") {\n e.preventDefault(); // avoid page scroll\n e.stopPropagation();\n }\n if (e.key === \"Enter\") {\n e.stopPropagation();\n }\n }}\n to={headerHref}>\n <p\n className={cn({\n \"-translate-x-96 opacity-0\": !isOpen,\n \"translate-x-0 opacity-100\": isOpen,\n })}>\n {label}\n </p>\n </Link>\n ) : (\n <p\n aria-disabled=\"true\"\n className={cn({\n \"-translate-x-96 opacity-0\": !isOpen,\n \"translate-x-0 opacity-100\": isOpen,\n })}>\n {label}\n </p>\n )}\n </div>\n <div\n className={cn(\n \"whitespace-nowrap\",\n isOpen\n ? \"translate-x-0 opacity-100\"\n : \"-translate-x-96 opacity-0\",\n )}>\n <ChevronDown\n className=\"transition-transform duration-200\"\n size={18}\n />\n </div>\n </div>\n </Button>\n </CollapsibleTrigger>\n <CollapsibleContent className=\"data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden\">\n {submenus.map(({ active, href, icon: Icon, label }, index) => (\n <Button\n asChild\n className=\"mb-1 h-10 w-full justify-start\"\n key={index}\n variant={\n (active === undefined && pathname === href) \|\| active\n ? \"secondary\"\n : \"ghost\"\n }>\n <Link\n onClick={() => {\n if (onItemClick) {\n onItemClick();\n }\n }}\n to={href}>\n <span className=\"ml-2 mr-4\">\n {Icon ? <Icon size={18} /> : <Dot size={18} />}\n </span>\n <p\n className={cn({\n \"-translate-x-96 opacity-0\": !isOpen,\n \"translate-x-0 opacity-100\": isOpen,\n })}>\n {label}\n </p>\n </Link>\n </Button>\n ))}\n </CollapsibleContent>\n </Collapsible>\n );\n};\n\nconst LinkableNavItem: React.FC<BaseNavItemProps> = ({\n active,\n IconComponent,\n isCollapsed,\n item,\n onItemClick,\n}) => (\n <Button\n asChild\n className=\"mb-1 h-10 w-full justify-start\"\n variant={active ? \"secondary\" : \"ghost\"}>\n <Link onClick={onItemClick} to={item.path \|\| \"\"}>\n <NavItemContent\n active={active}\n IconComponent={IconComponent}\n isCollapsed={isCollapsed}\n item={item}\n onItemClick={onItemClick}\n />\n </Link>\n </Button>\n);\n\nconst NonLinkableNavItem: React.FC<BaseNavItemProps> = ({\n active,\n IconComponent,\n isCollapsed,\n item,\n onItemClick,\n}) => (\n <Button\n className=\"mb-1 h-10 w-full justify-start\"\n onClick={onItemClick}\n variant={active ? \"secondary\" : \"ghost\"}>\n <NavItemContent\n active={active}\n IconComponent={IconComponent}\n isCollapsed={isCollapsed}\n item={item}\n onItemClick={onItemClick}\n />\n </Button>\n);\n\ninterface MenuProps {\n isOpen: boolean;\n onItemClick?: () => void;\n}\n\nconst NavItem: React.FC<{\n active: boolean;\n item: NavigationItemType;\n onItemClick?: () => void;\n}> = React.forwardRef<\n HTMLLIElement,\n { active: boolean; item: NavigationItemType; onItemClick?: () => void }\n>(({ active, item, onItemClick }, ref) => {\n const { isCollapsed } = useSidebarContext();\n\n let IconComponent: React.FC<NavigationItemIconProps> \| undefined = undefined;\n\n if (item.icon) {\n IconComponent = item.icon;\n }\n\n return (\n <li ref={ref}>\n {item.linkable !== false && Boolean(item.path) ? (\n <LinkableNavItem\n active={active}\n IconComponent={IconComponent}\n isCollapsed={isCollapsed}\n item={item}\n onItemClick={onItemClick}\n />\n ) : (\n <NonLinkableNavItem\n active={active}\n IconComponent={IconComponent}\n isCollapsed={isCollapsed}\n item={item}\n onItemClick={onItemClick}\n />\n )}\n </li>\n );\n});\nNavItem.displayName = \"NavItem\";\n\nexport const MainNavigation: React.FC<MenuProps> = ({\n isOpen,\n onItemClick,\n}) => {\n const menu = useMenuItems(); // Get menu data\n const location = useLocation();\n const pathname = location.pathname;\n\n const renderMenuItem = (item: NavigationItemType) => {\n const active = isRouteActive(item, pathname);\n\n if (item.children && item.children.length > 0) {\n const submenus: Submenu[] = item.children.map((child) => ({\n active: isChildRouteActive(child, item, pathname),\n href: child.index ? item.path : child.path \|\| \"\",\n icon: child.icon,\n label: child.label,\n }));\n\n let CollapseMenuIcon: React.FC<NavigationItemIconProps> \| undefined =\n undefined;\n\n if (item.icon) {\n CollapseMenuIcon = item.icon;\n }\n\n return (\n <CollapseMenuButton\n active={active}\n icon={CollapseMenuIcon}\n isOpen={isOpen}\n item={item}\n key={item.id}\n label={item.label}\n onItemClick={onItemClick}\n resetKey={typeof onItemClick === \"function\" ? pathname : undefined}\n submenus={submenus}\n />\n );\n } else {\n return (\n <TooltipProvider disableHoverableContent key={item.id}>\n <Tooltip delayDuration={100}>\n <TooltipTrigger asChild>\n <NavItem active={active} item={item} onItemClick={onItemClick} />\n </TooltipTrigger>\n {isOpen === false && (\n <TooltipContent side=\"right\">{item.label}</TooltipContent>\n )}\n </Tooltip>\n </TooltipProvider>\n );\n }\n };\n\n return (\n <ScrollArea className=\"[&>div>div[style]]:!block\">\n <nav className=\"mt-8 flex h-full w-full flex-col\">\n <ul className=\"flex flex-1 flex-col items-start space-y-1 overflow-y-auto overflow-x-hidden px-2\">\n {menu.getMenuItems().map(renderMenuItem)}\n </ul>\n </nav>\n </ScrollArea>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"MainNavigation.js","names":[],"sources":["../../../src/components/MainNavigation.tsx"],"sourcesContent":["import type {\n NavigationItemIconProps,\n NavigationItem as NavigationItemType,\n} from \"@lumeweb/portal-framework-core\";\n\nimport {\n Button,\n cn,\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n ScrollArea,\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { Link } from \"@refinedev/core\";\nimport { ChevronDown, Dot } from \"lucide-react\";\nimport React from \"react\";\nimport { useLocation } from \"react-router\";\n\nimport { useMenuItems } from \"@/hooks/useMenuItems\";\n\nimport { useSidebarContext } from \"./layout/SidebarContext\";\n\nconst isRouteActive = (\n item: NavigationItemType,\n currentPathname: string,\n): boolean => {\n const itemPath = item.path;\n\n if (!itemPath) return false;\n\n // Exact match\n if (itemPath === currentPathname) return true;\n\n // Check if current path starts with item path + \"/\"\n if (itemPath !== \"/\" && currentPathname.startsWith(`${itemPath}/`))\n return true;\n\n return false;\n};\n\nconst isChildRouteActive = (\n child: NavigationItemType,\n parent: NavigationItemType,\n currentPathname: string,\n): boolean => {\n // Special handling for index routes - they should be active when we're on the parent path\n if (child.index && child.path === \"\" && parent.path === currentPathname) {\n return true;\n }\n\n return isRouteActive(child, currentPathname);\n};\n\ninterface BaseNavItemProps {\n active: boolean;\n IconComponent: React.FC<NavigationItemIconProps> \| undefined;\n isCollapsed: boolean;\n item: NavigationItemType;\n onItemClick?: () => void;\n}\n\nconst NavItemContent: React.FC<BaseNavItemProps> = ({\n IconComponent,\n isCollapsed,\n item,\n}) => (\n <div className=\"flex items-center\">\n {IconComponent && (\n <span className=\"mr-2 h-5 w-5\">\n <IconComponent />\n </span>\n )}\n <span className={cn({ hidden: isCollapsed })}>{item.label}</span>\n </div>\n);\n\ninterface CollapseMenuButtonProps {\n active: boolean;\n icon?: React.FC<NavigationItemIconProps>;\n isOpen: boolean;\n item: NavigationItemType;\n label: string;\n onItemClick?: () => void;\n resetKey?: string;\n submenus: Submenu[];\n}\n\ninterface Submenu {\n active?: boolean;\n href: string;\n icon?: React.FC<NavigationItemIconProps>;\n label: string;\n}\n\nconst CollapseMenuButton: React.FC<CollapseMenuButtonProps> = ({\n active,\n icon: Icon,\n isOpen,\n item,\n label,\n onItemClick,\n resetKey,\n submenus,\n}) => {\n const location = useLocation();\n const pathname = location.pathname; // Get current path\n const isSubmenuActive = submenus.some((submenu) =>\n submenu.active === undefined ? submenu.href === pathname : submenu.active,\n );\n const [isOpenState, setIsOpenState] = React.useState<boolean>(\n active \|\| isSubmenuActive,\n );\n const headerHref = item.path \|\| submenus[0]?.href;\n\n React.useEffect(() => {\n setIsOpenState(active \|\| isSubmenuActive);\n }, [active, isSubmenuActive]);\n\n // Reset state when resetKey changes (mobile navigation)\n React.useEffect(() => {\n if (resetKey) {\n setIsOpenState(false);\n }\n }, [resetKey]);\n\n return (\n <Collapsible\n className=\"w-full\"\n onOpenChange={setIsOpenState}\n open={isOpenState}>\n <CollapsibleTrigger\n asChild\n className=\"mb-1 [&[data-state=open]>div>div>svg]:rotate-180\">\n <Button\n className=\"h-10 w-full justify-start\"\n variant={active \|\| isSubmenuActive ? \"secondary\" : \"ghost\"}>\n <div className=\"flex w-full items-center justify-between\">\n <div className=\"flex items-center\">\n {Icon && (\n <span className=\"mr-4\">\n <Icon size={18} />\n </span>\n )}\n {headerHref && item.linkable !== false ? (\n <Link\n aria-label={label}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n if (e.key === \" \") {\n e.preventDefault(); // avoid page scroll\n e.stopPropagation();\n }\n if (e.key === \"Enter\") {\n e.stopPropagation();\n }\n }}\n to={headerHref}>\n <p\n className={cn({\n \"-translate-x-96 opacity-0\": !isOpen,\n \"translate-x-0 opacity-100\": isOpen,\n })}>\n {label}\n </p>\n </Link>\n ) : (\n <p\n aria-disabled=\"true\"\n className={cn({\n \"-translate-x-96 opacity-0\": !isOpen,\n \"translate-x-0 opacity-100\": isOpen,\n })}>\n {label}\n </p>\n )}\n </div>\n <div\n className={cn(\n \"whitespace-nowrap\",\n isOpen\n ? \"translate-x-0 opacity-100\"\n : \"-translate-x-96 opacity-0\",\n )}>\n <ChevronDown\n className=\"transition-transform duration-200\"\n size={18}\n />\n </div>\n </div>\n </Button>\n </CollapsibleTrigger>\n <CollapsibleContent className=\"data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden\">\n {submenus.map(({ active, href, icon: Icon, label }, index) => (\n <Button\n asChild\n className=\"mb-1 h-10 w-full justify-start\"\n key={index}\n variant={\n (active === undefined && pathname === href) \|\| active\n ? \"secondary\"\n : \"ghost\"\n }>\n <Link\n onClick={() => {\n if (onItemClick) {\n onItemClick();\n }\n }}\n to={href}>\n <span className=\"ml-2 mr-4\">\n {Icon ? <Icon size={18} /> : <Dot size={18} />}\n </span>\n <p\n className={cn({\n \"-translate-x-96 opacity-0\": !isOpen,\n \"translate-x-0 opacity-100\": isOpen,\n })}>\n {label}\n </p>\n </Link>\n </Button>\n ))}\n </CollapsibleContent>\n </Collapsible>\n );\n};\n\nconst LinkableNavItem: React.FC<BaseNavItemProps> = ({\n active,\n IconComponent,\n isCollapsed,\n item,\n onItemClick,\n}) => (\n <Button\n asChild\n className=\"mb-1 h-10 w-full justify-start\"\n variant={active ? \"secondary\" : \"ghost\"}>\n <Link onClick={onItemClick} to={item.path \|\| \"\"}>\n <NavItemContent\n active={active}\n IconComponent={IconComponent}\n isCollapsed={isCollapsed}\n item={item}\n onItemClick={onItemClick}\n />\n </Link>\n </Button>\n);\n\nconst NonLinkableNavItem: React.FC<BaseNavItemProps> = ({\n active,\n IconComponent,\n isCollapsed,\n item,\n onItemClick,\n}) => (\n <Button\n className=\"mb-1 h-10 w-full justify-start\"\n onClick={onItemClick}\n variant={active ? \"secondary\" : \"ghost\"}>\n <NavItemContent\n active={active}\n IconComponent={IconComponent}\n isCollapsed={isCollapsed}\n item={item}\n onItemClick={onItemClick}\n />\n </Button>\n);\n\ninterface MenuProps {\n isOpen: boolean;\n onItemClick?: () => void;\n}\n\nconst NavItem: React.FC<{\n active: boolean;\n item: NavigationItemType;\n onItemClick?: () => void;\n}> = React.forwardRef<\n HTMLLIElement,\n { active: boolean; item: NavigationItemType; onItemClick?: () => void }\n>(({ active, item, onItemClick }, ref) => {\n const { isCollapsed } = useSidebarContext();\n\n let IconComponent: React.FC<NavigationItemIconProps> \| undefined = undefined;\n\n if (item.icon) {\n IconComponent = item.icon;\n }\n\n return (\n <li ref={ref}>\n {item.linkable !== false && Boolean(item.path) ? (\n <LinkableNavItem\n active={active}\n IconComponent={IconComponent}\n isCollapsed={isCollapsed}\n item={item}\n onItemClick={onItemClick}\n />\n ) : (\n <NonLinkableNavItem\n active={active}\n IconComponent={IconComponent}\n isCollapsed={isCollapsed}\n item={item}\n onItemClick={onItemClick}\n />\n )}\n </li>\n );\n});\nNavItem.displayName = \"NavItem\";\n\nexport const MainNavigation: React.FC<MenuProps> = ({\n isOpen,\n onItemClick,\n}) => {\n const menu = useMenuItems(); // Get menu data\n const location = useLocation();\n const pathname = location.pathname;\n\n const renderMenuItem = (item: NavigationItemType) => {\n const active = isRouteActive(item, pathname);\n\n if (item.children && item.children.length > 0) {\n const submenus: Submenu[] = item.children.map((child) => ({\n active: isChildRouteActive(child, item, pathname),\n href: child.index ? item.path : child.path \|\| \"\",\n icon: child.icon,\n label: child.label,\n }));\n\n let CollapseMenuIcon: React.FC<NavigationItemIconProps> \| undefined =\n undefined;\n\n if (item.icon) {\n CollapseMenuIcon = item.icon;\n }\n\n return (\n <CollapseMenuButton\n active={active}\n icon={CollapseMenuIcon}\n isOpen={isOpen}\n item={item}\n key={item.id}\n label={item.label}\n onItemClick={onItemClick}\n resetKey={typeof onItemClick === \"function\" ? pathname : undefined}\n submenus={submenus}\n />\n );\n } else {\n return (\n <TooltipProvider disableHoverableContent key={item.id}>\n <Tooltip delayDuration={100}>\n <TooltipTrigger asChild>\n <NavItem active={active} item={item} onItemClick={onItemClick} />\n </TooltipTrigger>\n {isOpen === false && (\n <TooltipContent side=\"right\">{item.label}</TooltipContent>\n )}\n </Tooltip>\n </TooltipProvider>\n );\n }\n };\n\n return (\n <ScrollArea className=\"[&>div>div[style]]:!block\">\n <nav className=\"mt-8 flex h-full w-full flex-col\">\n <ul className=\"flex flex-1 flex-col items-start space-y-1 overflow-y-auto overflow-x-hidden px-2\">\n {menu.getMenuItems().map(renderMenuItem)}\n </ul>\n </nav>\n </ScrollArea>\n );\n};\n"],"mappings":"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"}

package/dist/esm/components/SkeletonLoader.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { __esmMin } from "../_virtual/rolldown_runtime.js";
 import { Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, cn } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -73,9 +72,7 @@ function SkeletonLoader({ className, cols = 3, layout = "default", rows = 3, sho
 		default: return renderDefaultSkeleton();
 	}
 }
-var init_SkeletonLoader = __esmMin(() => {});
 //#endregion
-init_SkeletonLoader();
-export { SkeletonLoader, init_SkeletonLoader };
+export { SkeletonLoader };
 //# sourceMappingURL=SkeletonLoader.js.map

package/dist/esm/components/SkeletonLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonLoader.js","names":[],"sources":["../../../src/components/SkeletonLoader.tsx"],"sourcesContent":["import {\n cn,\n Skeleton,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord, HttpError } from \"@refinedev/core\";\nimport { UseTableReturnType } from \"@refinedev/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport React, { type JSX } from \"react\";\n\ntype LayoutType = \"card\" \| \"custom\" \| \"default\" \| \"list\" \| \"profile\" \| \"table\";\n\ninterface SkeletonLoaderProps<TData extends BaseRecord> {\n className?: string;\n cols?: number;\n layout?: LayoutType;\n rows?: number;\n showHeader?: boolean;\n table?: UseTableReturnType<TData, HttpError>;\n}\n\nexport function SkeletonLoader<TData extends BaseRecord>({\n className,\n cols = 3,\n layout = \"default\",\n rows = 3,\n showHeader = true,\n table,\n}: SkeletonLoaderProps<TData>): JSX.Element {\n const renderTableSkeleton = (): JSX.Element => {\n if (!table) {\n console.warn(\"Table object is required for table layout\");\n return <></>;\n }\n\n return (\n <Table className={cn(\"w-full border-collapse\", className)}>\n {showHeader && (\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow className={\"border-none\"} key={headerGroup.id}>\n {headerGroup.headers.map((header) => (\n <TableHead\n className={\"border-none\"}\n key={header.id}\n style={{ width: header.getSize() }}>\n {header.isPlaceholder ? (\n <Skeleton className=\"h-4 w-full\" />\n ) : (\n flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )\n )}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n )}\n <TableBody>\n {Array.from({ length: rows }).map((_, rowIndex) => (\n <TableRow className={\"border-none\"} key={rowIndex}>\n {table.getAllColumns().map((column) => (\n <TableCell className={\"border-none\"} key={column.id}>\n <Skeleton className=\"h-4 w-full\" />\n </TableCell>\n ))}\n </TableRow>\n ))}\n </TableBody>\n </Table>\n );\n };\n\n const renderCardSkeleton = (): JSX.Element => (\n <div className={cn(\"space-y-2\", className)}>\n <Skeleton className=\"h-40 w-full\" />\n <Skeleton className=\"h-4 w-3/4\" />\n <Skeleton className=\"h-4 w-1/2\" />\n </div>\n );\n\n const renderListSkeleton = (): JSX.Element => (\n <div className={cn(\"flex items-center space-x-4\", className)}>\n <Skeleton className=\"h-12 w-12 rounded-full\" />\n <div className=\"space-y-2\">\n <Skeleton className=\"h-4 w-[200px]\" />\n <Skeleton className=\"h-4 w-[150px]\" />\n </div>\n </div>\n );\n\n const renderProfileSkeleton = (): JSX.Element => (\n <div className={cn(\"space-y-4\", className)}>\n <Skeleton className=\"h-20 w-20 rounded-full\" />\n <Skeleton className=\"h-4 w-[150px]\" />\n <Skeleton className=\"h-4 w-[200px]\" />\n </div>\n );\n\n const renderCustomSkeleton = (): JSX.Element => (\n <div className={cn(`grid grid-cols-${cols} gap-4`, className)}>\n {Array.from({ length: cols * rows }).map((_, index) => (\n <Skeleton className=\"h-4 w-full\" key={index} />\n ))}\n </div>\n );\n\n const renderDefaultSkeleton = (): JSX.Element => (\n <div className={cn(\"space-y-2\", className)}>\n <Skeleton className=\"h-4 w-full\" />\n <Skeleton className=\"h-4 w-5/6\" />\n <Skeleton className=\"h-4 w-4/6\" />\n </div>\n );\n\n switch (layout) {\n case \"card\":\n return renderCardSkeleton();\n case \"custom\":\n return renderCustomSkeleton();\n case \"list\":\n return renderListSkeleton();\n case \"profile\":\n return renderProfileSkeleton();\n case \"table\":\n return renderTableSkeleton();\n default:\n return renderDefaultSkeleton();\n }\n}\n"],"mappings":"~~;;;;;;;~~AA0BA,SAAgB,eAAyC,EACvD,WACA,OAAO,GACP,SAAS,WACT,OAAO,GACP,aAAa,MACb,SAC0C;CAC1C,MAAM,4BAAyC;AAC7C,MAAI,CAAC,OAAO;AACV,WAAQ,KAAK,4CAA4C;AACzD,UAAO,~~iCAAK~~;;AAGd,SACE,qBAAC;~~GAAM~~,WAAW,GAAG,0BAA0B,UAAU;~~cACtD~~,cACC,oBAAC,~~yBACE~~,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,oBAAC;~~IAAS~~,WAAW;cAClB,YAAY,QAAQ,KAAK,WACxB,oBAAC;~~KACC~~,WAAW;KAEX,OAAO,EAAE,OAAO,OAAO,SAAS,EAAE;eACjC,OAAO,gBACN,oBAAC,~~YAAS~~,WAAU,~~eAAe~~,~~GAEnC~~,WACE,OAAO,OAAO,UAAU,QACxB,OAAO,YAAY,CACpB;~~OARE~~,OAAO,GAUF,CACZ;~~MAfqC~~,YAAY,GAgB1C,CACX,~~GACU~~,~~EAEhB~~,oBAAC,~~uBACE~~,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,KAAK,GAAG,aACpC,oBAAC;~~IAAS~~,WAAW;cAClB,MAAM,eAAe,CAAC,KAAK,WAC1B,oBAAC;~~KAAU~~,WAAW;eACpB,oBAAC,~~YAAS~~,WAAU,~~eAAe~~;~~OADK~~,OAAO,GAErC,CACZ;~~MALqC~~,SAM9B,CACX,~~GACQ;IACN;;~~CAIZ,MAAM,2BACJ,qBAAC;~~EAAI~~,WAAW,GAAG,aAAa,UAAU~~;;GACxC~~,oBAAC,~~YAAS~~,WAAU,~~gBAAgB~~;GACpC,oBAAC,~~YAAS~~,WAAU,~~cAAc~~;GAClC,oBAAC,~~YAAS~~,WAAU,~~cAAc~~;;~~GAC9B;~~CAGR,MAAM,2BACJ,qBAAC;~~EAAI~~,WAAW,GAAG,+BAA+B,UAAU;~~aAC1D~~,oBAAC,~~YAAS~~,WAAU,~~2BAA2B~~,~~EAC~~/C,qBAAC;~~GAAI~~,WAAU;~~cACb~~,oBAAC,~~YAAS~~,WAAU,~~kBAAkB~~,~~EACtC~~,oBAAC,~~YAAS~~,WAAU,~~kBAAkB~~;~~IAClC;GACF;~~CAGR,MAAM,8BACJ,qBAAC;~~EAAI~~,WAAW,GAAG,aAAa,UAAU~~;;GACxC~~,oBAAC,~~YAAS~~,WAAU,~~2BAA2B~~;GAC/C,oBAAC,~~YAAS~~,WAAU,~~kBAAkB~~;GACtC,oBAAC,~~YAAS~~,WAAU,~~kBAAkB~~;;~~GAClC;~~CAGR,MAAM,6BACJ,oBAAC;~~EAAI~~,WAAW,GAAG,kBAAkB,KAAK,SAAS,UAAU;YAC1D,MAAM,KAAK,EAAE,QAAQ,OAAO,MAAM,CAAC,CAAC,KAAK,GAAG,UAC3C,oBAAC,~~YAAS~~,WAAU,~~gBAAkB~~,MAAS,CAC/C;~~GACE~~;CAGR,MAAM,8BACJ,qBAAC;~~EAAI~~,WAAW,GAAG,aAAa,UAAU~~;;GACxC~~,oBAAC,~~YAAS~~,WAAU,~~eAAe~~;GACnC,oBAAC,~~YAAS~~,WAAU,~~cAAc~~;GAClC,oBAAC,~~YAAS~~,WAAU,~~cAAc~~;;~~GAC9B;~~AAGR,SAAQ,QAAR;EACE,KAAK,OACH,QAAO,oBAAoB;EAC7B,KAAK,SACH,QAAO,sBAAsB;EAC/B,KAAK,OACH,QAAO,oBAAoB;EAC7B,KAAK,UACH,QAAO,uBAAuB;EAChC,KAAK,QACH,QAAO,qBAAqB;EAC9B,QACE,QAAO,uBAAuB"}
1	+ {"version":3,"file":"SkeletonLoader.js","names":[],"sources":["../../../src/components/SkeletonLoader.tsx"],"sourcesContent":["import {\n cn,\n Skeleton,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord, HttpError } from \"@refinedev/core\";\nimport { UseTableReturnType } from \"@refinedev/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport React, { type JSX } from \"react\";\n\ntype LayoutType = \"card\" \| \"custom\" \| \"default\" \| \"list\" \| \"profile\" \| \"table\";\n\ninterface SkeletonLoaderProps<TData extends BaseRecord> {\n className?: string;\n cols?: number;\n layout?: LayoutType;\n rows?: number;\n showHeader?: boolean;\n table?: UseTableReturnType<TData, HttpError>;\n}\n\nexport function SkeletonLoader<TData extends BaseRecord>({\n className,\n cols = 3,\n layout = \"default\",\n rows = 3,\n showHeader = true,\n table,\n}: SkeletonLoaderProps<TData>): JSX.Element {\n const renderTableSkeleton = (): JSX.Element => {\n if (!table) {\n console.warn(\"Table object is required for table layout\");\n return <></>;\n }\n\n return (\n <Table className={cn(\"w-full border-collapse\", className)}>\n {showHeader && (\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow className={\"border-none\"} key={headerGroup.id}>\n {headerGroup.headers.map((header) => (\n <TableHead\n className={\"border-none\"}\n key={header.id}\n style={{ width: header.getSize() }}>\n {header.isPlaceholder ? (\n <Skeleton className=\"h-4 w-full\" />\n ) : (\n flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )\n )}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n )}\n <TableBody>\n {Array.from({ length: rows }).map((_, rowIndex) => (\n <TableRow className={\"border-none\"} key={rowIndex}>\n {table.getAllColumns().map((column) => (\n <TableCell className={\"border-none\"} key={column.id}>\n <Skeleton className=\"h-4 w-full\" />\n </TableCell>\n ))}\n </TableRow>\n ))}\n </TableBody>\n </Table>\n );\n };\n\n const renderCardSkeleton = (): JSX.Element => (\n <div className={cn(\"space-y-2\", className)}>\n <Skeleton className=\"h-40 w-full\" />\n <Skeleton className=\"h-4 w-3/4\" />\n <Skeleton className=\"h-4 w-1/2\" />\n </div>\n );\n\n const renderListSkeleton = (): JSX.Element => (\n <div className={cn(\"flex items-center space-x-4\", className)}>\n <Skeleton className=\"h-12 w-12 rounded-full\" />\n <div className=\"space-y-2\">\n <Skeleton className=\"h-4 w-[200px]\" />\n <Skeleton className=\"h-4 w-[150px]\" />\n </div>\n </div>\n );\n\n const renderProfileSkeleton = (): JSX.Element => (\n <div className={cn(\"space-y-4\", className)}>\n <Skeleton className=\"h-20 w-20 rounded-full\" />\n <Skeleton className=\"h-4 w-[150px]\" />\n <Skeleton className=\"h-4 w-[200px]\" />\n </div>\n );\n\n const renderCustomSkeleton = (): JSX.Element => (\n <div className={cn(`grid grid-cols-${cols} gap-4`, className)}>\n {Array.from({ length: cols * rows }).map((_, index) => (\n <Skeleton className=\"h-4 w-full\" key={index} />\n ))}\n </div>\n );\n\n const renderDefaultSkeleton = (): JSX.Element => (\n <div className={cn(\"space-y-2\", className)}>\n <Skeleton className=\"h-4 w-full\" />\n <Skeleton className=\"h-4 w-5/6\" />\n <Skeleton className=\"h-4 w-4/6\" />\n </div>\n );\n\n switch (layout) {\n case \"card\":\n return renderCardSkeleton();\n case \"custom\":\n return renderCustomSkeleton();\n case \"list\":\n return renderListSkeleton();\n case \"profile\":\n return renderProfileSkeleton();\n case \"table\":\n return renderTableSkeleton();\n default:\n return renderDefaultSkeleton();\n }\n}\n"],"mappings":";;;;;;AA0BA,SAAgB,eAAyC,EACvD,WACA,OAAO,GACP,SAAS,WACT,OAAO,GACP,aAAa,MACb,SAC0C;CAC1C,MAAM,4BAAyC;AAC7C,MAAI,CAAC,OAAO;AACV,WAAQ,KAAK,4CAA4C;AACzD,UAAO,gCAAK;;AAGd,SACE,qBAAC,OAAD;GAAO,WAAW,GAAG,0BAA0B,UAAU;aAAzD,CACG,cACC,oBAAC,aAAD,YACG,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,oBAAC,UAAD;IAAU,WAAW;cAClB,YAAY,QAAQ,KAAK,WACxB,oBAAC,WAAD;KACE,WAAW;KAEX,OAAO,EAAE,OAAO,OAAO,SAAS,EAAE;eACjC,OAAO,gBACN,oBAAC,UAAD,EAAU,WAAU,cAAe,IAEnC,WACE,OAAO,OAAO,UAAU,QACxB,OAAO,YAAY,CACpB;KAEO,EAVL,OAAO,GAUF,CACZ;IACO,EAhB8B,YAAY,GAgB1C,CACX,EACU,GAEhB,oBAAC,WAAD,YACG,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,KAAK,GAAG,aACpC,oBAAC,UAAD;IAAU,WAAW;cAClB,MAAM,eAAe,CAAC,KAAK,WAC1B,oBAAC,WAAD;KAAW,WAAW;eACpB,oBAAC,UAAD,EAAU,WAAU,cAAe;KACzB,EAF8B,OAAO,GAErC,CACZ;IACO,EAN8B,SAM9B,CACX,EACQ,EACN;;;CAIZ,MAAM,2BACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YAA1C;GACE,oBAAC,UAAD,EAAU,WAAU,eAAgB;GACpC,oBAAC,UAAD,EAAU,WAAU,aAAc;GAClC,oBAAC,UAAD,EAAU,WAAU,aAAc;GAC9B;;CAGR,MAAM,2BACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,+BAA+B,UAAU;YAA5D,CACE,oBAAC,UAAD,EAAU,WAAU,0BAA2B,GAC/C,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,UAAD,EAAU,WAAU,iBAAkB,GACtC,oBAAC,UAAD,EAAU,WAAU,iBAAkB,EAClC;KACF;;CAGR,MAAM,8BACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YAA1C;GACE,oBAAC,UAAD,EAAU,WAAU,0BAA2B;GAC/C,oBAAC,UAAD,EAAU,WAAU,iBAAkB;GACtC,oBAAC,UAAD,EAAU,WAAU,iBAAkB;GAClC;;CAGR,MAAM,6BACJ,oBAAC,OAAD;EAAK,WAAW,GAAG,kBAAkB,KAAK,SAAS,UAAU;YAC1D,MAAM,KAAK,EAAE,QAAQ,OAAO,MAAM,CAAC,CAAC,KAAK,GAAG,UAC3C,oBAAC,UAAD,EAAU,WAAU,cAA2B,EAAT,MAAS,CAC/C;EACE;CAGR,MAAM,8BACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YAA1C;GACE,oBAAC,UAAD,EAAU,WAAU,cAAe;GACnC,oBAAC,UAAD,EAAU,WAAU,aAAc;GAClC,oBAAC,UAAD,EAAU,WAAU,aAAc;GAC9B;;AAGR,SAAQ,QAAR;EACE,KAAK,OACH,QAAO,oBAAoB;EAC7B,KAAK,SACH,QAAO,sBAAsB;EAC/B,KAAK,OACH,QAAO,oBAAoB;EAC7B,KAAK,UACH,QAAO,uBAAuB;EAChC,KAAK,QACH,QAAO,qBAAqB;EAC9B,QACE,QAAO,uBAAuB"}

package/dist/esm/components/TableActionsDropdown.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { __esmMin } from "../_virtual/rolldown_runtime.js";
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, cn } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -29,9 +28,7 @@ function TableActionsDropdown({ actions, children }) {
 		}, index))
 	})] });
 }
-var init_TableActionsDropdown = __esmMin(() => {});
 //#endregion
-init_TableActionsDropdown();
-export { TableActionsDropdown, init_TableActionsDropdown };
+export { TableActionsDropdown };
 //# sourceMappingURL=TableActionsDropdown.js.map

package/dist/esm/components/TableActionsDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableActionsDropdown.js","names":[],"sources":["../../../src/components/TableActionsDropdown.tsx"],"sourcesContent":["import {\n Button,\n cn,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { MoreHorizontal } from \"lucide-react\";\nimport React from \"react\";\n\nexport function TableActionsDropdown({\n actions,\n children,\n}: {\n actions: {\n destructive?: boolean;\n icon: React.ReactNode;\n label: string;\n onClick: () => void;\n }[];\n children?: React.ReactNode;\n}): React.JSX.Element {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n {children ?? (\n <Button className=\"h-8 w-8\" size=\"icon\" variant=\"ghost\">\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">Open menu</span>\n </Button>\n )}\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {actions.map((action, index) => (\n <DropdownMenuItem\n className={cn(\n \"focus:bg-accent transition-colors\",\n action.destructive\n ? \"text-destructive hover:bg-destructive/10\"\n : \"hover:bg-accent\",\n )}\n key={index}\n onClick={action.onClick}>\n {action.icon}\n <span className=\"ml-1.5\">{action.label}</span>\n </DropdownMenuItem>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n"],"mappings":"~~;;;;;;;~~AAWA,SAAgB,qBAAqB,EACnC,SACA,YASoB;AACpB,QACE,qBAAC,~~2BACC~~,oBAAC;~~EAAoB~~;YAClB,YACC,qBAAC;~~GAAO~~,WAAU;GAAU,MAAK;GAAO,SAAQ;~~cAC9C~~,oBAAC,~~kBAAe~~,WAAU,~~YAAY~~,~~EACtC~~,oBAAC;~~IAAK~~,WAAU;cAAU;~~KAAgB;IACnC;GAES~~,~~EACtB~~,oBAAC;~~EAAoB~~,OAAM;YACxB,QAAQ,KAAK,QAAQ,UACpB,qBAAC;~~GACC~~,WAAW,GACT,qCACA,OAAO,cACH,6CACA,kBACL;GAED,SAAS,OAAO;~~cACf~~,OAAO,MACR,oBAAC;~~IAAK~~,WAAU;cAAU,OAAO;~~KAAa~~;~~KAHzC~~,MAIY,CACnB;~~GACkB~~,~~IACT~~"}
1	+ {"version":3,"file":"TableActionsDropdown.js","names":[],"sources":["../../../src/components/TableActionsDropdown.tsx"],"sourcesContent":["import {\n Button,\n cn,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { MoreHorizontal } from \"lucide-react\";\nimport React from \"react\";\n\nexport function TableActionsDropdown({\n actions,\n children,\n}: {\n actions: {\n destructive?: boolean;\n icon: React.ReactNode;\n label: string;\n onClick: () => void;\n }[];\n children?: React.ReactNode;\n}): React.JSX.Element {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n {children ?? (\n <Button className=\"h-8 w-8\" size=\"icon\" variant=\"ghost\">\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">Open menu</span>\n </Button>\n )}\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {actions.map((action, index) => (\n <DropdownMenuItem\n className={cn(\n \"focus:bg-accent transition-colors\",\n action.destructive\n ? \"text-destructive hover:bg-destructive/10\"\n : \"hover:bg-accent\",\n )}\n key={index}\n onClick={action.onClick}>\n {action.icon}\n <span className=\"ml-1.5\">{action.label}</span>\n </DropdownMenuItem>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n"],"mappings":";;;;;;AAWA,SAAgB,qBAAqB,EACnC,SACA,YASoB;AACpB,QACE,qBAAC,cAAD,aACE,oBAAC,qBAAD;EAAqB;YAClB,YACC,qBAAC,QAAD;GAAQ,WAAU;GAAU,MAAK;GAAO,SAAQ;aAAhD,CACE,oBAAC,gBAAD,EAAgB,WAAU,WAAY,GACtC,oBAAC,QAAD;IAAM,WAAU;cAAU;IAAgB,EACnC;;EAES,GACtB,oBAAC,qBAAD;EAAqB,OAAM;YACxB,QAAQ,KAAK,QAAQ,UACpB,qBAAC,kBAAD;GACE,WAAW,GACT,qCACA,OAAO,cACH,6CACA,kBACL;GAED,SAAS,OAAO;aARlB,CASG,OAAO,MACR,oBAAC,QAAD;IAAM,WAAU;cAAU,OAAO;IAAa,EAC7B;KAJZ,MAIY,CACnB;EACkB,EACT"}

package/dist/esm/components/TableContainer.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { __esmMin } from "../_virtual/rolldown_runtime.js";
 import { cn } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -10,9 +9,7 @@ function TableContainer({ children, className }) {
 		children
 	});
 }
-var init_TableContainer = __esmMin(() => {});
 //#endregion
-init_TableContainer();
-export { TableContainer, init_TableContainer };
+export { TableContainer };
 //# sourceMappingURL=TableContainer.js.map

package/dist/esm/components/TableContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableContainer.js","names":[],"sources":["../../../src/components/TableContainer.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nexport function TableContainer({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}): React.JSX.Element {\n return (\n <div className={cn(\"rounded-lg border p-6 shadow-sm\", className)}>\n {children}\n </div>\n );\n}\n"],"mappings":"~~;;;;;;~~AAGA,SAAgB,eAAe,EAC7B,UACA,aAIoB;AACpB,QACE,oBAAC;~~EAAI~~,WAAW,GAAG,mCAAmC,UAAU;EAC7D;~~GACG~~"}
1	+ {"version":3,"file":"TableContainer.js","names":[],"sources":["../../../src/components/TableContainer.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nexport function TableContainer({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}): React.JSX.Element {\n return (\n <div className={cn(\"rounded-lg border p-6 shadow-sm\", className)}>\n {children}\n </div>\n );\n}\n"],"mappings":";;;;;AAGA,SAAgB,eAAe,EAC7B,UACA,aAIoB;AACpB,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,mCAAmC,UAAU;EAC7D;EACG"}