componentes-sinco 1.0.28 → 1.0.30
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 +41 -42
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +18 -19
- package/dist/index.js.map +1 -1
- package/package.json +18 -18
package/dist/index.cjs
CHANGED
|
@@ -77,8 +77,8 @@ var __async = (__this, __arguments, generator) => {
|
|
|
77
77
|
};
|
|
78
78
|
|
|
79
79
|
// src/index.ts
|
|
80
|
-
var
|
|
81
|
-
__export(
|
|
80
|
+
var index_exports = {};
|
|
81
|
+
__export(index_exports, {
|
|
82
82
|
ADCSincoTheme: () => ADCSincoTheme,
|
|
83
83
|
AdproSincoTheme: () => AdproSincoTheme,
|
|
84
84
|
Attachment: () => Attachment,
|
|
@@ -125,7 +125,7 @@ __export(src_exports, {
|
|
|
125
125
|
useMultiSelectHandlers: () => useMultiSelectHandlers,
|
|
126
126
|
useProgress: () => useProgress
|
|
127
127
|
});
|
|
128
|
-
module.exports = __toCommonJS(
|
|
128
|
+
module.exports = __toCommonJS(index_exports);
|
|
129
129
|
|
|
130
130
|
// src/Components/Adjuntar/Adjuntar.tsx
|
|
131
131
|
var import_react5 = __toESM(require("react"), 1);
|
|
@@ -799,7 +799,7 @@ var Attachment = ({
|
|
|
799
799
|
action: [
|
|
800
800
|
{
|
|
801
801
|
text: "Eliminar",
|
|
802
|
-
fn: () => __async(
|
|
802
|
+
fn: () => __async(null, null, function* () {
|
|
803
803
|
if (fileToDelete) {
|
|
804
804
|
try {
|
|
805
805
|
if (deleteAction) {
|
|
@@ -834,7 +834,7 @@ var Attachment = ({
|
|
|
834
834
|
// src/Components/Drawer/SCDrawer.tsx
|
|
835
835
|
var import_react20 = __toESM(require("react"), 1);
|
|
836
836
|
var import_material14 = require("@mui/material");
|
|
837
|
-
var
|
|
837
|
+
var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
|
|
838
838
|
|
|
839
839
|
// src/Components/Drawer/Helpers/Utils.tsx
|
|
840
840
|
var Muicon = __toESM(require("@mui/icons-material"), 1);
|
|
@@ -1223,7 +1223,7 @@ var import_material11 = require("@mui/material");
|
|
|
1223
1223
|
// src/Components/Textfield/SCTextField.tsx
|
|
1224
1224
|
var import_react12 = __toESM(require("react"), 1);
|
|
1225
1225
|
var import_material6 = require("@mui/material");
|
|
1226
|
-
var
|
|
1226
|
+
var import_Grid = __toESM(require("@mui/material/Grid"), 1);
|
|
1227
1227
|
var import_icons_material6 = require("@mui/icons-material");
|
|
1228
1228
|
|
|
1229
1229
|
// src/Components/Textfield/Helpers/validateIcon.tsx
|
|
@@ -1366,7 +1366,7 @@ var SCTextField = ({
|
|
|
1366
1366
|
const handleCloseInfoElement = () => {
|
|
1367
1367
|
setAnchorInfoElement(null);
|
|
1368
1368
|
};
|
|
1369
|
-
return /* @__PURE__ */ import_react12.default.createElement(import_material6.Box, { sx: { width } }, /* @__PURE__ */ import_react12.default.createElement(
|
|
1369
|
+
return /* @__PURE__ */ import_react12.default.createElement(import_material6.Box, { sx: { width } }, /* @__PURE__ */ import_react12.default.createElement(import_Grid.default, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react12.default.createElement(import_material6.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react12.default.createElement(import_material6.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
|
|
1370
1370
|
import_icons_material6.InfoOutlined,
|
|
1371
1371
|
{
|
|
1372
1372
|
color: "action",
|
|
@@ -1403,7 +1403,7 @@ var SCTextField = ({
|
|
|
1403
1403
|
color: "action",
|
|
1404
1404
|
fontSize: "small"
|
|
1405
1405
|
}
|
|
1406
|
-
))) : ""), /* @__PURE__ */ import_react12.default.createElement(
|
|
1406
|
+
))) : ""), /* @__PURE__ */ import_react12.default.createElement(import_Grid.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react12.default.createElement(
|
|
1407
1407
|
import_material6.FormControl,
|
|
1408
1408
|
{
|
|
1409
1409
|
color,
|
|
@@ -1775,7 +1775,6 @@ function SCSelect({
|
|
|
1775
1775
|
// src/Components/SCAutocomplete.tsx
|
|
1776
1776
|
var import_react15 = __toESM(require("react"), 1);
|
|
1777
1777
|
var import_material9 = require("@mui/material");
|
|
1778
|
-
var import_Grid22 = __toESM(require("@mui/material/Grid2"), 1);
|
|
1779
1778
|
var import_icons_material8 = require("@mui/icons-material");
|
|
1780
1779
|
var Muicon4 = __toESM(require("@mui/icons-material"), 1);
|
|
1781
1780
|
function SCAutocomplete({
|
|
@@ -1992,7 +1991,7 @@ function SCAutocomplete({
|
|
|
1992
1991
|
checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_material9.FormControlLabel, { control: /* @__PURE__ */ import_react15.default.createElement(import_material9.Checkbox, { checked: allSelected, indeterminate: selectedOptions.length > 0 && selectedOptions.length < data.length, onChange: handleCheckAll, color: "primary" }), label: "Todos los items", sx: { marginLeft: "0px !important", marginRight: "0px !important", padding: "7px 16px" } }), /* @__PURE__ */ import_react15.default.createElement(import_material9.Divider, null)) : "",
|
|
1993
1992
|
props.children,
|
|
1994
1993
|
deleteType == "button" || fnAplicar ? /* @__PURE__ */ import_react15.default.createElement(
|
|
1995
|
-
|
|
1994
|
+
import_material9.Grid,
|
|
1996
1995
|
{
|
|
1997
1996
|
container: true,
|
|
1998
1997
|
sx: {
|
|
@@ -2047,7 +2046,7 @@ var import_DateRangePicker = require("@mui/x-date-pickers-pro/DateRangePicker");
|
|
|
2047
2046
|
var import_MultiInputDateRangeField = require("@mui/x-date-pickers-pro/MultiInputDateRangeField");
|
|
2048
2047
|
var import_dayjs = __toESM(require("dayjs"), 1);
|
|
2049
2048
|
var import_es = require("dayjs/locale/es");
|
|
2050
|
-
var
|
|
2049
|
+
var import_x_license = require("@mui/x-license");
|
|
2051
2050
|
var import_Event = __toESM(require("@mui/icons-material/Event"), 1);
|
|
2052
2051
|
var SCDateRange = ({
|
|
2053
2052
|
labelDateInitial = "Fecha inicial",
|
|
@@ -2058,7 +2057,7 @@ var SCDateRange = ({
|
|
|
2058
2057
|
state,
|
|
2059
2058
|
setState
|
|
2060
2059
|
}) => {
|
|
2061
|
-
|
|
2060
|
+
import_x_license.LicenseInfo.setLicenseKey(
|
|
2062
2061
|
"77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
|
|
2063
2062
|
);
|
|
2064
2063
|
const isStartEmpty = required && !state[0];
|
|
@@ -2186,7 +2185,7 @@ var DrawerContent = ({ arrayElements }) => {
|
|
|
2186
2185
|
label: arrayElement.label,
|
|
2187
2186
|
data: (_c = arrayElement.data) != null ? _c : [],
|
|
2188
2187
|
columnGroup: arrayElement.columnGroup,
|
|
2189
|
-
getItemValue: (_d = arrayElement.getItemValue) != null ? _d : () => ({ text: "", value: "" }),
|
|
2188
|
+
getItemValue: (_d = arrayElement.getItemValue) != null ? _d : (() => ({ text: "", value: "" })),
|
|
2190
2189
|
typeFormat: arrayElement.typeFormat,
|
|
2191
2190
|
checkMassive: arrayElement.checkMassive,
|
|
2192
2191
|
deleteType: arrayElement.deleteType,
|
|
@@ -2205,7 +2204,7 @@ var DrawerContent = ({ arrayElements }) => {
|
|
|
2205
2204
|
{
|
|
2206
2205
|
label: arrayElement.label,
|
|
2207
2206
|
data: (_e = arrayElement.data) != null ? _e : [],
|
|
2208
|
-
getItemValue: (_f = arrayElement.getItemValue) != null ? _f : () => ({ text: "", value: "" }),
|
|
2207
|
+
getItemValue: (_f = arrayElement.getItemValue) != null ? _f : (() => ({ text: "", value: "" })),
|
|
2209
2208
|
width: arrayElement.width,
|
|
2210
2209
|
size: arrayElement.size,
|
|
2211
2210
|
variant: arrayElement.variant,
|
|
@@ -2250,7 +2249,7 @@ var DrawerContent = ({ arrayElements }) => {
|
|
|
2250
2249
|
// src/Components/Drawer/components/DrawerActions.tsx
|
|
2251
2250
|
var import_react18 = __toESM(require("react"), 1);
|
|
2252
2251
|
var import_material12 = require("@mui/material");
|
|
2253
|
-
var
|
|
2252
|
+
var import_Grid2 = __toESM(require("@mui/material/Grid"), 1);
|
|
2254
2253
|
var DrawerActions = ({ actions, anchor }) => {
|
|
2255
2254
|
if (actions === false || actions === void 0) {
|
|
2256
2255
|
return null;
|
|
@@ -2259,7 +2258,7 @@ var DrawerActions = ({ actions, anchor }) => {
|
|
|
2259
2258
|
return null;
|
|
2260
2259
|
}
|
|
2261
2260
|
return /* @__PURE__ */ import_react18.default.createElement(
|
|
2262
|
-
|
|
2261
|
+
import_Grid2.default,
|
|
2263
2262
|
{
|
|
2264
2263
|
sx: { borderTop: 1, borderColor: "#1018403B" },
|
|
2265
2264
|
container: true,
|
|
@@ -2288,7 +2287,7 @@ var DrawerActions = ({ actions, anchor }) => {
|
|
|
2288
2287
|
// src/Components/Drawer/components/DrawerHeader.tsx
|
|
2289
2288
|
var import_react19 = __toESM(require("react"), 1);
|
|
2290
2289
|
var import_material13 = require("@mui/material");
|
|
2291
|
-
var
|
|
2290
|
+
var import_Grid3 = __toESM(require("@mui/material/Grid"), 1);
|
|
2292
2291
|
var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
|
|
2293
2292
|
var DrawerHeader = ({
|
|
2294
2293
|
title,
|
|
@@ -2296,7 +2295,7 @@ var DrawerHeader = ({
|
|
|
2296
2295
|
onClose
|
|
2297
2296
|
}) => {
|
|
2298
2297
|
return /* @__PURE__ */ import_react19.default.createElement(
|
|
2299
|
-
|
|
2298
|
+
import_Grid3.default,
|
|
2300
2299
|
{
|
|
2301
2300
|
container: true,
|
|
2302
2301
|
sx: {
|
|
@@ -2367,7 +2366,7 @@ function SCDrawer({
|
|
|
2367
2366
|
};
|
|
2368
2367
|
const drawerActions = getActions();
|
|
2369
2368
|
return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, toast && /* @__PURE__ */ import_react20.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react20.default.createElement(
|
|
2370
|
-
|
|
2369
|
+
import_Grid4.default,
|
|
2371
2370
|
{
|
|
2372
2371
|
container: true,
|
|
2373
2372
|
justifyContent: "flex-start",
|
|
@@ -2660,7 +2659,7 @@ var PageHeader = ({
|
|
|
2660
2659
|
// src/Components/SCCalendarSwipeable.tsx
|
|
2661
2660
|
var import_react26 = __toESM(require("react"), 1);
|
|
2662
2661
|
var import_material18 = require("@mui/material");
|
|
2663
|
-
var
|
|
2662
|
+
var import_Grid5 = __toESM(require("@mui/material/Grid"), 1);
|
|
2664
2663
|
var import_AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
|
|
2665
2664
|
var import_LocalizationProvider2 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
2666
2665
|
var import_StaticDatePicker = require("@mui/x-date-pickers/StaticDatePicker");
|
|
@@ -2703,7 +2702,7 @@ var SCCalendarSwipeable = ({
|
|
|
2703
2702
|
setOpenCalendar(newOpen);
|
|
2704
2703
|
};
|
|
2705
2704
|
const locale = __spreadValues({}, import_locale.es);
|
|
2706
|
-
return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react26.default.createElement(
|
|
2705
|
+
return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react26.default.createElement(import_Grid5.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react26.default.createElement(import_Grid5.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns.format)(dia, "EEEE", { locale: import_locale.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react26.default.createElement(
|
|
2707
2706
|
import_material18.Box,
|
|
2708
2707
|
{
|
|
2709
2708
|
onClick: () => setFecha(dia),
|
|
@@ -2720,7 +2719,7 @@ var SCCalendarSwipeable = ({
|
|
|
2720
2719
|
}
|
|
2721
2720
|
},
|
|
2722
2721
|
/* @__PURE__ */ import_react26.default.createElement(import_material18.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns.format)(dia, "d"))
|
|
2723
|
-
)))), /* @__PURE__ */ import_react26.default.createElement(
|
|
2722
|
+
)))), /* @__PURE__ */ import_react26.default.createElement(import_Grid5.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react26.default.createElement(import_material18.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react26.default.createElement(import_KeyboardDoubleArrowDown.default, null))))) : /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react26.default.createElement(
|
|
2724
2723
|
import_StaticDatePicker.StaticDatePicker,
|
|
2725
2724
|
{
|
|
2726
2725
|
orientation: "landscape",
|
|
@@ -2730,18 +2729,18 @@ var SCCalendarSwipeable = ({
|
|
|
2730
2729
|
sx: { fontSize: "12px !important", height: "300px !important", background: background ? background : "white", "& .MuiDayCalendar-header": { justifyContent: "space-between" }, "& .MuiDayCalendar-weekContainer": { justifyContent: "space-between" }, "& .MuiPickersCalendarHeader-root": { paddingLeft: "0px", paddingRight: "0px", color: "#10184099" }, "& .MuiPickersDay-root": { fontSize: "12px !important" }, "& .MuiDayCalendar-weekDayLabel": { fontSize: "12px !important" } },
|
|
2731
2730
|
onChange: (newValue) => setFecha(newValue)
|
|
2732
2731
|
}
|
|
2733
|
-
), /* @__PURE__ */ import_react26.default.createElement(
|
|
2732
|
+
), /* @__PURE__ */ import_react26.default.createElement(import_Grid5.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react26.default.createElement(import_material18.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react26.default.createElement(import_KeyboardDoubleArrowUp.default, null))))));
|
|
2734
2733
|
};
|
|
2735
2734
|
|
|
2736
2735
|
// src/Components/SCDataGrid.tsx
|
|
2737
2736
|
var import_react27 = __toESM(require("react"), 1);
|
|
2738
2737
|
var import_x_data_grid_pro = require("@mui/x-data-grid-pro");
|
|
2739
|
-
var
|
|
2738
|
+
var import_x_license2 = require("@mui/x-license");
|
|
2740
2739
|
var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
|
|
2741
2740
|
var import_KeyboardArrowUp = __toESM(require("@mui/icons-material/KeyboardArrowUp"), 1);
|
|
2742
2741
|
var import_styles = require("@mui/material/styles");
|
|
2743
2742
|
function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }) {
|
|
2744
|
-
|
|
2743
|
+
import_x_license2.LicenseInfo.setLicenseKey(
|
|
2745
2744
|
"77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
|
|
2746
2745
|
);
|
|
2747
2746
|
const theme = (0, import_styles.useTheme)();
|
|
@@ -3128,7 +3127,7 @@ var EmptyState = ({
|
|
|
3128
3127
|
// src/Components/SCDialog.tsx
|
|
3129
3128
|
var import_react33 = __toESM(require("react"), 1);
|
|
3130
3129
|
var import_material20 = require("@mui/material");
|
|
3131
|
-
var
|
|
3130
|
+
var import_Grid6 = __toESM(require("@mui/material/Grid"), 1);
|
|
3132
3131
|
var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
|
|
3133
3132
|
var Muicon5 = __toESM(require("@mui/icons-material"), 1);
|
|
3134
3133
|
var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }) => {
|
|
@@ -3202,7 +3201,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
3202
3201
|
}
|
|
3203
3202
|
}
|
|
3204
3203
|
},
|
|
3205
|
-
title && /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react33.default.createElement(
|
|
3204
|
+
title && /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react33.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, null, /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react33.default.createElement(import_Close2.default, null)) : "")),
|
|
3206
3205
|
/* @__PURE__ */ import_react33.default.createElement(
|
|
3207
3206
|
import_material20.DialogContent,
|
|
3208
3207
|
{
|
|
@@ -3213,7 +3212,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
3213
3212
|
padding: "12px 16px 8px 16px",
|
|
3214
3213
|
background: background ? background : "white",
|
|
3215
3214
|
height: !heightContent ? { xs: "60vh", sm: "70vh", md: "508px" } : heightContent,
|
|
3216
|
-
width: () => {
|
|
3215
|
+
width: (() => {
|
|
3217
3216
|
switch (widthContent) {
|
|
3218
3217
|
case "extra-small":
|
|
3219
3218
|
return { xs: "48vw", md: "33vw" };
|
|
@@ -3228,7 +3227,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
3228
3227
|
default:
|
|
3229
3228
|
return { xs: "64vw", md: "56vw" };
|
|
3230
3229
|
}
|
|
3231
|
-
}
|
|
3230
|
+
})
|
|
3232
3231
|
}
|
|
3233
3232
|
},
|
|
3234
3233
|
content.url ? /* @__PURE__ */ import_react33.default.createElement(
|
|
@@ -3287,7 +3286,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
3287
3286
|
// src/Components/SCListContent.tsx
|
|
3288
3287
|
var import_react34 = __toESM(require("react"), 1);
|
|
3289
3288
|
var import_material21 = require("@mui/material");
|
|
3290
|
-
var
|
|
3289
|
+
var import_Grid7 = __toESM(require("@mui/material/Grid"), 1);
|
|
3291
3290
|
var Muicon6 = __toESM(require("@mui/icons-material"), 1);
|
|
3292
3291
|
var SCListContent = ({ options }) => {
|
|
3293
3292
|
const [selectedIndex, setSelectedIndex] = import_react34.default.useState("1");
|
|
@@ -3319,7 +3318,7 @@ var SCListContent = ({ options }) => {
|
|
|
3319
3318
|
import_material21.ListItemText,
|
|
3320
3319
|
{
|
|
3321
3320
|
primary: option.title,
|
|
3322
|
-
secondary: /* @__PURE__ */ import_react34.default.createElement(
|
|
3321
|
+
secondary: /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { gap: 0.5 }, /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { container: true, gap: 0.5 }, option.subtitle), /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { container: true, gap: 0.5 }, option.description))
|
|
3323
3322
|
}
|
|
3324
3323
|
),
|
|
3325
3324
|
option.iconRight ? /* @__PURE__ */ import_react34.default.createElement(import_material21.ListItemIcon, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ import_react34.default.createElement(import_material21.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight })) : ""
|
|
@@ -3329,7 +3328,7 @@ var SCListContent = ({ options }) => {
|
|
|
3329
3328
|
// src/Components/SCMenu.tsx
|
|
3330
3329
|
var import_react36 = __toESM(require("react"), 1);
|
|
3331
3330
|
var import_material22 = require("@mui/material");
|
|
3332
|
-
var
|
|
3331
|
+
var import_Grid8 = __toESM(require("@mui/material/Grid"), 1);
|
|
3333
3332
|
|
|
3334
3333
|
// src/Components/Hooks/useWindowDimensions.ts
|
|
3335
3334
|
var import_react35 = require("react");
|
|
@@ -3395,7 +3394,7 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
3395
3394
|
setValue(String(index + 1));
|
|
3396
3395
|
}
|
|
3397
3396
|
};
|
|
3398
|
-
return /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(
|
|
3397
|
+
return /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(import_Grid8.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react36.default.createElement(import_material22.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(
|
|
3399
3398
|
import_material22.MenuItem,
|
|
3400
3399
|
{
|
|
3401
3400
|
disabled: disable == true ? true : false,
|
|
@@ -3404,8 +3403,8 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
3404
3403
|
onClick: (event2) => handleClickMenusItem(event2, index)
|
|
3405
3404
|
},
|
|
3406
3405
|
option.iconLeft ? /* @__PURE__ */ import_react36.default.createElement(import_material22.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
|
|
3407
|
-
/* @__PURE__ */ import_react36.default.createElement(
|
|
3408
|
-
), option.divider == true ? /* @__PURE__ */ import_react36.default.createElement(import_material22.Divider, null) : "")))), /* @__PURE__ */ import_react36.default.createElement(
|
|
3406
|
+
/* @__PURE__ */ import_react36.default.createElement(import_Grid8.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react36.default.createElement(import_material22.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
|
|
3407
|
+
), option.divider == true ? /* @__PURE__ */ import_react36.default.createElement(import_material22.Divider, null) : "")))), /* @__PURE__ */ import_react36.default.createElement(import_Grid8.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react36.default.createElement(import_material22.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react36.default.createElement(import_material22.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
|
|
3409
3408
|
};
|
|
3410
3409
|
|
|
3411
3410
|
// src/Components/Menu/Menu.tsx
|
|
@@ -4380,7 +4379,7 @@ var import_LocalizationProvider3 = require("@mui/x-date-pickers/LocalizationProv
|
|
|
4380
4379
|
var import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
|
|
4381
4380
|
var import_dayjs10 = __toESM(require("dayjs"), 1);
|
|
4382
4381
|
var import_es3 = require("dayjs/locale/es");
|
|
4383
|
-
var
|
|
4382
|
+
var import_x_license3 = require("@mui/x-license");
|
|
4384
4383
|
var import_AccessTime = __toESM(require("@mui/icons-material/AccessTime"), 1);
|
|
4385
4384
|
var import_TimeField = require("@mui/x-date-pickers/TimeField");
|
|
4386
4385
|
var import_DigitalClock = require("@mui/x-date-pickers/DigitalClock");
|
|
@@ -4393,7 +4392,7 @@ var SCTime = ({
|
|
|
4393
4392
|
state,
|
|
4394
4393
|
setState
|
|
4395
4394
|
}) => {
|
|
4396
|
-
|
|
4395
|
+
import_x_license3.LicenseInfo.setLicenseKey(
|
|
4397
4396
|
"77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
|
|
4398
4397
|
);
|
|
4399
4398
|
const isTimeEmpty = required && !state;
|
|
@@ -4601,7 +4600,7 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
|
|
|
4601
4600
|
// src/Components/SCActivityCalendar.tsx
|
|
4602
4601
|
var import_react50 = __toESM(require("react"), 1);
|
|
4603
4602
|
var import_material34 = require("@mui/material");
|
|
4604
|
-
var
|
|
4603
|
+
var import_Grid9 = __toESM(require("@mui/material/Grid"), 1);
|
|
4605
4604
|
var import_AdapterDateFns2 = require("@mui/x-date-pickers/AdapterDateFns");
|
|
4606
4605
|
var import_LocalizationProvider4 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
4607
4606
|
var import_StaticDatePicker2 = require("@mui/x-date-pickers/StaticDatePicker");
|
|
@@ -4654,7 +4653,7 @@ var SCActivityCalendar = ({
|
|
|
4654
4653
|
// 0 para domingo, 1 para lunes, etc.
|
|
4655
4654
|
}
|
|
4656
4655
|
});
|
|
4657
|
-
return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, adapterLocale: import_locale2.es }, openCalendar == false ? /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react50.default.createElement(
|
|
4656
|
+
return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, adapterLocale: import_locale2.es }, openCalendar == false ? /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react50.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_react50.default.createElement(
|
|
4658
4657
|
import_material34.Box,
|
|
4659
4658
|
{
|
|
4660
4659
|
onClick: () => setFecha(dia),
|
|
@@ -4671,7 +4670,7 @@ var SCActivityCalendar = ({
|
|
|
4671
4670
|
}
|
|
4672
4671
|
},
|
|
4673
4672
|
/* @__PURE__ */ import_react50.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"))
|
|
4674
|
-
)))), /* @__PURE__ */ import_react50.default.createElement(
|
|
4673
|
+
)))), /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react50.default.createElement(import_material34.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react50.default.createElement(import_KeyboardDoubleArrowDown2.default, { color: "action" }))))) : /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react50.default.createElement(
|
|
4675
4674
|
import_StaticDatePicker2.StaticDatePicker,
|
|
4676
4675
|
{
|
|
4677
4676
|
orientation: "landscape",
|
|
@@ -4681,12 +4680,12 @@ var SCActivityCalendar = ({
|
|
|
4681
4680
|
sx: { fontSize: "12px !important", height: "300px !important", background: background ? background : "white", "& .MuiDayCalendar-header": { justifyContent: "space-between" }, "& .MuiDayCalendar-weekContainer": { justifyContent: "space-between" }, "& .MuiPickersCalendarHeader-root": { paddingLeft: "0px", paddingRight: "0px", color: "#10184099" }, "& .MuiPickersDay-root": { fontSize: "12px !important" }, "& .MuiDayCalendar-weekDayLabel": { fontSize: "12px !important" } },
|
|
4682
4681
|
onChange: (newValue) => setFecha(newValue)
|
|
4683
4682
|
}
|
|
4684
|
-
), /* @__PURE__ */ import_react50.default.createElement(
|
|
4683
|
+
), /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react50.default.createElement(import_material34.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react50.default.createElement(import_KeyboardDoubleArrowUp2.default, { color: "action" }))))), /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", height: openCalendar ? "calc(91% - 300px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ import_react50.default.createElement(
|
|
4685
4684
|
import_material34.Box,
|
|
4686
4685
|
{
|
|
4687
4686
|
key: dayIndex
|
|
4688
4687
|
},
|
|
4689
|
-
/* @__PURE__ */ import_react50.default.createElement(
|
|
4688
|
+
/* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { variant: "subtitle1", sx: { color: (0, import_date_fns2.isSameDay)(day, fecha) ? "info.dark" : "text.secondary" } }, day.toLocaleDateString("es-ES", {
|
|
4690
4689
|
day: "numeric"
|
|
4691
4690
|
}), " de ", day.toLocaleDateString("es-ES", {
|
|
4692
4691
|
month: "short"
|