@umituz/web-dashboard 1.0.7 → 2.0.0

package/dist/types/sidebar.d.ts

@@ -0,0 +1,36 @@
+import { LucideIcon } from 'lucide-react';
+
+/**
+ * Dashboard Types - Sidebar
+ *
+ * Type definitions for sidebar components
+ */
+
+/**
+ * Single sidebar menu item
+ */
+interface SidebarItem {
+    /** Display label (can be i18n key) */
+    label: string;
+    /** Icon from lucide-react */
+    icon: LucideIcon;
+    /** Route path */
+    path: string;
+    /** Filter by app type (optional) */
+    requiredApp?: 'mobile' | 'web';
+    /** Enable/disable this item (default: true) */
+    enabled?: boolean;
+}
+/**
+ * Group of sidebar items with a title
+ */
+interface SidebarGroup {
+    /** Group title (can be i18n key) */
+    title: string;
+    /** Items in this group */
+    items: SidebarItem[];
+    /** Optional: Route to title mapping for page headers */
+    titleMap?: Record<string, string>;
+}
+
+export type { SidebarGroup, SidebarItem };

package/dist/types/sidebar.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=sidebar.js.map

package/dist/types/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/theme.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Dashboard Types - Theme
+ *
+ * Type definitions for theme system
+ */
+/**
+ * Dashboard theme configuration
+ * Extends CSS variables for customization
+ */
+interface DashboardTheme {
+    /** Primary color (CSS variable compatible) */
+    primary?: string;
+    /** Secondary color */
+    secondary?: string;
+    /** Sidebar background */
+    sidebarBackground?: string;
+    /** Sidebar foreground */
+    sidebarForeground?: string;
+    /** Sidebar border */
+    sidebarBorder?: string;
+    /** Header background */
+    headerBackground?: string;
+    /** Background color */
+    background?: string;
+    /** Foreground color */
+    foreground?: string;
+    /** Border color */
+    border?: string;
+    /** Accent color */
+    accent?: string;
+    /** Accent foreground */
+    accentForeground?: string;
+    /** Destructive color */
+    destructive?: string;
+    /** Destructive foreground */
+    destructiveForeground?: string;
+    /** Muted background */
+    muted?: string;
+    /** Muted foreground */
+    mutedForeground?: string;
+    /** Card background */
+    card?: string;
+    /** Card foreground */
+    cardForeground?: string;
+    /** Popover background */
+    popover?: string;
+    /** Popover foreground */
+    popoverForeground?: string;
+    /** Radius (border-radius) */
+    radius?: string;
+}
+/**
+ * Theme preset for quick setup
+ */
+interface DashboardThemePreset {
+    /** Preset name */
+    name: string;
+    /** Theme configuration */
+    theme: DashboardTheme;
+    /** Whether this is a dark theme */
+    dark?: boolean;
+}
+
+export type { DashboardTheme, DashboardThemePreset };

package/dist/types/theme.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=theme.js.map

package/dist/types/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/user.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Dashboard Types - User
+ *
+ * Type definitions for user profile
+ */
+/**
+ * User profile info for header
+ */
+interface DashboardUser {
+    /** User ID */
+    id: string;
+    /** Display name */
+    name?: string;
+    /** Email address */
+    email?: string;
+    /** Avatar URL */
+    avatar?: string;
+    /** Whether user has mobile app access */
+    hasMobileApp?: boolean;
+    /** Whether user has web app access */
+    hasWebApp?: boolean;
+}
+/**
+ * Navigation item for user menu
+ */
+interface UserNavMenuItem {
+    /** Display label */
+    label: string;
+    /** Icon component */
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Route path */
+    path: string;
+}
+
+export type { DashboardUser, UserNavMenuItem };

package/dist/types/user.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=user.js.map

package/dist/types/user.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/dashboard.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Dashboard Utilities
+ *
+ * Utility functions for dashboard operations
+ */
+/**
+ * Format notification timestamp to relative time
+ *
+ * @param createdAt - Notification creation timestamp
+ * @param t - i18n translation function
+ * @returns Formatted time string
+ */
+declare function formatNotificationTime(createdAt: Date | string | number, t: (key: string, params?: Record<string, unknown>) => string): string;
+/**
+ * Check if a path is active
+ *
+ * @param currentPath - Current location pathname
+ * @param targetPath - Target path to check
+ * @returns True if paths match
+ */
+declare function isPathActive(currentPath: string, targetPath: string): boolean;
+/**
+ * Get page title from sidebar configuration
+ *
+ * @param pathname - Current pathname
+ * @param sidebarGroups - Sidebar groups configuration
+ * @param extraTitleMap - Extra title mappings
+ * @returns Page title or null
+ */
+declare function getPageTitle(pathname: string, sidebarGroups: Array<{
+    items: Array<{
+        path: string;
+        label: string;
+    }>;
+}>, extraTitleMap?: Record<string, string>): string | null;
+/**
+ * Filter sidebar items by app type and enabled status
+ *
+ * @param items - Sidebar items to filter
+ * @param user - Current user object
+ * @returns Filtered items
+ */
+declare function filterSidebarItems<T extends {
+    enabled?: boolean;
+    requiredApp?: "mobile" | "web";
+}>(items: T[], user?: {
+    hasMobileApp?: boolean;
+    hasWebApp?: boolean;
+}): T[];
+/**
+ * Generate notification ID
+ *
+ * @returns Unique notification ID
+ */
+declare function generateNotificationId(): string;
+
+export { filterSidebarItems, formatNotificationTime, generateNotificationId, getPageTitle, isPathActive };

package/dist/utils/dashboard.js

@@ -0,0 +1,44 @@
+"use client";
+
+// src/domains/layouts/utils/dashboard.ts
+function formatNotificationTime(createdAt, t) {
+  const date = new Date(createdAt);
+  const secs = Math.floor((Date.now() - date.getTime()) / 1e3);
+  if (secs < 60) return t("dashboard.activityFeed.times.justNow");
+  if (secs < 3600) return t("dashboard.activityFeed.times.minutesAgo", { val: Math.floor(secs / 60) });
+  if (secs < 86400) return t("dashboard.activityFeed.times.hoursAgo", { val: Math.floor(secs / 3600) });
+  return t("dashboard.activityFeed.times.daysAgo", { val: Math.floor(secs / 86400) });
+}
+function isPathActive(currentPath, targetPath) {
+  return currentPath === targetPath;
+}
+function getPageTitle(pathname, sidebarGroups, extraTitleMap) {
+  for (const group of sidebarGroups) {
+    const item = group.items.find((i) => i.path === pathname);
+    if (item) return item.label;
+  }
+  if (extraTitleMap?.[pathname]) {
+    return extraTitleMap[pathname];
+  }
+  return null;
+}
+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;
+  });
+}
+function generateNotificationId() {
+  return crypto.randomUUID();
+}
+export {
+  filterSidebarItems,
+  formatNotificationTime,
+  generateNotificationId,
+  getPageTitle,
+  isPathActive
+};
+//# sourceMappingURL=dashboard.js.map

package/dist/utils/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/domains/layouts/utils/dashboard.ts"],"sourcesContent":["/**\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":";;;AAaO,SAAS,uBACd,WACA,GACQ;AACR,QAAM,OAAO,IAAI,KAAK,SAAS;AAC/B,QAAM,OAAO,KAAK,OAAO,KAAK,IAAI,IAAI,KAAK,QAAQ,KAAK,GAAI;AAE5D,MAAI,OAAO,GAAI,QAAO,EAAE,sCAAsC;AAC9D,MAAI,OAAO,KAAM,QAAO,EAAE,2CAA2C,EAAE,KAAK,KAAK,MAAM,OAAO,EAAE,EAAE,CAAC;AACnG,MAAI,OAAO,MAAO,QAAO,EAAE,yCAAyC,EAAE,KAAK,KAAK,MAAM,OAAO,IAAI,EAAE,CAAC;AACpG,SAAO,EAAE,wCAAwC,EAAE,KAAK,KAAK,MAAM,OAAO,KAAK,EAAE,CAAC;AACpF;AASO,SAAS,aAAa,aAAqB,YAA6B;AAC7E,SAAO,gBAAgB;AACzB;AAUO,SAAS,aACd,UACA,eACA,eACe;AAEf,aAAW,SAAS,eAAe;AACjC,UAAM,OAAO,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,SAAS,QAAQ;AACxD,QAAI,KAAM,QAAO,KAAK;AAAA,EACxB;AAGA,MAAI,gBAAgB,QAAQ,GAAG;AAC7B,WAAO,cAAc,QAAQ;AAAA,EAC/B;AAEA,SAAO;AACT;AASO,SAAS,mBACd,OACA,MACK;AACL,SAAO,MAAM,OAAO,CAAC,SAAS;AAE5B,QAAI,KAAK,YAAY,MAAO,QAAO;AAGnC,QAAI,CAAC,KAAK,YAAa,QAAO;AAC9B,QAAI,KAAK,gBAAgB,SAAU,QAAO,MAAM,gBAAgB;AAChE,QAAI,KAAK,gBAAgB,MAAO,QAAO,MAAM,aAAa;AAE1D,WAAO;AAAA,EACT,CAAC;AACH;AAOO,SAAS,yBAAiC;AAC/C,SAAO,OAAO,WAAW;AAC3B;","names":[]}

package/package.json

@@ -1,36 +1,64 @@
 {
   "name": "@umituz/web-dashboard",
-  "version": "1.0.7",
+  "version": "2.0.0",
   "description": "Dashboard Layout System - Customizable, themeable dashboard layouts",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+    "./layouts/components/DashboardLayout": {
+      "types": "./dist/domains/layouts/components/DashboardLayout.d.ts",
+      "import": "./dist/domains/layouts/components/DashboardLayout.js"
     },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.js"
+    "./layouts/components/DashboardHeader": {
+      "types": "./dist/domains/layouts/components/DashboardHeader.d.ts",
+      "import": "./dist/domains/layouts/components/DashboardHeader.js"
     },
-    "./types": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/types/index.js"
+    "./layouts/components/DashboardSidebar": {
+      "types": "./dist/domains/layouts/components/DashboardSidebar.d.ts",
+      "import": "./dist/domains/layouts/components/DashboardSidebar.js"
     },
-    "./theme": {
-      "types": "./dist/theme/index.d.ts",
-      "import": "./dist/theme/index.js"
+    "./layouts/components/BrandLogo": {
+      "types": "./dist/domains/layouts/components/BrandLogo.d.ts",
+      "import": "./dist/domains/layouts/components/BrandLogo.js"
     },
-    "./hooks": {
-      "types": "./dist/hooks/index.d.ts",
-      "import": "./dist/hooks/index.js"
+    "./layouts/hooks/dashboard": {
+      "types": "./dist/domains/layouts/hooks/dashboard.d.ts",
+      "import": "./dist/domains/layouts/hooks/dashboard.js"
     },
-    "./utils": {
-      "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.js"
+    "./layouts/utils/dashboard": {
+      "types": "./dist/domains/layouts/utils/dashboard.d.ts",
+      "import": "./dist/domains/layouts/utils/dashboard.js"
+    },
+    "./layouts/types/sidebar": {
+      "types": "./dist/domains/layouts/types/sidebar.d.ts",
+      "import": "./dist/domains/layouts/types/sidebar.js"
+    },
+    "./layouts/types/layout": {
+      "types": "./dist/domains/layouts/types/layout.d.ts",
+      "import": "./dist/domains/layouts/types/layout.js"
+    },
+    "./layouts/types/theme": {
+      "types": "./dist/domains/layouts/types/theme.d.ts",
+      "import": "./dist/domains/layouts/types/theme.js"
+    },
+    "./layouts/types/notification": {
+      "types": "./dist/domains/layouts/types/notification.d.ts",
+      "import": "./dist/domains/layouts/types/notification.js"
+    },
+    "./layouts/types/user": {
+      "types": "./dist/domains/layouts/types/user.d.ts",
+      "import": "./dist/domains/layouts/types/user.js"
+    },
+    "./layouts/theme/default": {
+      "types": "./dist/domains/layouts/theme/default.d.ts",
+      "import": "./dist/domains/layouts/theme/default.js"
+    },
+    "./layouts/theme/presets": {
+      "types": "./dist/domains/layouts/theme/presets.d.ts",
+      "import": "./dist/domains/layouts/theme/presets.js"
+    },
+    "./layouts/theme/utils": {
+      "types": "./dist/domains/layouts/theme/utils.d.ts",
+      "import": "./dist/domains/layouts/theme/utils.js"
     },
     "./package.json": "./package.json"
   },