@umituz/web-dashboard 2.0.0 → 2.0.2

package/dist/layouts/hooks/index.js

@@ -0,0 +1,57 @@
+"use client";
+
+// src/domains/layouts/hooks/dashboard.ts
+import { useState, useCallback } from "react";
+function useNotifications(initialNotifications = []) {
+  const [notifications, setNotifications] = useState(initialNotifications);
+  const markAllRead = useCallback(() => {
+    setNotifications(
+      (prev) => prev.map((n) => ({ ...n, read: true }))
+    );
+  }, []);
+  const dismiss = useCallback((id) => {
+    setNotifications((prev) => prev.filter((n) => n.id !== id));
+  }, []);
+  const add = useCallback((notification) => {
+    const newNotification = {
+      ...notification,
+      id: crypto.randomUUID(),
+      read: false,
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    setNotifications((prev) => [newNotification, ...prev]);
+  }, []);
+  return {
+    notifications,
+    markAllRead,
+    dismiss,
+    add
+  };
+}
+function useSidebar(initialCollapsed = false) {
+  const [collapsed, setCollapsed] = useState(initialCollapsed);
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const toggle = useCallback(() => {
+    setCollapsed((prev) => !prev);
+  }, []);
+  const openMobile = useCallback(() => {
+    setMobileOpen(true);
+  }, []);
+  const closeMobile = useCallback(() => {
+    setMobileOpen(false);
+  }, []);
+  return {
+    collapsed,
+    setCollapsed,
+    toggle,
+    mobileOpen,
+    setMobileOpen,
+    openMobile,
+    closeMobile
+  };
+}
+export {
+  useNotifications,
+  useSidebar
+};
+//# sourceMappingURL=index.js.map

package/dist/layouts/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/domains/layouts/hooks/dashboard.ts"],"sourcesContent":["/**\n * Dashboard Hooks\n *\n * Custom React hooks for dashboard functionality\n */\n\nimport { useState, useCallback } from \"react\";\nimport type { DashboardNotification } from \"../types/notification\";\n\n/**\n * Use Notifications Hook\n *\n * Manages notification state and actions\n *\n * @param initialNotifications - Initial notification list\n * @returns Notification state and actions\n */\nexport function useNotifications(initialNotifications: DashboardNotification[] = []) {\n  const [notifications, setNotifications] = useState<DashboardNotification[]>(initialNotifications);\n\n  const markAllRead = useCallback(() => {\n    setNotifications((prev) =>\n      prev.map((n) => ({ ...n, read: true }))\n    );\n  }, []);\n\n  const dismiss = useCallback((id: string) => {\n    setNotifications((prev) => prev.filter((n) => n.id !== id));\n  }, []);\n\n  const add = useCallback((notification: Omit<DashboardNotification, \"id\">) => {\n    const newNotification: DashboardNotification = {\n      ...notification,\n      id: crypto.randomUUID(),\n      read: false,\n      createdAt: new Date(),\n    };\n    setNotifications((prev) => [newNotification, ...prev]);\n  }, []);\n\n  return {\n    notifications,\n    markAllRead,\n    dismiss,\n    add,\n  };\n}\n\n/**\n * Use Sidebar Hook\n *\n * Manages sidebar state\n *\n * @returns Sidebar state and actions\n */\nexport function useSidebar(initialCollapsed = false) {\n  const [collapsed, setCollapsed] = useState(initialCollapsed);\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  const toggle = useCallback(() => {\n    setCollapsed((prev) => !prev);\n  }, []);\n\n  const openMobile = useCallback(() => {\n    setMobileOpen(true);\n  }, []);\n\n  const closeMobile = useCallback(() => {\n    setMobileOpen(false);\n  }, []);\n\n  return {\n    collapsed,\n    setCollapsed,\n    toggle,\n    mobileOpen,\n    setMobileOpen: setMobileOpen,\n    openMobile,\n    closeMobile,\n  };\n}\n"],"mappings":";;;AAMA,SAAS,UAAU,mBAAmB;AAW/B,SAAS,iBAAiB,uBAAgD,CAAC,GAAG;AACnF,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAkC,oBAAoB;AAEhG,QAAM,cAAc,YAAY,MAAM;AACpC;AAAA,MAAiB,CAAC,SAChB,KAAK,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,KAAK,EAAE;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,CAAC,OAAe;AAC1C,qBAAiB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EAC5D,GAAG,CAAC,CAAC;AAEL,QAAM,MAAM,YAAY,CAAC,iBAAoD;AAC3E,UAAM,kBAAyC;AAAA,MAC7C,GAAG;AAAA,MACH,IAAI,OAAO,WAAW;AAAA,MACtB,MAAM;AAAA,MACN,WAAW,oBAAI,KAAK;AAAA,IACtB;AACA,qBAAiB,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AASO,SAAS,WAAW,mBAAmB,OAAO;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa,CAAC,SAAS,CAAC,IAAI;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,YAAY,MAAM;AACnC,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,MAAM;AACpC,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/layouts/index.d.ts

@@ -0,0 +1,17 @@
+export { DashboardLayout } from './components/DashboardLayout.js';
+export { DashboardHeader } from './components/DashboardHeader.js';
+export { DashboardSidebar } from './components/DashboardSidebar.js';
+export { BrandLogo } from './components/BrandLogo.js';
+export { useNotifications, useSidebar } from './hooks/dashboard.js';
+export { filterSidebarItems, formatNotificationTime, generateNotificationId, getPageTitle, isPathActive } from './utils/dashboard.js';
+export { SidebarGroup, SidebarItem } from './types/sidebar.js';
+export { DashboardHeaderProps, DashboardLayoutConfig, DashboardSidebarProps } from './types/layout.js';
+export { DashboardTheme, DashboardThemePreset } from './types/theme.js';
+export { DashboardNotification } from './types/notification.js';
+export { DashboardUser, UserNavMenuItem } from './types/user.js';
+export { DEFAULT_DASHBOARD_THEME, DEFAULT_DASHBOARD_THEME_DARK } from './theme/default.js';
+export { DASHBOARD_THEME_PRESETS } from './theme/presets.js';
+export { applyDashboardTheme, getDashboardThemePreset, mergeDashboardTheme } from './theme/utils.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'lucide-react';