@moontra/moonui-pro 2.25.13 → 2.25.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.global.js +20 -20
  2. package/dist/index.global.js.map +1 -1
  3. package/dist/index.mjs +67 -74
  4. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -16543,21 +16543,21 @@ function CalendarInternal({
16543
16543
  return actualDay !== 0 && actualDay !== 6;
16544
16544
  });
16545
16545
  return /* @__PURE__ */ jsxs(Fragment, { children: [
16546
- /* @__PURE__ */ jsxs("div", { className: cn("w-full flex relative", className), style: { height: height ? `${height}px` : void 0 }, children: [
16546
+ /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), style: { height: height ? `${height}px` : "900px" }, children: /* @__PURE__ */ jsxs("div", { className: "flex relative h-full", children: [
16547
16547
  isSidebarOpen && /* @__PURE__ */ jsx(
16548
16548
  "div",
16549
16549
  {
16550
- className: "fixed inset-0 bg-black/50 z-40 lg:hidden",
16550
+ className: "absolute inset-0 bg-black/50 z-40 lg:hidden",
16551
16551
  onClick: () => setIsSidebarOpen(false)
16552
16552
  }
16553
16553
  ),
16554
16554
  /* @__PURE__ */ jsx("aside", { className: cn(
16555
- "bg-card border-r transition-all duration-300 flex-shrink-0 overflow-hidden",
16556
- // Mobile styles
16557
- "fixed inset-y-0 left-0 z-50 lg:relative lg:inset-auto",
16558
- isSidebarOpen ? "translate-x-0" : "-translate-x-full lg:translate-x-0",
16559
- // Desktop styles
16560
- isDesktopSidebarCollapsed ? "lg:w-0" : "lg:w-64"
16555
+ "bg-card border-r transition-all duration-300 flex-shrink-0",
16556
+ // Desktop styles - always visible on desktop
16557
+ isDesktopSidebarCollapsed ? "w-0" : "w-64",
16558
+ // Mobile styles - slide in/out
16559
+ "lg:relative",
16560
+ isSidebarOpen ? "absolute inset-y-0 left-0 z-50 w-64" : "hidden lg:block"
16561
16561
  ), children: /* @__PURE__ */ jsxs("div", { className: "w-64 h-full flex flex-col", children: [
16562
16562
  /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
16563
16563
  /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm", children: "Calendar" }),
@@ -16654,7 +16654,7 @@ function CalendarInternal({
16654
16654
  ) })
16655
16655
  ] })
16656
16656
  ] }) }),
16657
- /* @__PURE__ */ jsxs(MoonUICardPro, { className: "flex-1 border-0 rounded-none", children: [
16657
+ /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
16658
16658
  /* @__PURE__ */ jsx(MoonUICardHeaderPro, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
16659
16659
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
16660
16660
  /* @__PURE__ */ jsx(
@@ -16709,8 +16709,8 @@ function CalendarInternal({
16709
16709
  )
16710
16710
  ] })
16711
16711
  ] }) }),
16712
- /* @__PURE__ */ jsx(MoonUICardContentPro, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
16713
- view === "month" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 w-full", children: [
16712
+ /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 h-full", children: [
16713
+ view === "month" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 w-full h-full auto-rows-fr", children: [
16714
16714
  visibleDaysOfWeek.map((day) => /* @__PURE__ */ jsx("div", { className: "p-1 text-center text-xs font-medium text-muted-foreground", children: day }, day)),
16715
16715
  filteredDays.map((date, index2) => {
16716
16716
  const dayEvents = getEventsForDate(date);
@@ -16722,7 +16722,7 @@ function CalendarInternal({
16722
16722
  "div",
16723
16723
  {
16724
16724
  className: cn(
16725
- "min-h-[80px] p-1 border border-border/50 cursor-pointer hover:bg-muted/50 transition-colors text-xs flex flex-col",
16725
+ "h-full min-h-[140px] p-2 border border-border/50 cursor-pointer hover:bg-muted/50 transition-colors text-xs flex flex-col",
16726
16726
  !isCurrentMonthDate && "text-muted-foreground bg-muted/20",
16727
16727
  isTodayDate && highlightToday && "bg-primary/10 border-primary/50",
16728
16728
  isSelectedDate && "bg-primary/20 border-primary",
@@ -16744,67 +16744,60 @@ function CalendarInternal({
16744
16744
  ] }),
16745
16745
  dayEvents.length > 0 && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs px-1", children: dayEvents.length })
16746
16746
  ] }),
16747
- /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1 overflow-hidden", children: [
16748
- dayEvents.slice(0, 3).map((event) => /* @__PURE__ */ jsxs(
16749
- "div",
16750
- {
16751
- className: cn(
16752
- "text-xs p-1 mb-1 rounded text-white cursor-move group relative select-none block w-full truncate",
16753
- event.color || EVENT_COLORS[event.type || "event"],
16754
- event.priority && PRIORITY_COLORS[event.priority],
16755
- event.status && STATUS_STYLES[event.status]
16756
- ),
16757
- draggable: !disabled && enableDragDrop,
16758
- onClick: (e) => handleEventClick(event, e),
16759
- onDragStart: (e) => handleEventDragStart(event, e),
16760
- onDragEnd: handleEventDragEnd,
16761
- style: {
16762
- backgroundColor: event.color || void 0
16763
- },
16764
- children: [
16765
- /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
16766
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-1 min-w-0", children: [
16767
- event.isPrivate && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 flex-shrink-0" }),
16768
- event.recurring && /* @__PURE__ */ jsx(Repeat, { className: "h-3 w-3 flex-shrink-0" }),
16769
- /* @__PURE__ */ jsx("span", { className: "truncate", children: event.title })
16770
- ] }),
16771
- showEventDetails && /* @__PURE__ */ jsxs("div", { className: "hidden group-hover:flex items-center gap-1 ml-1", children: [
16772
- /* @__PURE__ */ jsx(
16773
- MoonUIButtonPro,
16774
- {
16775
- variant: "ghost",
16776
- size: "sm",
16777
- className: "h-4 w-4 p-0 text-white/80 hover:text-white",
16778
- onClick: (e) => handleEventEdit(event, e),
16779
- children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
16780
- }
16781
- ),
16782
- /* @__PURE__ */ jsx(
16783
- MoonUIButtonPro,
16784
- {
16785
- variant: "ghost",
16786
- size: "sm",
16787
- className: "h-4 w-4 p-0 text-white/80 hover:text-white",
16788
- onClick: (e) => handleEventDelete(event, e),
16789
- children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
16790
- }
16791
- )
16792
- ] })
16747
+ /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto custom-scrollbar space-y-0.5", children: dayEvents.map((event) => /* @__PURE__ */ jsxs(
16748
+ "div",
16749
+ {
16750
+ className: cn(
16751
+ "text-[11px] px-1.5 py-0.5 rounded text-white cursor-move group relative select-none block w-full truncate",
16752
+ event.color || EVENT_COLORS[event.type || "event"],
16753
+ event.priority && PRIORITY_COLORS[event.priority],
16754
+ event.status && STATUS_STYLES[event.status]
16755
+ ),
16756
+ draggable: !disabled && enableDragDrop,
16757
+ onClick: (e) => handleEventClick(event, e),
16758
+ onDragStart: (e) => handleEventDragStart(event, e),
16759
+ onDragEnd: handleEventDragEnd,
16760
+ style: {
16761
+ backgroundColor: event.color || void 0
16762
+ },
16763
+ children: [
16764
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
16765
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-1 min-w-0", children: [
16766
+ event.isPrivate && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 flex-shrink-0" }),
16767
+ event.recurring && /* @__PURE__ */ jsx(Repeat, { className: "h-3 w-3 flex-shrink-0" }),
16768
+ /* @__PURE__ */ jsx("span", { className: "truncate", children: event.title })
16793
16769
  ] }),
16794
- event.startTime && !compactMode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
16795
- /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
16796
- /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: formatTime2(event.startTime) })
16770
+ showEventDetails && /* @__PURE__ */ jsxs("div", { className: "hidden group-hover:flex items-center gap-1 ml-1", children: [
16771
+ /* @__PURE__ */ jsx(
16772
+ MoonUIButtonPro,
16773
+ {
16774
+ variant: "ghost",
16775
+ size: "sm",
16776
+ className: "h-4 w-4 p-0 text-white/80 hover:text-white",
16777
+ onClick: (e) => handleEventEdit(event, e),
16778
+ children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
16779
+ }
16780
+ ),
16781
+ /* @__PURE__ */ jsx(
16782
+ MoonUIButtonPro,
16783
+ {
16784
+ variant: "ghost",
16785
+ size: "sm",
16786
+ className: "h-4 w-4 p-0 text-white/80 hover:text-white",
16787
+ onClick: (e) => handleEventDelete(event, e),
16788
+ children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
16789
+ }
16790
+ )
16797
16791
  ] })
16798
- ]
16799
- },
16800
- event.id
16801
- )),
16802
- dayEvents.length > 3 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground text-center", children: [
16803
- "+",
16804
- dayEvents.length - 3,
16805
- " more"
16806
- ] })
16807
- ] })
16792
+ ] }),
16793
+ event.startTime && !compactMode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
16794
+ /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
16795
+ /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: formatTime2(event.startTime) })
16796
+ ] })
16797
+ ]
16798
+ },
16799
+ event.id
16800
+ )) })
16808
16801
  ]
16809
16802
  },
16810
16803
  index2
@@ -17094,7 +17087,7 @@ function CalendarInternal({
17094
17087
  ] })
17095
17088
  ] }) })
17096
17089
  ] })
17097
- ] }),
17090
+ ] }) }),
17098
17091
  /* @__PURE__ */ jsx(
17099
17092
  EventDialog,
17100
17093
  {
@@ -64325,7 +64318,7 @@ function DashboardGrid({
64325
64318
  breakpoints = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 },
64326
64319
  cols = { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 },
64327
64320
  rowHeight = 80,
64328
- margin = [4, 6],
64321
+ margin = [8, 4],
64329
64322
  containerPadding = [4, 4]
64330
64323
  }) {
64331
64324
  const [layouts, setLayouts] = t__default.useState({});
@@ -64657,7 +64650,7 @@ function DashboardGrid({
64657
64650
  breakpoints,
64658
64651
  cols,
64659
64652
  rowHeight: currentBreakpoint === "xs" || currentBreakpoint === "xxs" ? 60 : currentBreakpoint === "sm" ? 70 : rowHeight,
64660
- margin: currentBreakpoint === "xs" || currentBreakpoint === "xxs" ? [3, 4] : margin,
64653
+ margin: currentBreakpoint === "xs" || currentBreakpoint === "xxs" ? [6, 3] : margin,
64661
64654
  containerPadding,
64662
64655
  onLayoutChange: (layout, allLayouts) => {
64663
64656
  setLayouts(allLayouts);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moontra/moonui-pro",
3
- "version": "2.25.13",
3
+ "version": "2.25.15",
4
4
  "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
5
5
  "type": "module",
6
6
  "main": "dist/index.mjs",