@umituz/web-dashboard 3.1.0 → 3.1.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 umituz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,32 @@
+# @umituz/web-dashboard
+
+Comprehensive dashboard library with analytics, billing, calendar, and more.
+
+## Features
+
+- Analytics dashboards with charts
+- Billing and subscription management
+- Calendar integration
+- User management
+- Real-time metrics
+
+## Installation
+
+```bash
+npm install @umituz/web-dashboard
+```
+
+## Usage
+
+```typescript
+import { useAnalytics } from '@umituz/web-dashboard';
+
+function Dashboard() {
+  const { data, loading } = useAnalytics();
+  // ...
+}
+```
+
+## License
+
+MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-dashboard",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "Dashboard Layout System - Comprehensive analytics, calendar, customizable layouts, and config-based architecture",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -75,7 +75,7 @@
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.57.2",
     "@typescript-eslint/parser": "^8.57.2",
-    "@umituz/web-design-system": "^2.0.0",
+    "@umituz/web-design-system": "^3.1.11",
     "eslint": "^10.0.2",
     "react-i18next": "^16.5.4",
     "react-router-dom": "^7.13.1",

package/src/domains/analytics/components/AnalyticsChart.tsx

@@ -145,7 +145,7 @@ export const AnalyticsChart = ({ config, className, height }: AnalyticsChartProp
               innerRadius={config.type === "donut" ? 40 : 0}
               dataKey="value"
             >
-              {config.data.map((entry: any, index: number) => (
+              {config.data.map((entry: Record<string, unknown>, index: number) => (
                 <Cell key={`cell-${index}`} fill={colors[index % colors.length]} />
               ))}
             </Pie>

package/src/domains/analytics/hooks/useAnalytics.ts

@@ -189,7 +189,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
 
   // Advanced analytics methods
   const calculateRetention = useCallback(
-    (userData: any[]) => {
+    (userData: unknown[]) => {
       try {
         return analyticsEngineService.calculateRetention(userData);
       } catch (err) {
@@ -201,7 +201,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
   );
 
   const calculateFunnel = useCallback(
-    (data: any[], steps: string[]) => {
+    (data: unknown[], steps: string[]) => {
       try {
         return analyticsEngineService.calculateFunnel(data, steps);
       } catch (err) {
@@ -213,7 +213,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
   );
 
   const segmentUsers = useCallback(
-    (userData: any[]) => {
+    (userData: unknown[]) => {
       try {
         return analyticsEngineService.segmentUsers(userData);
       } catch (err) {
@@ -225,7 +225,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
   );
 
   const predictUserBehavior = useCallback(
-    (user: any, historicalData: any[]) => {
+    (user: Record<string, unknown>, historicalData: unknown[]) => {
       try {
         return analyticsEngineService.predictUserBehavior(user, historicalData);
       } catch (err) {
@@ -246,7 +246,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
   }, [onError]);
 
   const getRealtimeMetrics = useCallback(
-    (previous?: any) => {
+    (previous?: Record<string, unknown>) => {
       try {
         return performanceService.simulateRealtimeMetrics(previous);
       } catch (err) {

package/src/domains/analytics/utils/analytics.ts

@@ -244,7 +244,7 @@ export function aggregateByPeriod(
   });
 
   return Array.from(grouped.entries()).map(([date, items]) => {
-    const aggregated: any = { date };
+    const aggregated: Record<string, string | number> = { date };
 
     // Sum all numeric fields
     items.forEach((item) => {

package/src/domains/billing/hooks/useBilling.ts

@@ -22,6 +22,14 @@ interface UseBillingOptions {
   initialData?: BillingSummary;
 }
 
+interface CardDetails {
+  last4: string;
+  brand: string;
+  expiryMonth: number;
+  expiryYear: number;
+  name?: string;
+}
+
 interface BillingActions {
   /** Load billing summary */
   loadBilling: () => Promise<void>;
@@ -32,7 +40,7 @@ interface BillingActions {
   /** Update billing cycle */
   updateCycle: (cycle: BillingCycle) => Promise<void>;
   /** Add payment method */
-  addPaymentMethod: (paymentMethodDetails: any) => Promise<PaymentMethod>;
+  addPaymentMethod: (paymentMethodDetails: CardDetails) => Promise<PaymentMethod>;
   /** Remove payment method */
   removePaymentMethod: (methodId: string) => Promise<void>;
   /** Set default payment method */
@@ -256,7 +264,7 @@ export function useBilling(options: UseBillingOptions = {}) {
   }, [apiUrl]);
 
   // Add payment method
-  const addPaymentMethod = useCallback(async (paymentMethodDetails: any) => {
+  const addPaymentMethod = useCallback(async (paymentMethodDetails: CardDetails) => {
     setIsLoading(true);
     setError(null);
 

package/src/domains/calendar/services/CalendarService.ts

@@ -48,19 +48,19 @@ class FirebaseCalendarDatabase implements ICalendarDatabase {
       getDocs(postsQuery)
     ]);
 
-    const calendarItems = calendarSnap.docs.map((doc: any) => ({
+    const calendarItems = calendarSnap.docs.map((doc: { id: string; data: () => Record<string, unknown> }) => ({
       id: doc.id,
       ...doc.data()
     } as ContentItem));
 
-    const postItems = postsSnap.docs.map((doc: any) => {
+    const postItems = postsSnap.docs.map((doc: { id: string; data: () => Record<string, unknown> }) => {
       const data = doc.data();
       return {
         id: doc.id,
         title: data.title || 'Untitled Post',
         description: data.content || '',
         scheduled_at: data.scheduledAt
-          ? (typeof data.scheduledAt === 'string' ? data.scheduledAt : (data.scheduledAt as any)?.toDate?.().toISOString())
+          ? (typeof data.scheduledAt === 'string' ? data.scheduledAt : (data.scheduledAt as { toDate: () => Date })?.toDate?.().toISOString())
           : new Date().toISOString(),
         platforms: data.platform ? [data.platform] : [],
         app_name: data.appName || 'My App',
@@ -118,7 +118,7 @@ class FirebaseCalendarDatabase implements ICalendarDatabase {
 
     const docRef = doc(db as any, 'calendar_items', id);
 
-    const updateData: any = { ...updates };
+    const updateData: Record<string, unknown> = { ...updates };
     if (updates.scheduled_at) {
       updateData.scheduled_at = typeof updates.scheduled_at === 'string'
         ? updates.scheduled_at

package/src/domains/layouts/components/DashboardLayout.tsx

@@ -27,6 +27,8 @@ interface DashboardLayoutProps {
   onDismissNotification?: (id: string) => void;
   /** Login route for redirect */
   loginRoute?: string;
+  /** Children for routing */
+  children?: React.ReactNode;
 }
 
 /**
@@ -54,6 +56,7 @@ export const DashboardLayout = ({
   onMarkAllRead,
   onDismissNotification,
   loginRoute = "/login",
+  children,
 }: DashboardLayoutProps) => {
   const location = useLocation();
   const { t } = useTranslation();
@@ -153,7 +156,7 @@ export const DashboardLayout = ({
               <Skeleton className="h-64 rounded-[32px]" />
             </div>
           ) : (
-            <Outlet />
+            children || <Outlet />
           )}
         </main>
       </div>