componentes-sinco 1.1.45 → 1.2.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 +234 -185
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -1
- package/dist/index.d.ts +8 -1
- package/dist/index.js +206 -158
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -91,6 +91,7 @@ __export(index_exports, {
|
|
|
91
91
|
FooterAction: () => FooterAction,
|
|
92
92
|
MultiSelect: () => MultiSelect,
|
|
93
93
|
PageHeader: () => PageHeader,
|
|
94
|
+
SCAccordion: () => SCAccordion,
|
|
94
95
|
SCActivityCalendar: () => SCActivityCalendar,
|
|
95
96
|
SCAlert: () => SCAlert,
|
|
96
97
|
SCAppBar: () => SCAppBar,
|
|
@@ -2620,6 +2621,7 @@ function SCAutocomplete({
|
|
|
2620
2621
|
) || null;
|
|
2621
2622
|
const [open, setOpen] = import_react19.default.useState(false);
|
|
2622
2623
|
const componentClickActiveRef = import_react19.default.useRef(false);
|
|
2624
|
+
const listboxScrollRef = import_react19.default.useRef(null);
|
|
2623
2625
|
const containerRef = import_react19.default.useRef(null);
|
|
2624
2626
|
const [chipLimit, setChipLimit] = import_react19.default.useState(2);
|
|
2625
2627
|
const outsideChipsMeasureRef = import_react19.default.useRef(null);
|
|
@@ -2785,12 +2787,18 @@ function SCAutocomplete({
|
|
|
2785
2787
|
event2.defaultMuiPrevented = true;
|
|
2786
2788
|
},
|
|
2787
2789
|
onClick: (event2) => {
|
|
2788
|
-
var _a2;
|
|
2790
|
+
var _a2, _b, _c;
|
|
2789
2791
|
event2.preventDefault();
|
|
2790
2792
|
event2.stopPropagation();
|
|
2791
2793
|
event2.defaultMuiPrevented = true;
|
|
2792
|
-
(_a2 =
|
|
2794
|
+
const savedScroll = (_b = (_a2 = listboxScrollRef.current) == null ? void 0 : _a2.scrollTop) != null ? _b : 0;
|
|
2795
|
+
(_c = item.onComponentClick) == null ? void 0 : _c.call(item, event2, option);
|
|
2793
2796
|
setOpen(true);
|
|
2797
|
+
requestAnimationFrame(() => {
|
|
2798
|
+
if (listboxScrollRef.current) {
|
|
2799
|
+
listboxScrollRef.current.scrollTop = savedScroll;
|
|
2800
|
+
}
|
|
2801
|
+
});
|
|
2794
2802
|
setTimeout(() => {
|
|
2795
2803
|
componentClickActiveRef.current = false;
|
|
2796
2804
|
}, 200);
|
|
@@ -2831,7 +2839,11 @@ function SCAutocomplete({
|
|
|
2831
2839
|
return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
|
|
2832
2840
|
import_material13.Box,
|
|
2833
2841
|
__spreadProps(__spreadValues({
|
|
2834
|
-
ref
|
|
2842
|
+
ref: (node) => {
|
|
2843
|
+
listboxScrollRef.current = node;
|
|
2844
|
+
if (typeof ref === "function") ref(node);
|
|
2845
|
+
else if (ref) ref.current = node;
|
|
2846
|
+
}
|
|
2835
2847
|
}, props), {
|
|
2836
2848
|
sx: __spreadValues({
|
|
2837
2849
|
position: "relative",
|
|
@@ -4515,9 +4527,45 @@ var PageHeader = ({
|
|
|
4515
4527
|
), fixed && /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { sx: { height: 48 } }));
|
|
4516
4528
|
};
|
|
4517
4529
|
|
|
4530
|
+
// src/Components/SCAccordion.tsx
|
|
4531
|
+
var import_react43 = __toESM(require("react"), 1);
|
|
4532
|
+
var import_material29 = require("@mui/material");
|
|
4533
|
+
var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
|
|
4534
|
+
var import_ExpandLess = __toESM(require("@mui/icons-material/ExpandLess"), 1);
|
|
4535
|
+
var SCAccordion = ({
|
|
4536
|
+
title,
|
|
4537
|
+
actions,
|
|
4538
|
+
children
|
|
4539
|
+
}) => {
|
|
4540
|
+
const [open, setOpen] = (0, import_react43.useState)(false);
|
|
4541
|
+
return /* @__PURE__ */ import_react43.default.createElement(
|
|
4542
|
+
import_material29.Grid,
|
|
4543
|
+
{
|
|
4544
|
+
flexDirection: "column",
|
|
4545
|
+
sx: {
|
|
4546
|
+
background: "white",
|
|
4547
|
+
boxShadow: "0px 2px 4px 0px #18274B33",
|
|
4548
|
+
padding: "0px 2px 0px 2px"
|
|
4549
|
+
}
|
|
4550
|
+
},
|
|
4551
|
+
/* @__PURE__ */ import_react43.default.createElement(
|
|
4552
|
+
import_material29.Grid,
|
|
4553
|
+
{
|
|
4554
|
+
container: true,
|
|
4555
|
+
sx: { alignItems: "center", padding: "12px 16px 12px 16px", cursor: "pointer" },
|
|
4556
|
+
justifyContent: "space-between",
|
|
4557
|
+
onClick: () => setOpen((prev) => !prev)
|
|
4558
|
+
},
|
|
4559
|
+
/* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { sx: { textAlign: "left" } }, /* @__PURE__ */ import_react43.default.createElement(import_material29.Typography, { noWrap: true, variant: "subtitle1", align: "left", color: "text.primary" }, title)),
|
|
4560
|
+
/* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, null, /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { container: true, justifyContent: "flex-end", alignItems: "center", gap: 1 }, actions, /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { color: "#3975ac", sx: { textAlign: "right" } }, open ? /* @__PURE__ */ import_react43.default.createElement(import_ExpandLess.default, { fontSize: "small", color: "action" }) : /* @__PURE__ */ import_react43.default.createElement(import_ExpandMore.default, { fontSize: "small", color: "action" }))))
|
|
4561
|
+
),
|
|
4562
|
+
open && /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { container: true, padding: "12px" }, children)
|
|
4563
|
+
);
|
|
4564
|
+
};
|
|
4565
|
+
|
|
4518
4566
|
// src/Components/SCActivityCalendar.tsx
|
|
4519
|
-
var
|
|
4520
|
-
var
|
|
4567
|
+
var import_react45 = __toESM(require("react"), 1);
|
|
4568
|
+
var import_material31 = require("@mui/material");
|
|
4521
4569
|
var import_Grid6 = __toESM(require("@mui/material/Grid"), 1);
|
|
4522
4570
|
var import_AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
|
|
4523
4571
|
var import_LocalizationProvider2 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
@@ -4526,14 +4574,14 @@ var import_locale = require("date-fns/locale");
|
|
|
4526
4574
|
var import_date_fns = require("date-fns");
|
|
4527
4575
|
|
|
4528
4576
|
// src/Components/SCListContent.tsx
|
|
4529
|
-
var
|
|
4530
|
-
var
|
|
4577
|
+
var import_react44 = __toESM(require("react"), 1);
|
|
4578
|
+
var import_material30 = require("@mui/material");
|
|
4531
4579
|
var import_Grid5 = __toESM(require("@mui/material/Grid"), 1);
|
|
4532
4580
|
var import_Avatar = __toESM(require("@mui/material/Avatar"), 1);
|
|
4533
4581
|
var Muicon7 = __toESM(require("@mui/icons-material"), 1);
|
|
4534
4582
|
var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" }) => {
|
|
4535
|
-
const [selectedIndex, setSelectedIndex] =
|
|
4536
|
-
const [value, setValue] =
|
|
4583
|
+
const [selectedIndex, setSelectedIndex] = import_react44.default.useState("1");
|
|
4584
|
+
const [value, setValue] = import_react44.default.useState("1");
|
|
4537
4585
|
options.map(function(option, index, array) {
|
|
4538
4586
|
if (option == null ? void 0 : option.iconLeft) {
|
|
4539
4587
|
if ((option == null ? void 0 : option.iconLeft.type) == void 0) {
|
|
@@ -4552,26 +4600,26 @@ var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" })
|
|
|
4552
4600
|
}
|
|
4553
4601
|
}
|
|
4554
4602
|
});
|
|
4555
|
-
return /* @__PURE__ */
|
|
4603
|
+
return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, /* @__PURE__ */ import_react44.default.createElement(import_material30.List, { sx: { width: "100%", bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => {
|
|
4556
4604
|
var _a, _b;
|
|
4557
|
-
return /* @__PURE__ */
|
|
4558
|
-
|
|
4605
|
+
return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, { key: index }, /* @__PURE__ */ import_react44.default.createElement(
|
|
4606
|
+
import_material30.ListItemButton,
|
|
4559
4607
|
{
|
|
4560
4608
|
disabled: option.disable,
|
|
4561
4609
|
onClick: option.fn,
|
|
4562
4610
|
sx: { gap: 1, padding: iconLeftType == "Icon" ? "8px 8px" : "8px 8px 8px 0px" }
|
|
4563
4611
|
},
|
|
4564
|
-
option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */
|
|
4565
|
-
/* @__PURE__ */
|
|
4566
|
-
|
|
4612
|
+
option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ import_react44.default.createElement(import_material30.ListItemIcon, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ import_react44.default.createElement(import_material30.SvgIcon, { fontSize: "small", sx: { color: option.iconLeftColor || "action" }, component: option.iconLeft })) : /* @__PURE__ */ import_react44.default.createElement(import_Avatar.default, { sx: { width: 25, height: 25, fontSize: "11px", bgcolor: option.iconLeftColor ? `${option.iconLeftColor}.main` : "default" } }, ((_a = option.iconLeft) == null ? void 0 : _a.type) != void 0 ? /* @__PURE__ */ import_react44.default.createElement(import_material30.SvgIcon, { fontSize: "small", component: option.iconLeft }) : option.iconLeft) : "",
|
|
4613
|
+
/* @__PURE__ */ import_react44.default.createElement(
|
|
4614
|
+
import_material30.ListItemText,
|
|
4567
4615
|
{
|
|
4568
4616
|
sx: { color: option.colorDisabled == true ? "text.disabled" : "default" },
|
|
4569
4617
|
primary: option.title,
|
|
4570
|
-
secondary: /* @__PURE__ */
|
|
4618
|
+
secondary: /* @__PURE__ */ import_react44.default.createElement(import_Grid5.default, { gap: 0.5 }, /* @__PURE__ */ import_react44.default.createElement(import_Grid5.default, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.subtitle), /* @__PURE__ */ import_react44.default.createElement(import_Grid5.default, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.description))
|
|
4571
4619
|
}
|
|
4572
4620
|
),
|
|
4573
|
-
option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */
|
|
4574
|
-
), option.divider == true ? /* @__PURE__ */
|
|
4621
|
+
option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ import_react44.default.createElement(import_material30.ListItemIcon, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ import_react44.default.createElement(import_material30.SvgIcon, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ import_react44.default.createElement(import_Avatar.default, { variant: "circular", sx: { width: 20, height: 20 } }, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ import_react44.default.createElement(import_material30.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
|
|
4622
|
+
), option.divider == true ? /* @__PURE__ */ import_react44.default.createElement(import_material30.Divider, null) : "");
|
|
4575
4623
|
})));
|
|
4576
4624
|
};
|
|
4577
4625
|
|
|
@@ -4597,22 +4645,22 @@ var SCActivityCalendar = ({
|
|
|
4597
4645
|
configRangeHour
|
|
4598
4646
|
}) => {
|
|
4599
4647
|
let convertFecha;
|
|
4600
|
-
const [fecha, setFecha] = (0,
|
|
4601
|
-
const [fechaSeleccionada, setFechaSeleccionada] = (0,
|
|
4602
|
-
const [stateVal, setstateVal] =
|
|
4603
|
-
const [openCalendar, setOpenCalendar] =
|
|
4604
|
-
const [anchorPopoverFiltro, setAnchorPopoverFiltro] = (0,
|
|
4605
|
-
const [datosEventos, setDatosEventos] =
|
|
4648
|
+
const [fecha, setFecha] = (0, import_react45.useState)(/* @__PURE__ */ new Date());
|
|
4649
|
+
const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react45.useState)();
|
|
4650
|
+
const [stateVal, setstateVal] = import_react45.default.useState(/* @__PURE__ */ new Date());
|
|
4651
|
+
const [openCalendar, setOpenCalendar] = import_react45.default.useState(false);
|
|
4652
|
+
const [anchorPopoverFiltro, setAnchorPopoverFiltro] = (0, import_react45.useState)(null);
|
|
4653
|
+
const [datosEventos, setDatosEventos] = import_react45.default.useState(events);
|
|
4606
4654
|
const openPopoverFiltro = Boolean(anchorPopoverFiltro);
|
|
4607
4655
|
const hoy = /* @__PURE__ */ new Date();
|
|
4608
4656
|
const inicioSemana = (0, import_date_fns.startOfWeek)(fecha, { weekStartsOn: 0 });
|
|
4609
4657
|
const diasSemana = Array.from({ length: 7 }, (_, i) => (0, import_date_fns.addDays)(inicioSemana, i));
|
|
4610
|
-
|
|
4658
|
+
import_react45.default.useEffect(() => {
|
|
4611
4659
|
if (fecha != null) {
|
|
4612
4660
|
handleConvertFecha(fecha);
|
|
4613
4661
|
}
|
|
4614
4662
|
}, [fecha]);
|
|
4615
|
-
|
|
4663
|
+
import_react45.default.useEffect(() => {
|
|
4616
4664
|
if (events != null) {
|
|
4617
4665
|
setDatosEventos(events);
|
|
4618
4666
|
}
|
|
@@ -4652,8 +4700,8 @@ var SCActivityCalendar = ({
|
|
|
4652
4700
|
setDatosEventos(resultado);
|
|
4653
4701
|
}
|
|
4654
4702
|
};
|
|
4655
|
-
return /* @__PURE__ */
|
|
4656
|
-
|
|
4703
|
+
return /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: { width: "100%", padding: "0px", background: "transparent" } }, /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 16px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns.format)(dia, "EEEE", { locale: import_locale.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react45.default.createElement(
|
|
4704
|
+
import_material31.Box,
|
|
4657
4705
|
{
|
|
4658
4706
|
onClick: () => setFecha(dia),
|
|
4659
4707
|
sx: {
|
|
@@ -4665,8 +4713,8 @@ var SCActivityCalendar = ({
|
|
|
4665
4713
|
position: "relative"
|
|
4666
4714
|
}
|
|
4667
4715
|
},
|
|
4668
|
-
/* @__PURE__ */
|
|
4669
|
-
)))), /* @__PURE__ */
|
|
4716
|
+
/* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns.format)(dia, "d"))
|
|
4717
|
+
)))), /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react45.default.createElement(import_KeyboardDoubleArrowDown.default, { color: "action" }))))) : /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react45.default.createElement(
|
|
4670
4718
|
import_StaticDatePicker.StaticDatePicker,
|
|
4671
4719
|
{
|
|
4672
4720
|
orientation: "landscape",
|
|
@@ -4691,8 +4739,8 @@ var SCActivityCalendar = ({
|
|
|
4691
4739
|
},
|
|
4692
4740
|
onChange: (newValue) => setFecha(newValue)
|
|
4693
4741
|
}
|
|
4694
|
-
), /* @__PURE__ */
|
|
4695
|
-
|
|
4742
|
+
), /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react45.default.createElement(import_KeyboardDoubleArrowUp.default, { color: "action" }))))), /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "380px" } }, /* @__PURE__ */ import_react45.default.createElement(import_FilterList.default, { color: "action" })), /* @__PURE__ */ import_react45.default.createElement(
|
|
4743
|
+
import_material31.Popover,
|
|
4696
4744
|
{
|
|
4697
4745
|
open: openPopoverFiltro,
|
|
4698
4746
|
anchorEl: anchorPopoverFiltro,
|
|
@@ -4702,8 +4750,8 @@ var SCActivityCalendar = ({
|
|
|
4702
4750
|
horizontal: "right"
|
|
4703
4751
|
}
|
|
4704
4752
|
},
|
|
4705
|
-
/* @__PURE__ */
|
|
4706
|
-
|
|
4753
|
+
/* @__PURE__ */ import_react45.default.createElement(
|
|
4754
|
+
import_material31.Menu,
|
|
4707
4755
|
{
|
|
4708
4756
|
id: "basic-menu",
|
|
4709
4757
|
anchorEl: anchorPopoverFiltro,
|
|
@@ -4715,24 +4763,24 @@ var SCActivityCalendar = ({
|
|
|
4715
4763
|
}
|
|
4716
4764
|
}
|
|
4717
4765
|
},
|
|
4718
|
-
/* @__PURE__ */
|
|
4719
|
-
/* @__PURE__ */
|
|
4720
|
-
/* @__PURE__ */
|
|
4721
|
-
/* @__PURE__ */
|
|
4766
|
+
/* @__PURE__ */ import_react45.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Todo") }, /* @__PURE__ */ import_react45.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react45.default.createElement(import_CalendarMonthOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver todo")),
|
|
4767
|
+
/* @__PURE__ */ import_react45.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Finalizada") }, /* @__PURE__ */ import_react45.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react45.default.createElement(import_CheckCircleOutlineOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver finalizadas")),
|
|
4768
|
+
/* @__PURE__ */ import_react45.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "Aplazada") }, /* @__PURE__ */ import_react45.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react45.default.createElement(import_EventBusyOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver aplazadas")),
|
|
4769
|
+
/* @__PURE__ */ import_react45.default.createElement(import_material31.MenuItem, { onClick: (event2) => filtrarActividad(event2, "En progreso") }, /* @__PURE__ */ import_react45.default.createElement(import_material31.ListItemIcon, null, /* @__PURE__ */ import_react45.default.createElement(import_PendingOutlined.default, { fontSize: "small" })), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "inherit" }, "Ver en progreso"))
|
|
4722
4770
|
)
|
|
4723
|
-
), /* @__PURE__ */
|
|
4724
|
-
|
|
4771
|
+
), /* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 260px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ import_react45.default.createElement(
|
|
4772
|
+
import_material31.Box,
|
|
4725
4773
|
{
|
|
4726
4774
|
key: dayIndex
|
|
4727
4775
|
},
|
|
4728
|
-
/* @__PURE__ */
|
|
4776
|
+
/* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "subtitle1", sx: { color: (0, import_date_fns.isSameDay)(day, fecha) ? "info.dark" : "text.secondary" } }, day.toLocaleDateString("es-ES", {
|
|
4729
4777
|
day: "numeric"
|
|
4730
4778
|
}), " de ", day.toLocaleDateString("es-ES", {
|
|
4731
4779
|
month: "short"
|
|
4732
4780
|
}), ", ", day.toLocaleDateString("es-ES", {
|
|
4733
4781
|
weekday: "long"
|
|
4734
4782
|
}))),
|
|
4735
|
-
/* @__PURE__ */
|
|
4783
|
+
/* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: {
|
|
4736
4784
|
display: "flex",
|
|
4737
4785
|
flexDirection: "column"
|
|
4738
4786
|
} }, (() => {
|
|
@@ -4741,16 +4789,16 @@ var SCActivityCalendar = ({
|
|
|
4741
4789
|
(event2) => (/* @__PURE__ */ new Date(event2.date + "T00:00:00")).toDateString() === day.toDateString()
|
|
4742
4790
|
);
|
|
4743
4791
|
if (eventosDelDia.length > 0) {
|
|
4744
|
-
return eventosDelDia.map((event2, idx) => /* @__PURE__ */
|
|
4792
|
+
return eventosDelDia.map((event2, idx) => /* @__PURE__ */ import_react45.default.createElement(
|
|
4745
4793
|
SCListContent,
|
|
4746
4794
|
{
|
|
4747
4795
|
key: idx,
|
|
4748
4796
|
options: [{
|
|
4749
4797
|
title: event2.activityDescription,
|
|
4750
|
-
subtitle: /* @__PURE__ */
|
|
4798
|
+
subtitle: /* @__PURE__ */ import_react45.default.createElement(import_react45.default.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__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body2" }, "Todo el dia"), /* @__PURE__ */ import_react45.default.createElement(import_LightModeOutlined.default, { fontSize: "small" })) : /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ import_react45.default.createElement(import_ArrowForward.default, { fontSize: "small" }), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
|
|
4751
4799
|
iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
|
|
4752
4800
|
iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
|
|
4753
|
-
description: /* @__PURE__ */
|
|
4801
|
+
description: /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ import_react45.default.createElement(import_material31.Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body2" }, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ import_react45.default.createElement(import_material31.Typography, { variant: "body1" }, event2.equipmentDescription)),
|
|
4754
4802
|
divider: eventosDelDia.length === idx + 1 ? false : true,
|
|
4755
4803
|
colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
|
|
4756
4804
|
fn: fn ? () => fn(event2) : void 0
|
|
@@ -4758,7 +4806,7 @@ var SCActivityCalendar = ({
|
|
|
4758
4806
|
}
|
|
4759
4807
|
));
|
|
4760
4808
|
} else {
|
|
4761
|
-
return /* @__PURE__ */
|
|
4809
|
+
return /* @__PURE__ */ import_react45.default.createElement(
|
|
4762
4810
|
SCListContent,
|
|
4763
4811
|
{
|
|
4764
4812
|
options: [{
|
|
@@ -4774,8 +4822,8 @@ var SCActivityCalendar = ({
|
|
|
4774
4822
|
};
|
|
4775
4823
|
|
|
4776
4824
|
// src/Components/SCAlert.tsx
|
|
4777
|
-
var
|
|
4778
|
-
var
|
|
4825
|
+
var import_react46 = __toESM(require("react"), 1);
|
|
4826
|
+
var import_material32 = require("@mui/material");
|
|
4779
4827
|
var SCAlert = ({
|
|
4780
4828
|
title,
|
|
4781
4829
|
subtitle,
|
|
@@ -4789,8 +4837,8 @@ var SCAlert = ({
|
|
|
4789
4837
|
const handleClose = (event2) => {
|
|
4790
4838
|
setOpenState(false);
|
|
4791
4839
|
};
|
|
4792
|
-
return /* @__PURE__ */
|
|
4793
|
-
|
|
4840
|
+
return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, openState && /* @__PURE__ */ import_react46.default.createElement(
|
|
4841
|
+
import_material32.Alert,
|
|
4794
4842
|
__spreadProps(__spreadValues({
|
|
4795
4843
|
severity,
|
|
4796
4844
|
variant
|
|
@@ -4804,14 +4852,14 @@ var SCAlert = ({
|
|
|
4804
4852
|
}
|
|
4805
4853
|
})
|
|
4806
4854
|
}),
|
|
4807
|
-
/* @__PURE__ */
|
|
4808
|
-
subtitle ? /* @__PURE__ */
|
|
4855
|
+
/* @__PURE__ */ import_react46.default.createElement(import_material32.AlertTitle, null, title),
|
|
4856
|
+
subtitle ? /* @__PURE__ */ import_react46.default.createElement(import_material32.Typography, { variant: "body3" }, subtitle) : null
|
|
4809
4857
|
));
|
|
4810
4858
|
};
|
|
4811
4859
|
|
|
4812
4860
|
// src/Components/SCAppBar.tsx
|
|
4813
|
-
var
|
|
4814
|
-
var
|
|
4861
|
+
var import_react47 = __toESM(require("react"), 1);
|
|
4862
|
+
var import_material33 = require("@mui/material");
|
|
4815
4863
|
var import_Grid7 = __toESM(require("@mui/material/Grid"), 1);
|
|
4816
4864
|
var import_es3 = require("dayjs/locale/es");
|
|
4817
4865
|
var import_Menu = __toESM(require("@mui/icons-material/Menu"), 1);
|
|
@@ -4826,8 +4874,8 @@ var SCAppBar = ({
|
|
|
4826
4874
|
visibleConexion = true,
|
|
4827
4875
|
visibleMenu = true
|
|
4828
4876
|
}) => {
|
|
4829
|
-
const [isOnline, setIsOnline] = (0,
|
|
4830
|
-
const [anchorEl, setAnchorEl] = (0,
|
|
4877
|
+
const [isOnline, setIsOnline] = (0, import_react47.useState)(window.navigator.onLine);
|
|
4878
|
+
const [anchorEl, setAnchorEl] = (0, import_react47.useState)(null);
|
|
4831
4879
|
const openMenu = Boolean(anchorEl);
|
|
4832
4880
|
const handleMenuClick = (event2) => {
|
|
4833
4881
|
setAnchorEl(event2.currentTarget);
|
|
@@ -4835,7 +4883,7 @@ var SCAppBar = ({
|
|
|
4835
4883
|
const handleMenuClose = () => {
|
|
4836
4884
|
setAnchorEl(null);
|
|
4837
4885
|
};
|
|
4838
|
-
(0,
|
|
4886
|
+
(0, import_react47.useEffect)(() => {
|
|
4839
4887
|
const handleOnline = () => {
|
|
4840
4888
|
setIsOnline(true);
|
|
4841
4889
|
};
|
|
@@ -4849,8 +4897,8 @@ var SCAppBar = ({
|
|
|
4849
4897
|
window.removeEventListener("offline", handleOffline);
|
|
4850
4898
|
};
|
|
4851
4899
|
}, []);
|
|
4852
|
-
return /* @__PURE__ */
|
|
4853
|
-
|
|
4900
|
+
return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ import_react47.default.createElement(import_Grid7.default, { size: 12, sx: { display: "flex", flexDirection: "row", alignItems: "center", background, padding: "0px 16px", justifyContent: "space-between" } }, visibleVolver && /* @__PURE__ */ import_react47.default.createElement(import_material33.IconButton, { size: "medium", onClick: fnVolver }, /* @__PURE__ */ import_react47.default.createElement(import_ArrowBack.default, { color: "action" })), /* @__PURE__ */ import_react47.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, visibleConexion && /* @__PURE__ */ import_react47.default.createElement(import_Grid7.default, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, isOnline ? /* @__PURE__ */ import_react47.default.createElement(import_icons_material14.Wifi, { color: "action", sx: { marginRight: "8px" } }) : /* @__PURE__ */ import_react47.default.createElement(import_icons_material14.WifiOff, { color: "action", sx: { marginRight: "8px" } }), /* @__PURE__ */ import_react47.default.createElement(
|
|
4901
|
+
import_material33.Badge,
|
|
4854
4902
|
{
|
|
4855
4903
|
anchorOrigin: {
|
|
4856
4904
|
vertical: "top",
|
|
@@ -4864,8 +4912,8 @@ var SCAppBar = ({
|
|
|
4864
4912
|
},
|
|
4865
4913
|
color: isOnline ? "success" : "error"
|
|
4866
4914
|
}
|
|
4867
|
-
), /* @__PURE__ */
|
|
4868
|
-
|
|
4915
|
+
), /* @__PURE__ */ import_react47.default.createElement(import_material33.Typography, { variant: "caption", color: "text.secondary" }, isOnline ? "Online" : "Offline")), visibleMenu && /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement(import_material33.IconButton, { size: "medium", onClick: handleMenuClick }, /* @__PURE__ */ import_react47.default.createElement(import_Menu.default, { color: "action" })), /* @__PURE__ */ import_react47.default.createElement(
|
|
4916
|
+
import_material33.Menu,
|
|
4869
4917
|
{
|
|
4870
4918
|
anchorEl,
|
|
4871
4919
|
open: openMenu,
|
|
@@ -4880,13 +4928,13 @@ var SCAppBar = ({
|
|
|
4880
4928
|
},
|
|
4881
4929
|
sx: { zIndex: "2000" }
|
|
4882
4930
|
},
|
|
4883
|
-
options.map((option, index) => /* @__PURE__ */
|
|
4884
|
-
)))), /* @__PURE__ */
|
|
4931
|
+
options.map((option, index) => /* @__PURE__ */ import_react47.default.createElement(import_material33.MenuItem, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ import_react47.default.createElement(import_material33.Typography, { variant: "body2" }, option.name)))
|
|
4932
|
+
)))), /* @__PURE__ */ import_react47.default.createElement(import_material33.Box, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
|
|
4885
4933
|
};
|
|
4886
4934
|
|
|
4887
4935
|
// src/Components/SCCalendarSwipeable.tsx
|
|
4888
|
-
var
|
|
4889
|
-
var
|
|
4936
|
+
var import_react48 = __toESM(require("react"), 1);
|
|
4937
|
+
var import_material34 = require("@mui/material");
|
|
4890
4938
|
var import_Grid8 = __toESM(require("@mui/material/Grid"), 1);
|
|
4891
4939
|
var import_AdapterDateFns2 = require("@mui/x-date-pickers/AdapterDateFns");
|
|
4892
4940
|
var import_LocalizationProvider3 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
@@ -4904,14 +4952,14 @@ var SCCalendarSwipeable = ({
|
|
|
4904
4952
|
state
|
|
4905
4953
|
}) => {
|
|
4906
4954
|
let convertFecha;
|
|
4907
|
-
const [fecha, setFecha] = (0,
|
|
4908
|
-
const [fechaSeleccionada, setFechaSeleccionada] = (0,
|
|
4909
|
-
const [stateVal, setstateVal] =
|
|
4910
|
-
const [openCalendar, setOpenCalendar] =
|
|
4955
|
+
const [fecha, setFecha] = (0, import_react48.useState)(/* @__PURE__ */ new Date());
|
|
4956
|
+
const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react48.useState)();
|
|
4957
|
+
const [stateVal, setstateVal] = import_react48.default.useState(/* @__PURE__ */ new Date());
|
|
4958
|
+
const [openCalendar, setOpenCalendar] = import_react48.default.useState(false);
|
|
4911
4959
|
const hoy = /* @__PURE__ */ new Date();
|
|
4912
4960
|
const inicioSemana = (0, import_date_fns2.startOfWeek)(fecha, { weekStartsOn: 0 });
|
|
4913
4961
|
const diasSemana = Array.from({ length: 7 }, (_, i) => (0, import_date_fns2.addDays)(inicioSemana, i));
|
|
4914
|
-
|
|
4962
|
+
import_react48.default.useEffect(() => {
|
|
4915
4963
|
if (fecha != null) {
|
|
4916
4964
|
handleConvertFecha(fecha);
|
|
4917
4965
|
}
|
|
@@ -4935,8 +4983,8 @@ var SCCalendarSwipeable = ({
|
|
|
4935
4983
|
// 0 = domingo, 1 = lunes
|
|
4936
4984
|
})
|
|
4937
4985
|
});
|
|
4938
|
-
return /* @__PURE__ */
|
|
4939
|
-
|
|
4986
|
+
return /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(import_LocalizationProvider3.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react48.default.createElement(import_material34.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react48.default.createElement(import_material34.Box, { sx: { width: "100%", padding: "0px 16px", background: "transparent" } }, /* @__PURE__ */ import_react48.default.createElement(import_Grid8.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react48.default.createElement(import_Grid8.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react48.default.createElement(import_material34.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react48.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns2.format)(dia, "EEEE", { locale: import_locale2.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react48.default.createElement(
|
|
4987
|
+
import_material34.Box,
|
|
4940
4988
|
{
|
|
4941
4989
|
onClick: () => setFecha(dia),
|
|
4942
4990
|
sx: {
|
|
@@ -4951,8 +4999,8 @@ var SCCalendarSwipeable = ({
|
|
|
4951
4999
|
//height: '36px',
|
|
4952
5000
|
}
|
|
4953
5001
|
},
|
|
4954
|
-
/* @__PURE__ */
|
|
4955
|
-
)))), /* @__PURE__ */
|
|
5002
|
+
/* @__PURE__ */ import_react48.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns2.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns2.format)(dia, "d"))
|
|
5003
|
+
)))), /* @__PURE__ */ import_react48.default.createElement(import_Grid8.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react48.default.createElement(import_material34.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react48.default.createElement(import_KeyboardDoubleArrowDown2.default, null))))) : /* @__PURE__ */ import_react48.default.createElement(import_material34.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react48.default.createElement(
|
|
4956
5004
|
import_StaticDatePicker2.StaticDatePicker,
|
|
4957
5005
|
{
|
|
4958
5006
|
orientation: "landscape",
|
|
@@ -4977,12 +5025,12 @@ var SCCalendarSwipeable = ({
|
|
|
4977
5025
|
},
|
|
4978
5026
|
onChange: (newValue) => setFecha(newValue)
|
|
4979
5027
|
}
|
|
4980
|
-
), /* @__PURE__ */
|
|
5028
|
+
), /* @__PURE__ */ import_react48.default.createElement(import_Grid8.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react48.default.createElement(import_material34.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react48.default.createElement(import_KeyboardDoubleArrowUp2.default, null))))));
|
|
4981
5029
|
};
|
|
4982
5030
|
|
|
4983
5031
|
// src/Components/SCCard.tsx
|
|
4984
|
-
var
|
|
4985
|
-
var
|
|
5032
|
+
var import_react49 = __toESM(require("react"), 1);
|
|
5033
|
+
var import_material35 = require("@mui/material");
|
|
4986
5034
|
var import_IconButton = __toESM(require("@mui/material/IconButton"), 1);
|
|
4987
5035
|
var import_Card = __toESM(require("@mui/material/Card"), 1);
|
|
4988
5036
|
var import_CardHeader = __toESM(require("@mui/material/CardHeader"), 1);
|
|
@@ -4990,15 +5038,15 @@ var import_CardMedia = __toESM(require("@mui/material/CardMedia"), 1);
|
|
|
4990
5038
|
var import_CardContent = __toESM(require("@mui/material/CardContent"), 1);
|
|
4991
5039
|
var import_CardActions = __toESM(require("@mui/material/CardActions"), 1);
|
|
4992
5040
|
var import_Collapse = __toESM(require("@mui/material/Collapse"), 1);
|
|
4993
|
-
var
|
|
5041
|
+
var import_ExpandMore2 = __toESM(require("@mui/icons-material/ExpandMore"), 1);
|
|
4994
5042
|
var Muicon8 = __toESM(require("@mui/icons-material"), 1);
|
|
4995
5043
|
var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
|
|
4996
5044
|
let iconTitleValidation = "";
|
|
4997
5045
|
let IconTitle;
|
|
4998
|
-
const [expanded, setExpanded] =
|
|
5046
|
+
const [expanded, setExpanded] = import_react49.default.useState(false);
|
|
4999
5047
|
if (iconTitle) {
|
|
5000
5048
|
if (Muicon8[iconTitle] == void 0) {
|
|
5001
|
-
if (iconTitle &&
|
|
5049
|
+
if (iconTitle && import_react49.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
|
|
5002
5050
|
iconTitleValidation = "image";
|
|
5003
5051
|
IconTitle = iconTitle;
|
|
5004
5052
|
} else {
|
|
@@ -5013,11 +5061,11 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
|
|
|
5013
5061
|
const handleExpandClick = () => {
|
|
5014
5062
|
setExpanded(!expanded);
|
|
5015
5063
|
};
|
|
5016
|
-
return /* @__PURE__ */
|
|
5064
|
+
return /* @__PURE__ */ import_react49.default.createElement(import_Card.default, { sx: { width: width || "auto" } }, title && /* @__PURE__ */ import_react49.default.createElement(
|
|
5017
5065
|
import_CardHeader.default,
|
|
5018
5066
|
{
|
|
5019
|
-
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */
|
|
5020
|
-
action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */
|
|
5067
|
+
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ import_react49.default.createElement(import_material35.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react49.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react49.default.createElement(import_material35.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
|
|
5068
|
+
action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ import_react49.default.createElement(import_material35.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react49.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react49.default.createElement(import_ExpandMore2.default, { fontSize: "small" })) : actionsTitle,
|
|
5021
5069
|
title,
|
|
5022
5070
|
subheader: subtitle,
|
|
5023
5071
|
sx: {
|
|
@@ -5036,15 +5084,15 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
|
|
|
5036
5084
|
}
|
|
5037
5085
|
}
|
|
5038
5086
|
}
|
|
5039
|
-
), image && /* @__PURE__ */
|
|
5087
|
+
), image && /* @__PURE__ */ import_react49.default.createElement(
|
|
5040
5088
|
import_CardMedia.default,
|
|
5041
5089
|
{
|
|
5042
5090
|
component: "img",
|
|
5043
5091
|
height: "194",
|
|
5044
5092
|
image
|
|
5045
5093
|
}
|
|
5046
|
-
), content && /* @__PURE__ */
|
|
5047
|
-
|
|
5094
|
+
), content && /* @__PURE__ */ import_react49.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ import_react49.default.createElement(import_CardActions.default, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ import_react49.default.createElement(import_material35.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react49.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ import_react49.default.createElement(import_ExpandMore2.default, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ import_react49.default.createElement(
|
|
5095
|
+
import_material35.Button,
|
|
5048
5096
|
{
|
|
5049
5097
|
key: index,
|
|
5050
5098
|
size: "small",
|
|
@@ -5054,11 +5102,11 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
|
|
|
5054
5102
|
disabled: action.disabled || false
|
|
5055
5103
|
},
|
|
5056
5104
|
action.text
|
|
5057
|
-
)) : ""), expand && /* @__PURE__ */
|
|
5105
|
+
)) : ""), expand && /* @__PURE__ */ import_react49.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react49.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, expand.content)));
|
|
5058
5106
|
};
|
|
5059
5107
|
|
|
5060
5108
|
// src/Components/SCDataGrid.tsx
|
|
5061
|
-
var
|
|
5109
|
+
var import_react50 = __toESM(require("react"), 1);
|
|
5062
5110
|
var import_x_data_grid_pro = require("@mui/x-data-grid-pro");
|
|
5063
5111
|
var import_x_license2 = require("@mui/x-license");
|
|
5064
5112
|
var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
|
|
@@ -5149,7 +5197,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5149
5197
|
label = label;
|
|
5150
5198
|
}
|
|
5151
5199
|
}
|
|
5152
|
-
return /* @__PURE__ */
|
|
5200
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
|
5153
5201
|
"div",
|
|
5154
5202
|
{
|
|
5155
5203
|
style: {
|
|
@@ -5166,7 +5214,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5166
5214
|
fontWeight: params.rowNode.type == "group" ? "400" : "300"
|
|
5167
5215
|
}
|
|
5168
5216
|
},
|
|
5169
|
-
params.rowNode.type === "group" && /* @__PURE__ */
|
|
5217
|
+
params.rowNode.type === "group" && /* @__PURE__ */ import_react50.default.createElement(
|
|
5170
5218
|
"span",
|
|
5171
5219
|
{
|
|
5172
5220
|
style: {
|
|
@@ -5179,7 +5227,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5179
5227
|
params.api.setRowChildrenExpansion(params.id, !params.rowNode.childrenExpanded);
|
|
5180
5228
|
}
|
|
5181
5229
|
},
|
|
5182
|
-
params.rowNode.childrenExpanded ? /* @__PURE__ */
|
|
5230
|
+
params.rowNode.childrenExpanded ? /* @__PURE__ */ import_react50.default.createElement(import_KeyboardArrowUp.default, { fontSize: "small", color: "action" }) : /* @__PURE__ */ import_react50.default.createElement(import_KeyboardArrowDown.default, { fontSize: "small", color: "action" })
|
|
5183
5231
|
),
|
|
5184
5232
|
label
|
|
5185
5233
|
);
|
|
@@ -5221,18 +5269,18 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5221
5269
|
let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ? 31 : 32;
|
|
5222
5270
|
let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length.toString()) : data.length < 10 ? parseInt(data.length.toString()) : 10;
|
|
5223
5271
|
let validationGroupingColDef = groupingColDefs || {};
|
|
5224
|
-
const [groupDataLenght, setGroupDataLengh] = (0,
|
|
5225
|
-
const [pageSize, setPageSize] = (0,
|
|
5226
|
-
const [arrayRows, setArrayRows] = (0,
|
|
5227
|
-
const [selectionModel, setSelectionModel] = (0,
|
|
5228
|
-
(0,
|
|
5272
|
+
const [groupDataLenght, setGroupDataLengh] = (0, import_react50.useState)(0);
|
|
5273
|
+
const [pageSize, setPageSize] = (0, import_react50.useState)(rows);
|
|
5274
|
+
const [arrayRows, setArrayRows] = (0, import_react50.useState)([]);
|
|
5275
|
+
const [selectionModel, setSelectionModel] = (0, import_react50.useState)([]);
|
|
5276
|
+
(0, import_react50.useEffect)(() => {
|
|
5229
5277
|
var _a;
|
|
5230
5278
|
if (setSelectedRow) {
|
|
5231
5279
|
setSelectedRow(arrayRows[selectedIndex]);
|
|
5232
5280
|
setSelectionModel(((_a = arrayRows[selectedIndex]) == null ? void 0 : _a.id) ? [arrayRows[selectedIndex].id] : []);
|
|
5233
5281
|
}
|
|
5234
5282
|
}, [selectedIndex]);
|
|
5235
|
-
(0,
|
|
5283
|
+
(0, import_react50.useEffect)(() => {
|
|
5236
5284
|
if ((data == null ? void 0 : data.length) > 0) {
|
|
5237
5285
|
dataConvertRows(data, void 0);
|
|
5238
5286
|
}
|
|
@@ -5321,12 +5369,12 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5321
5369
|
if (Object.keys(columnVisibilityModel).length > 0) {
|
|
5322
5370
|
initialState.columns = { columnVisibilityModel };
|
|
5323
5371
|
}
|
|
5324
|
-
(0,
|
|
5372
|
+
(0, import_react50.useEffect)(() => {
|
|
5325
5373
|
if (apiRef.current && Object.keys(columnVisibilityModel).length > 0) {
|
|
5326
5374
|
apiRef.current.setColumnVisibilityModel(columnVisibilityModel);
|
|
5327
5375
|
}
|
|
5328
5376
|
}, [columnVisibilityModel, apiRef]);
|
|
5329
|
-
return /* @__PURE__ */
|
|
5377
|
+
return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, data && /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement("div", { style: { width: width || "100%", maxHeight: maxHeight ? `${maxHeight}px` : "none" } }, /* @__PURE__ */ import_react50.default.createElement(
|
|
5330
5378
|
import_x_data_grid_pro.DataGridPro,
|
|
5331
5379
|
__spreadProps(__spreadValues(__spreadProps(__spreadValues({
|
|
5332
5380
|
getRowId,
|
|
@@ -5487,13 +5535,13 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5487
5535
|
})
|
|
5488
5536
|
))));
|
|
5489
5537
|
}
|
|
5490
|
-
var SCDataGrid =
|
|
5538
|
+
var SCDataGrid = import_react50.default.memo(SCDataGridInitial, (prevProps, nextProps) => {
|
|
5491
5539
|
const isEqual = prevProps.rowsTable === nextProps.rowsTable && prevProps.checkboxSelection === nextProps.checkboxSelection && prevProps.width === nextProps.width && prevProps.maxHeight === nextProps.maxHeight;
|
|
5492
5540
|
return isEqual;
|
|
5493
5541
|
});
|
|
5494
5542
|
|
|
5495
5543
|
// src/Components/SCDatePicker.tsx
|
|
5496
|
-
var
|
|
5544
|
+
var import_react51 = __toESM(require("react"), 1);
|
|
5497
5545
|
var import_DatePicker = require("@mui/x-date-pickers/DatePicker");
|
|
5498
5546
|
var import_es4 = require("dayjs/locale/es");
|
|
5499
5547
|
var import_dayjs10 = __toESM(require("dayjs"), 1);
|
|
@@ -5502,7 +5550,7 @@ var import_LocalizationProvider4 = require("@mui/x-date-pickers/LocalizationProv
|
|
|
5502
5550
|
var import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
|
|
5503
5551
|
var import_InsertInvitationOutlined2 = __toESM(require("@mui/icons-material/InsertInvitationOutlined"), 1);
|
|
5504
5552
|
var SCDatePicker = ({ label, required, disabled, background, state, setState, width, minDate, maxDate }) => {
|
|
5505
|
-
return /* @__PURE__ */
|
|
5553
|
+
return /* @__PURE__ */ import_react51.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDayjs2.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react51.default.createElement(
|
|
5506
5554
|
import_DatePicker.DatePicker,
|
|
5507
5555
|
{
|
|
5508
5556
|
disabled,
|
|
@@ -5558,8 +5606,8 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
|
|
|
5558
5606
|
};
|
|
5559
5607
|
|
|
5560
5608
|
// src/Components/SCDialog.tsx
|
|
5561
|
-
var
|
|
5562
|
-
var
|
|
5609
|
+
var import_react52 = __toESM(require("react"), 1);
|
|
5610
|
+
var import_material36 = require("@mui/material");
|
|
5563
5611
|
var import_Grid9 = __toESM(require("@mui/material/Grid"), 1);
|
|
5564
5612
|
var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"), 1);
|
|
5565
5613
|
var import_ToggleButtonGroup = __toESM(require("@mui/material/ToggleButtonGroup"), 1);
|
|
@@ -5570,8 +5618,8 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5570
5618
|
let iconTitleValidation = "";
|
|
5571
5619
|
let IconTitle;
|
|
5572
5620
|
let ButtonIcon;
|
|
5573
|
-
const [open, setOpen] = (0,
|
|
5574
|
-
(0,
|
|
5621
|
+
const [open, setOpen] = (0, import_react52.useState)(show);
|
|
5622
|
+
(0, import_react52.useEffect)(() => {
|
|
5575
5623
|
if (show) {
|
|
5576
5624
|
handleOpen();
|
|
5577
5625
|
} else {
|
|
@@ -5623,9 +5671,9 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5623
5671
|
}
|
|
5624
5672
|
};
|
|
5625
5673
|
const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
|
|
5626
|
-
content = content != null ? content : { component: /* @__PURE__ */
|
|
5627
|
-
return /* @__PURE__ */
|
|
5628
|
-
|
|
5674
|
+
content = content != null ? content : { component: /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, null, " Aqui va el contenido ") };
|
|
5675
|
+
return /* @__PURE__ */ import_react52.default.createElement("div", null, buttonDialog ? /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ import_react52.default.createElement(import_material36.Tooltip, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react52.default.createElement(import_material36.Button, { 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__ */ import_react52.default.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ import_react52.default.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ import_react52.default.createElement(import_material36.IconButton, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ import_react52.default.createElement(import_material36.Modal, { open: open || false, onClose: handleClose }, /* @__PURE__ */ import_react52.default.createElement(
|
|
5676
|
+
import_material36.Dialog,
|
|
5629
5677
|
{
|
|
5630
5678
|
fullScreen: typeView === "mobile" ? true : false,
|
|
5631
5679
|
"data-testid": "dialog-element",
|
|
@@ -5639,9 +5687,9 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5639
5687
|
}
|
|
5640
5688
|
}
|
|
5641
5689
|
},
|
|
5642
|
-
title && /* @__PURE__ */
|
|
5643
|
-
/* @__PURE__ */
|
|
5644
|
-
|
|
5690
|
+
title && /* @__PURE__ */ import_react52.default.createElement(import_material36.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, typeView == "web" ? /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react52.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { sx: { width: "98%" } }, /* @__PURE__ */ import_react52.default.createElement(import_material36.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), subtitle ? subtitle : "")) : /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }), disableClose != true ? /* @__PURE__ */ import_react52.default.createElement(import_material36.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react52.default.createElement(import_Close2.default, { color: "action" })) : ""), typeView == "mobile" ? /* @__PURE__ */ import_react52.default.createElement(import_Grid9.default, { sx: { display: "flex", flexDirection: "column", padding: "12px 0px 4px 0px" }, gap: 1.5 }, /* @__PURE__ */ import_react52.default.createElement(import_material36.Typography, { color: "text.primary", variant: "h5" }, title ? title : ""), subtitle ? subtitle : "") : ""),
|
|
5691
|
+
/* @__PURE__ */ import_react52.default.createElement(
|
|
5692
|
+
import_material36.DialogContent,
|
|
5645
5693
|
{
|
|
5646
5694
|
"data-testid": "dialog-content",
|
|
5647
5695
|
dividers: dividers ? dividers : false,
|
|
@@ -5669,7 +5717,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5669
5717
|
})
|
|
5670
5718
|
}
|
|
5671
5719
|
},
|
|
5672
|
-
content.url ? /* @__PURE__ */
|
|
5720
|
+
content.url ? /* @__PURE__ */ import_react52.default.createElement(
|
|
5673
5721
|
"iframe",
|
|
5674
5722
|
{
|
|
5675
5723
|
style: { border: "none", minWidth: "100%", minHeight: "100%" },
|
|
@@ -5679,20 +5727,20 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5679
5727
|
}
|
|
5680
5728
|
) : content.component
|
|
5681
5729
|
),
|
|
5682
|
-
dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */
|
|
5683
|
-
|
|
5730
|
+
dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ import_react52.default.createElement(import_material36.DialogActions, { sx: { zIndex: 1200, gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement(
|
|
5731
|
+
import_material36.Button,
|
|
5684
5732
|
{
|
|
5685
5733
|
variant: "text",
|
|
5686
5734
|
color: dialogActions[0].color || "primary",
|
|
5687
5735
|
size: "small",
|
|
5688
5736
|
onClick: dialogActions[0].fn,
|
|
5689
5737
|
disabled: dialogActions[0].disabled || false,
|
|
5690
|
-
startIcon: dialogActions[0].icon ? /* @__PURE__ */
|
|
5738
|
+
startIcon: dialogActions[0].icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: dialogActions[0].icon }) : void 0
|
|
5691
5739
|
},
|
|
5692
5740
|
dialogActions[0].text
|
|
5693
|
-
), /* @__PURE__ */
|
|
5694
|
-
return /* @__PURE__ */
|
|
5695
|
-
|
|
5741
|
+
), /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
|
|
5742
|
+
return /* @__PURE__ */ import_react52.default.createElement(
|
|
5743
|
+
import_material36.Button,
|
|
5696
5744
|
{
|
|
5697
5745
|
key: index + 1,
|
|
5698
5746
|
variant: index === dialogActions.length - 2 ? "contained" : "text",
|
|
@@ -5700,13 +5748,13 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5700
5748
|
size: "small",
|
|
5701
5749
|
onClick: boton.fn,
|
|
5702
5750
|
disabled: boton.disabled || false,
|
|
5703
|
-
startIcon: boton.icon ? /* @__PURE__ */
|
|
5751
|
+
startIcon: boton.icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
|
|
5704
5752
|
},
|
|
5705
5753
|
boton.text
|
|
5706
5754
|
);
|
|
5707
5755
|
}))) : dialogActions.map((boton, index) => {
|
|
5708
|
-
return /* @__PURE__ */
|
|
5709
|
-
|
|
5756
|
+
return /* @__PURE__ */ import_react52.default.createElement(
|
|
5757
|
+
import_material36.Button,
|
|
5710
5758
|
{
|
|
5711
5759
|
key: index,
|
|
5712
5760
|
variant: index === dialogActions.length - 1 ? "contained" : "text",
|
|
@@ -5714,20 +5762,20 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5714
5762
|
size: "small",
|
|
5715
5763
|
onClick: boton.fn,
|
|
5716
5764
|
disabled: boton.disabled || false,
|
|
5717
|
-
startIcon: boton.icon ? /* @__PURE__ */
|
|
5765
|
+
startIcon: boton.icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
|
|
5718
5766
|
},
|
|
5719
5767
|
boton.text
|
|
5720
5768
|
);
|
|
5721
|
-
})) : /* @__PURE__ */
|
|
5769
|
+
})) : /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, { sx: { width: "100%", display: "flex", flexDirection: "row", justifyContent: "center" } }, /* @__PURE__ */ import_react52.default.createElement(import_ToggleButtonGroup.default, { size: "large", fullWidth: true }, dialogActions.map((boton, index) => {
|
|
5722
5770
|
var _a;
|
|
5723
|
-
return /* @__PURE__ */
|
|
5771
|
+
return /* @__PURE__ */ import_react52.default.createElement(import_ToggleButton.default, { 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__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }));
|
|
5724
5772
|
})))) : "" : ""
|
|
5725
5773
|
)));
|
|
5726
5774
|
};
|
|
5727
5775
|
|
|
5728
5776
|
// src/Components/SCDownloadExcelTable.tsx
|
|
5729
|
-
var
|
|
5730
|
-
var
|
|
5777
|
+
var import_react53 = __toESM(require("react"), 1);
|
|
5778
|
+
var import_material37 = require("@mui/material");
|
|
5731
5779
|
var import_FileDownloadOutlined2 = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
|
|
5732
5780
|
var XLSX = __toESM(require("xlsx"), 1);
|
|
5733
5781
|
var SCDownloadExcelTable = ({
|
|
@@ -5759,11 +5807,11 @@ var SCDownloadExcelTable = ({
|
|
|
5759
5807
|
XLSX.utils.book_append_sheet(workbook, worksheet, "Hoja1");
|
|
5760
5808
|
XLSX.writeFile(workbook, `${fileName}.xlsx`);
|
|
5761
5809
|
};
|
|
5762
|
-
return /* @__PURE__ */
|
|
5763
|
-
|
|
5810
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
5811
|
+
import_material37.Button,
|
|
5764
5812
|
{
|
|
5765
5813
|
onClick: descargaExcel,
|
|
5766
|
-
startIcon: /* @__PURE__ */
|
|
5814
|
+
startIcon: /* @__PURE__ */ import_react53.default.createElement(import_FileDownloadOutlined2.default, null),
|
|
5767
5815
|
size: (downloadButton == null ? void 0 : downloadButton.size) || "small",
|
|
5768
5816
|
color: (downloadButton == null ? void 0 : downloadButton.color) || "primary",
|
|
5769
5817
|
variant: (downloadButton == null ? void 0 : downloadButton.variant) || "text",
|
|
@@ -5774,12 +5822,12 @@ var SCDownloadExcelTable = ({
|
|
|
5774
5822
|
};
|
|
5775
5823
|
|
|
5776
5824
|
// src/Components/SCMenu.tsx
|
|
5777
|
-
var
|
|
5778
|
-
var
|
|
5825
|
+
var import_react55 = __toESM(require("react"), 1);
|
|
5826
|
+
var import_material38 = require("@mui/material");
|
|
5779
5827
|
var import_Grid10 = __toESM(require("@mui/material/Grid"), 1);
|
|
5780
5828
|
|
|
5781
5829
|
// src/Components/Hooks/useWindowDimensions.ts
|
|
5782
|
-
var
|
|
5830
|
+
var import_react54 = require("react");
|
|
5783
5831
|
function getWindowDimensions() {
|
|
5784
5832
|
const { innerWidth: width, innerHeight: height } = window;
|
|
5785
5833
|
return {
|
|
@@ -5788,8 +5836,8 @@ function getWindowDimensions() {
|
|
|
5788
5836
|
};
|
|
5789
5837
|
}
|
|
5790
5838
|
function useWindowDimensions() {
|
|
5791
|
-
const [windowDimensions, setWindowDimensions] = (0,
|
|
5792
|
-
(0,
|
|
5839
|
+
const [windowDimensions, setWindowDimensions] = (0, import_react54.useState)(getWindowDimensions());
|
|
5840
|
+
(0, import_react54.useEffect)(() => {
|
|
5793
5841
|
function handleResize() {
|
|
5794
5842
|
setWindowDimensions(getWindowDimensions());
|
|
5795
5843
|
}
|
|
@@ -5807,12 +5855,12 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
5807
5855
|
const pageSize = widthPage ? parseInt(widthPage) : width - menuSize;
|
|
5808
5856
|
const widthContainer = menuSize + pageSize;
|
|
5809
5857
|
let heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
|
|
5810
|
-
const [selectedIndex, setSelectedIndex] =
|
|
5811
|
-
const [value, setValue] =
|
|
5812
|
-
|
|
5858
|
+
const [selectedIndex, setSelectedIndex] = import_react55.default.useState("1");
|
|
5859
|
+
const [value, setValue] = import_react55.default.useState("1");
|
|
5860
|
+
import_react55.default.useEffect(() => {
|
|
5813
5861
|
heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
|
|
5814
5862
|
}, [height]);
|
|
5815
|
-
|
|
5863
|
+
import_react55.default.useEffect(() => {
|
|
5816
5864
|
if (defaultOption) {
|
|
5817
5865
|
handleClickMenusItem(event, void 0);
|
|
5818
5866
|
}
|
|
@@ -5842,21 +5890,21 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
5842
5890
|
setValue(String(index + 1));
|
|
5843
5891
|
}
|
|
5844
5892
|
};
|
|
5845
|
-
return /* @__PURE__ */
|
|
5846
|
-
|
|
5893
|
+
return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(import_Grid10.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react55.default.createElement(import_material38.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react55.default.createElement(import_material38.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(
|
|
5894
|
+
import_material38.MenuItem,
|
|
5847
5895
|
{
|
|
5848
5896
|
disabled: disable == true ? true : false,
|
|
5849
5897
|
key: index,
|
|
5850
5898
|
selected: String(index + 1) === selectedIndex,
|
|
5851
5899
|
onClick: (event2) => handleClickMenusItem(event2, index)
|
|
5852
5900
|
},
|
|
5853
|
-
option.iconLeft ? /* @__PURE__ */
|
|
5854
|
-
/* @__PURE__ */
|
|
5855
|
-
), option.divider == true ? /* @__PURE__ */
|
|
5901
|
+
option.iconLeft ? /* @__PURE__ */ import_react55.default.createElement(import_material38.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react55.default.createElement(import_material38.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
|
|
5902
|
+
/* @__PURE__ */ import_react55.default.createElement(import_Grid10.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react55.default.createElement(import_material38.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react55.default.createElement(import_material38.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react55.default.createElement(import_material38.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
|
|
5903
|
+
), option.divider == true ? /* @__PURE__ */ import_react55.default.createElement(import_material38.Divider, null) : "")))), /* @__PURE__ */ import_react55.default.createElement(import_Grid10.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react55.default.createElement(import_material38.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react55.default.createElement(import_material38.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
|
|
5856
5904
|
};
|
|
5857
5905
|
|
|
5858
5906
|
// src/Components/SCSnackBar.tsx
|
|
5859
|
-
var
|
|
5907
|
+
var import_react56 = __toESM(require("react"), 1);
|
|
5860
5908
|
var import_Alert = __toESM(require("@mui/material/Alert"), 1);
|
|
5861
5909
|
var import_es6 = require("dayjs/locale/es");
|
|
5862
5910
|
var import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
|
|
@@ -5877,7 +5925,7 @@ var SCSnackBar = ({
|
|
|
5877
5925
|
}
|
|
5878
5926
|
setOpenState(false);
|
|
5879
5927
|
};
|
|
5880
|
-
return /* @__PURE__ */
|
|
5928
|
+
return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(
|
|
5881
5929
|
import_Snackbar.default,
|
|
5882
5930
|
__spreadProps(__spreadValues({
|
|
5883
5931
|
anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
|
|
@@ -5886,7 +5934,7 @@ var SCSnackBar = ({
|
|
|
5886
5934
|
}, close ? { onClose: handleClose } : {}), {
|
|
5887
5935
|
sx: { zIndex: 2e3 }
|
|
5888
5936
|
}),
|
|
5889
|
-
/* @__PURE__ */
|
|
5937
|
+
/* @__PURE__ */ import_react56.default.createElement(
|
|
5890
5938
|
import_Alert.default,
|
|
5891
5939
|
__spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
|
|
5892
5940
|
severity: type,
|
|
@@ -5898,20 +5946,20 @@ var SCSnackBar = ({
|
|
|
5898
5946
|
};
|
|
5899
5947
|
|
|
5900
5948
|
// src/Components/SCTabs.tsx
|
|
5901
|
-
var
|
|
5902
|
-
var
|
|
5949
|
+
var import_react57 = __toESM(require("react"), 1);
|
|
5950
|
+
var import_material39 = require("@mui/material");
|
|
5903
5951
|
var import_TabPanel = __toESM(require("@mui/lab/TabPanel"), 1);
|
|
5904
5952
|
var import_TabContext = __toESM(require("@mui/lab/TabContext"), 1);
|
|
5905
5953
|
var Muicon11 = __toESM(require("@mui/icons-material"), 1);
|
|
5906
5954
|
var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
|
|
5907
|
-
const [toast, setToast] =
|
|
5955
|
+
const [toast, setToast] = import_react57.default.useState(null);
|
|
5908
5956
|
let i = 0;
|
|
5909
5957
|
let j = 0;
|
|
5910
5958
|
let k = 0;
|
|
5911
5959
|
let l = 0;
|
|
5912
5960
|
let validateTypeIcon = true;
|
|
5913
|
-
const [value, setValue] =
|
|
5914
|
-
(0,
|
|
5961
|
+
const [value, setValue] = import_react57.default.useState("1");
|
|
5962
|
+
(0, import_react57.useEffect)(() => {
|
|
5915
5963
|
if (defaultOption) {
|
|
5916
5964
|
handleChange(event, void 0);
|
|
5917
5965
|
}
|
|
@@ -5961,8 +6009,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5961
6009
|
setValue(newValue);
|
|
5962
6010
|
}
|
|
5963
6011
|
};
|
|
5964
|
-
return /* @__PURE__ */
|
|
5965
|
-
|
|
6012
|
+
return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ import_react57.default.createElement(import_material39.Box, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ import_react57.default.createElement(import_TabContext.default, { value }, /* @__PURE__ */ import_react57.default.createElement(
|
|
6013
|
+
import_material39.Tabs,
|
|
5966
6014
|
{
|
|
5967
6015
|
"data-testid": "tab-container",
|
|
5968
6016
|
value,
|
|
@@ -5975,8 +6023,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5975
6023
|
orientation: orientation || "horizontal",
|
|
5976
6024
|
sx: { borderBottom: orientation == "vertical" ? 0 : 1, borderRight: orientation == "vertical" ? 1 : 0, borderColor: "divider", background: background || "" }
|
|
5977
6025
|
},
|
|
5978
|
-
options.map((option) => /* @__PURE__ */
|
|
5979
|
-
|
|
6026
|
+
options.map((option) => /* @__PURE__ */ import_react57.default.createElement(
|
|
6027
|
+
import_material39.Tab,
|
|
5980
6028
|
{
|
|
5981
6029
|
"data-testid": "tab-item",
|
|
5982
6030
|
value: String(i = i + 1),
|
|
@@ -5984,8 +6032,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5984
6032
|
label: option.name || "",
|
|
5985
6033
|
disabled: option.disabled || false,
|
|
5986
6034
|
iconPosition: iconPosition || "end",
|
|
5987
|
-
icon: typeIcon == "badge" ? /* @__PURE__ */
|
|
5988
|
-
|
|
6035
|
+
icon: typeIcon == "badge" ? /* @__PURE__ */ import_react57.default.createElement(
|
|
6036
|
+
import_material39.Badge,
|
|
5989
6037
|
{
|
|
5990
6038
|
sx: {
|
|
5991
6039
|
width: "20px",
|
|
@@ -5999,24 +6047,24 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5999
6047
|
badgeContent: option.iconOrBadge,
|
|
6000
6048
|
color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
|
|
6001
6049
|
}
|
|
6002
|
-
) : typeIcon == "icon" ? /* @__PURE__ */
|
|
6050
|
+
) : typeIcon == "icon" ? /* @__PURE__ */ import_react57.default.createElement(import_material39.SvgIcon, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
|
|
6003
6051
|
sx: { "& .MuiTab-icon": { margin: "0px !important" }, padding: "10px 16px", gap: "4px" }
|
|
6004
6052
|
}
|
|
6005
6053
|
))
|
|
6006
|
-
), children, options.map((option) => /* @__PURE__ */
|
|
6054
|
+
), children, options.map((option) => /* @__PURE__ */ import_react57.default.createElement(
|
|
6007
6055
|
import_TabPanel.default,
|
|
6008
6056
|
{
|
|
6009
6057
|
key: k = k + 1,
|
|
6010
6058
|
value: String(l = l + 1),
|
|
6011
6059
|
sx: { padding: "16px" }
|
|
6012
6060
|
},
|
|
6013
|
-
option.page ? option.page : /* @__PURE__ */
|
|
6014
|
-
)))) : /* @__PURE__ */
|
|
6061
|
+
option.page ? option.page : /* @__PURE__ */ import_react57.default.createElement(import_material39.Typography, null, "No se ha configurado el componente a visualizar ")
|
|
6062
|
+
)))) : /* @__PURE__ */ import_react57.default.createElement(import_material39.Box, { sx: { height: "200px" } }, toast && /* @__PURE__ */ import_react57.default.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
|
|
6015
6063
|
};
|
|
6016
6064
|
|
|
6017
6065
|
// src/Components/SCTime.tsx
|
|
6018
|
-
var
|
|
6019
|
-
var
|
|
6066
|
+
var import_react58 = __toESM(require("react"), 1);
|
|
6067
|
+
var import_material40 = require("@mui/material");
|
|
6020
6068
|
var import_LocalizationProvider5 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
6021
6069
|
var import_AdapterDayjs3 = require("@mui/x-date-pickers/AdapterDayjs");
|
|
6022
6070
|
var import_dayjs11 = __toESM(require("dayjs"), 1);
|
|
@@ -6041,10 +6089,10 @@ var SCTime = ({
|
|
|
6041
6089
|
);
|
|
6042
6090
|
const isTimeEmpty = required && !state;
|
|
6043
6091
|
const hasError = isTimeEmpty || error;
|
|
6044
|
-
const [anchorEl, setAnchorEl] = (0,
|
|
6045
|
-
const [isOpenPopover, setIsOpenPopover] = (0,
|
|
6046
|
-
const [popoverPlacement, setPopoverPlacement] = (0,
|
|
6047
|
-
const [popoverWidth, setPopoverWidth] = (0,
|
|
6092
|
+
const [anchorEl, setAnchorEl] = (0, import_react58.useState)(null);
|
|
6093
|
+
const [isOpenPopover, setIsOpenPopover] = (0, import_react58.useState)(false);
|
|
6094
|
+
const [popoverPlacement, setPopoverPlacement] = (0, import_react58.useState)("bottom");
|
|
6095
|
+
const [popoverWidth, setPopoverWidth] = (0, import_react58.useState)(void 0);
|
|
6048
6096
|
const detectPlacement = (element) => {
|
|
6049
6097
|
const rect = element.getBoundingClientRect();
|
|
6050
6098
|
const windowHeight = window.innerHeight;
|
|
@@ -6076,7 +6124,7 @@ var SCTime = ({
|
|
|
6076
6124
|
setIsOpenPopover(false);
|
|
6077
6125
|
setAnchorEl(null);
|
|
6078
6126
|
};
|
|
6079
|
-
return /* @__PURE__ */
|
|
6127
|
+
return /* @__PURE__ */ import_react58.default.createElement(import_LocalizationProvider5.LocalizationProvider, { dateAdapter: import_AdapterDayjs3.AdapterDayjs }, /* @__PURE__ */ import_react58.default.createElement(import_material40.Box, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ import_react58.default.createElement(
|
|
6080
6128
|
import_TimeField.TimeField,
|
|
6081
6129
|
{
|
|
6082
6130
|
label,
|
|
@@ -6088,7 +6136,7 @@ var SCTime = ({
|
|
|
6088
6136
|
slotProps: {
|
|
6089
6137
|
textField: {
|
|
6090
6138
|
InputProps: {
|
|
6091
|
-
endAdornment: /* @__PURE__ */
|
|
6139
|
+
endAdornment: /* @__PURE__ */ import_react58.default.createElement(import_material40.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react58.default.createElement(
|
|
6092
6140
|
import_AccessTime.default,
|
|
6093
6141
|
{
|
|
6094
6142
|
color: disabled ? "disabled" : "action",
|
|
@@ -6117,8 +6165,8 @@ var SCTime = ({
|
|
|
6117
6165
|
}
|
|
6118
6166
|
}
|
|
6119
6167
|
}
|
|
6120
|
-
), /* @__PURE__ */
|
|
6121
|
-
|
|
6168
|
+
), /* @__PURE__ */ import_react58.default.createElement(
|
|
6169
|
+
import_material40.Popover,
|
|
6122
6170
|
{
|
|
6123
6171
|
open: isOpenPopover,
|
|
6124
6172
|
anchorEl,
|
|
@@ -6148,7 +6196,7 @@ var SCTime = ({
|
|
|
6148
6196
|
}
|
|
6149
6197
|
}
|
|
6150
6198
|
},
|
|
6151
|
-
/* @__PURE__ */
|
|
6199
|
+
/* @__PURE__ */ import_react58.default.createElement(import_material40.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ import_react58.default.createElement(import_material40.Box, { sx: { p: 0 } }, /* @__PURE__ */ import_react58.default.createElement(
|
|
6152
6200
|
import_DigitalClock.DigitalClock,
|
|
6153
6201
|
{
|
|
6154
6202
|
value: state,
|
|
@@ -6171,14 +6219,14 @@ var SCTime = ({
|
|
|
6171
6219
|
};
|
|
6172
6220
|
|
|
6173
6221
|
// src/Components/SCZoom.tsx
|
|
6174
|
-
var
|
|
6175
|
-
var
|
|
6222
|
+
var import_react59 = __toESM(require("react"), 1);
|
|
6223
|
+
var import_material41 = require("@mui/material");
|
|
6176
6224
|
var import_Grid11 = __toESM(require("@mui/material/Grid"), 1);
|
|
6177
6225
|
var import_ZoomOut = __toESM(require("@mui/icons-material/ZoomOut"), 1);
|
|
6178
6226
|
var import_ZoomIn = __toESM(require("@mui/icons-material/ZoomIn"), 1);
|
|
6179
6227
|
var import_RotateRight = __toESM(require("@mui/icons-material/RotateRight"), 1);
|
|
6180
6228
|
var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
6181
|
-
const [zoom, setZoom] = (0,
|
|
6229
|
+
const [zoom, setZoom] = (0, import_react59.useState)(1);
|
|
6182
6230
|
const handleZoomIn = () => {
|
|
6183
6231
|
setZoom((prev) => Math.min(prev + 0.2, 3));
|
|
6184
6232
|
};
|
|
@@ -6188,8 +6236,8 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
|
6188
6236
|
const handleReset = () => {
|
|
6189
6237
|
setZoom(1);
|
|
6190
6238
|
};
|
|
6191
|
-
return /* @__PURE__ */
|
|
6192
|
-
|
|
6239
|
+
return /* @__PURE__ */ import_react59.default.createElement(import_material41.Box, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ import_react59.default.createElement(
|
|
6240
|
+
import_material41.Box,
|
|
6193
6241
|
{
|
|
6194
6242
|
sx: {
|
|
6195
6243
|
overflow: zoom > 1 ? "auto" : "hidden",
|
|
@@ -6198,7 +6246,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
|
6198
6246
|
height: height || "340px"
|
|
6199
6247
|
}
|
|
6200
6248
|
},
|
|
6201
|
-
/* @__PURE__ */
|
|
6249
|
+
/* @__PURE__ */ import_react59.default.createElement(
|
|
6202
6250
|
"img",
|
|
6203
6251
|
{
|
|
6204
6252
|
src: image,
|
|
@@ -6210,14 +6258,14 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
|
6210
6258
|
}
|
|
6211
6259
|
}
|
|
6212
6260
|
)
|
|
6213
|
-
), /* @__PURE__ */
|
|
6261
|
+
), /* @__PURE__ */ import_react59.default.createElement(import_Grid11.default, { 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__ */ import_react59.default.createElement(import_Grid11.default, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ import_react59.default.createElement(import_material41.IconButton, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ import_react59.default.createElement(import_ZoomOut.default, { color: "action", fontSize: "small" })), /* @__PURE__ */ import_react59.default.createElement(import_material41.Typography, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ import_react59.default.createElement(import_material41.IconButton, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ import_react59.default.createElement(import_ZoomIn.default, { color: "action", fontSize: "small" }))), /* @__PURE__ */ import_react59.default.createElement(import_material41.Divider, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ import_react59.default.createElement(import_material41.IconButton, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ import_react59.default.createElement(import_RotateRight.default, { color: "action", fontSize: "small" }))));
|
|
6214
6262
|
};
|
|
6215
6263
|
|
|
6216
6264
|
// src/Theme/index.ts
|
|
6217
6265
|
var import_styles3 = require("@mui/material/styles");
|
|
6218
6266
|
|
|
6219
6267
|
// src/Theme/components.ts
|
|
6220
|
-
var
|
|
6268
|
+
var import_react60 = __toESM(require("react"), 1);
|
|
6221
6269
|
var import_icons_material15 = require("@mui/icons-material");
|
|
6222
6270
|
var components = {
|
|
6223
6271
|
MuiSelect: {
|
|
@@ -6916,10 +6964,10 @@ var components = {
|
|
|
6916
6964
|
MuiAlert: {
|
|
6917
6965
|
defaultProps: {
|
|
6918
6966
|
iconMapping: {
|
|
6919
|
-
success:
|
|
6920
|
-
error:
|
|
6921
|
-
warning:
|
|
6922
|
-
info:
|
|
6967
|
+
success: import_react60.default.createElement(import_icons_material15.CheckCircleRounded),
|
|
6968
|
+
error: import_react60.default.createElement(import_icons_material15.ErrorRounded),
|
|
6969
|
+
warning: import_react60.default.createElement(import_icons_material15.WarningRounded),
|
|
6970
|
+
info: import_react60.default.createElement(import_icons_material15.InfoRounded)
|
|
6923
6971
|
}
|
|
6924
6972
|
},
|
|
6925
6973
|
variants: [
|
|
@@ -7971,6 +8019,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
|
|
|
7971
8019
|
FooterAction,
|
|
7972
8020
|
MultiSelect,
|
|
7973
8021
|
PageHeader,
|
|
8022
|
+
SCAccordion,
|
|
7974
8023
|
SCActivityCalendar,
|
|
7975
8024
|
SCAlert,
|
|
7976
8025
|
SCAppBar,
|