@moontra/moonui-pro 2.27.6 → 2.27.7
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.
- package/dist/index.global.js +40 -40
- package/dist/index.global.js.map +1 -1
- package/dist/index.mjs +85 -67
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -16882,7 +16882,7 @@ function CalendarInternal({
|
|
|
16882
16882
|
return actualDay !== 0 && actualDay !== 6;
|
|
16883
16883
|
});
|
|
16884
16884
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
16885
|
-
/* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), style: { minHeight: height ? `${height}px` : "85vh"
|
|
16885
|
+
/* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full flex flex-col", className), style: { minHeight: height ? `${height}px` : "85vh" }, children: /* @__PURE__ */ jsxs("div", { className: "flex relative flex-1", children: [
|
|
16886
16886
|
isSidebarOpen && /* @__PURE__ */ jsx(
|
|
16887
16887
|
"div",
|
|
16888
16888
|
{
|
|
@@ -16891,13 +16891,13 @@ function CalendarInternal({
|
|
|
16891
16891
|
}
|
|
16892
16892
|
),
|
|
16893
16893
|
/* @__PURE__ */ jsx("aside", { className: cn(
|
|
16894
|
-
"bg-card border-r transition-all duration-300 flex-shrink-0",
|
|
16894
|
+
"bg-card border-r transition-all duration-300 flex-shrink-0 min-h-full",
|
|
16895
16895
|
// Desktop styles - always visible on desktop
|
|
16896
|
-
isDesktopSidebarCollapsed ? "w-0" : "w-64",
|
|
16896
|
+
isDesktopSidebarCollapsed ? "w-0 overflow-hidden" : "w-64",
|
|
16897
16897
|
// Mobile styles - slide in/out
|
|
16898
16898
|
"lg:relative",
|
|
16899
16899
|
isSidebarOpen ? "absolute inset-y-0 left-0 z-50 w-64" : "hidden lg:block"
|
|
16900
|
-
), children: /* @__PURE__ */ jsxs("div", { className: "w-64 h-full flex flex-col", children: [
|
|
16900
|
+
), children: /* @__PURE__ */ jsxs("div", { className: "w-64 min-h-full flex flex-col", children: [
|
|
16901
16901
|
/* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
|
|
16902
16902
|
/* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm", children: "Calendar" }),
|
|
16903
16903
|
/* @__PURE__ */ jsx(
|
|
@@ -17048,10 +17048,10 @@ function CalendarInternal({
|
|
|
17048
17048
|
)
|
|
17049
17049
|
] })
|
|
17050
17050
|
] }) }),
|
|
17051
|
-
/* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex-1 flex flex-col
|
|
17052
|
-
view === "month" && /* @__PURE__ */ jsxs("div", { className: "
|
|
17053
|
-
visibleDaysOfWeek.map((day) => /* @__PURE__ */ jsx("div", { className: "p-
|
|
17054
|
-
filteredDays.map((date, index2) => {
|
|
17051
|
+
/* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex-1 flex flex-col p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col", children: [
|
|
17052
|
+
view === "month" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-[600px]", children: [
|
|
17053
|
+
/* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 mb-1", children: visibleDaysOfWeek.map((day) => /* @__PURE__ */ jsx("div", { className: "p-2 text-center text-sm font-semibold text-foreground bg-muted/50 rounded", children: day }, day)) }),
|
|
17054
|
+
/* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 flex-1", style: { gridAutoRows: "minmax(100px, 1fr)" }, children: filteredDays.map((date, index2) => {
|
|
17055
17055
|
const dayEvents = getEventsForDate(date);
|
|
17056
17056
|
const isCurrentMonthDate = isCurrentMonth(date);
|
|
17057
17057
|
const isTodayDate = isToday2(date);
|
|
@@ -17061,7 +17061,7 @@ function CalendarInternal({
|
|
|
17061
17061
|
"div",
|
|
17062
17062
|
{
|
|
17063
17063
|
className: cn(
|
|
17064
|
-
"
|
|
17064
|
+
"p-3 border border-border/50 rounded-lg cursor-pointer hover:bg-muted/50 transition-colors text-xs flex flex-col overflow-hidden",
|
|
17065
17065
|
!isCurrentMonthDate && "text-muted-foreground bg-muted/20",
|
|
17066
17066
|
isTodayDate && highlightToday && "bg-primary/10 border-primary/50",
|
|
17067
17067
|
isSelectedDate && "bg-primary/20 border-primary",
|
|
@@ -17072,76 +17072,94 @@ function CalendarInternal({
|
|
|
17072
17072
|
onDragOver: (e) => handleDateDragOver(date, e),
|
|
17073
17073
|
onDrop: (e) => handleDateDrop(date, e),
|
|
17074
17074
|
children: [
|
|
17075
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-
|
|
17075
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
|
|
17076
17076
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
17077
17077
|
/* @__PURE__ */ jsx("span", { className: cn(
|
|
17078
|
-
"text-
|
|
17079
|
-
isTodayDate && "text-primary
|
|
17080
|
-
isHoliday(date) && "text-orange-600 dark:text-orange-400"
|
|
17078
|
+
"text-base font-bold",
|
|
17079
|
+
isTodayDate && "text-primary",
|
|
17080
|
+
isHoliday(date) && "text-orange-600 dark:text-orange-400",
|
|
17081
|
+
!isCurrentMonthDate && "opacity-40"
|
|
17081
17082
|
), children: date.getDate() }),
|
|
17082
17083
|
isHoliday(date) && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-orange-600 dark:text-orange-400 truncate", children: getHolidayName(date) })
|
|
17083
17084
|
] }),
|
|
17084
17085
|
dayEvents.length > 0 && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs px-1", children: dayEvents.length })
|
|
17085
17086
|
] }),
|
|
17086
|
-
/* @__PURE__ */
|
|
17087
|
-
|
|
17088
|
-
|
|
17089
|
-
|
|
17090
|
-
|
|
17091
|
-
|
|
17092
|
-
|
|
17093
|
-
|
|
17094
|
-
|
|
17095
|
-
|
|
17096
|
-
|
|
17097
|
-
|
|
17098
|
-
|
|
17099
|
-
|
|
17100
|
-
|
|
17101
|
-
|
|
17102
|
-
|
|
17103
|
-
|
|
17104
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center
|
|
17105
|
-
|
|
17106
|
-
|
|
17107
|
-
|
|
17087
|
+
/* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-0.5", children: [
|
|
17088
|
+
dayEvents.slice(0, 3).map((event) => /* @__PURE__ */ jsxs(
|
|
17089
|
+
"div",
|
|
17090
|
+
{
|
|
17091
|
+
className: cn(
|
|
17092
|
+
"text-[11px] px-1.5 py-0.5 rounded text-white cursor-move group relative select-none block w-full truncate",
|
|
17093
|
+
event.color || EVENT_COLORS[event.type || "event"],
|
|
17094
|
+
event.priority && PRIORITY_COLORS[event.priority],
|
|
17095
|
+
event.status && STATUS_STYLES[event.status]
|
|
17096
|
+
),
|
|
17097
|
+
draggable: !disabled && enableDragDrop,
|
|
17098
|
+
onClick: (e) => handleEventClick(event, e),
|
|
17099
|
+
onDragStart: (e) => handleEventDragStart(event, e),
|
|
17100
|
+
onDragEnd: handleEventDragEnd,
|
|
17101
|
+
style: {
|
|
17102
|
+
backgroundColor: event.color || void 0
|
|
17103
|
+
},
|
|
17104
|
+
children: [
|
|
17105
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
|
|
17106
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-1 min-w-0", children: [
|
|
17107
|
+
event.isPrivate && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 flex-shrink-0" }),
|
|
17108
|
+
event.recurring && /* @__PURE__ */ jsx(Repeat, { className: "h-3 w-3 flex-shrink-0" }),
|
|
17109
|
+
/* @__PURE__ */ jsx("span", { className: "truncate", children: event.title })
|
|
17110
|
+
] }),
|
|
17111
|
+
showEventDetails && /* @__PURE__ */ jsxs("div", { className: "hidden group-hover:flex items-center gap-1 ml-1", children: [
|
|
17112
|
+
/* @__PURE__ */ jsx(
|
|
17113
|
+
MoonUIButtonPro,
|
|
17114
|
+
{
|
|
17115
|
+
variant: "ghost",
|
|
17116
|
+
size: "sm",
|
|
17117
|
+
className: "h-4 w-4 p-0 text-white/80 hover:text-white",
|
|
17118
|
+
onClick: (e) => handleEventEdit(event, e),
|
|
17119
|
+
children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
|
|
17120
|
+
}
|
|
17121
|
+
),
|
|
17122
|
+
/* @__PURE__ */ jsx(
|
|
17123
|
+
MoonUIButtonPro,
|
|
17124
|
+
{
|
|
17125
|
+
variant: "ghost",
|
|
17126
|
+
size: "sm",
|
|
17127
|
+
className: "h-4 w-4 p-0 text-white/80 hover:text-white",
|
|
17128
|
+
onClick: (e) => handleEventDelete(event, e),
|
|
17129
|
+
children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
|
|
17130
|
+
}
|
|
17131
|
+
)
|
|
17132
|
+
] })
|
|
17108
17133
|
] }),
|
|
17109
|
-
|
|
17110
|
-
/* @__PURE__ */ jsx(
|
|
17111
|
-
|
|
17112
|
-
{
|
|
17113
|
-
variant: "ghost",
|
|
17114
|
-
size: "sm",
|
|
17115
|
-
className: "h-4 w-4 p-0 text-white/80 hover:text-white",
|
|
17116
|
-
onClick: (e) => handleEventEdit(event, e),
|
|
17117
|
-
children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
|
|
17118
|
-
}
|
|
17119
|
-
),
|
|
17120
|
-
/* @__PURE__ */ jsx(
|
|
17121
|
-
MoonUIButtonPro,
|
|
17122
|
-
{
|
|
17123
|
-
variant: "ghost",
|
|
17124
|
-
size: "sm",
|
|
17125
|
-
className: "h-4 w-4 p-0 text-white/80 hover:text-white",
|
|
17126
|
-
onClick: (e) => handleEventDelete(event, e),
|
|
17127
|
-
children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
|
|
17128
|
-
}
|
|
17129
|
-
)
|
|
17134
|
+
event.startTime && !compactMode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
|
|
17135
|
+
/* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
|
|
17136
|
+
/* @__PURE__ */ jsx("span", { className: "text-[10px]", children: formatTime2(event.startTime) })
|
|
17130
17137
|
] })
|
|
17131
|
-
]
|
|
17132
|
-
|
|
17133
|
-
|
|
17134
|
-
|
|
17135
|
-
|
|
17136
|
-
|
|
17137
|
-
|
|
17138
|
-
|
|
17139
|
-
|
|
17138
|
+
]
|
|
17139
|
+
},
|
|
17140
|
+
event.id
|
|
17141
|
+
)),
|
|
17142
|
+
dayEvents.length > 3 && /* @__PURE__ */ jsxs(
|
|
17143
|
+
"div",
|
|
17144
|
+
{
|
|
17145
|
+
className: "text-[10px] text-muted-foreground hover:text-foreground cursor-pointer font-medium pl-1",
|
|
17146
|
+
onClick: (e) => {
|
|
17147
|
+
e.stopPropagation();
|
|
17148
|
+
handleDateClick(date);
|
|
17149
|
+
},
|
|
17150
|
+
children: [
|
|
17151
|
+
"+",
|
|
17152
|
+
dayEvents.length - 3,
|
|
17153
|
+
" more"
|
|
17154
|
+
]
|
|
17155
|
+
}
|
|
17156
|
+
)
|
|
17157
|
+
] })
|
|
17140
17158
|
]
|
|
17141
17159
|
},
|
|
17142
17160
|
index2
|
|
17143
17161
|
);
|
|
17144
|
-
})
|
|
17162
|
+
}) })
|
|
17145
17163
|
] }),
|
|
17146
17164
|
view === "week" && /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col space-y-4", children: [
|
|
17147
17165
|
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8 gap-2", children: [
|
|
@@ -17342,7 +17360,7 @@ function CalendarInternal({
|
|
|
17342
17360
|
)) })
|
|
17343
17361
|
] }, i);
|
|
17344
17362
|
}).filter(Boolean) }) }),
|
|
17345
|
-
selectedDate && view === "month" && /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4 bg-muted/50", children: [
|
|
17363
|
+
selectedDate && view === "month" && /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4 bg-muted/50 mt-4", children: [
|
|
17346
17364
|
/* @__PURE__ */ jsx("h4", { className: "font-medium mb-2", children: selectedDate.toLocaleDateString("en-US", {
|
|
17347
17365
|
weekday: "long",
|
|
17348
17366
|
year: "numeric",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@moontra/moonui-pro",
|
|
3
|
-
"version": "2.27.
|
|
3
|
+
"version": "2.27.7",
|
|
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",
|