@umituz/web-dashboard 1.0.7 → 2.0.1

package/dist/components/DashboardSidebar.js

@@ -0,0 +1,189 @@
+"use client";
+
+// src/domains/layouts/components/DashboardSidebar.tsx
+import { useState } from "react";
+import { Link, useLocation } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { Button } from "@umituz/web-design-system/atoms";
+
+// src/domains/layouts/components/BrandLogo.tsx
+import { cn } from "@umituz/web-design-system/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BrandLogo = ({ className, size = 32 }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 100 100",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn("shrink-0", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "15",
+            y: "65",
+            width: "70",
+            height: "15",
+            rx: "4",
+            fill: "hsl(var(--primary))"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "25",
+            y: "25",
+            width: "12",
+            height: "40",
+            rx: "2",
+            fill: "hsl(var(--primary))"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "44",
+            y: "35",
+            width: "12",
+            height: "30",
+            rx: "2",
+            fill: "hsl(var(--primary))"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "63",
+            y: "20",
+            width: "12",
+            height: "45",
+            rx: "2",
+            fill: "hsl(var(--primary))"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "20",
+            y: "45",
+            width: "60",
+            height: "10",
+            rx: "2",
+            fill: "hsl(var(--secondary))"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "50",
+            cy: "20",
+            r: "5",
+            fill: "hsl(var(--secondary))"
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/domains/layouts/components/DashboardSidebar.tsx
+import { PenTool, Menu, ChevronLeft, ChevronDown, ChevronRight } from "lucide-react";
+
+// src/domains/layouts/utils/dashboard.ts
+function filterSidebarItems(items, user) {
+  return items.filter((item) => {
+    if (item.enabled === false) return false;
+    if (!item.requiredApp) return true;
+    if (item.requiredApp === "mobile") return user?.hasMobileApp ?? false;
+    if (item.requiredApp === "web") return user?.hasWebApp ?? false;
+    return true;
+  });
+}
+
+// src/domains/layouts/components/DashboardSidebar.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DashboardSidebar = ({
+  collapsed,
+  setCollapsed,
+  sidebarGroups,
+  brandName = "App",
+  brandTagline = "grow smarter",
+  createPostRoute = "/dashboard/create",
+  user
+}) => {
+  const location = useLocation();
+  const { t } = useTranslation();
+  const [collapsedGroups, setCollapsedGroups] = useState({});
+  const toggleGroup = (title) => {
+    setCollapsedGroups((prev) => ({
+      ...prev,
+      [title]: !prev[title]
+    }));
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex h-16 items-center gap-3 border-b border-sidebar-border px-4 transition-all duration-300", children: [
+      /* @__PURE__ */ jsx2(BrandLogo, { size: 32 }),
+      !collapsed && /* @__PURE__ */ jsxs2("div", { className: "flex flex-col -gap-1", children: [
+        /* @__PURE__ */ jsx2("span", { className: "text-2xl font-black text-sidebar-foreground tracking-tighter leading-none", children: brandName }),
+        /* @__PURE__ */ jsx2("span", { className: "text-[11px] font-bold text-primary/70 lowercase tracking-tight mt-2 ml-1 select-none underline decoration-primary/40 underline-offset-[6px] decoration-2", children: brandTagline })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "px-3 py-4 border-b border-sidebar-border/50", children: /* @__PURE__ */ jsx2(Link, { to: createPostRoute, children: /* @__PURE__ */ jsxs2(
+      Button,
+      {
+        variant: "default",
+        className: `w-full gap-3 shadow-glow transition-all active:scale-95 group overflow-hidden rounded-xl ${collapsed ? "px-0 justify-center h-10 w-10 mx-auto" : "justify-start px-4 h-11"}`,
+        title: collapsed ? t("sidebar.createPost") : void 0,
+        children: [
+          /* @__PURE__ */ jsx2(PenTool, { className: `shrink-0 transition-transform duration-300 ${collapsed ? "h-5 w-5" : "h-4 w-4 group-hover:scale-110"}` }),
+          !collapsed && /* @__PURE__ */ jsx2("span", { className: "font-bold tracking-tight", children: t("sidebar.createPost") })
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx2("nav", { className: "flex-1 overflow-y-auto px-2 py-3 scrollbar-hide", children: /* @__PURE__ */ jsx2("div", { className: "space-y-6", children: sidebarGroups.map((group) => {
+      const filteredItems = filterSidebarItems(group.items, user);
+      if (filteredItems.length === 0) return null;
+      const isGroupCollapsed = collapsedGroups[group.title];
+      return /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
+        !collapsed && /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            onClick: () => toggleGroup(group.title),
+            className: "w-full flex items-center justify-between px-3 mb-2 group/header",
+            children: [
+              /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-bold uppercase tracking-widest text-sidebar-foreground/40 group-hover/header:text-sidebar-foreground/70 transition-colors", children: group.title === "sidebar.ai" ? `${brandName} AI` : t(group.title) }),
+              isGroupCollapsed ? /* @__PURE__ */ jsx2(ChevronRight, { className: "h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors" }) : /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors" })
+            ]
+          }
+        ),
+        (!isGroupCollapsed || collapsed) && filteredItems.map((item) => {
+          const active = location.pathname === item.path;
+          return /* @__PURE__ */ jsxs2(
+            Link,
+            {
+              to: item.path,
+              className: `flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200 ${active ? "bg-sidebar-accent text-sidebar-accent-foreground shadow-sm" : "text-sidebar-foreground/70 hover:bg-sidebar-accent/40 hover:text-sidebar-foreground"} ${collapsed ? "justify-center" : ""}`,
+              title: collapsed ? t(item.label) : void 0,
+              children: [
+                /* @__PURE__ */ jsx2(item.icon, { className: `h-4 w-4 shrink-0 transition-transform ${active && "scale-110"}` }),
+                !collapsed && /* @__PURE__ */ jsx2("span", { children: t(item.label) })
+              ]
+            },
+            item.path
+          );
+        })
+      ] }, group.title);
+    }) }) }),
+    /* @__PURE__ */ jsx2("div", { className: "border-t border-sidebar-border p-3", children: /* @__PURE__ */ jsxs2("div", { className: `flex items-center ${collapsed ? "justify-center" : "justify-between"}`, children: [
+      !collapsed && /* @__PURE__ */ jsx2("p", { className: "text-[10px] uppercase tracking-wider text-sidebar-foreground/40 font-bold px-2", children: t("sidebar.system") }),
+      /* @__PURE__ */ jsx2(Button, { variant: "ghost", size: "icon", onClick: () => setCollapsed(!collapsed), className: "text-sidebar-foreground/70", children: collapsed ? /* @__PURE__ */ jsx2(Menu, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx2(ChevronLeft, { className: "h-4 w-4" }) })
+    ] }) })
+  ] });
+};
+export {
+  DashboardSidebar
+};
+//# sourceMappingURL=DashboardSidebar.js.map

package/dist/components/DashboardSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/domains/layouts/components/DashboardSidebar.tsx","../../src/domains/layouts/components/BrandLogo.tsx","../../src/domains/layouts/utils/dashboard.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"@umituz/web-design-system/atoms\";\nimport { BrandLogo } from \"./BrandLogo\";\nimport { PenTool, Menu, ChevronLeft, ChevronDown, ChevronRight } from \"lucide-react\";\nimport type { DashboardSidebarProps } from \"../types/layout\";\nimport type { DashboardUser } from \"../types/user\";\nimport type { SidebarGroup } from \"../types/sidebar\";\nimport { filterSidebarItems } from \"../utils/dashboard\";\n\ninterface DashboardSidebarPropsExtended extends DashboardSidebarProps {\n  /** Sidebar groups configuration */\n  sidebarGroups: SidebarGroup[];\n  /** Brand name */\n  brandName?: string;\n  /** Brand tagline */\n  brandTagline?: string;\n  /** Create post route */\n  createPostRoute?: string;\n  /** Auth user */\n  user?: DashboardUser;\n}\n\n/**\n * Dashboard Sidebar Component\n *\n * Displays collapsible sidebar with navigation menu items.\n * Supports app-based filtering (mobile/web) and collapsible groups.\n *\n * @param props - Dashboard sidebar props\n */\nexport const DashboardSidebar = ({\n  collapsed,\n  setCollapsed,\n  sidebarGroups,\n  brandName = \"App\",\n  brandTagline = \"grow smarter\",\n  createPostRoute = \"/dashboard/create\",\n  user,\n}: DashboardSidebarPropsExtended) => {\n  const location = useLocation();\n  const { t } = useTranslation();\n  const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>({});\n\n  const toggleGroup = (title: string) => {\n    setCollapsedGroups(prev => ({\n      ...prev,\n      [title]: !prev[title]\n    }));\n  };\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {/* Brand Section */}\n      <div className=\"flex h-16 items-center gap-3 border-b border-sidebar-border px-4 transition-all duration-300\">\n        <BrandLogo size={32} />\n        {!collapsed && (\n          <div className=\"flex flex-col -gap-1\">\n            <span className=\"text-2xl font-black text-sidebar-foreground tracking-tighter leading-none\">{brandName}</span>\n            <span className=\"text-[11px] font-bold text-primary/70 lowercase tracking-tight mt-2 ml-1 select-none underline decoration-primary/40 underline-offset-[6px] decoration-2\">\n              {brandTagline}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Create Button */}\n      <div className=\"px-3 py-4 border-b border-sidebar-border/50\">\n        <Link to={createPostRoute}>\n          <Button\n            variant=\"default\"\n            className={`w-full gap-3 shadow-glow transition-all active:scale-95 group overflow-hidden rounded-xl ${\n              collapsed ? \"px-0 justify-center h-10 w-10 mx-auto\" : \"justify-start px-4 h-11\"\n            }`}\n            title={collapsed ? t('sidebar.createPost') : undefined}\n          >\n            <PenTool className={`shrink-0 transition-transform duration-300 ${collapsed ? \"h-5 w-5\" : \"h-4 w-4 group-hover:scale-110\"}`} />\n            {!collapsed && <span className=\"font-bold tracking-tight\">{t('sidebar.createPost')}</span>}\n          </Button>\n        </Link>\n      </div>\n\n      {/* Navigation */}\n      <nav className=\"flex-1 overflow-y-auto px-2 py-3 scrollbar-hide\">\n        <div className=\"space-y-6\">\n          {sidebarGroups.map((group) => {\n            const filteredItems = filterSidebarItems(group.items, user);\n\n            if (filteredItems.length === 0) return null;\n\n            const isGroupCollapsed = collapsedGroups[group.title];\n\n            return (\n              <div key={group.title} className=\"space-y-1\">\n                {!collapsed && (\n                  <button\n                    onClick={() => toggleGroup(group.title)}\n                    className=\"w-full flex items-center justify-between px-3 mb-2 group/header\"\n                  >\n                    <span className=\"text-[10px] font-bold uppercase tracking-widest text-sidebar-foreground/40 group-hover/header:text-sidebar-foreground/70 transition-colors\">\n                      {group.title === \"sidebar.ai\" ? `${brandName} AI` : t(group.title)}\n                    </span>\n                    {isGroupCollapsed ? (\n                      <ChevronRight className=\"h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors\" />\n                    ) : (\n                      <ChevronDown className=\"h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors\" />\n                    )}\n                  </button>\n                )}\n\n                {(!isGroupCollapsed || collapsed) && filteredItems.map((item) => {\n                  const active = location.pathname === item.path;\n                  return (\n                    <Link\n                      key={item.path}\n                      to={item.path}\n                      className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200 ${\n                        active\n                          ? \"bg-sidebar-accent text-sidebar-accent-foreground shadow-sm\"\n                          : \"text-sidebar-foreground/70 hover:bg-sidebar-accent/40 hover:text-sidebar-foreground\"\n                      } ${collapsed ? \"justify-center\" : \"\"}`}\n                      title={collapsed ? t(item.label) : undefined}\n                    >\n                      <item.icon className={`h-4 w-4 shrink-0 transition-transform ${active && \"scale-110\"}`} />\n                      {!collapsed && <span>{t(item.label)}</span>}\n                    </Link>\n                  );\n                })}\n              </div>\n            );\n          })}\n        </div>\n      </nav>\n\n      {/* Collapse Toggle */}\n      <div className=\"border-t border-sidebar-border p-3\">\n        <div className={`flex items-center ${collapsed ? \"justify-center\" : \"justify-between\"}`}>\n          {!collapsed && (\n            <p className=\"text-[10px] uppercase tracking-wider text-sidebar-foreground/40 font-bold px-2\">\n              {t('sidebar.system')}\n            </p>\n          )}\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => setCollapsed(!collapsed)} className=\"text-sidebar-foreground/70\">\n            {collapsed ? <Menu className=\"h-4 w-4\" /> : <ChevronLeft className=\"h-4 w-4\" />}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { cn } from \"@umituz/web-design-system/utils\";\n\ninterface BrandLogoProps {\n  className?: string;\n  size?: number;\n}\n\n/**\n * BrandLogo Component\n *\n * Displays the application brand logo as an SVG.\n * Supports custom sizing and styling through className.\n *\n * @param className - Optional CSS classes for styling\n * @param size - Width and height in pixels (default: 32)\n */\nexport const BrandLogo = ({ className, size = 32 }: BrandLogoProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\"shrink-0\", className)}\n    >\n      {/* Solid Foundation / Platform */}\n      <rect\n        x=\"15\"\n        y=\"65\"\n        width=\"70\"\n        height=\"15\"\n        rx=\"4\"\n        fill=\"hsl(var(--primary))\"\n      />\n\n      {/* Assembly Paths / Structure */}\n      <rect\n        x=\"25\"\n        y=\"25\"\n        width=\"12\"\n        height=\"40\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n      <rect\n        x=\"44\"\n        y=\"35\"\n        width=\"12\"\n        height=\"30\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n      <rect\n        x=\"63\"\n        y=\"20\"\n        width=\"12\"\n        height=\"45\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n\n      {/* Modern Accent - The 'Assembly' Bridge */}\n      <rect\n        x=\"20\"\n        y=\"45\"\n        width=\"60\"\n        height=\"10\"\n        rx=\"2\"\n        fill=\"hsl(var(--secondary))\"\n      />\n\n      {/* Connection Point / Beacon */}\n      <circle\n        cx=\"50\"\n        cy=\"20\"\n        r=\"5\"\n        fill=\"hsl(var(--secondary))\"\n      />\n    </svg>\n  );\n};\n","/**\n * Dashboard Utilities\n *\n * Utility functions for dashboard operations\n */\n\n/**\n * Format notification timestamp to relative time\n *\n * @param createdAt - Notification creation timestamp\n * @param t - i18n translation function\n * @returns Formatted time string\n */\nexport function formatNotificationTime(\n  createdAt: Date | string | number,\n  t: (key: string, params?: Record<string, unknown>) => string\n): string {\n  const date = new Date(createdAt);\n  const secs = Math.floor((Date.now() - date.getTime()) / 1000);\n\n  if (secs < 60) return t(\"dashboard.activityFeed.times.justNow\");\n  if (secs < 3600) return t(\"dashboard.activityFeed.times.minutesAgo\", { val: Math.floor(secs / 60) });\n  if (secs < 86400) return t(\"dashboard.activityFeed.times.hoursAgo\", { val: Math.floor(secs / 3600) });\n  return t(\"dashboard.activityFeed.times.daysAgo\", { val: Math.floor(secs / 86400) });\n}\n\n/**\n * Check if a path is active\n *\n * @param currentPath - Current location pathname\n * @param targetPath - Target path to check\n * @returns True if paths match\n */\nexport function isPathActive(currentPath: string, targetPath: string): boolean {\n  return currentPath === targetPath;\n}\n\n/**\n * Get page title from sidebar configuration\n *\n * @param pathname - Current pathname\n * @param sidebarGroups - Sidebar groups configuration\n * @param extraTitleMap - Extra title mappings\n * @returns Page title or null\n */\nexport function getPageTitle(\n  pathname: string,\n  sidebarGroups: Array<{ items: Array<{ path: string; label: string }> }>,\n  extraTitleMap?: Record<string, string>\n): string | null {\n  // Search in sidebar groups\n  for (const group of sidebarGroups) {\n    const item = group.items.find((i) => i.path === pathname);\n    if (item) return item.label;\n  }\n\n  // Search in extra title map\n  if (extraTitleMap?.[pathname]) {\n    return extraTitleMap[pathname];\n  }\n\n  return null;\n}\n\n/**\n * Filter sidebar items by app type and enabled status\n *\n * @param items - Sidebar items to filter\n * @param user - Current user object\n * @returns Filtered items\n */\nexport function filterSidebarItems<T extends { enabled?: boolean; requiredApp?: \"mobile\" | \"web\" }>(\n  items: T[],\n  user?: { hasMobileApp?: boolean; hasWebApp?: boolean }\n): T[] {\n  return items.filter((item) => {\n    // Skip disabled items\n    if (item.enabled === false) return false;\n\n    // Skip items that require specific app types\n    if (!item.requiredApp) return true;\n    if (item.requiredApp === \"mobile\") return user?.hasMobileApp ?? false;\n    if (item.requiredApp === \"web\") return user?.hasWebApp ?? false;\n\n    return true;\n  });\n}\n\n/**\n * Generate notification ID\n *\n * @returns Unique notification ID\n */\nexport function generateNotificationId(): string {\n  return crypto.randomUUID();\n}\n"],"mappings":"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","names":["jsx","jsxs"]}

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export { DashboardLayout } from './DashboardLayout.js';
+export { DashboardHeader } from './DashboardHeader.js';
+export { DashboardSidebar } from './DashboardSidebar.js';
+export { BrandLogo } from './BrandLogo.js';
+import 'react/jsx-runtime';
+import '../types/layout.js';
+import '../types/sidebar.js';
+import 'lucide-react';
+import '../types/notification.js';
+import '../types/user.js';