componentes-sinco 1.1.44 → 1.2.0
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 +220 -182
- 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 +192 -155
- 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,
|
|
@@ -4515,9 +4516,45 @@ var PageHeader = ({
|
|
|
4515
4516
|
), fixed && /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { sx: { height: 48 } }));
|
|
4516
4517
|
};
|
|
4517
4518
|
|
|
4519
|
+
// src/Components/SCAccordion.tsx
|
|
4520
|
+
var import_react43 = __toESM(require("react"), 1);
|
|
4521
|
+
var import_material29 = require("@mui/material");
|
|
4522
|
+
var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
|
|
4523
|
+
var import_ExpandLess = __toESM(require("@mui/icons-material/ExpandLess"), 1);
|
|
4524
|
+
var SCAccordion = ({
|
|
4525
|
+
title,
|
|
4526
|
+
actions,
|
|
4527
|
+
children
|
|
4528
|
+
}) => {
|
|
4529
|
+
const [open, setOpen] = (0, import_react43.useState)(false);
|
|
4530
|
+
return /* @__PURE__ */ import_react43.default.createElement(
|
|
4531
|
+
import_material29.Grid,
|
|
4532
|
+
{
|
|
4533
|
+
flexDirection: "column",
|
|
4534
|
+
sx: {
|
|
4535
|
+
background: "white",
|
|
4536
|
+
boxShadow: "0px 2px 4px 0px #18274B33",
|
|
4537
|
+
padding: "0px 2px 0px 2px"
|
|
4538
|
+
}
|
|
4539
|
+
},
|
|
4540
|
+
/* @__PURE__ */ import_react43.default.createElement(
|
|
4541
|
+
import_material29.Grid,
|
|
4542
|
+
{
|
|
4543
|
+
container: true,
|
|
4544
|
+
sx: { alignItems: "center", padding: "12px 16px 12px 16px", cursor: "pointer" },
|
|
4545
|
+
justifyContent: "space-between",
|
|
4546
|
+
onClick: () => setOpen((prev) => !prev)
|
|
4547
|
+
},
|
|
4548
|
+
/* @__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)),
|
|
4549
|
+
/* @__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" }))))
|
|
4550
|
+
),
|
|
4551
|
+
open && /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { container: true, padding: "12px" }, children)
|
|
4552
|
+
);
|
|
4553
|
+
};
|
|
4554
|
+
|
|
4518
4555
|
// src/Components/SCActivityCalendar.tsx
|
|
4519
|
-
var
|
|
4520
|
-
var
|
|
4556
|
+
var import_react45 = __toESM(require("react"), 1);
|
|
4557
|
+
var import_material31 = require("@mui/material");
|
|
4521
4558
|
var import_Grid6 = __toESM(require("@mui/material/Grid"), 1);
|
|
4522
4559
|
var import_AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
|
|
4523
4560
|
var import_LocalizationProvider2 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
@@ -4526,14 +4563,14 @@ var import_locale = require("date-fns/locale");
|
|
|
4526
4563
|
var import_date_fns = require("date-fns");
|
|
4527
4564
|
|
|
4528
4565
|
// src/Components/SCListContent.tsx
|
|
4529
|
-
var
|
|
4530
|
-
var
|
|
4566
|
+
var import_react44 = __toESM(require("react"), 1);
|
|
4567
|
+
var import_material30 = require("@mui/material");
|
|
4531
4568
|
var import_Grid5 = __toESM(require("@mui/material/Grid"), 1);
|
|
4532
4569
|
var import_Avatar = __toESM(require("@mui/material/Avatar"), 1);
|
|
4533
4570
|
var Muicon7 = __toESM(require("@mui/icons-material"), 1);
|
|
4534
4571
|
var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" }) => {
|
|
4535
|
-
const [selectedIndex, setSelectedIndex] =
|
|
4536
|
-
const [value, setValue] =
|
|
4572
|
+
const [selectedIndex, setSelectedIndex] = import_react44.default.useState("1");
|
|
4573
|
+
const [value, setValue] = import_react44.default.useState("1");
|
|
4537
4574
|
options.map(function(option, index, array) {
|
|
4538
4575
|
if (option == null ? void 0 : option.iconLeft) {
|
|
4539
4576
|
if ((option == null ? void 0 : option.iconLeft.type) == void 0) {
|
|
@@ -4552,26 +4589,26 @@ var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" })
|
|
|
4552
4589
|
}
|
|
4553
4590
|
}
|
|
4554
4591
|
});
|
|
4555
|
-
return /* @__PURE__ */
|
|
4592
|
+
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
4593
|
var _a, _b;
|
|
4557
|
-
return /* @__PURE__ */
|
|
4558
|
-
|
|
4594
|
+
return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, { key: index }, /* @__PURE__ */ import_react44.default.createElement(
|
|
4595
|
+
import_material30.ListItemButton,
|
|
4559
4596
|
{
|
|
4560
4597
|
disabled: option.disable,
|
|
4561
4598
|
onClick: option.fn,
|
|
4562
4599
|
sx: { gap: 1, padding: iconLeftType == "Icon" ? "8px 8px" : "8px 8px 8px 0px" }
|
|
4563
4600
|
},
|
|
4564
|
-
option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */
|
|
4565
|
-
/* @__PURE__ */
|
|
4566
|
-
|
|
4601
|
+
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) : "",
|
|
4602
|
+
/* @__PURE__ */ import_react44.default.createElement(
|
|
4603
|
+
import_material30.ListItemText,
|
|
4567
4604
|
{
|
|
4568
4605
|
sx: { color: option.colorDisabled == true ? "text.disabled" : "default" },
|
|
4569
4606
|
primary: option.title,
|
|
4570
|
-
secondary: /* @__PURE__ */
|
|
4607
|
+
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
4608
|
}
|
|
4572
4609
|
),
|
|
4573
|
-
option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */
|
|
4574
|
-
), option.divider == true ? /* @__PURE__ */
|
|
4610
|
+
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) : ""
|
|
4611
|
+
), option.divider == true ? /* @__PURE__ */ import_react44.default.createElement(import_material30.Divider, null) : "");
|
|
4575
4612
|
})));
|
|
4576
4613
|
};
|
|
4577
4614
|
|
|
@@ -4597,22 +4634,22 @@ var SCActivityCalendar = ({
|
|
|
4597
4634
|
configRangeHour
|
|
4598
4635
|
}) => {
|
|
4599
4636
|
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] =
|
|
4637
|
+
const [fecha, setFecha] = (0, import_react45.useState)(/* @__PURE__ */ new Date());
|
|
4638
|
+
const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react45.useState)();
|
|
4639
|
+
const [stateVal, setstateVal] = import_react45.default.useState(/* @__PURE__ */ new Date());
|
|
4640
|
+
const [openCalendar, setOpenCalendar] = import_react45.default.useState(false);
|
|
4641
|
+
const [anchorPopoverFiltro, setAnchorPopoverFiltro] = (0, import_react45.useState)(null);
|
|
4642
|
+
const [datosEventos, setDatosEventos] = import_react45.default.useState(events);
|
|
4606
4643
|
const openPopoverFiltro = Boolean(anchorPopoverFiltro);
|
|
4607
4644
|
const hoy = /* @__PURE__ */ new Date();
|
|
4608
4645
|
const inicioSemana = (0, import_date_fns.startOfWeek)(fecha, { weekStartsOn: 0 });
|
|
4609
4646
|
const diasSemana = Array.from({ length: 7 }, (_, i) => (0, import_date_fns.addDays)(inicioSemana, i));
|
|
4610
|
-
|
|
4647
|
+
import_react45.default.useEffect(() => {
|
|
4611
4648
|
if (fecha != null) {
|
|
4612
4649
|
handleConvertFecha(fecha);
|
|
4613
4650
|
}
|
|
4614
4651
|
}, [fecha]);
|
|
4615
|
-
|
|
4652
|
+
import_react45.default.useEffect(() => {
|
|
4616
4653
|
if (events != null) {
|
|
4617
4654
|
setDatosEventos(events);
|
|
4618
4655
|
}
|
|
@@ -4652,8 +4689,8 @@ var SCActivityCalendar = ({
|
|
|
4652
4689
|
setDatosEventos(resultado);
|
|
4653
4690
|
}
|
|
4654
4691
|
};
|
|
4655
|
-
return /* @__PURE__ */
|
|
4656
|
-
|
|
4692
|
+
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(
|
|
4693
|
+
import_material31.Box,
|
|
4657
4694
|
{
|
|
4658
4695
|
onClick: () => setFecha(dia),
|
|
4659
4696
|
sx: {
|
|
@@ -4665,8 +4702,8 @@ var SCActivityCalendar = ({
|
|
|
4665
4702
|
position: "relative"
|
|
4666
4703
|
}
|
|
4667
4704
|
},
|
|
4668
|
-
/* @__PURE__ */
|
|
4669
|
-
)))), /* @__PURE__ */
|
|
4705
|
+
/* @__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"))
|
|
4706
|
+
)))), /* @__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
4707
|
import_StaticDatePicker.StaticDatePicker,
|
|
4671
4708
|
{
|
|
4672
4709
|
orientation: "landscape",
|
|
@@ -4691,8 +4728,8 @@ var SCActivityCalendar = ({
|
|
|
4691
4728
|
},
|
|
4692
4729
|
onChange: (newValue) => setFecha(newValue)
|
|
4693
4730
|
}
|
|
4694
|
-
), /* @__PURE__ */
|
|
4695
|
-
|
|
4731
|
+
), /* @__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(
|
|
4732
|
+
import_material31.Popover,
|
|
4696
4733
|
{
|
|
4697
4734
|
open: openPopoverFiltro,
|
|
4698
4735
|
anchorEl: anchorPopoverFiltro,
|
|
@@ -4702,8 +4739,8 @@ var SCActivityCalendar = ({
|
|
|
4702
4739
|
horizontal: "right"
|
|
4703
4740
|
}
|
|
4704
4741
|
},
|
|
4705
|
-
/* @__PURE__ */
|
|
4706
|
-
|
|
4742
|
+
/* @__PURE__ */ import_react45.default.createElement(
|
|
4743
|
+
import_material31.Menu,
|
|
4707
4744
|
{
|
|
4708
4745
|
id: "basic-menu",
|
|
4709
4746
|
anchorEl: anchorPopoverFiltro,
|
|
@@ -4715,24 +4752,24 @@ var SCActivityCalendar = ({
|
|
|
4715
4752
|
}
|
|
4716
4753
|
}
|
|
4717
4754
|
},
|
|
4718
|
-
/* @__PURE__ */
|
|
4719
|
-
/* @__PURE__ */
|
|
4720
|
-
/* @__PURE__ */
|
|
4721
|
-
/* @__PURE__ */
|
|
4755
|
+
/* @__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")),
|
|
4756
|
+
/* @__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")),
|
|
4757
|
+
/* @__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")),
|
|
4758
|
+
/* @__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
4759
|
)
|
|
4723
|
-
), /* @__PURE__ */
|
|
4724
|
-
|
|
4760
|
+
), /* @__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(
|
|
4761
|
+
import_material31.Box,
|
|
4725
4762
|
{
|
|
4726
4763
|
key: dayIndex
|
|
4727
4764
|
},
|
|
4728
|
-
/* @__PURE__ */
|
|
4765
|
+
/* @__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
4766
|
day: "numeric"
|
|
4730
4767
|
}), " de ", day.toLocaleDateString("es-ES", {
|
|
4731
4768
|
month: "short"
|
|
4732
4769
|
}), ", ", day.toLocaleDateString("es-ES", {
|
|
4733
4770
|
weekday: "long"
|
|
4734
4771
|
}))),
|
|
4735
|
-
/* @__PURE__ */
|
|
4772
|
+
/* @__PURE__ */ import_react45.default.createElement(import_material31.Box, { sx: {
|
|
4736
4773
|
display: "flex",
|
|
4737
4774
|
flexDirection: "column"
|
|
4738
4775
|
} }, (() => {
|
|
@@ -4741,16 +4778,16 @@ var SCActivityCalendar = ({
|
|
|
4741
4778
|
(event2) => (/* @__PURE__ */ new Date(event2.date + "T00:00:00")).toDateString() === day.toDateString()
|
|
4742
4779
|
);
|
|
4743
4780
|
if (eventosDelDia.length > 0) {
|
|
4744
|
-
return eventosDelDia.map((event2, idx) => /* @__PURE__ */
|
|
4781
|
+
return eventosDelDia.map((event2, idx) => /* @__PURE__ */ import_react45.default.createElement(
|
|
4745
4782
|
SCListContent,
|
|
4746
4783
|
{
|
|
4747
4784
|
key: idx,
|
|
4748
4785
|
options: [{
|
|
4749
4786
|
title: event2.activityDescription,
|
|
4750
|
-
subtitle: /* @__PURE__ */
|
|
4787
|
+
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
4788
|
iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
|
|
4752
4789
|
iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
|
|
4753
|
-
description: /* @__PURE__ */
|
|
4790
|
+
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
4791
|
divider: eventosDelDia.length === idx + 1 ? false : true,
|
|
4755
4792
|
colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
|
|
4756
4793
|
fn: fn ? () => fn(event2) : void 0
|
|
@@ -4758,7 +4795,7 @@ var SCActivityCalendar = ({
|
|
|
4758
4795
|
}
|
|
4759
4796
|
));
|
|
4760
4797
|
} else {
|
|
4761
|
-
return /* @__PURE__ */
|
|
4798
|
+
return /* @__PURE__ */ import_react45.default.createElement(
|
|
4762
4799
|
SCListContent,
|
|
4763
4800
|
{
|
|
4764
4801
|
options: [{
|
|
@@ -4774,8 +4811,8 @@ var SCActivityCalendar = ({
|
|
|
4774
4811
|
};
|
|
4775
4812
|
|
|
4776
4813
|
// src/Components/SCAlert.tsx
|
|
4777
|
-
var
|
|
4778
|
-
var
|
|
4814
|
+
var import_react46 = __toESM(require("react"), 1);
|
|
4815
|
+
var import_material32 = require("@mui/material");
|
|
4779
4816
|
var SCAlert = ({
|
|
4780
4817
|
title,
|
|
4781
4818
|
subtitle,
|
|
@@ -4789,8 +4826,8 @@ var SCAlert = ({
|
|
|
4789
4826
|
const handleClose = (event2) => {
|
|
4790
4827
|
setOpenState(false);
|
|
4791
4828
|
};
|
|
4792
|
-
return /* @__PURE__ */
|
|
4793
|
-
|
|
4829
|
+
return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, openState && /* @__PURE__ */ import_react46.default.createElement(
|
|
4830
|
+
import_material32.Alert,
|
|
4794
4831
|
__spreadProps(__spreadValues({
|
|
4795
4832
|
severity,
|
|
4796
4833
|
variant
|
|
@@ -4804,14 +4841,14 @@ var SCAlert = ({
|
|
|
4804
4841
|
}
|
|
4805
4842
|
})
|
|
4806
4843
|
}),
|
|
4807
|
-
/* @__PURE__ */
|
|
4808
|
-
subtitle ? /* @__PURE__ */
|
|
4844
|
+
/* @__PURE__ */ import_react46.default.createElement(import_material32.AlertTitle, null, title),
|
|
4845
|
+
subtitle ? /* @__PURE__ */ import_react46.default.createElement(import_material32.Typography, { variant: "body3" }, subtitle) : null
|
|
4809
4846
|
));
|
|
4810
4847
|
};
|
|
4811
4848
|
|
|
4812
4849
|
// src/Components/SCAppBar.tsx
|
|
4813
|
-
var
|
|
4814
|
-
var
|
|
4850
|
+
var import_react47 = __toESM(require("react"), 1);
|
|
4851
|
+
var import_material33 = require("@mui/material");
|
|
4815
4852
|
var import_Grid7 = __toESM(require("@mui/material/Grid"), 1);
|
|
4816
4853
|
var import_es3 = require("dayjs/locale/es");
|
|
4817
4854
|
var import_Menu = __toESM(require("@mui/icons-material/Menu"), 1);
|
|
@@ -4826,8 +4863,8 @@ var SCAppBar = ({
|
|
|
4826
4863
|
visibleConexion = true,
|
|
4827
4864
|
visibleMenu = true
|
|
4828
4865
|
}) => {
|
|
4829
|
-
const [isOnline, setIsOnline] = (0,
|
|
4830
|
-
const [anchorEl, setAnchorEl] = (0,
|
|
4866
|
+
const [isOnline, setIsOnline] = (0, import_react47.useState)(window.navigator.onLine);
|
|
4867
|
+
const [anchorEl, setAnchorEl] = (0, import_react47.useState)(null);
|
|
4831
4868
|
const openMenu = Boolean(anchorEl);
|
|
4832
4869
|
const handleMenuClick = (event2) => {
|
|
4833
4870
|
setAnchorEl(event2.currentTarget);
|
|
@@ -4835,7 +4872,7 @@ var SCAppBar = ({
|
|
|
4835
4872
|
const handleMenuClose = () => {
|
|
4836
4873
|
setAnchorEl(null);
|
|
4837
4874
|
};
|
|
4838
|
-
(0,
|
|
4875
|
+
(0, import_react47.useEffect)(() => {
|
|
4839
4876
|
const handleOnline = () => {
|
|
4840
4877
|
setIsOnline(true);
|
|
4841
4878
|
};
|
|
@@ -4849,8 +4886,8 @@ var SCAppBar = ({
|
|
|
4849
4886
|
window.removeEventListener("offline", handleOffline);
|
|
4850
4887
|
};
|
|
4851
4888
|
}, []);
|
|
4852
|
-
return /* @__PURE__ */
|
|
4853
|
-
|
|
4889
|
+
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(
|
|
4890
|
+
import_material33.Badge,
|
|
4854
4891
|
{
|
|
4855
4892
|
anchorOrigin: {
|
|
4856
4893
|
vertical: "top",
|
|
@@ -4864,8 +4901,8 @@ var SCAppBar = ({
|
|
|
4864
4901
|
},
|
|
4865
4902
|
color: isOnline ? "success" : "error"
|
|
4866
4903
|
}
|
|
4867
|
-
), /* @__PURE__ */
|
|
4868
|
-
|
|
4904
|
+
), /* @__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(
|
|
4905
|
+
import_material33.Menu,
|
|
4869
4906
|
{
|
|
4870
4907
|
anchorEl,
|
|
4871
4908
|
open: openMenu,
|
|
@@ -4880,13 +4917,13 @@ var SCAppBar = ({
|
|
|
4880
4917
|
},
|
|
4881
4918
|
sx: { zIndex: "2000" }
|
|
4882
4919
|
},
|
|
4883
|
-
options.map((option, index) => /* @__PURE__ */
|
|
4884
|
-
)))), /* @__PURE__ */
|
|
4920
|
+
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)))
|
|
4921
|
+
)))), /* @__PURE__ */ import_react47.default.createElement(import_material33.Box, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
|
|
4885
4922
|
};
|
|
4886
4923
|
|
|
4887
4924
|
// src/Components/SCCalendarSwipeable.tsx
|
|
4888
|
-
var
|
|
4889
|
-
var
|
|
4925
|
+
var import_react48 = __toESM(require("react"), 1);
|
|
4926
|
+
var import_material34 = require("@mui/material");
|
|
4890
4927
|
var import_Grid8 = __toESM(require("@mui/material/Grid"), 1);
|
|
4891
4928
|
var import_AdapterDateFns2 = require("@mui/x-date-pickers/AdapterDateFns");
|
|
4892
4929
|
var import_LocalizationProvider3 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
@@ -4904,14 +4941,14 @@ var SCCalendarSwipeable = ({
|
|
|
4904
4941
|
state
|
|
4905
4942
|
}) => {
|
|
4906
4943
|
let convertFecha;
|
|
4907
|
-
const [fecha, setFecha] = (0,
|
|
4908
|
-
const [fechaSeleccionada, setFechaSeleccionada] = (0,
|
|
4909
|
-
const [stateVal, setstateVal] =
|
|
4910
|
-
const [openCalendar, setOpenCalendar] =
|
|
4944
|
+
const [fecha, setFecha] = (0, import_react48.useState)(/* @__PURE__ */ new Date());
|
|
4945
|
+
const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react48.useState)();
|
|
4946
|
+
const [stateVal, setstateVal] = import_react48.default.useState(/* @__PURE__ */ new Date());
|
|
4947
|
+
const [openCalendar, setOpenCalendar] = import_react48.default.useState(false);
|
|
4911
4948
|
const hoy = /* @__PURE__ */ new Date();
|
|
4912
4949
|
const inicioSemana = (0, import_date_fns2.startOfWeek)(fecha, { weekStartsOn: 0 });
|
|
4913
4950
|
const diasSemana = Array.from({ length: 7 }, (_, i) => (0, import_date_fns2.addDays)(inicioSemana, i));
|
|
4914
|
-
|
|
4951
|
+
import_react48.default.useEffect(() => {
|
|
4915
4952
|
if (fecha != null) {
|
|
4916
4953
|
handleConvertFecha(fecha);
|
|
4917
4954
|
}
|
|
@@ -4935,8 +4972,8 @@ var SCCalendarSwipeable = ({
|
|
|
4935
4972
|
// 0 = domingo, 1 = lunes
|
|
4936
4973
|
})
|
|
4937
4974
|
});
|
|
4938
|
-
return /* @__PURE__ */
|
|
4939
|
-
|
|
4975
|
+
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(
|
|
4976
|
+
import_material34.Box,
|
|
4940
4977
|
{
|
|
4941
4978
|
onClick: () => setFecha(dia),
|
|
4942
4979
|
sx: {
|
|
@@ -4951,8 +4988,8 @@ var SCCalendarSwipeable = ({
|
|
|
4951
4988
|
//height: '36px',
|
|
4952
4989
|
}
|
|
4953
4990
|
},
|
|
4954
|
-
/* @__PURE__ */
|
|
4955
|
-
)))), /* @__PURE__ */
|
|
4991
|
+
/* @__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"))
|
|
4992
|
+
)))), /* @__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
4993
|
import_StaticDatePicker2.StaticDatePicker,
|
|
4957
4994
|
{
|
|
4958
4995
|
orientation: "landscape",
|
|
@@ -4977,12 +5014,12 @@ var SCCalendarSwipeable = ({
|
|
|
4977
5014
|
},
|
|
4978
5015
|
onChange: (newValue) => setFecha(newValue)
|
|
4979
5016
|
}
|
|
4980
|
-
), /* @__PURE__ */
|
|
5017
|
+
), /* @__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
5018
|
};
|
|
4982
5019
|
|
|
4983
5020
|
// src/Components/SCCard.tsx
|
|
4984
|
-
var
|
|
4985
|
-
var
|
|
5021
|
+
var import_react49 = __toESM(require("react"), 1);
|
|
5022
|
+
var import_material35 = require("@mui/material");
|
|
4986
5023
|
var import_IconButton = __toESM(require("@mui/material/IconButton"), 1);
|
|
4987
5024
|
var import_Card = __toESM(require("@mui/material/Card"), 1);
|
|
4988
5025
|
var import_CardHeader = __toESM(require("@mui/material/CardHeader"), 1);
|
|
@@ -4990,15 +5027,15 @@ var import_CardMedia = __toESM(require("@mui/material/CardMedia"), 1);
|
|
|
4990
5027
|
var import_CardContent = __toESM(require("@mui/material/CardContent"), 1);
|
|
4991
5028
|
var import_CardActions = __toESM(require("@mui/material/CardActions"), 1);
|
|
4992
5029
|
var import_Collapse = __toESM(require("@mui/material/Collapse"), 1);
|
|
4993
|
-
var
|
|
5030
|
+
var import_ExpandMore2 = __toESM(require("@mui/icons-material/ExpandMore"), 1);
|
|
4994
5031
|
var Muicon8 = __toESM(require("@mui/icons-material"), 1);
|
|
4995
5032
|
var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
|
|
4996
5033
|
let iconTitleValidation = "";
|
|
4997
5034
|
let IconTitle;
|
|
4998
|
-
const [expanded, setExpanded] =
|
|
5035
|
+
const [expanded, setExpanded] = import_react49.default.useState(false);
|
|
4999
5036
|
if (iconTitle) {
|
|
5000
5037
|
if (Muicon8[iconTitle] == void 0) {
|
|
5001
|
-
if (iconTitle &&
|
|
5038
|
+
if (iconTitle && import_react49.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
|
|
5002
5039
|
iconTitleValidation = "image";
|
|
5003
5040
|
IconTitle = iconTitle;
|
|
5004
5041
|
} else {
|
|
@@ -5013,11 +5050,11 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
|
|
|
5013
5050
|
const handleExpandClick = () => {
|
|
5014
5051
|
setExpanded(!expanded);
|
|
5015
5052
|
};
|
|
5016
|
-
return /* @__PURE__ */
|
|
5053
|
+
return /* @__PURE__ */ import_react49.default.createElement(import_Card.default, { sx: { width: width || "auto" } }, title && /* @__PURE__ */ import_react49.default.createElement(
|
|
5017
5054
|
import_CardHeader.default,
|
|
5018
5055
|
{
|
|
5019
|
-
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */
|
|
5020
|
-
action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */
|
|
5056
|
+
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,
|
|
5057
|
+
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
5058
|
title,
|
|
5022
5059
|
subheader: subtitle,
|
|
5023
5060
|
sx: {
|
|
@@ -5036,15 +5073,15 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
|
|
|
5036
5073
|
}
|
|
5037
5074
|
}
|
|
5038
5075
|
}
|
|
5039
|
-
), image && /* @__PURE__ */
|
|
5076
|
+
), image && /* @__PURE__ */ import_react49.default.createElement(
|
|
5040
5077
|
import_CardMedia.default,
|
|
5041
5078
|
{
|
|
5042
5079
|
component: "img",
|
|
5043
5080
|
height: "194",
|
|
5044
5081
|
image
|
|
5045
5082
|
}
|
|
5046
|
-
), content && /* @__PURE__ */
|
|
5047
|
-
|
|
5083
|
+
), 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(
|
|
5084
|
+
import_material35.Button,
|
|
5048
5085
|
{
|
|
5049
5086
|
key: index,
|
|
5050
5087
|
size: "small",
|
|
@@ -5054,11 +5091,11 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
|
|
|
5054
5091
|
disabled: action.disabled || false
|
|
5055
5092
|
},
|
|
5056
5093
|
action.text
|
|
5057
|
-
)) : ""), expand && /* @__PURE__ */
|
|
5094
|
+
)) : ""), 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
5095
|
};
|
|
5059
5096
|
|
|
5060
5097
|
// src/Components/SCDataGrid.tsx
|
|
5061
|
-
var
|
|
5098
|
+
var import_react50 = __toESM(require("react"), 1);
|
|
5062
5099
|
var import_x_data_grid_pro = require("@mui/x-data-grid-pro");
|
|
5063
5100
|
var import_x_license2 = require("@mui/x-license");
|
|
5064
5101
|
var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
|
|
@@ -5149,7 +5186,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5149
5186
|
label = label;
|
|
5150
5187
|
}
|
|
5151
5188
|
}
|
|
5152
|
-
return /* @__PURE__ */
|
|
5189
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
|
5153
5190
|
"div",
|
|
5154
5191
|
{
|
|
5155
5192
|
style: {
|
|
@@ -5166,7 +5203,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5166
5203
|
fontWeight: params.rowNode.type == "group" ? "400" : "300"
|
|
5167
5204
|
}
|
|
5168
5205
|
},
|
|
5169
|
-
params.rowNode.type === "group" && /* @__PURE__ */
|
|
5206
|
+
params.rowNode.type === "group" && /* @__PURE__ */ import_react50.default.createElement(
|
|
5170
5207
|
"span",
|
|
5171
5208
|
{
|
|
5172
5209
|
style: {
|
|
@@ -5179,7 +5216,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5179
5216
|
params.api.setRowChildrenExpansion(params.id, !params.rowNode.childrenExpanded);
|
|
5180
5217
|
}
|
|
5181
5218
|
},
|
|
5182
|
-
params.rowNode.childrenExpanded ? /* @__PURE__ */
|
|
5219
|
+
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
5220
|
),
|
|
5184
5221
|
label
|
|
5185
5222
|
);
|
|
@@ -5221,18 +5258,18 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5221
5258
|
let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ? 31 : 32;
|
|
5222
5259
|
let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length.toString()) : data.length < 10 ? parseInt(data.length.toString()) : 10;
|
|
5223
5260
|
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,
|
|
5261
|
+
const [groupDataLenght, setGroupDataLengh] = (0, import_react50.useState)(0);
|
|
5262
|
+
const [pageSize, setPageSize] = (0, import_react50.useState)(rows);
|
|
5263
|
+
const [arrayRows, setArrayRows] = (0, import_react50.useState)([]);
|
|
5264
|
+
const [selectionModel, setSelectionModel] = (0, import_react50.useState)([]);
|
|
5265
|
+
(0, import_react50.useEffect)(() => {
|
|
5229
5266
|
var _a;
|
|
5230
5267
|
if (setSelectedRow) {
|
|
5231
5268
|
setSelectedRow(arrayRows[selectedIndex]);
|
|
5232
5269
|
setSelectionModel(((_a = arrayRows[selectedIndex]) == null ? void 0 : _a.id) ? [arrayRows[selectedIndex].id] : []);
|
|
5233
5270
|
}
|
|
5234
5271
|
}, [selectedIndex]);
|
|
5235
|
-
(0,
|
|
5272
|
+
(0, import_react50.useEffect)(() => {
|
|
5236
5273
|
if ((data == null ? void 0 : data.length) > 0) {
|
|
5237
5274
|
dataConvertRows(data, void 0);
|
|
5238
5275
|
}
|
|
@@ -5321,12 +5358,12 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5321
5358
|
if (Object.keys(columnVisibilityModel).length > 0) {
|
|
5322
5359
|
initialState.columns = { columnVisibilityModel };
|
|
5323
5360
|
}
|
|
5324
|
-
(0,
|
|
5361
|
+
(0, import_react50.useEffect)(() => {
|
|
5325
5362
|
if (apiRef.current && Object.keys(columnVisibilityModel).length > 0) {
|
|
5326
5363
|
apiRef.current.setColumnVisibilityModel(columnVisibilityModel);
|
|
5327
5364
|
}
|
|
5328
5365
|
}, [columnVisibilityModel, apiRef]);
|
|
5329
|
-
return /* @__PURE__ */
|
|
5366
|
+
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
5367
|
import_x_data_grid_pro.DataGridPro,
|
|
5331
5368
|
__spreadProps(__spreadValues(__spreadProps(__spreadValues({
|
|
5332
5369
|
getRowId,
|
|
@@ -5487,13 +5524,13 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
|
|
|
5487
5524
|
})
|
|
5488
5525
|
))));
|
|
5489
5526
|
}
|
|
5490
|
-
var SCDataGrid =
|
|
5527
|
+
var SCDataGrid = import_react50.default.memo(SCDataGridInitial, (prevProps, nextProps) => {
|
|
5491
5528
|
const isEqual = prevProps.rowsTable === nextProps.rowsTable && prevProps.checkboxSelection === nextProps.checkboxSelection && prevProps.width === nextProps.width && prevProps.maxHeight === nextProps.maxHeight;
|
|
5492
5529
|
return isEqual;
|
|
5493
5530
|
});
|
|
5494
5531
|
|
|
5495
5532
|
// src/Components/SCDatePicker.tsx
|
|
5496
|
-
var
|
|
5533
|
+
var import_react51 = __toESM(require("react"), 1);
|
|
5497
5534
|
var import_DatePicker = require("@mui/x-date-pickers/DatePicker");
|
|
5498
5535
|
var import_es4 = require("dayjs/locale/es");
|
|
5499
5536
|
var import_dayjs10 = __toESM(require("dayjs"), 1);
|
|
@@ -5502,7 +5539,7 @@ var import_LocalizationProvider4 = require("@mui/x-date-pickers/LocalizationProv
|
|
|
5502
5539
|
var import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
|
|
5503
5540
|
var import_InsertInvitationOutlined2 = __toESM(require("@mui/icons-material/InsertInvitationOutlined"), 1);
|
|
5504
5541
|
var SCDatePicker = ({ label, required, disabled, background, state, setState, width, minDate, maxDate }) => {
|
|
5505
|
-
return /* @__PURE__ */
|
|
5542
|
+
return /* @__PURE__ */ import_react51.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDayjs2.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react51.default.createElement(
|
|
5506
5543
|
import_DatePicker.DatePicker,
|
|
5507
5544
|
{
|
|
5508
5545
|
disabled,
|
|
@@ -5558,8 +5595,8 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
|
|
|
5558
5595
|
};
|
|
5559
5596
|
|
|
5560
5597
|
// src/Components/SCDialog.tsx
|
|
5561
|
-
var
|
|
5562
|
-
var
|
|
5598
|
+
var import_react52 = __toESM(require("react"), 1);
|
|
5599
|
+
var import_material36 = require("@mui/material");
|
|
5563
5600
|
var import_Grid9 = __toESM(require("@mui/material/Grid"), 1);
|
|
5564
5601
|
var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"), 1);
|
|
5565
5602
|
var import_ToggleButtonGroup = __toESM(require("@mui/material/ToggleButtonGroup"), 1);
|
|
@@ -5570,8 +5607,8 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5570
5607
|
let iconTitleValidation = "";
|
|
5571
5608
|
let IconTitle;
|
|
5572
5609
|
let ButtonIcon;
|
|
5573
|
-
const [open, setOpen] = (0,
|
|
5574
|
-
(0,
|
|
5610
|
+
const [open, setOpen] = (0, import_react52.useState)(show);
|
|
5611
|
+
(0, import_react52.useEffect)(() => {
|
|
5575
5612
|
if (show) {
|
|
5576
5613
|
handleOpen();
|
|
5577
5614
|
} else {
|
|
@@ -5623,9 +5660,9 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5623
5660
|
}
|
|
5624
5661
|
};
|
|
5625
5662
|
const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
|
|
5626
|
-
content = content != null ? content : { component: /* @__PURE__ */
|
|
5627
|
-
return /* @__PURE__ */
|
|
5628
|
-
|
|
5663
|
+
content = content != null ? content : { component: /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, null, " Aqui va el contenido ") };
|
|
5664
|
+
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(
|
|
5665
|
+
import_material36.Dialog,
|
|
5629
5666
|
{
|
|
5630
5667
|
fullScreen: typeView === "mobile" ? true : false,
|
|
5631
5668
|
"data-testid": "dialog-element",
|
|
@@ -5639,9 +5676,9 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5639
5676
|
}
|
|
5640
5677
|
}
|
|
5641
5678
|
},
|
|
5642
|
-
title && /* @__PURE__ */
|
|
5643
|
-
/* @__PURE__ */
|
|
5644
|
-
|
|
5679
|
+
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 : "") : ""),
|
|
5680
|
+
/* @__PURE__ */ import_react52.default.createElement(
|
|
5681
|
+
import_material36.DialogContent,
|
|
5645
5682
|
{
|
|
5646
5683
|
"data-testid": "dialog-content",
|
|
5647
5684
|
dividers: dividers ? dividers : false,
|
|
@@ -5669,7 +5706,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5669
5706
|
})
|
|
5670
5707
|
}
|
|
5671
5708
|
},
|
|
5672
|
-
content.url ? /* @__PURE__ */
|
|
5709
|
+
content.url ? /* @__PURE__ */ import_react52.default.createElement(
|
|
5673
5710
|
"iframe",
|
|
5674
5711
|
{
|
|
5675
5712
|
style: { border: "none", minWidth: "100%", minHeight: "100%" },
|
|
@@ -5679,20 +5716,20 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5679
5716
|
}
|
|
5680
5717
|
) : content.component
|
|
5681
5718
|
),
|
|
5682
|
-
dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */
|
|
5683
|
-
|
|
5719
|
+
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(
|
|
5720
|
+
import_material36.Button,
|
|
5684
5721
|
{
|
|
5685
5722
|
variant: "text",
|
|
5686
5723
|
color: dialogActions[0].color || "primary",
|
|
5687
5724
|
size: "small",
|
|
5688
5725
|
onClick: dialogActions[0].fn,
|
|
5689
5726
|
disabled: dialogActions[0].disabled || false,
|
|
5690
|
-
startIcon: dialogActions[0].icon ? /* @__PURE__ */
|
|
5727
|
+
startIcon: dialogActions[0].icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: dialogActions[0].icon }) : void 0
|
|
5691
5728
|
},
|
|
5692
5729
|
dialogActions[0].text
|
|
5693
|
-
), /* @__PURE__ */
|
|
5694
|
-
return /* @__PURE__ */
|
|
5695
|
-
|
|
5730
|
+
), /* @__PURE__ */ import_react52.default.createElement(import_material36.Box, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
|
|
5731
|
+
return /* @__PURE__ */ import_react52.default.createElement(
|
|
5732
|
+
import_material36.Button,
|
|
5696
5733
|
{
|
|
5697
5734
|
key: index + 1,
|
|
5698
5735
|
variant: index === dialogActions.length - 2 ? "contained" : "text",
|
|
@@ -5700,13 +5737,13 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5700
5737
|
size: "small",
|
|
5701
5738
|
onClick: boton.fn,
|
|
5702
5739
|
disabled: boton.disabled || false,
|
|
5703
|
-
startIcon: boton.icon ? /* @__PURE__ */
|
|
5740
|
+
startIcon: boton.icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
|
|
5704
5741
|
},
|
|
5705
5742
|
boton.text
|
|
5706
5743
|
);
|
|
5707
5744
|
}))) : dialogActions.map((boton, index) => {
|
|
5708
|
-
return /* @__PURE__ */
|
|
5709
|
-
|
|
5745
|
+
return /* @__PURE__ */ import_react52.default.createElement(
|
|
5746
|
+
import_material36.Button,
|
|
5710
5747
|
{
|
|
5711
5748
|
key: index,
|
|
5712
5749
|
variant: index === dialogActions.length - 1 ? "contained" : "text",
|
|
@@ -5714,20 +5751,20 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
5714
5751
|
size: "small",
|
|
5715
5752
|
onClick: boton.fn,
|
|
5716
5753
|
disabled: boton.disabled || false,
|
|
5717
|
-
startIcon: boton.icon ? /* @__PURE__ */
|
|
5754
|
+
startIcon: boton.icon ? /* @__PURE__ */ import_react52.default.createElement(import_material36.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
|
|
5718
5755
|
},
|
|
5719
5756
|
boton.text
|
|
5720
5757
|
);
|
|
5721
|
-
})) : /* @__PURE__ */
|
|
5758
|
+
})) : /* @__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
5759
|
var _a;
|
|
5723
|
-
return /* @__PURE__ */
|
|
5760
|
+
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
5761
|
})))) : "" : ""
|
|
5725
5762
|
)));
|
|
5726
5763
|
};
|
|
5727
5764
|
|
|
5728
5765
|
// src/Components/SCDownloadExcelTable.tsx
|
|
5729
|
-
var
|
|
5730
|
-
var
|
|
5766
|
+
var import_react53 = __toESM(require("react"), 1);
|
|
5767
|
+
var import_material37 = require("@mui/material");
|
|
5731
5768
|
var import_FileDownloadOutlined2 = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
|
|
5732
5769
|
var XLSX = __toESM(require("xlsx"), 1);
|
|
5733
5770
|
var SCDownloadExcelTable = ({
|
|
@@ -5759,11 +5796,11 @@ var SCDownloadExcelTable = ({
|
|
|
5759
5796
|
XLSX.utils.book_append_sheet(workbook, worksheet, "Hoja1");
|
|
5760
5797
|
XLSX.writeFile(workbook, `${fileName}.xlsx`);
|
|
5761
5798
|
};
|
|
5762
|
-
return /* @__PURE__ */
|
|
5763
|
-
|
|
5799
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
5800
|
+
import_material37.Button,
|
|
5764
5801
|
{
|
|
5765
5802
|
onClick: descargaExcel,
|
|
5766
|
-
startIcon: /* @__PURE__ */
|
|
5803
|
+
startIcon: /* @__PURE__ */ import_react53.default.createElement(import_FileDownloadOutlined2.default, null),
|
|
5767
5804
|
size: (downloadButton == null ? void 0 : downloadButton.size) || "small",
|
|
5768
5805
|
color: (downloadButton == null ? void 0 : downloadButton.color) || "primary",
|
|
5769
5806
|
variant: (downloadButton == null ? void 0 : downloadButton.variant) || "text",
|
|
@@ -5774,12 +5811,12 @@ var SCDownloadExcelTable = ({
|
|
|
5774
5811
|
};
|
|
5775
5812
|
|
|
5776
5813
|
// src/Components/SCMenu.tsx
|
|
5777
|
-
var
|
|
5778
|
-
var
|
|
5814
|
+
var import_react55 = __toESM(require("react"), 1);
|
|
5815
|
+
var import_material38 = require("@mui/material");
|
|
5779
5816
|
var import_Grid10 = __toESM(require("@mui/material/Grid"), 1);
|
|
5780
5817
|
|
|
5781
5818
|
// src/Components/Hooks/useWindowDimensions.ts
|
|
5782
|
-
var
|
|
5819
|
+
var import_react54 = require("react");
|
|
5783
5820
|
function getWindowDimensions() {
|
|
5784
5821
|
const { innerWidth: width, innerHeight: height } = window;
|
|
5785
5822
|
return {
|
|
@@ -5788,8 +5825,8 @@ function getWindowDimensions() {
|
|
|
5788
5825
|
};
|
|
5789
5826
|
}
|
|
5790
5827
|
function useWindowDimensions() {
|
|
5791
|
-
const [windowDimensions, setWindowDimensions] = (0,
|
|
5792
|
-
(0,
|
|
5828
|
+
const [windowDimensions, setWindowDimensions] = (0, import_react54.useState)(getWindowDimensions());
|
|
5829
|
+
(0, import_react54.useEffect)(() => {
|
|
5793
5830
|
function handleResize() {
|
|
5794
5831
|
setWindowDimensions(getWindowDimensions());
|
|
5795
5832
|
}
|
|
@@ -5807,12 +5844,12 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
5807
5844
|
const pageSize = widthPage ? parseInt(widthPage) : width - menuSize;
|
|
5808
5845
|
const widthContainer = menuSize + pageSize;
|
|
5809
5846
|
let heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
|
|
5810
|
-
const [selectedIndex, setSelectedIndex] =
|
|
5811
|
-
const [value, setValue] =
|
|
5812
|
-
|
|
5847
|
+
const [selectedIndex, setSelectedIndex] = import_react55.default.useState("1");
|
|
5848
|
+
const [value, setValue] = import_react55.default.useState("1");
|
|
5849
|
+
import_react55.default.useEffect(() => {
|
|
5813
5850
|
heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
|
|
5814
5851
|
}, [height]);
|
|
5815
|
-
|
|
5852
|
+
import_react55.default.useEffect(() => {
|
|
5816
5853
|
if (defaultOption) {
|
|
5817
5854
|
handleClickMenusItem(event, void 0);
|
|
5818
5855
|
}
|
|
@@ -5842,21 +5879,21 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
5842
5879
|
setValue(String(index + 1));
|
|
5843
5880
|
}
|
|
5844
5881
|
};
|
|
5845
|
-
return /* @__PURE__ */
|
|
5846
|
-
|
|
5882
|
+
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(
|
|
5883
|
+
import_material38.MenuItem,
|
|
5847
5884
|
{
|
|
5848
5885
|
disabled: disable == true ? true : false,
|
|
5849
5886
|
key: index,
|
|
5850
5887
|
selected: String(index + 1) === selectedIndex,
|
|
5851
5888
|
onClick: (event2) => handleClickMenusItem(event2, index)
|
|
5852
5889
|
},
|
|
5853
|
-
option.iconLeft ? /* @__PURE__ */
|
|
5854
|
-
/* @__PURE__ */
|
|
5855
|
-
), option.divider == true ? /* @__PURE__ */
|
|
5890
|
+
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 })) : "",
|
|
5891
|
+
/* @__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 })) : "")
|
|
5892
|
+
), 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
5893
|
};
|
|
5857
5894
|
|
|
5858
5895
|
// src/Components/SCSnackBar.tsx
|
|
5859
|
-
var
|
|
5896
|
+
var import_react56 = __toESM(require("react"), 1);
|
|
5860
5897
|
var import_Alert = __toESM(require("@mui/material/Alert"), 1);
|
|
5861
5898
|
var import_es6 = require("dayjs/locale/es");
|
|
5862
5899
|
var import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
|
|
@@ -5877,7 +5914,7 @@ var SCSnackBar = ({
|
|
|
5877
5914
|
}
|
|
5878
5915
|
setOpenState(false);
|
|
5879
5916
|
};
|
|
5880
|
-
return /* @__PURE__ */
|
|
5917
|
+
return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(
|
|
5881
5918
|
import_Snackbar.default,
|
|
5882
5919
|
__spreadProps(__spreadValues({
|
|
5883
5920
|
anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
|
|
@@ -5886,7 +5923,7 @@ var SCSnackBar = ({
|
|
|
5886
5923
|
}, close ? { onClose: handleClose } : {}), {
|
|
5887
5924
|
sx: { zIndex: 2e3 }
|
|
5888
5925
|
}),
|
|
5889
|
-
/* @__PURE__ */
|
|
5926
|
+
/* @__PURE__ */ import_react56.default.createElement(
|
|
5890
5927
|
import_Alert.default,
|
|
5891
5928
|
__spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
|
|
5892
5929
|
severity: type,
|
|
@@ -5898,20 +5935,20 @@ var SCSnackBar = ({
|
|
|
5898
5935
|
};
|
|
5899
5936
|
|
|
5900
5937
|
// src/Components/SCTabs.tsx
|
|
5901
|
-
var
|
|
5902
|
-
var
|
|
5938
|
+
var import_react57 = __toESM(require("react"), 1);
|
|
5939
|
+
var import_material39 = require("@mui/material");
|
|
5903
5940
|
var import_TabPanel = __toESM(require("@mui/lab/TabPanel"), 1);
|
|
5904
5941
|
var import_TabContext = __toESM(require("@mui/lab/TabContext"), 1);
|
|
5905
5942
|
var Muicon11 = __toESM(require("@mui/icons-material"), 1);
|
|
5906
5943
|
var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
|
|
5907
|
-
const [toast, setToast] =
|
|
5944
|
+
const [toast, setToast] = import_react57.default.useState(null);
|
|
5908
5945
|
let i = 0;
|
|
5909
5946
|
let j = 0;
|
|
5910
5947
|
let k = 0;
|
|
5911
5948
|
let l = 0;
|
|
5912
5949
|
let validateTypeIcon = true;
|
|
5913
|
-
const [value, setValue] =
|
|
5914
|
-
(0,
|
|
5950
|
+
const [value, setValue] = import_react57.default.useState("1");
|
|
5951
|
+
(0, import_react57.useEffect)(() => {
|
|
5915
5952
|
if (defaultOption) {
|
|
5916
5953
|
handleChange(event, void 0);
|
|
5917
5954
|
}
|
|
@@ -5961,8 +5998,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5961
5998
|
setValue(newValue);
|
|
5962
5999
|
}
|
|
5963
6000
|
};
|
|
5964
|
-
return /* @__PURE__ */
|
|
5965
|
-
|
|
6001
|
+
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(
|
|
6002
|
+
import_material39.Tabs,
|
|
5966
6003
|
{
|
|
5967
6004
|
"data-testid": "tab-container",
|
|
5968
6005
|
value,
|
|
@@ -5975,8 +6012,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5975
6012
|
orientation: orientation || "horizontal",
|
|
5976
6013
|
sx: { borderBottom: orientation == "vertical" ? 0 : 1, borderRight: orientation == "vertical" ? 1 : 0, borderColor: "divider", background: background || "" }
|
|
5977
6014
|
},
|
|
5978
|
-
options.map((option) => /* @__PURE__ */
|
|
5979
|
-
|
|
6015
|
+
options.map((option) => /* @__PURE__ */ import_react57.default.createElement(
|
|
6016
|
+
import_material39.Tab,
|
|
5980
6017
|
{
|
|
5981
6018
|
"data-testid": "tab-item",
|
|
5982
6019
|
value: String(i = i + 1),
|
|
@@ -5984,8 +6021,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5984
6021
|
label: option.name || "",
|
|
5985
6022
|
disabled: option.disabled || false,
|
|
5986
6023
|
iconPosition: iconPosition || "end",
|
|
5987
|
-
icon: typeIcon == "badge" ? /* @__PURE__ */
|
|
5988
|
-
|
|
6024
|
+
icon: typeIcon == "badge" ? /* @__PURE__ */ import_react57.default.createElement(
|
|
6025
|
+
import_material39.Badge,
|
|
5989
6026
|
{
|
|
5990
6027
|
sx: {
|
|
5991
6028
|
width: "20px",
|
|
@@ -5999,24 +6036,24 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
5999
6036
|
badgeContent: option.iconOrBadge,
|
|
6000
6037
|
color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
|
|
6001
6038
|
}
|
|
6002
|
-
) : typeIcon == "icon" ? /* @__PURE__ */
|
|
6039
|
+
) : 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
6040
|
sx: { "& .MuiTab-icon": { margin: "0px !important" }, padding: "10px 16px", gap: "4px" }
|
|
6004
6041
|
}
|
|
6005
6042
|
))
|
|
6006
|
-
), children, options.map((option) => /* @__PURE__ */
|
|
6043
|
+
), children, options.map((option) => /* @__PURE__ */ import_react57.default.createElement(
|
|
6007
6044
|
import_TabPanel.default,
|
|
6008
6045
|
{
|
|
6009
6046
|
key: k = k + 1,
|
|
6010
6047
|
value: String(l = l + 1),
|
|
6011
6048
|
sx: { padding: "16px" }
|
|
6012
6049
|
},
|
|
6013
|
-
option.page ? option.page : /* @__PURE__ */
|
|
6014
|
-
)))) : /* @__PURE__ */
|
|
6050
|
+
option.page ? option.page : /* @__PURE__ */ import_react57.default.createElement(import_material39.Typography, null, "No se ha configurado el componente a visualizar ")
|
|
6051
|
+
)))) : /* @__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
6052
|
};
|
|
6016
6053
|
|
|
6017
6054
|
// src/Components/SCTime.tsx
|
|
6018
|
-
var
|
|
6019
|
-
var
|
|
6055
|
+
var import_react58 = __toESM(require("react"), 1);
|
|
6056
|
+
var import_material40 = require("@mui/material");
|
|
6020
6057
|
var import_LocalizationProvider5 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
6021
6058
|
var import_AdapterDayjs3 = require("@mui/x-date-pickers/AdapterDayjs");
|
|
6022
6059
|
var import_dayjs11 = __toESM(require("dayjs"), 1);
|
|
@@ -6041,10 +6078,10 @@ var SCTime = ({
|
|
|
6041
6078
|
);
|
|
6042
6079
|
const isTimeEmpty = required && !state;
|
|
6043
6080
|
const hasError = isTimeEmpty || error;
|
|
6044
|
-
const [anchorEl, setAnchorEl] = (0,
|
|
6045
|
-
const [isOpenPopover, setIsOpenPopover] = (0,
|
|
6046
|
-
const [popoverPlacement, setPopoverPlacement] = (0,
|
|
6047
|
-
const [popoverWidth, setPopoverWidth] = (0,
|
|
6081
|
+
const [anchorEl, setAnchorEl] = (0, import_react58.useState)(null);
|
|
6082
|
+
const [isOpenPopover, setIsOpenPopover] = (0, import_react58.useState)(false);
|
|
6083
|
+
const [popoverPlacement, setPopoverPlacement] = (0, import_react58.useState)("bottom");
|
|
6084
|
+
const [popoverWidth, setPopoverWidth] = (0, import_react58.useState)(void 0);
|
|
6048
6085
|
const detectPlacement = (element) => {
|
|
6049
6086
|
const rect = element.getBoundingClientRect();
|
|
6050
6087
|
const windowHeight = window.innerHeight;
|
|
@@ -6076,7 +6113,7 @@ var SCTime = ({
|
|
|
6076
6113
|
setIsOpenPopover(false);
|
|
6077
6114
|
setAnchorEl(null);
|
|
6078
6115
|
};
|
|
6079
|
-
return /* @__PURE__ */
|
|
6116
|
+
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
6117
|
import_TimeField.TimeField,
|
|
6081
6118
|
{
|
|
6082
6119
|
label,
|
|
@@ -6088,7 +6125,7 @@ var SCTime = ({
|
|
|
6088
6125
|
slotProps: {
|
|
6089
6126
|
textField: {
|
|
6090
6127
|
InputProps: {
|
|
6091
|
-
endAdornment: /* @__PURE__ */
|
|
6128
|
+
endAdornment: /* @__PURE__ */ import_react58.default.createElement(import_material40.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react58.default.createElement(
|
|
6092
6129
|
import_AccessTime.default,
|
|
6093
6130
|
{
|
|
6094
6131
|
color: disabled ? "disabled" : "action",
|
|
@@ -6117,8 +6154,8 @@ var SCTime = ({
|
|
|
6117
6154
|
}
|
|
6118
6155
|
}
|
|
6119
6156
|
}
|
|
6120
|
-
), /* @__PURE__ */
|
|
6121
|
-
|
|
6157
|
+
), /* @__PURE__ */ import_react58.default.createElement(
|
|
6158
|
+
import_material40.Popover,
|
|
6122
6159
|
{
|
|
6123
6160
|
open: isOpenPopover,
|
|
6124
6161
|
anchorEl,
|
|
@@ -6148,7 +6185,7 @@ var SCTime = ({
|
|
|
6148
6185
|
}
|
|
6149
6186
|
}
|
|
6150
6187
|
},
|
|
6151
|
-
/* @__PURE__ */
|
|
6188
|
+
/* @__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
6189
|
import_DigitalClock.DigitalClock,
|
|
6153
6190
|
{
|
|
6154
6191
|
value: state,
|
|
@@ -6171,14 +6208,14 @@ var SCTime = ({
|
|
|
6171
6208
|
};
|
|
6172
6209
|
|
|
6173
6210
|
// src/Components/SCZoom.tsx
|
|
6174
|
-
var
|
|
6175
|
-
var
|
|
6211
|
+
var import_react59 = __toESM(require("react"), 1);
|
|
6212
|
+
var import_material41 = require("@mui/material");
|
|
6176
6213
|
var import_Grid11 = __toESM(require("@mui/material/Grid"), 1);
|
|
6177
6214
|
var import_ZoomOut = __toESM(require("@mui/icons-material/ZoomOut"), 1);
|
|
6178
6215
|
var import_ZoomIn = __toESM(require("@mui/icons-material/ZoomIn"), 1);
|
|
6179
6216
|
var import_RotateRight = __toESM(require("@mui/icons-material/RotateRight"), 1);
|
|
6180
6217
|
var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
6181
|
-
const [zoom, setZoom] = (0,
|
|
6218
|
+
const [zoom, setZoom] = (0, import_react59.useState)(1);
|
|
6182
6219
|
const handleZoomIn = () => {
|
|
6183
6220
|
setZoom((prev) => Math.min(prev + 0.2, 3));
|
|
6184
6221
|
};
|
|
@@ -6188,8 +6225,8 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
|
6188
6225
|
const handleReset = () => {
|
|
6189
6226
|
setZoom(1);
|
|
6190
6227
|
};
|
|
6191
|
-
return /* @__PURE__ */
|
|
6192
|
-
|
|
6228
|
+
return /* @__PURE__ */ import_react59.default.createElement(import_material41.Box, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ import_react59.default.createElement(
|
|
6229
|
+
import_material41.Box,
|
|
6193
6230
|
{
|
|
6194
6231
|
sx: {
|
|
6195
6232
|
overflow: zoom > 1 ? "auto" : "hidden",
|
|
@@ -6198,7 +6235,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
|
6198
6235
|
height: height || "340px"
|
|
6199
6236
|
}
|
|
6200
6237
|
},
|
|
6201
|
-
/* @__PURE__ */
|
|
6238
|
+
/* @__PURE__ */ import_react59.default.createElement(
|
|
6202
6239
|
"img",
|
|
6203
6240
|
{
|
|
6204
6241
|
src: image,
|
|
@@ -6210,14 +6247,14 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
|
|
|
6210
6247
|
}
|
|
6211
6248
|
}
|
|
6212
6249
|
)
|
|
6213
|
-
), /* @__PURE__ */
|
|
6250
|
+
), /* @__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
6251
|
};
|
|
6215
6252
|
|
|
6216
6253
|
// src/Theme/index.ts
|
|
6217
6254
|
var import_styles3 = require("@mui/material/styles");
|
|
6218
6255
|
|
|
6219
6256
|
// src/Theme/components.ts
|
|
6220
|
-
var
|
|
6257
|
+
var import_react60 = __toESM(require("react"), 1);
|
|
6221
6258
|
var import_icons_material15 = require("@mui/icons-material");
|
|
6222
6259
|
var components = {
|
|
6223
6260
|
MuiSelect: {
|
|
@@ -6916,10 +6953,10 @@ var components = {
|
|
|
6916
6953
|
MuiAlert: {
|
|
6917
6954
|
defaultProps: {
|
|
6918
6955
|
iconMapping: {
|
|
6919
|
-
success:
|
|
6920
|
-
error:
|
|
6921
|
-
warning:
|
|
6922
|
-
info:
|
|
6956
|
+
success: import_react60.default.createElement(import_icons_material15.CheckCircleRounded),
|
|
6957
|
+
error: import_react60.default.createElement(import_icons_material15.ErrorRounded),
|
|
6958
|
+
warning: import_react60.default.createElement(import_icons_material15.WarningRounded),
|
|
6959
|
+
info: import_react60.default.createElement(import_icons_material15.InfoRounded)
|
|
6923
6960
|
}
|
|
6924
6961
|
},
|
|
6925
6962
|
variants: [
|
|
@@ -7971,6 +8008,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
|
|
|
7971
8008
|
FooterAction,
|
|
7972
8009
|
MultiSelect,
|
|
7973
8010
|
PageHeader,
|
|
8011
|
+
SCAccordion,
|
|
7974
8012
|
SCActivityCalendar,
|
|
7975
8013
|
SCAlert,
|
|
7976
8014
|
SCAppBar,
|