componentes-sinco 1.0.9 → 1.0.10-rc.1
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.cjs +121 -103
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +116 -98
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2804,7 +2804,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
2804
2804
|
};
|
|
2805
2805
|
|
|
2806
2806
|
// src/Components/Calendario/Calendar.tsx
|
|
2807
|
-
import
|
|
2807
|
+
import React26, { useState as useState12 } from "react";
|
|
2808
2808
|
import { Box as Box19, CircularProgress as CircularProgress4 } from "@mui/material";
|
|
2809
2809
|
|
|
2810
2810
|
// src/Components/Calendario/CalendarToolbar.tsx
|
|
@@ -3088,54 +3088,33 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3088
3088
|
onHover: onEventHover
|
|
3089
3089
|
}
|
|
3090
3090
|
))),
|
|
3091
|
-
dayEvents.length > 2 && /* @__PURE__ */ React22.createElement(
|
|
3092
|
-
|
|
3091
|
+
dayEvents.length > 2 && /* @__PURE__ */ React22.createElement(
|
|
3092
|
+
Stack10,
|
|
3093
3093
|
{
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
|
|
3106
|
-
|
|
3107
|
-
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
|
|
3111
|
-
|
|
3112
|
-
|
|
3113
|
-
overflow: "visible",
|
|
3114
|
-
textOverflow: "unset"
|
|
3115
|
-
}
|
|
3116
|
-
}
|
|
3117
|
-
}
|
|
3118
|
-
)), /* @__PURE__ */ React22.createElement(Divider6, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ React22.createElement(Typography18, { width: "100%", py: 1, color: "text.secondary" }, " Eventos restantes "), /* @__PURE__ */ React22.createElement(
|
|
3119
|
-
Box16,
|
|
3120
|
-
{
|
|
3121
|
-
width: "100%",
|
|
3122
|
-
height: "100%",
|
|
3123
|
-
flex: 1,
|
|
3124
|
-
overflow: "auto",
|
|
3125
|
-
p: 1,
|
|
3126
|
-
pt: 1,
|
|
3127
|
-
display: "flex",
|
|
3128
|
-
flexDirection: "column",
|
|
3129
|
-
gap: 1.5
|
|
3130
|
-
},
|
|
3131
|
-
rest.map((event2) => /* @__PURE__ */ React22.createElement(
|
|
3094
|
+
justifyItems: "center",
|
|
3095
|
+
px: 1,
|
|
3096
|
+
pb: 0.5,
|
|
3097
|
+
onClick: (e) => e.stopPropagation(),
|
|
3098
|
+
sx: { "& .MuiButtonBase-root": { width: "100%" } }
|
|
3099
|
+
},
|
|
3100
|
+
/* @__PURE__ */ React22.createElement(
|
|
3101
|
+
SCDrawer,
|
|
3102
|
+
{
|
|
3103
|
+
width: "350px",
|
|
3104
|
+
title: day.format("DD [de] MMMM YYYY"),
|
|
3105
|
+
open: openDrawer,
|
|
3106
|
+
buttonDrawer: { text: `+ ${dayEvents.length}` },
|
|
3107
|
+
anchor: "right",
|
|
3108
|
+
actions: false,
|
|
3109
|
+
arrayElements: [{
|
|
3110
|
+
component: (() => {
|
|
3111
|
+
const [first, ...rest] = dayEvents;
|
|
3112
|
+
return /* @__PURE__ */ React22.createElement(Box16, { display: "flex", width: "100%", flexDirection: "column", height: "100%", pr: 1.5 }, /* @__PURE__ */ React22.createElement(Typography18, { width: "100%", color: "text.secondary" }, " Proximo evento "), first && /* @__PURE__ */ React22.createElement(Box16, { p: 1, pb: 1, width: "100%" }, /* @__PURE__ */ React22.createElement(
|
|
3132
3113
|
CalendarEventCard,
|
|
3133
3114
|
{
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
-
onClick: () => onEventClick == null ? void 0 : onEventClick(event2, day),
|
|
3138
|
-
onHover: onEventHover,
|
|
3115
|
+
event: first,
|
|
3116
|
+
color: stateColors[first.state],
|
|
3117
|
+
onClick: () => onEventClick == null ? void 0 : onEventClick(first, day),
|
|
3139
3118
|
sx: {
|
|
3140
3119
|
whiteSpace: "normal",
|
|
3141
3120
|
"& .MuiTypography-root": {
|
|
@@ -3145,21 +3124,60 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3145
3124
|
}
|
|
3146
3125
|
}
|
|
3147
3126
|
}
|
|
3148
|
-
))
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
|
|
3152
|
-
|
|
3153
|
-
|
|
3127
|
+
)), /* @__PURE__ */ React22.createElement(Divider6, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ React22.createElement(Typography18, { width: "100%", py: 1, color: "text.secondary" }, " Eventos restantes "), /* @__PURE__ */ React22.createElement(
|
|
3128
|
+
Box16,
|
|
3129
|
+
{
|
|
3130
|
+
width: "100%",
|
|
3131
|
+
height: "100%",
|
|
3132
|
+
flex: 1,
|
|
3133
|
+
overflow: "auto",
|
|
3134
|
+
p: 1,
|
|
3135
|
+
pt: 1,
|
|
3136
|
+
display: "flex",
|
|
3137
|
+
flexDirection: "column",
|
|
3138
|
+
gap: 1.5
|
|
3139
|
+
},
|
|
3140
|
+
rest.map((event2) => /* @__PURE__ */ React22.createElement(
|
|
3141
|
+
CalendarEventCard,
|
|
3142
|
+
{
|
|
3143
|
+
key: `${event2.id}-${day.toString()}`,
|
|
3144
|
+
event: event2,
|
|
3145
|
+
color: stateColors[event2.state],
|
|
3146
|
+
onClick: () => onEventClick == null ? void 0 : onEventClick(event2, day),
|
|
3147
|
+
onHover: onEventHover,
|
|
3148
|
+
sx: {
|
|
3149
|
+
whiteSpace: "normal",
|
|
3150
|
+
"& .MuiTypography-root": {
|
|
3151
|
+
whiteSpace: "normal",
|
|
3152
|
+
overflow: "visible",
|
|
3153
|
+
textOverflow: "unset"
|
|
3154
|
+
}
|
|
3155
|
+
}
|
|
3156
|
+
}
|
|
3157
|
+
))
|
|
3158
|
+
));
|
|
3159
|
+
})()
|
|
3160
|
+
}]
|
|
3161
|
+
}
|
|
3162
|
+
)
|
|
3163
|
+
)
|
|
3154
3164
|
);
|
|
3155
3165
|
}))));
|
|
3156
3166
|
};
|
|
3157
3167
|
|
|
3158
3168
|
// src/Components/Calendario/Views/WeekView.tsx
|
|
3159
|
-
import
|
|
3169
|
+
import React24 from "react";
|
|
3160
3170
|
import { Box as Box17, CircularProgress as CircularProgress2, Typography as Typography19 } from "@mui/material";
|
|
3161
3171
|
import dayjs5 from "dayjs";
|
|
3162
3172
|
import localeData2 from "dayjs/plugin/localeData";
|
|
3173
|
+
|
|
3174
|
+
// src/assets/LogoCalendario.tsx
|
|
3175
|
+
import React23 from "react";
|
|
3176
|
+
var LogoCalendario = () => {
|
|
3177
|
+
return /* @__PURE__ */ React23.createElement("svg", { width: "60", height: "61", viewBox: "0 0 60 61", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React23.createElement("g", { "clip-path": "url(#clip0_5353_24891)" }, /* @__PURE__ */ React23.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M40.7361 11.1589C39.7792 11.1589 39.0106 11.9722 39.0106 12.9661V15.4375H20.0309V12.9661C20.0309 11.964 19.2545 11.1589 18.3055 11.1589C17.3487 11.1589 16.5801 11.9722 16.5801 12.9661V15.4375H12.8819C12.0652 15.4375 11.4038 16.0918 11.4038 16.8998V20.6551C11.4038 21.463 12.0652 22.1174 12.8819 22.1174H46.8383C47.655 22.1174 48.3165 21.463 48.3165 20.6551V16.8998C48.3165 16.0918 47.655 15.4375 46.8383 15.4375H42.4615V12.9661C42.4615 11.964 41.6851 11.1589 40.7361 11.1589ZM19.4827 19.2049C19.6528 19.1343 19.7361 19.006 19.7724 18.8352C19.6916 18.9714 19.594 19.0957 19.4827 19.2049Z", fill: "#00BCD4" }), /* @__PURE__ */ React23.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.2037 25.8653C13.7579 25.8653 13.425 26.2168 13.425 26.6093V47.3669C13.425 47.7595 13.7579 48.1109 14.2037 48.1109H46.0004C46.4782 48.1109 46.8656 47.7236 46.8656 47.2458V26.6093C46.8656 26.2168 46.5327 25.8653 46.087 25.8653H14.2037ZM11.6948 26.6093C11.6948 25.2255 12.8384 24.135 14.2037 24.135H46.087C47.4522 24.135 48.5959 25.2255 48.5959 26.6093V47.2458C48.5959 48.6792 47.4339 49.8412 46.0004 49.8412H14.2037C12.8384 49.8412 11.6948 48.7508 11.6948 47.3669V26.6093Z", fill: "#6392BD" }), /* @__PURE__ */ React23.createElement("path", { d: "M19.481 30.9138C19.481 30.5164 20.1155 30.1903 20.9058 30.1903C21.6894 30.1903 22.3305 30.5131 22.3305 30.9138V32.8862C22.3305 33.2836 21.6894 33.6097 20.9058 33.6097C20.1222 33.6097 19.481 33.2869 19.481 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ React23.createElement("path", { d: "M30.0242 30.1903C29.2339 30.1903 28.5995 30.5164 28.5995 30.9138V32.8862C28.5995 33.2869 29.2406 33.6097 30.0242 33.6097C30.8079 33.6097 31.449 33.2836 31.449 32.8862V30.9138C31.449 30.5131 30.8079 30.1903 30.0242 30.1903Z", fill: "#6392BD" }), /* @__PURE__ */ React23.createElement("path", { d: "M37.7179 30.9138C37.7179 30.5164 38.3524 30.1903 39.1427 30.1903C39.608 30.1903 40.022 30.3038 40.2825 30.4797C40.3515 30.5276 40.4116 30.5788 40.4561 30.6344C40.5274 30.7201 40.5675 30.8147 40.5675 30.9138V32.8862C40.5675 33.2836 39.9263 33.6097 39.1427 33.6097C38.3591 33.6097 37.7179 33.2869 37.7179 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ React23.createElement("path", { d: "M20.9058 39.8787C20.1155 39.8787 19.481 40.2048 19.481 40.6022V42.5746C19.481 42.687 19.5322 42.7927 19.6213 42.8874C19.7036 42.9731 19.8172 43.0499 19.9552 43.1122C20.2068 43.228 20.5407 43.2981 20.9058 43.2981C21.6894 43.2981 22.3305 42.972 22.3305 42.5746V40.6022C22.3305 40.2015 21.6894 39.8787 20.9058 39.8787Z", fill: "#6392BD" }), /* @__PURE__ */ React23.createElement("path", { d: "M29.524 39.9477C29.7087 39.9032 29.9158 39.8787 30.1339 39.8787C30.9176 39.8787 31.5587 40.2015 31.5587 40.6022V42.5746C31.5587 42.972 30.9176 43.2981 30.1339 43.2981C29.3503 43.2981 28.7092 42.9753 28.7092 42.5746V40.6022C28.7092 40.315 29.0409 40.0646 29.524 39.9477Z", fill: "#6392BD" }), /* @__PURE__ */ React23.createElement("path", { d: "M38.5141 39.9482C38.6989 39.9037 38.9059 39.8792 39.1241 39.8792C39.9077 39.8792 40.5488 40.202 40.5488 40.6027V42.5751C40.5488 42.9725 39.9077 43.2986 39.1241 43.2986C38.3405 43.2986 37.6993 42.9758 37.6993 42.5751V40.6027C37.6993 40.3155 38.031 40.0651 38.5141 39.9482Z", fill: "#6392BD" })), /* @__PURE__ */ React23.createElement("defs", null, /* @__PURE__ */ React23.createElement("clipPath", { id: "clip0_5353_24891" }, /* @__PURE__ */ React23.createElement("rect", { width: "60", height: "60", fill: "white", transform: "translate(0 0.5)" }))));
|
|
3178
|
+
};
|
|
3179
|
+
|
|
3180
|
+
// src/Components/Calendario/Views/WeekView.tsx
|
|
3163
3181
|
dayjs5.extend(localeData2);
|
|
3164
3182
|
var WeekView = ({
|
|
3165
3183
|
events,
|
|
@@ -3191,9 +3209,9 @@ var WeekView = ({
|
|
|
3191
3209
|
}
|
|
3192
3210
|
return "none";
|
|
3193
3211
|
};
|
|
3194
|
-
return /* @__PURE__ */
|
|
3212
|
+
return /* @__PURE__ */ React24.createElement(Box17, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React24.createElement(Box17, { display: "flex", bgcolor: "transparent" }, /* @__PURE__ */ React24.createElement(Box17, { width: 45, bgcolor: "transparent" }), days.map((day) => {
|
|
3195
3213
|
const isToday2 = day.format("YYYY-MM-DD") === todayString;
|
|
3196
|
-
return /* @__PURE__ */
|
|
3214
|
+
return /* @__PURE__ */ React24.createElement(
|
|
3197
3215
|
Box17,
|
|
3198
3216
|
{
|
|
3199
3217
|
key: day.toString(),
|
|
@@ -3210,19 +3228,19 @@ var WeekView = ({
|
|
|
3210
3228
|
borderBottom: isToday2 ? 2 : 0,
|
|
3211
3229
|
borderColor: isToday2 ? "primary.main" : "transparent"
|
|
3212
3230
|
},
|
|
3213
|
-
/* @__PURE__ */
|
|
3214
|
-
/* @__PURE__ */
|
|
3231
|
+
/* @__PURE__ */ React24.createElement(Typography19, { variant: "h6", color: "text.primary" }, day.format("D")),
|
|
3232
|
+
/* @__PURE__ */ React24.createElement(Typography19, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
|
|
3215
3233
|
);
|
|
3216
|
-
})), isLoading ? /* @__PURE__ */
|
|
3234
|
+
})), isLoading ? /* @__PURE__ */ React24.createElement(Box17, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React24.createElement(CircularProgress2, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React24.createElement(
|
|
3217
3235
|
EmptyState,
|
|
3218
3236
|
{
|
|
3219
3237
|
title: "Inicia la gesti\xF3n de las actividades",
|
|
3220
3238
|
subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
|
|
3221
|
-
icon: /* @__PURE__ */
|
|
3239
|
+
icon: /* @__PURE__ */ React24.createElement(LogoCalendario, null)
|
|
3222
3240
|
}
|
|
3223
3241
|
) : (
|
|
3224
3242
|
// Grid de horas y eventos
|
|
3225
|
-
/* @__PURE__ */
|
|
3243
|
+
/* @__PURE__ */ React24.createElement(Box17, { display: "flex", flex: 1 }, /* @__PURE__ */ React24.createElement(Box17, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ React24.createElement(
|
|
3226
3244
|
Box17,
|
|
3227
3245
|
{
|
|
3228
3246
|
key: h,
|
|
@@ -3231,7 +3249,7 @@ var WeekView = ({
|
|
|
3231
3249
|
pr: 1,
|
|
3232
3250
|
borderColor: "divider"
|
|
3233
3251
|
},
|
|
3234
|
-
/* @__PURE__ */
|
|
3252
|
+
/* @__PURE__ */ React24.createElement(Typography19, { variant: "caption", color: "text.secondary" }, dayjs5().hour(h).format("h A"))
|
|
3235
3253
|
))), days.map((day) => {
|
|
3236
3254
|
const dayEvents = events.filter(
|
|
3237
3255
|
(event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
|
|
@@ -3240,7 +3258,7 @@ var WeekView = ({
|
|
|
3240
3258
|
const endsInRange = event2.end.hour() >= startHour && event2.end.hour() <= endHour;
|
|
3241
3259
|
return startsInRange || endsInRange;
|
|
3242
3260
|
}).sort((a, b) => a.start.valueOf() - b.start.valueOf());
|
|
3243
|
-
return /* @__PURE__ */
|
|
3261
|
+
return /* @__PURE__ */ React24.createElement(
|
|
3244
3262
|
Box17,
|
|
3245
3263
|
{
|
|
3246
3264
|
key: day.toString(),
|
|
@@ -3253,7 +3271,7 @@ var WeekView = ({
|
|
|
3253
3271
|
},
|
|
3254
3272
|
hours.map((hourIdx) => {
|
|
3255
3273
|
const borderType = getCellBorderType(hourIdx, dayEvents);
|
|
3256
|
-
return /* @__PURE__ */
|
|
3274
|
+
return /* @__PURE__ */ React24.createElement(
|
|
3257
3275
|
Box17,
|
|
3258
3276
|
{
|
|
3259
3277
|
key: hourIdx,
|
|
@@ -3269,7 +3287,7 @@ var WeekView = ({
|
|
|
3269
3287
|
const eventEnd = day.isSame(event2.end, "day") ? event2.end : day.endOf("day").hour(endHour).minute(59);
|
|
3270
3288
|
const startMinutes = (eventStart.hour() - startHour) * 60 + eventStart.minute();
|
|
3271
3289
|
const durationMinutes = eventEnd.diff(eventStart, "minute");
|
|
3272
|
-
return /* @__PURE__ */
|
|
3290
|
+
return /* @__PURE__ */ React24.createElement(
|
|
3273
3291
|
CalendarEventCard,
|
|
3274
3292
|
{
|
|
3275
3293
|
key: `${event2.id}-${day.toString()}`,
|
|
@@ -3294,7 +3312,7 @@ var WeekView = ({
|
|
|
3294
3312
|
};
|
|
3295
3313
|
|
|
3296
3314
|
// src/Components/Calendario/Views/DayView.tsx
|
|
3297
|
-
import
|
|
3315
|
+
import React25 from "react";
|
|
3298
3316
|
import { Box as Box18, CircularProgress as CircularProgress3, Typography as Typography20 } from "@mui/material";
|
|
3299
3317
|
import dayjs6 from "dayjs";
|
|
3300
3318
|
var DayView = ({
|
|
@@ -3306,7 +3324,7 @@ var DayView = ({
|
|
|
3306
3324
|
startHour = 0,
|
|
3307
3325
|
endHour = 24
|
|
3308
3326
|
}) => {
|
|
3309
|
-
const hours = Array.from({ length: endHour - startHour }, (_, i) => startHour + i);
|
|
3327
|
+
const hours = Array.from({ length: endHour - startHour + 1 }, (_, i) => startHour + i);
|
|
3310
3328
|
const getCellBorderType = (cellHour, dayEvents2) => {
|
|
3311
3329
|
for (const event2 of dayEvents2) {
|
|
3312
3330
|
const start = event2.start.hour() + event2.start.minute() / 60;
|
|
@@ -3326,14 +3344,14 @@ var DayView = ({
|
|
|
3326
3344
|
(event2) => currentDate.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
|
|
3327
3345
|
);
|
|
3328
3346
|
const noEvents = events.length === 0;
|
|
3329
|
-
return /* @__PURE__ */
|
|
3347
|
+
return /* @__PURE__ */ React25.createElement(Box18, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React25.createElement(Box18, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ React25.createElement(Box18, { width: 47, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ React25.createElement(Box18, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ React25.createElement(Typography20, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ React25.createElement(Typography20, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ React25.createElement(Box18, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React25.createElement(CircularProgress3, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ React25.createElement(
|
|
3330
3348
|
EmptyState,
|
|
3331
3349
|
{
|
|
3332
3350
|
title: "Inicia la gesti\xF3n de las actividades",
|
|
3333
3351
|
subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
|
|
3334
|
-
icon: /* @__PURE__ */
|
|
3352
|
+
icon: /* @__PURE__ */ React25.createElement("img", { src: Icon_Scheduler_default, alt: "icon_calendario", style: { width: 60, height: 60 } })
|
|
3335
3353
|
}
|
|
3336
|
-
) : /* @__PURE__ */
|
|
3354
|
+
) : /* @__PURE__ */ React25.createElement(Box18, { display: "flex", flex: 1 }, /* @__PURE__ */ React25.createElement(Box18, { width: 47, bgcolor: "background.default" }, hours.map((h) => /* @__PURE__ */ React25.createElement(
|
|
3337
3355
|
Box18,
|
|
3338
3356
|
{
|
|
3339
3357
|
key: h,
|
|
@@ -3344,10 +3362,10 @@ var DayView = ({
|
|
|
3344
3362
|
borderRight: "1px solid",
|
|
3345
3363
|
borderColor: "divider"
|
|
3346
3364
|
},
|
|
3347
|
-
/* @__PURE__ */
|
|
3348
|
-
))), /* @__PURE__ */
|
|
3365
|
+
/* @__PURE__ */ React25.createElement(Typography20, { variant: "caption", color: "text.secondary" }, dayjs6().hour(h).format("h A"))
|
|
3366
|
+
))), /* @__PURE__ */ React25.createElement(Box18, { flex: 1, position: "relative" }, hours.map((hourIdx) => {
|
|
3349
3367
|
const borderType = getCellBorderType(hourIdx, dayEvents);
|
|
3350
|
-
return /* @__PURE__ */
|
|
3368
|
+
return /* @__PURE__ */ React25.createElement(
|
|
3351
3369
|
Box18,
|
|
3352
3370
|
{
|
|
3353
3371
|
key: hourIdx,
|
|
@@ -3366,7 +3384,7 @@ var DayView = ({
|
|
|
3366
3384
|
const clampedEnd = eventEnd.isAfter(maxEnd) ? maxEnd : eventEnd;
|
|
3367
3385
|
const startMinutes = (clampedStart.hour() - startHour) * 60 + clampedStart.minute();
|
|
3368
3386
|
const durationMinutes = clampedEnd.diff(clampedStart, "minute");
|
|
3369
|
-
return /* @__PURE__ */
|
|
3387
|
+
return /* @__PURE__ */ React25.createElement(
|
|
3370
3388
|
CalendarEventCard,
|
|
3371
3389
|
{
|
|
3372
3390
|
key: `${event2.id}-${currentDate.toString()}`,
|
|
@@ -3422,7 +3440,7 @@ var Calendar = ({
|
|
|
3422
3440
|
} else if (action === "TODAY") newDate = dayjs7();
|
|
3423
3441
|
setCurrentDate(newDate);
|
|
3424
3442
|
};
|
|
3425
|
-
return /* @__PURE__ */
|
|
3443
|
+
return /* @__PURE__ */ React26.createElement(Box19, null, /* @__PURE__ */ React26.createElement(
|
|
3426
3444
|
CalendarToolbar,
|
|
3427
3445
|
{
|
|
3428
3446
|
labelDate: currentDate,
|
|
@@ -3431,7 +3449,7 @@ var Calendar = ({
|
|
|
3431
3449
|
onNavigate: handleNavigate
|
|
3432
3450
|
},
|
|
3433
3451
|
toolbar
|
|
3434
|
-
), isLoading ? /* @__PURE__ */
|
|
3452
|
+
), isLoading ? /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Box19, null, /* @__PURE__ */ React26.createElement(
|
|
3435
3453
|
Box19,
|
|
3436
3454
|
{
|
|
3437
3455
|
display: "flex",
|
|
@@ -3439,8 +3457,8 @@ var Calendar = ({
|
|
|
3439
3457
|
alignItems: "center",
|
|
3440
3458
|
height: "400px"
|
|
3441
3459
|
},
|
|
3442
|
-
/* @__PURE__ */
|
|
3443
|
-
))) : /* @__PURE__ */
|
|
3460
|
+
/* @__PURE__ */ React26.createElement(CircularProgress4, { variant: "indeterminate" })
|
|
3461
|
+
))) : /* @__PURE__ */ React26.createElement(React26.Fragment, null, view === "month" && /* @__PURE__ */ React26.createElement(
|
|
3444
3462
|
MonthView,
|
|
3445
3463
|
{
|
|
3446
3464
|
events,
|
|
@@ -3450,7 +3468,7 @@ var Calendar = ({
|
|
|
3450
3468
|
onEventClick,
|
|
3451
3469
|
onEventHover
|
|
3452
3470
|
}
|
|
3453
|
-
), view === "week" && /* @__PURE__ */
|
|
3471
|
+
), view === "week" && /* @__PURE__ */ React26.createElement(
|
|
3454
3472
|
WeekView,
|
|
3455
3473
|
{
|
|
3456
3474
|
events,
|
|
@@ -3462,7 +3480,7 @@ var Calendar = ({
|
|
|
3462
3480
|
startHour,
|
|
3463
3481
|
endHour
|
|
3464
3482
|
}
|
|
3465
|
-
), view === "day" && /* @__PURE__ */
|
|
3483
|
+
), view === "day" && /* @__PURE__ */ React26.createElement(
|
|
3466
3484
|
DayView,
|
|
3467
3485
|
{
|
|
3468
3486
|
events,
|
|
@@ -3476,7 +3494,7 @@ var Calendar = ({
|
|
|
3476
3494
|
};
|
|
3477
3495
|
|
|
3478
3496
|
// src/Components/SCTime.tsx
|
|
3479
|
-
import
|
|
3497
|
+
import React27, { useState as useState13 } from "react";
|
|
3480
3498
|
import { Box as Box20, InputAdornment as InputAdornment6, Popover as Popover5, ClickAwayListener } from "@mui/material";
|
|
3481
3499
|
import { LocalizationProvider as LocalizationProvider3 } from "@mui/x-date-pickers/LocalizationProvider";
|
|
3482
3500
|
import { AdapterDayjs as AdapterDayjs2 } from "@mui/x-date-pickers/AdapterDayjs";
|
|
@@ -3533,7 +3551,7 @@ var SCTime = ({
|
|
|
3533
3551
|
setIsOpenPopover(false);
|
|
3534
3552
|
setAnchorEl(null);
|
|
3535
3553
|
};
|
|
3536
|
-
return /* @__PURE__ */
|
|
3554
|
+
return /* @__PURE__ */ React27.createElement(LocalizationProvider3, { dateAdapter: AdapterDayjs2 }, /* @__PURE__ */ React27.createElement(Box20, { sx: { position: "relative", width: "120px" } }, /* @__PURE__ */ React27.createElement(
|
|
3537
3555
|
TimeField,
|
|
3538
3556
|
{
|
|
3539
3557
|
label,
|
|
@@ -3545,7 +3563,7 @@ var SCTime = ({
|
|
|
3545
3563
|
slotProps: {
|
|
3546
3564
|
textField: {
|
|
3547
3565
|
InputProps: {
|
|
3548
|
-
endAdornment: /* @__PURE__ */
|
|
3566
|
+
endAdornment: /* @__PURE__ */ React27.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React27.createElement(
|
|
3549
3567
|
AccessTimeIcon,
|
|
3550
3568
|
{
|
|
3551
3569
|
color: disabled ? "disabled" : "action",
|
|
@@ -3574,7 +3592,7 @@ var SCTime = ({
|
|
|
3574
3592
|
}
|
|
3575
3593
|
}
|
|
3576
3594
|
}
|
|
3577
|
-
), /* @__PURE__ */
|
|
3595
|
+
), /* @__PURE__ */ React27.createElement(
|
|
3578
3596
|
Popover5,
|
|
3579
3597
|
{
|
|
3580
3598
|
open: isOpenPopover,
|
|
@@ -3602,7 +3620,7 @@ var SCTime = ({
|
|
|
3602
3620
|
}
|
|
3603
3621
|
}
|
|
3604
3622
|
},
|
|
3605
|
-
/* @__PURE__ */
|
|
3623
|
+
/* @__PURE__ */ React27.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React27.createElement(Box20, { sx: { p: 0 } }, /* @__PURE__ */ React27.createElement(
|
|
3606
3624
|
DigitalClock,
|
|
3607
3625
|
{
|
|
3608
3626
|
value: state,
|
|
@@ -3624,7 +3642,7 @@ var SCTime = ({
|
|
|
3624
3642
|
};
|
|
3625
3643
|
|
|
3626
3644
|
// src/Components/SCCard.tsx
|
|
3627
|
-
import
|
|
3645
|
+
import React28 from "react";
|
|
3628
3646
|
import { Button as Button11, Box as Box21, SvgIcon as SvgIcon8 } from "@mui/material";
|
|
3629
3647
|
import IconButton11 from "@mui/material/IconButton";
|
|
3630
3648
|
import Card from "@mui/material/Card";
|
|
@@ -3638,10 +3656,10 @@ import * as Muicon8 from "@mui/icons-material";
|
|
|
3638
3656
|
var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
|
|
3639
3657
|
let iconTitleValidation = "";
|
|
3640
3658
|
let IconTitle;
|
|
3641
|
-
const [expanded, setExpanded] =
|
|
3659
|
+
const [expanded, setExpanded] = React28.useState(false);
|
|
3642
3660
|
if (iconTitle) {
|
|
3643
3661
|
if (Muicon8[iconTitle] == void 0) {
|
|
3644
|
-
if (iconTitle &&
|
|
3662
|
+
if (iconTitle && React28.isValidElement(iconTitle) && iconTitle.type == void 0) {
|
|
3645
3663
|
iconTitleValidation = "image";
|
|
3646
3664
|
IconTitle = iconTitle;
|
|
3647
3665
|
} else {
|
|
@@ -3656,11 +3674,11 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
|
|
|
3656
3674
|
const handleExpandClick = () => {
|
|
3657
3675
|
setExpanded(!expanded);
|
|
3658
3676
|
};
|
|
3659
|
-
return /* @__PURE__ */
|
|
3677
|
+
return /* @__PURE__ */ React28.createElement(Card, { sx: { maxWidth: 345 } }, title && /* @__PURE__ */ React28.createElement(
|
|
3660
3678
|
CardHeader,
|
|
3661
3679
|
{
|
|
3662
|
-
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */
|
|
3663
|
-
action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */
|
|
3680
|
+
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React28.createElement(Box21, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React28.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React28.createElement(SvgIcon8, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
|
|
3681
|
+
action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React28.createElement(Button11, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React28.createElement(IconButton11, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React28.createElement(ExpandMoreIcon, { fontSize: "small" })) : actionsTitle,
|
|
3664
3682
|
title,
|
|
3665
3683
|
subheader: subtitle,
|
|
3666
3684
|
sx: {
|
|
@@ -3679,14 +3697,14 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
|
|
|
3679
3697
|
}
|
|
3680
3698
|
}
|
|
3681
3699
|
}
|
|
3682
|
-
), image && /* @__PURE__ */
|
|
3700
|
+
), image && /* @__PURE__ */ React28.createElement(
|
|
3683
3701
|
CardMedia,
|
|
3684
3702
|
{
|
|
3685
3703
|
component: "img",
|
|
3686
3704
|
height: "194",
|
|
3687
3705
|
image
|
|
3688
3706
|
}
|
|
3689
|
-
), content && /* @__PURE__ */
|
|
3707
|
+
), content && /* @__PURE__ */ React28.createElement(CardContent, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React28.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React28.createElement(Button11, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React28.createElement(IconButton11, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React28.createElement(ExpandMoreIcon, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React28.createElement(
|
|
3690
3708
|
Button11,
|
|
3691
3709
|
{
|
|
3692
3710
|
key: index,
|
|
@@ -3697,14 +3715,14 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
|
|
|
3697
3715
|
disabled: action.disabled || false
|
|
3698
3716
|
},
|
|
3699
3717
|
action.text
|
|
3700
|
-
)) : ""), expand && /* @__PURE__ */
|
|
3718
|
+
)) : ""), expand && /* @__PURE__ */ React28.createElement(Collapse, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React28.createElement(CardContent, { sx: { padding: "8px 16px !important" } }, expand.content)));
|
|
3701
3719
|
};
|
|
3702
3720
|
|
|
3703
3721
|
// src/Theme/index.ts
|
|
3704
3722
|
import { createTheme } from "@mui/material/styles";
|
|
3705
3723
|
|
|
3706
3724
|
// src/Theme/components.ts
|
|
3707
|
-
import
|
|
3725
|
+
import React29 from "react";
|
|
3708
3726
|
import {
|
|
3709
3727
|
InfoRounded as InfoRounded2,
|
|
3710
3728
|
CheckCircleRounded as CheckCircleRounded2,
|
|
@@ -4407,10 +4425,10 @@ var components = {
|
|
|
4407
4425
|
MuiAlert: {
|
|
4408
4426
|
defaultProps: {
|
|
4409
4427
|
iconMapping: {
|
|
4410
|
-
success:
|
|
4411
|
-
error:
|
|
4412
|
-
warning:
|
|
4413
|
-
info:
|
|
4428
|
+
success: React29.createElement(CheckCircleRounded2),
|
|
4429
|
+
error: React29.createElement(ErrorRounded2),
|
|
4430
|
+
warning: React29.createElement(WarningRounded2),
|
|
4431
|
+
info: React29.createElement(InfoRounded2)
|
|
4414
4432
|
}
|
|
4415
4433
|
},
|
|
4416
4434
|
variants: [
|