componentes-sinco 1.2.6 → 1.2.8
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 +55 -69
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +11 -15
- package/dist/index.d.ts +11 -15
- package/dist/index.js +103 -117
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -831,7 +831,8 @@ var AttachmentMobile = ({
|
|
|
831
831
|
children,
|
|
832
832
|
sx,
|
|
833
833
|
view = "button",
|
|
834
|
-
iconFileItem
|
|
834
|
+
iconFileItem,
|
|
835
|
+
onFileClick
|
|
835
836
|
}) => {
|
|
836
837
|
const webcamRef = useRef2(null);
|
|
837
838
|
const [abrirCamara, setAbrirCamara] = useState5(false);
|
|
@@ -1158,31 +1159,43 @@ var AttachmentMobile = ({
|
|
|
1158
1159
|
}
|
|
1159
1160
|
}
|
|
1160
1161
|
},
|
|
1161
|
-
/* @__PURE__ */ React6.createElement(
|
|
1162
|
-
|
|
1163
|
-
{
|
|
1164
|
-
color: file.uploadError ? "error" : "primary",
|
|
1165
|
-
fontSize: "small"
|
|
1166
|
-
}
|
|
1167
|
-
), /* @__PURE__ */ React6.createElement(Stack4, { width: "100%" }, /* @__PURE__ */ React6.createElement(
|
|
1168
|
-
Typography4,
|
|
1169
|
-
{
|
|
1170
|
-
variant: "body2",
|
|
1171
|
-
color: "text.primary",
|
|
1172
|
-
whiteSpace: "nowrap",
|
|
1173
|
-
overflow: "hidden",
|
|
1174
|
-
textOverflow: "ellipsis",
|
|
1175
|
-
maxWidth: "310px"
|
|
1176
|
-
},
|
|
1177
|
-
file.name
|
|
1178
|
-
), /* @__PURE__ */ React6.createElement(
|
|
1179
|
-
Typography4,
|
|
1162
|
+
/* @__PURE__ */ React6.createElement(
|
|
1163
|
+
Stack4,
|
|
1180
1164
|
{
|
|
1181
|
-
|
|
1182
|
-
|
|
1165
|
+
direction: "row",
|
|
1166
|
+
alignItems: "center",
|
|
1167
|
+
gap: 1,
|
|
1168
|
+
width: "100%",
|
|
1169
|
+
onClick: () => onFileClick == null ? void 0 : onFileClick(file),
|
|
1170
|
+
sx: { cursor: onFileClick ? "pointer" : "default" }
|
|
1183
1171
|
},
|
|
1184
|
-
|
|
1185
|
-
|
|
1172
|
+
iconFileItem ? /* @__PURE__ */ React6.createElement(SvgIcon2, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ React6.createElement(
|
|
1173
|
+
UploadFileOutlined2,
|
|
1174
|
+
{
|
|
1175
|
+
color: file.uploadError ? "error" : "primary",
|
|
1176
|
+
fontSize: "small"
|
|
1177
|
+
}
|
|
1178
|
+
),
|
|
1179
|
+
/* @__PURE__ */ React6.createElement(Stack4, { width: "100%" }, /* @__PURE__ */ React6.createElement(
|
|
1180
|
+
Typography4,
|
|
1181
|
+
{
|
|
1182
|
+
variant: "body2",
|
|
1183
|
+
color: "text.primary",
|
|
1184
|
+
whiteSpace: "nowrap",
|
|
1185
|
+
overflow: "hidden",
|
|
1186
|
+
textOverflow: "ellipsis",
|
|
1187
|
+
maxWidth: "310px"
|
|
1188
|
+
},
|
|
1189
|
+
file.name
|
|
1190
|
+
), /* @__PURE__ */ React6.createElement(
|
|
1191
|
+
Typography4,
|
|
1192
|
+
{
|
|
1193
|
+
variant: "caption",
|
|
1194
|
+
color: file.uploadError ? "error" : "text.secondary"
|
|
1195
|
+
},
|
|
1196
|
+
file.uploadError && file.size / (1024 * 1024) > maxSize ? "Archivo super\xF3 el l\xEDmite \u2022 Carga fallida" : file.uploadError ? "Archivo duplicado o inv\xE1lido \u2022 Carga fallida" : `${(file.size / (1024 * 1024)).toFixed(2)}MB \u2022 ${file.type}`
|
|
1197
|
+
))
|
|
1198
|
+
),
|
|
1186
1199
|
view == "file" ? /* @__PURE__ */ React6.createElement(Tooltip2, { title: "Descargar" }, /* @__PURE__ */ React6.createElement(
|
|
1187
1200
|
IconButton4,
|
|
1188
1201
|
{
|
|
@@ -2949,7 +2962,7 @@ var SCDateRange = ({
|
|
|
2949
2962
|
setState
|
|
2950
2963
|
}) => {
|
|
2951
2964
|
LicenseInfo.setLicenseKey(
|
|
2952
|
-
"
|
|
2965
|
+
"aa892a011e4c240f3cdaf811ecfff54fTz0xMjkyODQsRT0xODEwNDI1NTk5MDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
|
|
2953
2966
|
);
|
|
2954
2967
|
const isStartEmpty = required && !state[0];
|
|
2955
2968
|
const isEndEmpty = required && !state[1];
|
|
@@ -3264,6 +3277,7 @@ function SCDrawer({
|
|
|
3264
3277
|
chipFilters,
|
|
3265
3278
|
heightDrawer = 456,
|
|
3266
3279
|
filterSideCard,
|
|
3280
|
+
type = "Drawer",
|
|
3267
3281
|
onChipDelete
|
|
3268
3282
|
}) {
|
|
3269
3283
|
const drawerBleeding = heightDrawer;
|
|
@@ -3330,26 +3344,26 @@ function SCDrawer({
|
|
|
3330
3344
|
onToggle: toggleDrawer(true)
|
|
3331
3345
|
}
|
|
3332
3346
|
)
|
|
3333
|
-
),
|
|
3347
|
+
), type != "Swipeable" ? /* @__PURE__ */ React20.createElement(
|
|
3334
3348
|
Drawer,
|
|
3335
3349
|
{
|
|
3336
3350
|
open: drawerOpen,
|
|
3337
|
-
onClose:
|
|
3351
|
+
onClose: type == "Sidecar" ? void 0 : toggleDrawer(false),
|
|
3338
3352
|
anchor: anchor != null ? anchor : "left",
|
|
3339
3353
|
sx: {
|
|
3340
3354
|
"& .MuiDrawer-paper": {
|
|
3341
|
-
width:
|
|
3355
|
+
width: type == "Sidecar" ? "100%" : width != null ? width : "450px",
|
|
3342
3356
|
boxSizing: "border-box",
|
|
3343
3357
|
borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px",
|
|
3344
|
-
boxShadow:
|
|
3358
|
+
boxShadow: type == "Sidecar" ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
|
|
3345
3359
|
},
|
|
3346
3360
|
"&.MuiDrawer-root": {
|
|
3347
|
-
boxShadow:
|
|
3361
|
+
boxShadow: type == "Sidecar" ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
|
|
3348
3362
|
}
|
|
3349
3363
|
},
|
|
3350
3364
|
ModalProps: {
|
|
3351
3365
|
keepMounted: true,
|
|
3352
|
-
disablePortal:
|
|
3366
|
+
disablePortal: type == "Sidecar" ? true : false,
|
|
3353
3367
|
slotProps: {
|
|
3354
3368
|
root: {
|
|
3355
3369
|
style: {
|
|
@@ -4485,44 +4499,27 @@ var PageHeader = ({
|
|
|
4485
4499
|
|
|
4486
4500
|
// src/Components/SCAccordion.tsx
|
|
4487
4501
|
import React36, { useState as useState18 } from "react";
|
|
4488
|
-
import {
|
|
4502
|
+
import { Box as Box21, Typography as Typography19, Accordion, AccordionSummary, AccordionDetails } from "@mui/material";
|
|
4489
4503
|
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
|
|
4490
|
-
import ExpandLessIcon from "@mui/icons-material/ExpandLess";
|
|
4491
4504
|
var SCAccordion = ({
|
|
4492
4505
|
title,
|
|
4493
4506
|
actions,
|
|
4494
4507
|
children
|
|
4495
4508
|
}) => {
|
|
4496
4509
|
const [open, setOpen] = useState18(false);
|
|
4497
|
-
return /* @__PURE__ */ React36.createElement(
|
|
4498
|
-
|
|
4510
|
+
return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(Accordion, null, /* @__PURE__ */ React36.createElement(
|
|
4511
|
+
AccordionSummary,
|
|
4499
4512
|
{
|
|
4500
|
-
|
|
4501
|
-
sx: {
|
|
4502
|
-
background: "white",
|
|
4503
|
-
boxShadow: "0px 2px 4px 0px #18274B33",
|
|
4504
|
-
padding: "0px 2px 0px 2px"
|
|
4505
|
-
}
|
|
4513
|
+
expandIcon: /* @__PURE__ */ React36.createElement(ExpandMoreIcon, { fontSize: "small", color: "action" })
|
|
4506
4514
|
},
|
|
4507
|
-
/* @__PURE__ */ React36.createElement(
|
|
4508
|
-
|
|
4509
|
-
{
|
|
4510
|
-
container: true,
|
|
4511
|
-
sx: { alignItems: "center", padding: "12px 16px 12px 16px", cursor: "pointer" },
|
|
4512
|
-
justifyContent: "space-between",
|
|
4513
|
-
onClick: () => setOpen((prev) => !prev)
|
|
4514
|
-
},
|
|
4515
|
-
/* @__PURE__ */ React36.createElement(Grid7, { sx: { textAlign: "left" } }, /* @__PURE__ */ React36.createElement(Typography19, { noWrap: true, variant: "subtitle1", align: "left", color: "text.primary" }, title)),
|
|
4516
|
-
/* @__PURE__ */ React36.createElement(Grid7, null, /* @__PURE__ */ React36.createElement(Grid7, { container: true, justifyContent: "flex-end", alignItems: "center", gap: 1 }, actions, /* @__PURE__ */ React36.createElement(Grid7, { color: "#3975ac", sx: { textAlign: "right" } }, open ? /* @__PURE__ */ React36.createElement(ExpandLessIcon, { fontSize: "small", color: "action" }) : /* @__PURE__ */ React36.createElement(ExpandMoreIcon, { fontSize: "small", color: "action" }))))
|
|
4517
|
-
),
|
|
4518
|
-
open && /* @__PURE__ */ React36.createElement(Grid7, { container: true, padding: "12px" }, children)
|
|
4519
|
-
);
|
|
4515
|
+
/* @__PURE__ */ React36.createElement(Box21, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" } }, typeof title === "string" ? /* @__PURE__ */ React36.createElement(Typography19, { noWrap: true, variant: "body1", color: "text.primary" }, title) : title, actions)
|
|
4516
|
+
), /* @__PURE__ */ React36.createElement(AccordionDetails, { sx: { padding: "12px" } }, children)));
|
|
4520
4517
|
};
|
|
4521
4518
|
|
|
4522
4519
|
// src/Components/SCActivityCalendar.tsx
|
|
4523
4520
|
import React38, { useState as useState20 } from "react";
|
|
4524
|
-
import { Typography as Typography21, IconButton as IconButton13, Box as
|
|
4525
|
-
import
|
|
4521
|
+
import { Typography as Typography21, IconButton as IconButton13, Box as Box23, Badge, Menu as Menu3, MenuItem as MenuItem7, ListItemIcon as ListItemIcon5, Popover as Popover6 } from "@mui/material";
|
|
4522
|
+
import Grid8 from "@mui/material/Grid";
|
|
4526
4523
|
import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
|
|
4527
4524
|
import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers/LocalizationProvider";
|
|
4528
4525
|
import { StaticDatePicker } from "@mui/x-date-pickers/StaticDatePicker";
|
|
@@ -4532,7 +4529,7 @@ import { format, startOfWeek, addDays, isSameDay } from "date-fns";
|
|
|
4532
4529
|
// src/Components/SCListContent.tsx
|
|
4533
4530
|
import React37 from "react";
|
|
4534
4531
|
import { Divider as Divider6, List, ListItemButton, ListItemIcon as ListItemIcon4, ListItemText as ListItemText3, SvgIcon as SvgIcon7 } from "@mui/material";
|
|
4535
|
-
import
|
|
4532
|
+
import Grid7 from "@mui/material/Grid";
|
|
4536
4533
|
import Avatar2 from "@mui/material/Avatar";
|
|
4537
4534
|
import * as Muicon7 from "@mui/icons-material";
|
|
4538
4535
|
var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" }) => {
|
|
@@ -4571,7 +4568,7 @@ var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" })
|
|
|
4571
4568
|
{
|
|
4572
4569
|
sx: { color: option.colorDisabled == true ? "text.disabled" : "default" },
|
|
4573
4570
|
primary: option.title,
|
|
4574
|
-
secondary: /* @__PURE__ */ React37.createElement(
|
|
4571
|
+
secondary: /* @__PURE__ */ React37.createElement(Grid7, { gap: 0.5 }, /* @__PURE__ */ React37.createElement(Grid7, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.subtitle), /* @__PURE__ */ React37.createElement(Grid7, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.description))
|
|
4575
4572
|
}
|
|
4576
4573
|
),
|
|
4577
4574
|
option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ React37.createElement(ListItemIcon4, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ React37.createElement(SvgIcon7, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ React37.createElement(Avatar2, { variant: "circular", sx: { width: 20, height: 20 } }, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ React37.createElement(SvgIcon7, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
|
|
@@ -4656,8 +4653,8 @@ var SCActivityCalendar = ({
|
|
|
4656
4653
|
setDatosEventos(resultado);
|
|
4657
4654
|
}
|
|
4658
4655
|
};
|
|
4659
|
-
return /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(LocalizationProvider2, { dateAdapter: AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React38.createElement(
|
|
4660
|
-
|
|
4656
|
+
return /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(LocalizationProvider2, { dateAdapter: AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React38.createElement(Box23, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React38.createElement(Box23, { sx: { width: "100%", padding: "0px", background: "transparent" } }, /* @__PURE__ */ React38.createElement(Grid8, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 16px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React38.createElement(Grid8, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React38.createElement(Box23, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React38.createElement(Typography21, { sx: { fontSize: "12px !important", color: "#10184099" } }, format(dia, "EEEE", { locale: es }).charAt(0).toUpperCase())), /* @__PURE__ */ React38.createElement(
|
|
4657
|
+
Box23,
|
|
4661
4658
|
{
|
|
4662
4659
|
onClick: () => setFecha(dia),
|
|
4663
4660
|
sx: {
|
|
@@ -4670,7 +4667,7 @@ var SCActivityCalendar = ({
|
|
|
4670
4667
|
}
|
|
4671
4668
|
},
|
|
4672
4669
|
/* @__PURE__ */ React38.createElement(Typography21, { sx: { fontSize: "12px !important", color: isSameDay(dia, fecha) ? "white" : "#101840DE" } }, format(dia, "d"))
|
|
4673
|
-
)))), /* @__PURE__ */ React38.createElement(
|
|
4670
|
+
)))), /* @__PURE__ */ React38.createElement(Grid8, { container: true, justifyContent: "center" }, /* @__PURE__ */ React38.createElement(IconButton13, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ React38.createElement(KeyboardDoubleArrowDownIcon, { color: "action" }))))) : /* @__PURE__ */ React38.createElement(Box23, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ React38.createElement(
|
|
4674
4671
|
StaticDatePicker,
|
|
4675
4672
|
{
|
|
4676
4673
|
orientation: "landscape",
|
|
@@ -4695,7 +4692,7 @@ var SCActivityCalendar = ({
|
|
|
4695
4692
|
},
|
|
4696
4693
|
onChange: (newValue) => setFecha(newValue)
|
|
4697
4694
|
}
|
|
4698
|
-
), /* @__PURE__ */ React38.createElement(
|
|
4695
|
+
), /* @__PURE__ */ React38.createElement(Grid8, { container: true, justifyContent: "center" }, /* @__PURE__ */ React38.createElement(IconButton13, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React38.createElement(KeyboardDoubleArrowUpIcon, { color: "action" }))))), /* @__PURE__ */ React38.createElement(IconButton13, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "444px" } }, /* @__PURE__ */ React38.createElement(FilterListIcon, { color: "action" })), /* @__PURE__ */ React38.createElement(
|
|
4699
4696
|
Popover6,
|
|
4700
4697
|
{
|
|
4701
4698
|
open: openPopoverFiltro,
|
|
@@ -4724,19 +4721,19 @@ var SCActivityCalendar = ({
|
|
|
4724
4721
|
/* @__PURE__ */ React38.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "Aplazada") }, /* @__PURE__ */ React38.createElement(ListItemIcon5, null, /* @__PURE__ */ React38.createElement(EventBusyOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React38.createElement(Typography21, { variant: "inherit" }, "Ver aplazadas")),
|
|
4725
4722
|
/* @__PURE__ */ React38.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "En progreso") }, /* @__PURE__ */ React38.createElement(ListItemIcon5, null, /* @__PURE__ */ React38.createElement(PendingOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React38.createElement(Typography21, { variant: "inherit" }, "Ver en progreso"))
|
|
4726
4723
|
)
|
|
4727
|
-
), /* @__PURE__ */ React38.createElement(
|
|
4728
|
-
|
|
4724
|
+
), /* @__PURE__ */ React38.createElement(Box23, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 316px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ React38.createElement(
|
|
4725
|
+
Box23,
|
|
4729
4726
|
{
|
|
4730
4727
|
key: dayIndex
|
|
4731
4728
|
},
|
|
4732
|
-
/* @__PURE__ */ React38.createElement(
|
|
4729
|
+
/* @__PURE__ */ React38.createElement(Grid8, { container: true }, /* @__PURE__ */ React38.createElement(Typography21, { variant: "subtitle1", sx: { color: isSameDay(day, fecha) ? "info.dark" : "text.secondary" } }, day.toLocaleDateString("es-ES", {
|
|
4733
4730
|
day: "numeric"
|
|
4734
4731
|
}), " de ", day.toLocaleDateString("es-ES", {
|
|
4735
4732
|
month: "short"
|
|
4736
4733
|
}), ", ", day.toLocaleDateString("es-ES", {
|
|
4737
4734
|
weekday: "long"
|
|
4738
4735
|
}))),
|
|
4739
|
-
/* @__PURE__ */ React38.createElement(
|
|
4736
|
+
/* @__PURE__ */ React38.createElement(Box23, { sx: {
|
|
4740
4737
|
display: "flex",
|
|
4741
4738
|
flexDirection: "column"
|
|
4742
4739
|
} }, (() => {
|
|
@@ -4754,7 +4751,7 @@ var SCActivityCalendar = ({
|
|
|
4754
4751
|
subtitle: /* @__PURE__ */ React38.createElement(React38.Fragment, null, configRangeHour && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getMinutes() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(Typography21, { variant: "body2" }, "Todo el dia"), /* @__PURE__ */ React38.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(Typography21, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React38.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React38.createElement(Typography21, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
|
|
4755
4752
|
iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
|
|
4756
4753
|
iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
|
|
4757
|
-
description: /* @__PURE__ */ React38.createElement(
|
|
4754
|
+
description: /* @__PURE__ */ React38.createElement(Grid8, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React38.createElement(Grid8, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ React38.createElement(Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React38.createElement(Typography21, { variant: "body2" }, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ React38.createElement(Typography21, { variant: "body1" }, event2.equipmentDescription)),
|
|
4758
4755
|
divider: eventosDelDia.length === idx + 1 ? false : true,
|
|
4759
4756
|
colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
|
|
4760
4757
|
fn: fn ? () => fn(event2) : void 0
|
|
@@ -4815,8 +4812,8 @@ var SCAlert = ({
|
|
|
4815
4812
|
|
|
4816
4813
|
// src/Components/SCAppBar.tsx
|
|
4817
4814
|
import React40, { useState as useState21, useEffect as useEffect16 } from "react";
|
|
4818
|
-
import { Menu as Menu4, Box as
|
|
4819
|
-
import
|
|
4815
|
+
import { Menu as Menu4, Box as Box24, Typography as Typography23, MenuItem as MenuItem8, IconButton as IconButton14, Badge as Badge2 } from "@mui/material";
|
|
4816
|
+
import Grid9 from "@mui/material/Grid";
|
|
4820
4817
|
import "dayjs/locale/es";
|
|
4821
4818
|
import MenuIcon from "@mui/icons-material/Menu";
|
|
4822
4819
|
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
|
|
@@ -4853,7 +4850,7 @@ var SCAppBar = ({
|
|
|
4853
4850
|
window.removeEventListener("offline", handleOffline);
|
|
4854
4851
|
};
|
|
4855
4852
|
}, []);
|
|
4856
|
-
return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(
|
|
4853
|
+
return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(Grid9, { sx: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React40.createElement(Grid9, { size: 12, sx: { display: "flex", flexDirection: "row", alignItems: "center", background, padding: "0px 16px", justifyContent: "space-between" } }, visibleVolver && /* @__PURE__ */ React40.createElement(IconButton14, { size: "medium", onClick: fnVolver }, /* @__PURE__ */ React40.createElement(ArrowBackIcon, { color: "action" })), /* @__PURE__ */ React40.createElement(Grid9, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, visibleConexion && /* @__PURE__ */ React40.createElement(Grid9, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, isOnline ? /* @__PURE__ */ React40.createElement(Wifi, { color: "action", sx: { marginRight: "8px" } }) : /* @__PURE__ */ React40.createElement(WifiOff, { color: "action", sx: { marginRight: "8px" } }), /* @__PURE__ */ React40.createElement(
|
|
4857
4854
|
Badge2,
|
|
4858
4855
|
{
|
|
4859
4856
|
anchorOrigin: {
|
|
@@ -4885,13 +4882,13 @@ var SCAppBar = ({
|
|
|
4885
4882
|
sx: { zIndex: "2000" }
|
|
4886
4883
|
},
|
|
4887
4884
|
options.map((option, index) => /* @__PURE__ */ React40.createElement(MenuItem8, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ React40.createElement(Typography23, { variant: "body2" }, option.name)))
|
|
4888
|
-
)))), /* @__PURE__ */ React40.createElement(
|
|
4885
|
+
)))), /* @__PURE__ */ React40.createElement(Box24, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
|
|
4889
4886
|
};
|
|
4890
4887
|
|
|
4891
4888
|
// src/Components/SCCalendarSwipeable.tsx
|
|
4892
4889
|
import React41, { useState as useState22 } from "react";
|
|
4893
|
-
import { Typography as Typography24, IconButton as IconButton15, Box as
|
|
4894
|
-
import
|
|
4890
|
+
import { Typography as Typography24, IconButton as IconButton15, Box as Box25 } from "@mui/material";
|
|
4891
|
+
import Grid10 from "@mui/material/Grid";
|
|
4895
4892
|
import { AdapterDateFns as AdapterDateFns2 } from "@mui/x-date-pickers/AdapterDateFns";
|
|
4896
4893
|
import { LocalizationProvider as LocalizationProvider3 } from "@mui/x-date-pickers/LocalizationProvider";
|
|
4897
4894
|
import { StaticDatePicker as StaticDatePicker2 } from "@mui/x-date-pickers/StaticDatePicker";
|
|
@@ -4939,8 +4936,8 @@ var SCCalendarSwipeable = ({
|
|
|
4939
4936
|
// 0 = domingo, 1 = lunes
|
|
4940
4937
|
})
|
|
4941
4938
|
});
|
|
4942
|
-
return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(LocalizationProvider3, { dateAdapter: AdapterDateFns2, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React41.createElement(
|
|
4943
|
-
|
|
4939
|
+
return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(LocalizationProvider3, { dateAdapter: AdapterDateFns2, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React41.createElement(Box25, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React41.createElement(Box25, { sx: { width: "100%", padding: "0px 16px", background: "transparent" } }, /* @__PURE__ */ React41.createElement(Grid10, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React41.createElement(Grid10, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React41.createElement(Box25, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React41.createElement(Typography24, { sx: { fontSize: "12px !important", color: "#10184099" } }, format2(dia, "EEEE", { locale: es2 }).charAt(0).toUpperCase())), /* @__PURE__ */ React41.createElement(
|
|
4940
|
+
Box25,
|
|
4944
4941
|
{
|
|
4945
4942
|
onClick: () => setFecha(dia),
|
|
4946
4943
|
sx: {
|
|
@@ -4956,7 +4953,7 @@ var SCCalendarSwipeable = ({
|
|
|
4956
4953
|
}
|
|
4957
4954
|
},
|
|
4958
4955
|
/* @__PURE__ */ React41.createElement(Typography24, { sx: { fontSize: "12px !important", color: isSameDay2(dia, fecha) ? "white" : "#101840DE" } }, format2(dia, "d"))
|
|
4959
|
-
)))), /* @__PURE__ */ React41.createElement(
|
|
4956
|
+
)))), /* @__PURE__ */ React41.createElement(Grid10, { container: true, justifyContent: "center" }, /* @__PURE__ */ React41.createElement(IconButton15, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ React41.createElement(KeyboardDoubleArrowDownIcon2, null))))) : /* @__PURE__ */ React41.createElement(Box25, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ React41.createElement(
|
|
4960
4957
|
StaticDatePicker2,
|
|
4961
4958
|
{
|
|
4962
4959
|
orientation: "landscape",
|
|
@@ -4981,12 +4978,12 @@ var SCCalendarSwipeable = ({
|
|
|
4981
4978
|
},
|
|
4982
4979
|
onChange: (newValue) => setFecha(newValue)
|
|
4983
4980
|
}
|
|
4984
|
-
), /* @__PURE__ */ React41.createElement(
|
|
4981
|
+
), /* @__PURE__ */ React41.createElement(Grid10, { container: true, justifyContent: "center" }, /* @__PURE__ */ React41.createElement(IconButton15, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React41.createElement(KeyboardDoubleArrowUpIcon2, null))))));
|
|
4985
4982
|
};
|
|
4986
4983
|
|
|
4987
4984
|
// src/Components/SCCard.tsx
|
|
4988
4985
|
import React42 from "react";
|
|
4989
|
-
import {
|
|
4986
|
+
import { Divider as Divider8, Box as Box26, SvgIcon as SvgIcon9 } from "@mui/material";
|
|
4990
4987
|
import IconButton16 from "@mui/material/IconButton";
|
|
4991
4988
|
import Card2 from "@mui/material/Card";
|
|
4992
4989
|
import CardHeader from "@mui/material/CardHeader";
|
|
@@ -4996,7 +4993,7 @@ import CardActions from "@mui/material/CardActions";
|
|
|
4996
4993
|
import Collapse2 from "@mui/material/Collapse";
|
|
4997
4994
|
import ExpandMoreIcon2 from "@mui/icons-material/ExpandMore";
|
|
4998
4995
|
import * as Muicon8 from "@mui/icons-material";
|
|
4999
|
-
var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions,
|
|
4996
|
+
var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerHeader, content, actions, dividerActions, contentExpand }) => {
|
|
5000
4997
|
let iconTitleValidation = "";
|
|
5001
4998
|
let IconTitle;
|
|
5002
4999
|
const [expanded, setExpanded] = React42.useState(false);
|
|
@@ -5020,8 +5017,8 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
|
|
|
5020
5017
|
return /* @__PURE__ */ React42.createElement(Card2, { sx: { width: width || "auto" } }, title && /* @__PURE__ */ React42.createElement(
|
|
5021
5018
|
CardHeader,
|
|
5022
5019
|
{
|
|
5023
|
-
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React42.createElement(
|
|
5024
|
-
action:
|
|
5020
|
+
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React42.createElement(Box26, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React42.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React42.createElement(SvgIcon9, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
|
|
5021
|
+
action: actionsTitle == "expand" ? /* @__PURE__ */ React42.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React42.createElement(ExpandMoreIcon2, { fontSize: "small" })) : actionsTitle,
|
|
5025
5022
|
title,
|
|
5026
5023
|
subheader: subtitle,
|
|
5027
5024
|
sx: {
|
|
@@ -5040,25 +5037,14 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
|
|
|
5040
5037
|
}
|
|
5041
5038
|
}
|
|
5042
5039
|
}
|
|
5043
|
-
), image && /* @__PURE__ */ React42.createElement(
|
|
5040
|
+
), dividerHeader && title && /* @__PURE__ */ React42.createElement(Divider8, { variant: "fullWidth" }), image && /* @__PURE__ */ React42.createElement(
|
|
5044
5041
|
CardMedia,
|
|
5045
5042
|
{
|
|
5046
5043
|
component: "img",
|
|
5047
5044
|
height: "194",
|
|
5048
5045
|
image
|
|
5049
5046
|
}
|
|
5050
|
-
), content && /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content),
|
|
5051
|
-
Button18,
|
|
5052
|
-
{
|
|
5053
|
-
key: index,
|
|
5054
|
-
size: "small",
|
|
5055
|
-
color: action.color || "primary",
|
|
5056
|
-
variant: action.variant || "text",
|
|
5057
|
-
onClick: action.fn,
|
|
5058
|
-
disabled: action.disabled || false
|
|
5059
|
-
},
|
|
5060
|
-
action.text
|
|
5061
|
-
)) : ""), expand && /* @__PURE__ */ React42.createElement(Collapse2, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, expand.content)));
|
|
5047
|
+
), content && /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), dividerActions && /* @__PURE__ */ React42.createElement(Divider8, { variant: "fullWidth" }), actions && /* @__PURE__ */ React42.createElement(CardActions, null, actions), contentExpand && /* @__PURE__ */ React42.createElement(Collapse2, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, contentExpand)));
|
|
5062
5048
|
};
|
|
5063
5049
|
|
|
5064
5050
|
// src/Components/SCDataGrid.tsx
|
|
@@ -5567,8 +5553,8 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
|
|
|
5567
5553
|
|
|
5568
5554
|
// src/Components/SCDialog.tsx
|
|
5569
5555
|
import React45, { useEffect as useEffect20, useState as useState26 } from "react";
|
|
5570
|
-
import { Button as Button19, Typography as Typography26, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as
|
|
5571
|
-
import
|
|
5556
|
+
import { Button as Button19, Typography as Typography26, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as Box27, SvgIcon as SvgIcon10 } from "@mui/material";
|
|
5557
|
+
import Grid11 from "@mui/material/Grid";
|
|
5572
5558
|
import ToggleButton from "@mui/material/ToggleButton";
|
|
5573
5559
|
import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
|
|
5574
5560
|
import CloseIcon2 from "@mui/icons-material/Close";
|
|
@@ -5631,7 +5617,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5631
5617
|
}
|
|
5632
5618
|
};
|
|
5633
5619
|
const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
|
|
5634
|
-
content = content != null ? content : { component: /* @__PURE__ */ React45.createElement(
|
|
5620
|
+
content = content != null ? content : { component: /* @__PURE__ */ React45.createElement(Box27, null, " Aqui va el contenido ") };
|
|
5635
5621
|
return /* @__PURE__ */ React45.createElement("div", null, buttonDialog ? /* @__PURE__ */ React45.createElement(React45.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React45.createElement(Tooltip8, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React45.createElement(Button19, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ React45.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React45.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React45.createElement(IconButton17, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React45.createElement(SvgIcon10, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React45.createElement(Modal5, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React45.createElement(
|
|
5636
5622
|
Dialog4,
|
|
5637
5623
|
{
|
|
@@ -5647,7 +5633,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5647
5633
|
}
|
|
5648
5634
|
}
|
|
5649
5635
|
},
|
|
5650
|
-
title && /* @__PURE__ */ React45.createElement(DialogTitle4, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ React45.createElement(
|
|
5636
|
+
title && /* @__PURE__ */ React45.createElement(DialogTitle4, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ React45.createElement(Grid11, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, typeView == "web" ? /* @__PURE__ */ React45.createElement(Grid11, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ React45.createElement(Box27, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React45.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React45.createElement(SvgIcon10, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ React45.createElement(Grid11, { sx: { width: "98%" } }, /* @__PURE__ */ React45.createElement(Typography26, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), subtitle ? subtitle : "")) : /* @__PURE__ */ React45.createElement(Grid11, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }), disableClose != true ? /* @__PURE__ */ React45.createElement(IconButton17, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ React45.createElement(CloseIcon2, { color: "action" })) : ""), typeView == "mobile" ? /* @__PURE__ */ React45.createElement(Grid11, { sx: { display: "flex", flexDirection: "column", padding: "12px 0px 4px 0px" }, gap: 1.5 }, /* @__PURE__ */ React45.createElement(Typography26, { color: "text.primary", variant: "h5" }, title ? title : ""), subtitle ? subtitle : "") : ""),
|
|
5651
5637
|
/* @__PURE__ */ React45.createElement(
|
|
5652
5638
|
DialogContent4,
|
|
5653
5639
|
{
|
|
@@ -5698,7 +5684,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5698
5684
|
startIcon: dialogActions[0].icon ? /* @__PURE__ */ React45.createElement(SvgIcon10, { fontSize: "small", component: dialogActions[0].icon }) : void 0
|
|
5699
5685
|
},
|
|
5700
5686
|
dialogActions[0].text
|
|
5701
|
-
), /* @__PURE__ */ React45.createElement(
|
|
5687
|
+
), /* @__PURE__ */ React45.createElement(Box27, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
|
|
5702
5688
|
return /* @__PURE__ */ React45.createElement(
|
|
5703
5689
|
Button19,
|
|
5704
5690
|
{
|
|
@@ -5726,7 +5712,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5726
5712
|
},
|
|
5727
5713
|
boton.text
|
|
5728
5714
|
);
|
|
5729
|
-
})) : /* @__PURE__ */ React45.createElement(
|
|
5715
|
+
})) : /* @__PURE__ */ React45.createElement(Box27, { sx: { width: "100%", display: "flex", flexDirection: "row", justifyContent: "center" } }, /* @__PURE__ */ React45.createElement(ToggleButtonGroup, { size: "large", fullWidth: true }, dialogActions.map((boton, index) => {
|
|
5730
5716
|
var _a;
|
|
5731
5717
|
return /* @__PURE__ */ React45.createElement(ToggleButton, { sx: { color: "primary.main" }, disabled: boton.disabled || false, fullWidth: boton.text ? true : false, size: "medium", value: "text", onClick: boton.fn }, (_a = boton.text) != null ? _a : /* @__PURE__ */ React45.createElement(SvgIcon10, { fontSize: "small", component: boton.icon }));
|
|
5732
5718
|
})))) : "" : ""
|
|
@@ -5783,8 +5769,8 @@ var SCDownloadExcelTable = ({
|
|
|
5783
5769
|
|
|
5784
5770
|
// src/Components/SCMenu.tsx
|
|
5785
5771
|
import React47 from "react";
|
|
5786
|
-
import { Box as
|
|
5787
|
-
import
|
|
5772
|
+
import { Box as Box28, Typography as Typography27, Paper as Paper5, Divider as Divider9, MenuList as MenuList3, MenuItem as MenuItem9, ListItemIcon as ListItemIcon7, SvgIcon as SvgIcon11 } from "@mui/material";
|
|
5773
|
+
import Grid12 from "@mui/material/Grid";
|
|
5788
5774
|
|
|
5789
5775
|
// src/Components/Hooks/useWindowDimensions.ts
|
|
5790
5776
|
import { useState as useState27, useEffect as useEffect21 } from "react";
|
|
@@ -5850,7 +5836,7 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
5850
5836
|
setValue(String(index + 1));
|
|
5851
5837
|
}
|
|
5852
5838
|
};
|
|
5853
|
-
return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
|
|
5839
|
+
return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(Grid12, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ React47.createElement(Paper5, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ React47.createElement(MenuList3, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
|
|
5854
5840
|
MenuItem9,
|
|
5855
5841
|
{
|
|
5856
5842
|
disabled: disable == true ? true : false,
|
|
@@ -5859,8 +5845,8 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
5859
5845
|
onClick: (event2) => handleClickMenusItem(event2, index)
|
|
5860
5846
|
},
|
|
5861
5847
|
option.iconLeft ? /* @__PURE__ */ React47.createElement(ListItemIcon7, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React47.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
|
|
5862
|
-
/* @__PURE__ */ React47.createElement(
|
|
5863
|
-
), option.divider == true ? /* @__PURE__ */ React47.createElement(
|
|
5848
|
+
/* @__PURE__ */ React47.createElement(Grid12, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React47.createElement(Typography27, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React47.createElement(ListItemIcon7, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React47.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
|
|
5849
|
+
), option.divider == true ? /* @__PURE__ */ React47.createElement(Divider9, null) : "")))), /* @__PURE__ */ React47.createElement(Grid12, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React47.createElement(Box28, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React47.createElement(Typography27, { color: "error" }, "No se ha configurado el componente a visualizar")))));
|
|
5864
5850
|
};
|
|
5865
5851
|
|
|
5866
5852
|
// src/Components/SCSnackBar.tsx
|
|
@@ -5907,7 +5893,7 @@ var SCSnackBar = ({
|
|
|
5907
5893
|
|
|
5908
5894
|
// src/Components/SCTabs.tsx
|
|
5909
5895
|
import React49, { useEffect as useEffect22 } from "react";
|
|
5910
|
-
import { Typography as Typography28, Box as
|
|
5896
|
+
import { Typography as Typography28, Box as Box29, SvgIcon as SvgIcon12, Tab as Tab3, Tabs as Tabs3, Badge as Badge3 } from "@mui/material";
|
|
5911
5897
|
import TabPanel from "@mui/lab/TabPanel";
|
|
5912
5898
|
import TabContext from "@mui/lab/TabContext";
|
|
5913
5899
|
import * as Muicon11 from "@mui/icons-material";
|
|
@@ -5969,7 +5955,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5969
5955
|
setValue(newValue);
|
|
5970
5956
|
}
|
|
5971
5957
|
};
|
|
5972
|
-
return /* @__PURE__ */ React49.createElement(React49.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ React49.createElement(
|
|
5958
|
+
return /* @__PURE__ */ React49.createElement(React49.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ React49.createElement(Box29, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ React49.createElement(TabContext, { value }, /* @__PURE__ */ React49.createElement(
|
|
5973
5959
|
Tabs3,
|
|
5974
5960
|
{
|
|
5975
5961
|
"data-testid": "tab-container",
|
|
@@ -6019,12 +6005,12 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
6019
6005
|
sx: { padding: "16px" }
|
|
6020
6006
|
},
|
|
6021
6007
|
option.page ? option.page : /* @__PURE__ */ React49.createElement(Typography28, null, "No se ha configurado el componente a visualizar ")
|
|
6022
|
-
)))) : /* @__PURE__ */ React49.createElement(
|
|
6008
|
+
)))) : /* @__PURE__ */ React49.createElement(Box29, { sx: { height: "200px" } }, toast && /* @__PURE__ */ React49.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
|
|
6023
6009
|
};
|
|
6024
6010
|
|
|
6025
6011
|
// src/Components/SCTime.tsx
|
|
6026
6012
|
import React50, { useState as useState29 } from "react";
|
|
6027
|
-
import { Box as
|
|
6013
|
+
import { Box as Box30, InputAdornment as InputAdornment6, Popover as Popover8, ClickAwayListener as ClickAwayListener3 } from "@mui/material";
|
|
6028
6014
|
import { LocalizationProvider as LocalizationProvider5 } from "@mui/x-date-pickers/LocalizationProvider";
|
|
6029
6015
|
import { AdapterDayjs as AdapterDayjs3 } from "@mui/x-date-pickers/AdapterDayjs";
|
|
6030
6016
|
import dayjs11 from "dayjs";
|
|
@@ -6045,7 +6031,7 @@ var SCTime = ({
|
|
|
6045
6031
|
error = false
|
|
6046
6032
|
}) => {
|
|
6047
6033
|
LicenseInfo3.setLicenseKey(
|
|
6048
|
-
"
|
|
6034
|
+
"aa892a011e4c240f3cdaf811ecfff54fTz0xMjkyODQsRT0xODEwNDI1NTk5MDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
|
|
6049
6035
|
);
|
|
6050
6036
|
const isTimeEmpty = required && !state;
|
|
6051
6037
|
const hasError = isTimeEmpty || error;
|
|
@@ -6084,7 +6070,7 @@ var SCTime = ({
|
|
|
6084
6070
|
setIsOpenPopover(false);
|
|
6085
6071
|
setAnchorEl(null);
|
|
6086
6072
|
};
|
|
6087
|
-
return /* @__PURE__ */ React50.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3 }, /* @__PURE__ */ React50.createElement(
|
|
6073
|
+
return /* @__PURE__ */ React50.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3 }, /* @__PURE__ */ React50.createElement(Box30, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ React50.createElement(
|
|
6088
6074
|
TimeField,
|
|
6089
6075
|
{
|
|
6090
6076
|
label,
|
|
@@ -6156,7 +6142,7 @@ var SCTime = ({
|
|
|
6156
6142
|
}
|
|
6157
6143
|
}
|
|
6158
6144
|
},
|
|
6159
|
-
/* @__PURE__ */ React50.createElement(ClickAwayListener3, { onClickAway: handleClose }, /* @__PURE__ */ React50.createElement(
|
|
6145
|
+
/* @__PURE__ */ React50.createElement(ClickAwayListener3, { onClickAway: handleClose }, /* @__PURE__ */ React50.createElement(Box30, { sx: { p: 0 } }, /* @__PURE__ */ React50.createElement(
|
|
6160
6146
|
DigitalClock,
|
|
6161
6147
|
{
|
|
6162
6148
|
value: state,
|
|
@@ -6180,8 +6166,8 @@ var SCTime = ({
|
|
|
6180
6166
|
|
|
6181
6167
|
// src/Components/SCZoom.tsx
|
|
6182
6168
|
import React51, { useState as useState30 } from "react";
|
|
6183
|
-
import { Typography as Typography30, Divider as
|
|
6184
|
-
import
|
|
6169
|
+
import { Typography as Typography30, Divider as Divider10, IconButton as IconButton18, Box as Box31 } from "@mui/material";
|
|
6170
|
+
import Grid13 from "@mui/material/Grid";
|
|
6185
6171
|
import ZoomOutIcon from "@mui/icons-material/ZoomOut";
|
|
6186
6172
|
import ZoomInIcon from "@mui/icons-material/ZoomIn";
|
|
6187
6173
|
import RotateRightIcon from "@mui/icons-material/RotateRight";
|
|
@@ -6196,8 +6182,8 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
|
6196
6182
|
const handleReset = () => {
|
|
6197
6183
|
setZoom(1);
|
|
6198
6184
|
};
|
|
6199
|
-
return /* @__PURE__ */ React51.createElement(
|
|
6200
|
-
|
|
6185
|
+
return /* @__PURE__ */ React51.createElement(Box31, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ React51.createElement(
|
|
6186
|
+
Box31,
|
|
6201
6187
|
{
|
|
6202
6188
|
sx: {
|
|
6203
6189
|
overflow: zoom > 1 ? "auto" : "hidden",
|
|
@@ -6218,7 +6204,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
|
6218
6204
|
}
|
|
6219
6205
|
}
|
|
6220
6206
|
)
|
|
6221
|
-
), /* @__PURE__ */ React51.createElement(
|
|
6207
|
+
), /* @__PURE__ */ React51.createElement(Grid13, { container: true, flexWrap: "nowrap", alignItems: "center", gap: 1, sx: { position: "relative", bottom: bottom != null ? bottom : `calc(100% - 87%)`, left: left != null ? left : `calc(100% - 72%)`, zIndex: 1, width: "147px", borderRadius: "4px", padding: "4px 12px", border: bottom ? "0px" : "1px solid #0000001F", background: "white", boxShadow: bottom ? "" : "2px 3px 5px 0px #18274B33" } }, /* @__PURE__ */ React51.createElement(Grid13, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ React51.createElement(ZoomOutIcon, { color: "action", fontSize: "small" })), /* @__PURE__ */ React51.createElement(Typography30, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ React51.createElement(ZoomInIcon, { color: "action", fontSize: "small" }))), /* @__PURE__ */ React51.createElement(Divider10, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ React51.createElement(RotateRightIcon, { color: "action", fontSize: "small" }))));
|
|
6222
6208
|
};
|
|
6223
6209
|
|
|
6224
6210
|
// src/Theme/index.ts
|