@moontra/moonui-pro 2.24.11 → 2.24.12

package/dist/index.mjs

@@ -4,11 +4,11 @@ import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
 import t__default, { useState, useMemo, useCallback, useRef, useEffect, forwardRef, createContext, useContext, useLayoutEffect, useDebugValue, Component } from 'react';
 import * as AccordionPrimitive2 from '@radix-ui/react-accordion';
-import { Loader2, Play, ExternalLink, ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Minus, Clock, ChevronUp, Search, Mic, MicOff, Settings, RefreshCw, Zap, ChevronRight, Crown, Circle, ChevronLeft, Plus, Lock, Sparkles, ZoomOut, ZoomIn, Pause, VolumeX, Volume2, Download, Maximize2, Filter, Image as Image$1, Video, RotateCw, Minimize2, Phone, Globe, Upload, Eye, CheckCircle2, RotateCcw, Copy, Share, Trash2, CreditCard, XCircle, HelpCircle, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code as Code$1, Link as Link$1, Palette, Undo, Redo, Edit, GripVertical, Type, Heading1, Heading2, Heading3, CheckSquare, Highlighter, Link2, Table as Table$1, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, BarChart3, Music, Archive, File, FileSpreadsheet, FileJson, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, CheckCircle, Star, Shield, Award, Gem, Flame, Menu, Calendar as Calendar$1, Repeat, MapPin, Users, User, Move, EyeOff, Timer, Square, Cpu, Target, GitBranch, ArrowRight, MoreVertical, Trash, TrendingUp, MessageCircle, Paperclip, Printer, TrendingDown, Bell, CheckCheck, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Github, Activity, Server, Monitor, MemoryStick, HardDrive, Network, Columns, Pin, Sun, Moon, Send, Tag, Flag, BellOff, CalendarIcon, DollarSign, Map as Map$1, Trophy, ArrowDownRight, ArrowUpRight, Grip, Unlock, GitFork, Package } from 'lucide-react';
+import { Loader2, Play, ExternalLink, ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Minus, Clock, ChevronUp, Search, Mic, MicOff, Settings, RefreshCw, Zap, ChevronRight, Crown, Circle, ChevronLeft, Plus, Lock, Sparkles, ZoomOut, ZoomIn, Pause, VolumeX, Volume2, Download, Maximize2, Filter, Image as Image$1, Video, RotateCw, Minimize2, BarChart3, Menu, Bell, CheckCheck, CheckCircle, Palette, User, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Phone, Globe, Eye, CheckCircle2, RotateCcw, Copy, Share, Trash2, CreditCard, XCircle, HelpCircle, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Code as Code$1, Link as Link$1, Undo, Redo, Edit, GripVertical, Type, Heading1, Heading2, Heading3, CheckSquare, Highlighter, Link2, Table as Table$1, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, MoreVertical, TrendingUp, Activity, BellOff, CalendarIcon, DollarSign, Users, Map as Map$1, Calendar as Calendar$1, Target, Music, Archive, File, FileSpreadsheet, FileJson, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Star, Shield, Award, Gem, Flame, Repeat, MapPin, Move, EyeOff, Timer, Square, Cpu, GitBranch, ArrowRight, Trash, MessageCircle, Paperclip, Printer, TrendingDown, ArrowDownRight, ArrowUpRight, Grip, Unlock, Github, Server, Monitor, MemoryStick, HardDrive, Network, Columns, Pin, Sun, Moon, Send, Tag, Flag, Trophy, GitFork, Package } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek, isSameMonth, isToday, isSameDay, formatDistanceToNow, startOfDay, endOfDay, subDays } from 'date-fns';
+import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek, isSameMonth, isToday, formatDistanceToNow, startOfDay, endOfDay, subDays, isSameDay } from 'date-fns';
 import { motion, AnimatePresence, useAnimation, useMotionValue, animate, useSpring, useTransform, Reorder, useDragControls } from 'framer-motion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ReactDOM2 from 'react-dom';
@@ -30,7 +30,7 @@ import * as TabsPrimitive2 from '@radix-ui/react-tabs';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js';
-import { ResponsiveContainer, LineChart, Line, RadialBarChart, Tooltip, Legend, RadialBar, RadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, ScatterChart, CartesianGrid, XAxis, YAxis, Scatter, PieChart, Pie, Cell, AreaChart, Area, ReferenceLine, Brush, BarChart, Bar, ReferenceArea } from 'recharts';
+import { ResponsiveContainer, LineChart, Line, RadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Tooltip, Legend, PieChart, Pie, Cell, AreaChart, CartesianGrid, XAxis, YAxis, Area, BarChart, Bar, RadialBarChart, RadialBar, ScatterChart, Scatter, ReferenceLine, Brush, ReferenceArea } from 'recharts';
 import { WidthProvider, Responsive } from 'react-grid-layout';
 import 'react-grid-layout/css/styles.css';
 import { useForm } from 'react-hook-form';
@@ -63581,7 +63581,8 @@ function ChartWidget({
               stroke: colors[index2 % colors.length],
               strokeWidth: 2,
               dot: { r: 4 },
-              activeDot: { r: 6 }
+              activeDot: { r: 6 },
+              isAnimationActive: false
             },
             key
           ))
@@ -63598,7 +63599,8 @@ function ChartWidget({
             {
               dataKey: key,
               fill: colors[index2 % colors.length],
-              radius: [4, 4, 0, 0]
+              radius: [4, 4, 0, 0],
+              isAnimationActive: false
             },
             key
           ))
@@ -63617,7 +63619,8 @@ function ChartWidget({
               dataKey: key,
               stroke: colors[index2 % colors.length],
               fill: colors[index2 % colors.length],
-              fillOpacity: 0.2
+              fillOpacity: 0.2,
+              isAnimationActive: false
             },
             key
           ))
@@ -63637,6 +63640,7 @@ function ChartWidget({
               innerRadius: data.type === "donut" ? 50 : 0,
               fill: "#8884d8",
               dataKey: "value",
+              isAnimationActive: false,
               children: data.data.map((entry, index2) => /* @__PURE__ */ jsx(Cell, { fill: colors[index2 % colors.length] }, `cell-${index2}`))
             }
           ),
@@ -63655,7 +63659,8 @@ function ChartWidget({
               dataKey: key,
               stroke: colors[index2 % colors.length],
               fill: colors[index2 % colors.length],
-              fillOpacity: 0.3
+              fillOpacity: 0.3,
+              isAnimationActive: false
             },
             key
           )),
@@ -65026,7 +65031,7 @@ function formatRelativeTime(date) {
     return `${Math.floor(diffInSeconds / 86400)}d ago`;
   return date.toLocaleDateString();
 }
-function DashboardInternal({
+var DashboardInternal = t__default.memo(function DashboardInternal2({
   config,
   widgets: initialWidgets = [],
   templates = DASHBOARD_TEMPLATES,
@@ -65081,13 +65086,15 @@ function DashboardInternal({
   const prevInitialWidgetsRef = t__default.useRef(initialWidgets);
   const prevTimeRangeRef = t__default.useRef(propTimeRange);
   t__default.useEffect(() => {
-    if (prevInitialWidgetsRef.current !== initialWidgets) {
+    const hasChanged = JSON.stringify(prevInitialWidgetsRef.current) !== JSON.stringify(initialWidgets);
+    if (hasChanged) {
       prevInitialWidgetsRef.current = initialWidgets;
       setWidgets(initialWidgets);
     }
   }, [initialWidgets]);
   t__default.useEffect(() => {
-    if (propTimeRange && prevTimeRangeRef.current !== propTimeRange) {
+    const hasChanged = JSON.stringify(prevTimeRangeRef.current) !== JSON.stringify(propTimeRange);
+    if (propTimeRange && hasChanged) {
       prevTimeRangeRef.current = propTimeRange;
       setTimeRange(propTimeRange);
     }
@@ -65609,12 +65616,12 @@ function DashboardInternal({
           // Children mode - use as layout wrapper
           /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1", contentClassName), children: [
             sidebarPosition === "left" && sidebarContent && /* @__PURE__ */ jsx("div", { className: cn(
-              "min-h-full",
+              "h-full border-r",
               glassmorphism ? "bg-background/60 backdrop-blur-md" : "bg-background"
             ), children: sidebarContent }),
             /* @__PURE__ */ jsx("div", { className: "flex-1 p-6", children }),
             sidebarPosition === "right" && sidebarContent && /* @__PURE__ */ jsx("div", { className: cn(
-              "min-h-full",
+              "h-full border-l",
               glassmorphism ? "bg-background/60 backdrop-blur-md" : "bg-background"
             ), children: sidebarContent })
           ] })
@@ -65622,12 +65629,12 @@ function DashboardInternal({
           // Hybrid mode - both children and widgets
           /* @__PURE__ */ jsxs("div", { className: "flex flex-1", children: [
             sidebarPosition === "left" && sidebarContent && /* @__PURE__ */ jsx("div", { className: cn(
-              "min-h-full",
+              "h-full border-r",
               glassmorphism ? "bg-background/60 backdrop-blur-md" : "bg-background"
             ), children: sidebarContent }),
             /* @__PURE__ */ jsx("div", { className: "flex-1 p-6", children }),
             sidebarPosition === "right" && sidebarContent && /* @__PURE__ */ jsx("div", { className: cn(
-              "min-h-full",
+              "h-full border-l",
               glassmorphism ? "bg-background/60 backdrop-blur-md" : "bg-background"
             ), children: sidebarContent }),
             /* @__PURE__ */ jsx("div", { className: cn(
@@ -65755,8 +65762,8 @@ function DashboardInternal({
       ]
     }
   );
-}
-function Dashboard(props) {
+});
+var Dashboard = t__default.memo(function Dashboard2(props) {
   const { hasProAccess, isLoading } = useSubscription();
   if (!isLoading && !hasProAccess) {
     return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", props.className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
@@ -65772,7 +65779,7 @@ function Dashboard(props) {
     ] }) }) });
   }
   return /* @__PURE__ */ jsx(DashboardInternal, { ...props });
-}
+});
 var MoonUIDashboardPro = Dashboard;
 function validatePhoneNumber(number) {
   if (!number)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.24.11",
+    "version": "2.24.12",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",