componentes-sinco 1.0.10-rc.4 → 1.0.10
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 +161 -149
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +149 -137
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/create-KZGO2OZA.svg +0 -18
- package/dist/empty-3NEKE7WO.svg +0 -13
- package/dist/error-RUCZUXDN.svg +0 -5
- package/dist/search-OKSCVF2W.svg +0 -12
package/dist/index.cjs
CHANGED
|
@@ -2425,35 +2425,47 @@ var SCDataGrid = import_react18.default.memo(SCDataGridInitial, (prevProps, next
|
|
|
2425
2425
|
});
|
|
2426
2426
|
|
|
2427
2427
|
// src/Components/EmptyState/EmptyState.tsx
|
|
2428
|
-
var
|
|
2428
|
+
var import_react23 = __toESM(require("react"), 1);
|
|
2429
2429
|
var import_material13 = require("@mui/material");
|
|
2430
2430
|
|
|
2431
|
-
// src/assets/ImgEmptyState/create.
|
|
2432
|
-
var
|
|
2431
|
+
// src/assets/ImgEmptyState/create.tsx
|
|
2432
|
+
var import_react19 = __toESM(require("react"), 1);
|
|
2433
|
+
var Create = () => {
|
|
2434
|
+
return /* @__PURE__ */ import_react19.default.createElement("svg", { width: "45", height: "41", viewBox: "0 0 45 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react19.default.createElement("g", { "clip-path": "url(#clip0_1283_39624)" }, /* @__PURE__ */ import_react19.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M44.4956 13.1869C44.4386 13.8714 43.8367 14.3801 43.1514 14.3231L39.9978 14.0608C39.3124 14.0038 38.8032 13.4027 38.8602 12.7182C38.9173 12.0336 39.5191 11.525 40.2044 11.582L43.3581 11.8443C44.0434 11.9013 44.5527 12.5024 44.4956 13.1869Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react19.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M41.0393 1.01388C41.4429 1.57002 41.3187 2.34766 40.7619 2.75078L38.099 4.6787C37.5423 5.08182 36.7637 4.95777 36.3601 4.40163C35.9565 3.84548 36.0807 3.06785 36.6375 2.66473L39.3004 0.736804C39.8572 0.333685 40.6357 0.457736 41.0393 1.01388Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react19.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M36.6656 21.2361C36.1755 21.7179 36.1692 22.5054 36.6515 22.9949L38.9584 25.3363C39.4408 25.8258 40.2291 25.8321 40.7193 25.3503C41.2094 24.8685 41.2157 24.0811 40.7333 23.5915L38.4264 21.2502C37.9441 20.7606 37.1557 20.7543 36.6656 21.2361Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react19.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.504365 13.1869C0.561439 13.8714 1.16326 14.3801 1.84856 14.323L5.00224 14.0607C5.68755 14.0037 6.19683 13.4026 6.13976 12.7181C6.08268 12.0336 5.48087 11.5249 4.79556 11.5819L1.64188 11.8442C0.956574 11.9012 0.447291 12.5023 0.504365 13.1869Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react19.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.95913 1.01431C3.55554 1.57046 3.67974 2.34809 4.23653 2.75121L6.8994 4.67914C7.45619 5.08225 8.23473 4.9582 8.63832 4.40206C9.04191 3.84592 8.91771 3.06828 8.36092 2.66516L5.69805 0.737237C5.14126 0.334118 4.36272 0.458169 3.95913 1.01431Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react19.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.33389 21.236C8.82403 21.7178 8.83033 22.5053 8.34796 22.9949L6.04107 25.3362C5.5587 25.8257 4.77034 25.832 4.28021 25.3502C3.79008 24.8684 3.78378 24.081 4.26614 23.5914L6.57304 21.2501C7.0554 20.7605 7.84376 20.7542 8.33389 21.236Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M19.1448 37.3573H25.5804L25.1621 38.889C25.0636 39.2498 24.7356 39.5 24.3613 39.5H20.3638C19.9895 39.5 19.6615 39.2498 19.563 38.889L19.1448 37.3573Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M17.6534 35.3665C17.5381 34.8487 17.9326 34.3575 18.4637 34.3575H26.3983C26.9294 34.3575 27.3239 34.8487 27.2087 35.3665L26.9829 36.3814C26.8563 36.9504 26.351 37.3553 25.7674 37.3553H19.0946C18.511 37.3553 18.0057 36.9504 17.8791 36.3814L17.6534 35.3665Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react19.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.85423 13.9906C8.85423 6.60807 14.935 0.652473 22.3998 0.652473C29.8646 0.652473 35.9455 6.60807 35.9455 13.9906C35.9455 17.6153 34.4759 20.9015 32.0983 23.3022C31.9627 23.4392 31.8257 23.5745 31.6935 23.7052L31.6917 23.707C30.7961 24.5922 30.1385 25.2699 29.8494 26.1116C29.7242 26.4761 29.6012 27.1915 29.4988 28.0885C29.4002 28.9527 29.3306 29.8872 29.2854 30.6281C29.2099 31.864 28.1896 32.8547 26.9266 32.8547H17.8731C16.6101 32.8547 15.5898 31.864 15.5143 30.6281C15.469 29.8872 15.3995 28.9527 15.3009 28.0885C15.1985 27.1915 15.0755 26.4761 14.9503 26.1116C14.6612 25.2699 14.0036 24.5922 13.108 23.707L13.106 23.7051C12.9739 23.5744 12.837 23.4391 12.7014 23.3022C10.3238 20.9015 8.85423 17.6153 8.85423 13.9906ZM22.3998 2.85676C16.1214 2.85676 11.0611 7.85765 11.0611 13.9906C11.0611 17.0068 12.2813 19.7437 14.2703 21.752C14.3969 21.8798 14.526 22.0075 14.6602 22.1401C14.6831 22.1627 14.7062 22.1855 14.7294 22.2085C15.5402 23.0091 16.5655 24.0215 17.0377 25.3961C17.2505 26.0156 17.3925 26.9534 17.4936 27.8388C17.5983 28.757 17.6707 29.7342 17.7171 30.4939C17.723 30.59 17.8001 30.6504 17.8731 30.6504H26.9266C26.9996 30.6504 27.0767 30.59 27.0826 30.4939C27.129 29.7342 27.2013 28.757 27.3061 27.8388C27.4072 26.9534 27.5492 26.0156 27.762 25.3961C28.2342 24.0215 29.2594 23.0091 30.0702 22.2085C30.0935 22.1855 30.1166 22.1627 30.1395 22.1401C30.2737 22.0075 30.4028 21.8798 30.5294 21.752C32.5184 19.7437 33.7386 17.0068 33.7386 13.9906C33.7386 7.85765 28.6783 2.85676 22.3998 2.85676Z", fill: "#B9BDC1" })), /* @__PURE__ */ import_react19.default.createElement("defs", null, /* @__PURE__ */ import_react19.default.createElement("clipPath", { id: "clip0_1283_39624" }, /* @__PURE__ */ import_react19.default.createElement("rect", { width: "44", height: "40", fill: "white", transform: "translate(0.5 0.5)" }))));
|
|
2435
|
+
};
|
|
2433
2436
|
|
|
2434
|
-
// src/assets/ImgEmptyState/
|
|
2435
|
-
var
|
|
2437
|
+
// src/assets/ImgEmptyState/empty.tsx
|
|
2438
|
+
var import_react20 = __toESM(require("react"), 1);
|
|
2439
|
+
var Empty = () => {
|
|
2440
|
+
return /* @__PURE__ */ import_react20.default.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react20.default.createElement("g", { "clip-path": "url(#clip0_1283_39626)" }, /* @__PURE__ */ import_react20.default.createElement("path", { d: "M36.1351 20.9955C25.1396 25.3151 16.1875 30.5689 11.8186 30.9221L14.7134 35.4696L36.1351 20.9955Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M37.4531 24.9937C39.7468 28.137 42.9751 35.0522 37.4531 35.3441C34.9101 35.4058 31.3306 32.981 37.4531 24.9937Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react20.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M25.6074 1.30001C25.1055 0.501016 24.051 0.26003 23.2522 0.761943L19.6474 3.02673C17.5114 2.68138 14.5326 2.642 12.1799 3.71891C10.8937 4.30766 9.75284 5.25155 9.09396 6.68863C8.65845 7.63849 8.46029 8.74589 8.52317 10.0159L1.2996 14.5543C0.500747 15.0562 0.260156 16.1108 0.762045 16.9098L12.7907 36.0589C13.2926 36.8579 14.3471 37.0989 15.1459 36.597L37.0985 22.8046C37.8973 22.3027 38.1379 21.2481 37.636 20.4491L25.6074 1.30001ZM2.79326 16.1347L8.88857 12.3051C8.91842 12.3953 8.95405 12.4868 8.99634 12.5777C9.70948 14.1097 11.2554 15.9861 13.7088 16.7327C16.2084 17.4934 19.3887 17.0049 23.1824 14.2981L23.3709 14.1636L22.1324 12.4273L21.9439 12.5618C18.5121 15.0104 16.0132 15.2048 14.3292 14.6924C12.5992 14.1659 11.458 12.8132 10.9295 11.6778C10.9197 11.6569 10.9072 11.6225 10.8968 11.5772C10.8595 11.4156 10.8267 11.2584 10.7981 11.1054L24.0275 2.79363L35.6048 21.2243L14.3706 34.5653L2.79326 16.1347ZM13.0675 5.65821C14.0932 5.18871 15.3429 4.98089 16.5902 4.94754L10.716 8.63821C10.7826 8.23367 10.8925 7.88269 11.0323 7.57786C11.4327 6.70447 12.1364 6.08441 13.0675 5.65821Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M24.3482 14.3207C24.0493 15.6305 22.7454 16.4497 21.4358 16.1505C20.1262 15.8513 19.3069 14.547 19.6058 13.2372C19.9047 11.9274 21.2086 11.1082 22.5182 11.4074C23.8278 11.7066 24.6471 13.011 24.3482 14.3207Z", fill: "#CED1D4" })), /* @__PURE__ */ import_react20.default.createElement("defs", null, /* @__PURE__ */ import_react20.default.createElement("clipPath", { id: "clip0_1283_39626" }, /* @__PURE__ */ import_react20.default.createElement("rect", { width: "40", height: "40", fill: "white", transform: "translate(0.5 0.5)" }))));
|
|
2441
|
+
};
|
|
2436
2442
|
|
|
2437
|
-
// src/assets/ImgEmptyState/
|
|
2438
|
-
var
|
|
2443
|
+
// src/assets/ImgEmptyState/error.tsx
|
|
2444
|
+
var import_react21 = __toESM(require("react"), 1);
|
|
2445
|
+
var Error2 = () => {
|
|
2446
|
+
return /* @__PURE__ */ import_react21.default.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react21.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.8035 3.2925C17.0304 3.2925 16.358 3.82772 16.1913 4.58349L14.0944 13.8188C13.8625 14.8535 14.6474 15.8412 15.7066 15.8412H25.4175C26.4764 15.8412 27.2677 14.8538 27.0297 13.8185L24.9328 4.58323C24.7608 3.82996 24.0975 3.29514 23.3264 3.2925H17.8035ZM15.9436 13.9945L17.9555 5.13336L23.1745 5.12121L25.1863 13.9945H15.9436Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react21.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.5449 28.1551C10.7717 28.1551 10.0993 28.6904 9.93264 29.4462L8.54048 35.6049C8.46109 35.7863 8.54048 35.6049 8.46109 35.7863H5.42145C4.91308 35.7863 4.50096 36.1984 4.50096 36.7068C4.50096 37.2152 4.91308 37.6273 5.42145 37.6273H35.5795C36.0879 37.6273 36.5 37.2152 36.5 36.7068C36.5 36.1984 36.0879 35.7863 35.5795 35.7863H32.595C32.5443 35.6284 32.5801 35.745 32.5443 35.5928L31.1121 29.4342C30.9394 28.6844 30.2672 28.1551 29.5 28.1551H11.5449ZM10.3781 35.7863L11.6854 29.9961H29.3426L30.6891 35.7863H10.3781Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react21.default.createElement("path", { d: "M13.7368 17.4381H28.0252C28.2486 17.4381 28.4434 17.5928 28.495 17.8162L30.271 25.9114C30.334 26.2094 30.1106 26.4901 29.8012 26.4901H11.6743C11.3649 26.4901 11.1358 26.1979 11.2102 25.8943L13.2727 17.799C13.3243 17.587 13.519 17.4381 13.7368 17.4381Z", fill: "#CED1D4" }));
|
|
2447
|
+
};
|
|
2439
2448
|
|
|
2440
|
-
// src/assets/ImgEmptyState/search.
|
|
2441
|
-
var
|
|
2449
|
+
// src/assets/ImgEmptyState/search.tsx
|
|
2450
|
+
var import_react22 = __toESM(require("react"), 1);
|
|
2451
|
+
var Search2 = () => {
|
|
2452
|
+
return /* @__PURE__ */ import_react22.default.createElement("svg", { width: "41", height: "41", viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react22.default.createElement("g", { "clip-path": "url(#clip0_1283_39628)" }, /* @__PURE__ */ import_react22.default.createElement("path", { d: "M29.421 4.71198C28.943 2.92749 30.0021 1.09315 31.7865 0.61487C33.5709 0.136592 35.405 1.19549 35.883 2.97998L40.3853 19.7878C40.8633 21.5723 39.8042 23.4066 38.0198 23.8849C36.2354 24.3632 34.4013 23.3043 33.9233 21.5198L29.421 4.71198Z", fill: "#CED1D4" }), /* @__PURE__ */ import_react22.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.607749 18.613C0.158895 16.9369 1.15336 15.2141 2.82895 14.7649C4.50454 14.3157 6.22674 15.3102 6.67559 16.9862L8.06043 22.1573C8.50928 23.8333 7.51482 25.5561 5.83923 26.0054C4.16364 26.4546 2.44144 25.46 1.99259 23.784L0.607749 18.613ZM3.41576 16.9561C2.95002 17.0809 2.67359 17.5598 2.79836 18.0257L4.18319 23.1967C4.30796 23.6626 4.78667 23.939 5.25242 23.8142C5.71816 23.6893 5.99459 23.2104 5.86982 22.7445L4.48499 17.5735C4.36022 17.1076 3.88151 16.8312 3.41576 16.9561Z", fill: "#B9BDC1" }), /* @__PURE__ */ import_react22.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.0672 23.7222C17.6115 24.3518 16.9814 24.8602 16.2239 25.1659L23.5692 38.9314C23.929 39.6056 23.6742 40.4438 23.0003 40.8037C22.3263 41.1635 21.4883 40.9087 21.1286 40.2346L14.2002 27.2506L6.15159 39.7788C5.73857 40.4217 4.88273 40.6079 4.24003 40.1948C3.59732 39.7816 3.41113 38.9255 3.82416 38.2826L12.4422 24.8681C11.8201 24.4937 11.2926 23.9601 10.9267 23.3057L6.9728 23.4848C6.43282 23.5092 5.94855 23.1546 5.80865 22.6324L4.48764 17.7008C4.34775 17.1786 4.5899 16.6293 5.06976 16.3804L11.2775 13.1606L11.2169 12.934C11.0764 12.4095 11.3213 11.8581 11.8046 11.6107L26.5904 4.04383C26.8999 3.88542 27.2644 3.87542 27.5822 4.01662C27.8999 4.15781 28.1369 4.43508 28.2269 4.77102L32.7303 21.5831C32.8203 21.9191 32.7537 22.2777 32.5491 22.5589C32.3445 22.8401 32.0238 23.0137 31.6766 23.0314L18.0672 23.7222ZM17.9643 23.1894C18.1495 22.8739 18.2903 22.5322 18.3806 22.1748C18.4139 22.0434 18.4403 21.9098 18.4596 21.7746C18.4048 22.1588 18.2927 22.5298 18.1297 22.876C18.0793 22.983 18.0241 23.0876 17.9643 23.1894ZM18.8739 21.375L30.1375 20.8032L26.3713 6.7432L13.6819 13.2372L14.6854 16.9834C16.5391 17.0063 18.2272 18.2517 18.7306 20.1311C18.8421 20.5473 18.8877 20.9656 18.8739 21.375ZM12.4612 17.5793C11.2373 18.3061 10.4581 19.6082 10.3898 21.0243L7.79324 21.142L6.95134 17.999L11.8877 15.4386L12.4612 17.5793ZM15.1332 23.1064C16.1692 22.8287 16.784 21.7635 16.5064 20.7272C16.2288 19.6909 15.164 19.0759 14.128 19.3536C13.092 19.6313 12.4772 20.6965 12.7547 21.7328C12.9527 22.4718 13.5511 22.9972 14.2553 23.1365C14.2923 23.1351 14.3294 23.1351 14.3667 23.1366C14.4569 23.1402 14.5456 23.1526 14.6318 23.1732C14.797 23.173 14.9652 23.1515 15.1332 23.1064Z", fill: "#B9BDC1" })), /* @__PURE__ */ import_react22.default.createElement("defs", null, /* @__PURE__ */ import_react22.default.createElement("clipPath", { id: "clip0_1283_39628" }, /* @__PURE__ */ import_react22.default.createElement("rect", { width: "40", height: "40", fill: "white", transform: "translate(0.5 0.5)" }))));
|
|
2453
|
+
};
|
|
2442
2454
|
|
|
2443
2455
|
// src/Components/EmptyState/EmptyState.tsx
|
|
2444
2456
|
var EmptyStateImageUrls = {
|
|
2445
|
-
create:
|
|
2446
|
-
error:
|
|
2447
|
-
noResult:
|
|
2448
|
-
search:
|
|
2457
|
+
create: /* @__PURE__ */ import_react23.default.createElement(Create, null),
|
|
2458
|
+
error: /* @__PURE__ */ import_react23.default.createElement(Error2, null),
|
|
2459
|
+
noResult: /* @__PURE__ */ import_react23.default.createElement(Empty, null),
|
|
2460
|
+
search: /* @__PURE__ */ import_react23.default.createElement(Search2, null)
|
|
2449
2461
|
};
|
|
2450
2462
|
var DefaultIcon = ({
|
|
2451
2463
|
state = "create",
|
|
2452
2464
|
size = "large"
|
|
2453
2465
|
}) => {
|
|
2454
|
-
const
|
|
2466
|
+
const Icon = EmptyStateImageUrls[state];
|
|
2455
2467
|
const iconSize = size === "small" ? { width: "40px", height: "40px" } : { width: "60px", height: "60px" };
|
|
2456
|
-
return /* @__PURE__ */
|
|
2468
|
+
return /* @__PURE__ */ import_react23.default.createElement("div", null, Icon);
|
|
2457
2469
|
};
|
|
2458
2470
|
var EmptyState = ({
|
|
2459
2471
|
state = "create",
|
|
@@ -2462,11 +2474,11 @@ var EmptyState = ({
|
|
|
2462
2474
|
subtitle,
|
|
2463
2475
|
actions,
|
|
2464
2476
|
containerHeight = "100vh",
|
|
2465
|
-
icon = /* @__PURE__ */
|
|
2477
|
+
icon = /* @__PURE__ */ import_react23.default.createElement(DefaultIcon, { state, size })
|
|
2466
2478
|
}) => {
|
|
2467
2479
|
const titleVariant = size === "small" ? "subtitle2" : "h6";
|
|
2468
2480
|
const subtitleVariant = size === "small" ? "caption" : "body1";
|
|
2469
|
-
return /* @__PURE__ */
|
|
2481
|
+
return /* @__PURE__ */ import_react23.default.createElement(
|
|
2470
2482
|
import_material13.Stack,
|
|
2471
2483
|
{
|
|
2472
2484
|
alignItems: "center",
|
|
@@ -2475,8 +2487,8 @@ var EmptyState = ({
|
|
|
2475
2487
|
height: containerHeight,
|
|
2476
2488
|
"data-testid": "empty-state-container"
|
|
2477
2489
|
},
|
|
2478
|
-
icon && /* @__PURE__ */
|
|
2479
|
-
/* @__PURE__ */
|
|
2490
|
+
icon && /* @__PURE__ */ import_react23.default.createElement(import_material13.Stack, null, icon),
|
|
2491
|
+
/* @__PURE__ */ import_react23.default.createElement(import_material13.Stack, { gap: 0.5 }, /* @__PURE__ */ import_react23.default.createElement(import_material13.Typography, { color: "text.primary", variant: titleVariant, textAlign: "center" }, title), subtitle && /* @__PURE__ */ import_react23.default.createElement(
|
|
2480
2492
|
import_material13.Typography,
|
|
2481
2493
|
{
|
|
2482
2494
|
variant: subtitleVariant,
|
|
@@ -2484,7 +2496,7 @@ var EmptyState = ({
|
|
|
2484
2496
|
color: "text.secondary"
|
|
2485
2497
|
},
|
|
2486
2498
|
subtitle
|
|
2487
|
-
), actions && (actions == null ? void 0 : actions.length) > 0 && /* @__PURE__ */
|
|
2499
|
+
), actions && (actions == null ? void 0 : actions.length) > 0 && /* @__PURE__ */ import_react23.default.createElement(
|
|
2488
2500
|
import_material13.Stack,
|
|
2489
2501
|
{
|
|
2490
2502
|
direction: "row",
|
|
@@ -2494,15 +2506,15 @@ var EmptyState = ({
|
|
|
2494
2506
|
},
|
|
2495
2507
|
actions.map((action, index) => {
|
|
2496
2508
|
var _a, _b, _c, _d;
|
|
2497
|
-
return /* @__PURE__ */
|
|
2509
|
+
return /* @__PURE__ */ import_react23.default.createElement(
|
|
2498
2510
|
import_material13.Button,
|
|
2499
2511
|
{
|
|
2500
2512
|
key: index,
|
|
2501
2513
|
color: (_a = action.color) != null ? _a : "primary",
|
|
2502
2514
|
variant: (_b = action.variant) != null ? _b : "text",
|
|
2503
2515
|
size: (_c = action.size) != null ? _c : "small",
|
|
2504
|
-
startIcon: action.icon && action.iconPosition === "left" ? /* @__PURE__ */
|
|
2505
|
-
endIcon: action.icon && action.iconPosition === "right" ? /* @__PURE__ */
|
|
2516
|
+
startIcon: action.icon && action.iconPosition === "left" ? /* @__PURE__ */ import_react23.default.createElement("img", { src: action.icon, alt: "icon" }) : void 0,
|
|
2517
|
+
endIcon: action.icon && action.iconPosition === "right" ? /* @__PURE__ */ import_react23.default.createElement("img", { src: action.icon, alt: "icon" }) : void 0,
|
|
2506
2518
|
onClick: action.onClick
|
|
2507
2519
|
},
|
|
2508
2520
|
capitalize((_d = action.text) != null ? _d : "action")
|
|
@@ -2513,7 +2525,7 @@ var EmptyState = ({
|
|
|
2513
2525
|
};
|
|
2514
2526
|
|
|
2515
2527
|
// src/Components/SCDialog.tsx
|
|
2516
|
-
var
|
|
2528
|
+
var import_react24 = __toESM(require("react"), 1);
|
|
2517
2529
|
var import_material14 = require("@mui/material");
|
|
2518
2530
|
var import_Grid25 = __toESM(require("@mui/material/Grid2"), 1);
|
|
2519
2531
|
var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
|
|
@@ -2523,8 +2535,8 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2523
2535
|
let iconTitleValidation = "";
|
|
2524
2536
|
let IconTitle;
|
|
2525
2537
|
let ButtonIcon;
|
|
2526
|
-
const [open, setOpen] = (0,
|
|
2527
|
-
(0,
|
|
2538
|
+
const [open, setOpen] = (0, import_react24.useState)(show);
|
|
2539
|
+
(0, import_react24.useEffect)(() => {
|
|
2528
2540
|
if (show) {
|
|
2529
2541
|
handleOpen();
|
|
2530
2542
|
} else {
|
|
@@ -2549,7 +2561,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2549
2561
|
});
|
|
2550
2562
|
if (iconTitle) {
|
|
2551
2563
|
if (Muicon5[iconTitle] == void 0) {
|
|
2552
|
-
if (iconTitle &&
|
|
2564
|
+
if (iconTitle && import_react24.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
|
|
2553
2565
|
iconTitleValidation = "image";
|
|
2554
2566
|
IconTitle = iconTitle;
|
|
2555
2567
|
} else {
|
|
@@ -2574,8 +2586,8 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2574
2586
|
}
|
|
2575
2587
|
};
|
|
2576
2588
|
const dialogActions = actions != null ? actions : [{ text: "Cerrar", fn: handleClose }];
|
|
2577
|
-
content = content != null ? content : { component: /* @__PURE__ */
|
|
2578
|
-
return /* @__PURE__ */
|
|
2589
|
+
content = content != null ? content : { component: /* @__PURE__ */ import_react24.default.createElement(import_material14.Box, null, " Aqui va el contenido ") };
|
|
2590
|
+
return /* @__PURE__ */ import_react24.default.createElement("div", null, buttonDialog ? /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ import_react24.default.createElement(import_material14.Tooltip, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react24.default.createElement(import_material14.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_react24.default.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ import_react24.default.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ import_react24.default.createElement(import_material14.IconButton, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ import_react24.default.createElement(import_material14.SvgIcon, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ import_react24.default.createElement(import_material14.Modal, { open: open || false, onClose: handleClose }, /* @__PURE__ */ import_react24.default.createElement(
|
|
2579
2591
|
import_material14.Dialog,
|
|
2580
2592
|
{
|
|
2581
2593
|
"data-testid": "dialog-element",
|
|
@@ -2589,8 +2601,8 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2589
2601
|
}
|
|
2590
2602
|
}
|
|
2591
2603
|
},
|
|
2592
|
-
title && /* @__PURE__ */
|
|
2593
|
-
/* @__PURE__ */
|
|
2604
|
+
title && /* @__PURE__ */ import_react24.default.createElement(import_material14.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react24.default.createElement(import_Grid25.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ import_react24.default.createElement(import_Grid25.default, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react24.default.createElement(import_material14.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react24.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react24.default.createElement(import_material14.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react24.default.createElement(import_Grid25.default, null, /* @__PURE__ */ import_react24.default.createElement(import_material14.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ import_react24.default.createElement(import_material14.Typography, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ import_react24.default.createElement(import_material14.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react24.default.createElement(import_Close2.default, null)) : "")),
|
|
2605
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
|
2594
2606
|
import_material14.DialogContent,
|
|
2595
2607
|
{
|
|
2596
2608
|
"data-testid": "dialog-content",
|
|
@@ -2618,7 +2630,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2618
2630
|
}
|
|
2619
2631
|
}
|
|
2620
2632
|
},
|
|
2621
|
-
content.url ? /* @__PURE__ */
|
|
2633
|
+
content.url ? /* @__PURE__ */ import_react24.default.createElement(
|
|
2622
2634
|
"iframe",
|
|
2623
2635
|
{
|
|
2624
2636
|
style: { border: "none", minWidth: "100%", minHeight: "100%" },
|
|
@@ -2628,7 +2640,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2628
2640
|
}
|
|
2629
2641
|
) : content.component
|
|
2630
2642
|
),
|
|
2631
|
-
dialogActions.length > 0 ? /* @__PURE__ */
|
|
2643
|
+
dialogActions.length > 0 ? /* @__PURE__ */ import_react24.default.createElement(import_material14.DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, dialogActions.length >= 3 ? /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(
|
|
2632
2644
|
import_material14.Button,
|
|
2633
2645
|
{
|
|
2634
2646
|
variant: "text",
|
|
@@ -2636,11 +2648,11 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2636
2648
|
size: "small",
|
|
2637
2649
|
onClick: dialogActions[0].fn,
|
|
2638
2650
|
disabled: dialogActions[0].disabled || false,
|
|
2639
|
-
startIcon: dialogActions[0].icon ? /* @__PURE__ */
|
|
2651
|
+
startIcon: dialogActions[0].icon ? /* @__PURE__ */ import_react24.default.createElement(import_material14.SvgIcon, { fontSize: "small", component: dialogActions[0].icon }) : void 0
|
|
2640
2652
|
},
|
|
2641
2653
|
dialogActions[0].text
|
|
2642
|
-
), /* @__PURE__ */
|
|
2643
|
-
return /* @__PURE__ */
|
|
2654
|
+
), /* @__PURE__ */ import_react24.default.createElement(import_material14.Box, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
|
|
2655
|
+
return /* @__PURE__ */ import_react24.default.createElement(
|
|
2644
2656
|
import_material14.Button,
|
|
2645
2657
|
{
|
|
2646
2658
|
key: index + 1,
|
|
@@ -2649,12 +2661,12 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2649
2661
|
size: "small",
|
|
2650
2662
|
onClick: boton.fn,
|
|
2651
2663
|
disabled: boton.disabled || false,
|
|
2652
|
-
startIcon: boton.icon ? /* @__PURE__ */
|
|
2664
|
+
startIcon: boton.icon ? /* @__PURE__ */ import_react24.default.createElement(import_material14.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
|
|
2653
2665
|
},
|
|
2654
2666
|
boton.text
|
|
2655
2667
|
);
|
|
2656
2668
|
}))) : dialogActions.map((boton, index) => {
|
|
2657
|
-
return /* @__PURE__ */
|
|
2669
|
+
return /* @__PURE__ */ import_react24.default.createElement(
|
|
2658
2670
|
import_material14.Button,
|
|
2659
2671
|
{
|
|
2660
2672
|
key: index,
|
|
@@ -2663,7 +2675,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2663
2675
|
size: "small",
|
|
2664
2676
|
onClick: boton.fn,
|
|
2665
2677
|
disabled: boton.disabled || false,
|
|
2666
|
-
startIcon: boton.icon ? /* @__PURE__ */
|
|
2678
|
+
startIcon: boton.icon ? /* @__PURE__ */ import_react24.default.createElement(import_material14.SvgIcon, { fontSize: "small", component: boton.icon }) : void 0
|
|
2667
2679
|
},
|
|
2668
2680
|
boton.text
|
|
2669
2681
|
);
|
|
@@ -2672,12 +2684,12 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
|
|
|
2672
2684
|
};
|
|
2673
2685
|
|
|
2674
2686
|
// src/Components/SCMenu.tsx
|
|
2675
|
-
var
|
|
2687
|
+
var import_react26 = __toESM(require("react"), 1);
|
|
2676
2688
|
var import_material15 = require("@mui/material");
|
|
2677
2689
|
var import_Grid26 = __toESM(require("@mui/material/Grid2"), 1);
|
|
2678
2690
|
|
|
2679
2691
|
// src/Components/Hooks/useWindowDimensions.ts
|
|
2680
|
-
var
|
|
2692
|
+
var import_react25 = require("react");
|
|
2681
2693
|
function getWindowDimensions() {
|
|
2682
2694
|
const { innerWidth: width, innerHeight: height } = window;
|
|
2683
2695
|
return {
|
|
@@ -2686,8 +2698,8 @@ function getWindowDimensions() {
|
|
|
2686
2698
|
};
|
|
2687
2699
|
}
|
|
2688
2700
|
function useWindowDimensions() {
|
|
2689
|
-
const [windowDimensions, setWindowDimensions] = (0,
|
|
2690
|
-
(0,
|
|
2701
|
+
const [windowDimensions, setWindowDimensions] = (0, import_react25.useState)(getWindowDimensions());
|
|
2702
|
+
(0, import_react25.useEffect)(() => {
|
|
2691
2703
|
function handleResize() {
|
|
2692
2704
|
setWindowDimensions(getWindowDimensions());
|
|
2693
2705
|
}
|
|
@@ -2705,12 +2717,12 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
2705
2717
|
const pageSize = widthPage ? parseInt(widthPage) : width - menuSize;
|
|
2706
2718
|
const widthContainer = menuSize + pageSize;
|
|
2707
2719
|
let heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
|
|
2708
|
-
const [selectedIndex, setSelectedIndex] =
|
|
2709
|
-
const [value, setValue] =
|
|
2710
|
-
|
|
2720
|
+
const [selectedIndex, setSelectedIndex] = import_react26.default.useState("1");
|
|
2721
|
+
const [value, setValue] = import_react26.default.useState("1");
|
|
2722
|
+
import_react26.default.useEffect(() => {
|
|
2711
2723
|
heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
|
|
2712
2724
|
}, [height]);
|
|
2713
|
-
|
|
2725
|
+
import_react26.default.useEffect(() => {
|
|
2714
2726
|
if (defaultOption) {
|
|
2715
2727
|
handleClickMenusItem(event, void 0);
|
|
2716
2728
|
}
|
|
@@ -2740,7 +2752,7 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
2740
2752
|
setValue(String(index + 1));
|
|
2741
2753
|
}
|
|
2742
2754
|
};
|
|
2743
|
-
return /* @__PURE__ */
|
|
2755
|
+
return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react26.default.createElement(import_material15.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react26.default.createElement(import_material15.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(
|
|
2744
2756
|
import_material15.MenuItem,
|
|
2745
2757
|
{
|
|
2746
2758
|
disabled: disable == true ? true : false,
|
|
@@ -2748,26 +2760,26 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
|
|
|
2748
2760
|
selected: String(index + 1) === selectedIndex,
|
|
2749
2761
|
onClick: (event2) => handleClickMenusItem(event2, index)
|
|
2750
2762
|
},
|
|
2751
|
-
option.iconLeft ? /* @__PURE__ */
|
|
2752
|
-
/* @__PURE__ */
|
|
2753
|
-
), option.divider == true ? /* @__PURE__ */
|
|
2763
|
+
option.iconLeft ? /* @__PURE__ */ import_react26.default.createElement(import_material15.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react26.default.createElement(import_material15.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
|
|
2764
|
+
/* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react26.default.createElement(import_material15.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react26.default.createElement(import_material15.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react26.default.createElement(import_material15.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
|
|
2765
|
+
), option.divider == true ? /* @__PURE__ */ import_react26.default.createElement(import_material15.Divider, null) : "")))), /* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react26.default.createElement(import_material15.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react26.default.createElement(import_material15.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
|
|
2754
2766
|
};
|
|
2755
2767
|
|
|
2756
2768
|
// src/Components/SCTabs.tsx
|
|
2757
|
-
var
|
|
2769
|
+
var import_react27 = __toESM(require("react"), 1);
|
|
2758
2770
|
var import_material16 = require("@mui/material");
|
|
2759
2771
|
var import_TabPanel = __toESM(require("@mui/lab/TabPanel"), 1);
|
|
2760
2772
|
var import_TabContext = __toESM(require("@mui/lab/TabContext"), 1);
|
|
2761
2773
|
var Muicon7 = __toESM(require("@mui/icons-material"), 1);
|
|
2762
2774
|
var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
|
|
2763
|
-
const [toast, setToast] =
|
|
2775
|
+
const [toast, setToast] = import_react27.default.useState(null);
|
|
2764
2776
|
let i = 0;
|
|
2765
2777
|
let j = 0;
|
|
2766
2778
|
let k = 0;
|
|
2767
2779
|
let l = 0;
|
|
2768
2780
|
let validateTypeIcon = true;
|
|
2769
|
-
const [value, setValue] =
|
|
2770
|
-
(0,
|
|
2781
|
+
const [value, setValue] = import_react27.default.useState("1");
|
|
2782
|
+
(0, import_react27.useEffect)(() => {
|
|
2771
2783
|
if (defaultOption) {
|
|
2772
2784
|
handleChange(event, void 0);
|
|
2773
2785
|
}
|
|
@@ -2817,7 +2829,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
2817
2829
|
setValue(newValue);
|
|
2818
2830
|
}
|
|
2819
2831
|
};
|
|
2820
|
-
return /* @__PURE__ */
|
|
2832
|
+
return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ import_react27.default.createElement(import_material16.Box, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ import_react27.default.createElement(import_TabContext.default, { value }, /* @__PURE__ */ import_react27.default.createElement(
|
|
2821
2833
|
import_material16.Tabs,
|
|
2822
2834
|
{
|
|
2823
2835
|
"data-testid": "tab-container",
|
|
@@ -2831,7 +2843,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
2831
2843
|
orientation: orientation || "horizontal",
|
|
2832
2844
|
sx: { borderBottom: orientation == "vertical" ? 0 : 1, borderRight: orientation == "vertical" ? 1 : 0, borderColor: "divider", background: background || "" }
|
|
2833
2845
|
},
|
|
2834
|
-
options.map((option) => /* @__PURE__ */
|
|
2846
|
+
options.map((option) => /* @__PURE__ */ import_react27.default.createElement(
|
|
2835
2847
|
import_material16.Tab,
|
|
2836
2848
|
{
|
|
2837
2849
|
"data-testid": "tab-item",
|
|
@@ -2840,7 +2852,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
2840
2852
|
label: option.name || "",
|
|
2841
2853
|
disabled: option.disabled || false,
|
|
2842
2854
|
iconPosition: iconPosition || "end",
|
|
2843
|
-
icon: typeIcon == "badge" ? /* @__PURE__ */
|
|
2855
|
+
icon: typeIcon == "badge" ? /* @__PURE__ */ import_react27.default.createElement(
|
|
2844
2856
|
import_material16.Badge,
|
|
2845
2857
|
{
|
|
2846
2858
|
sx: {
|
|
@@ -2855,27 +2867,27 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
|
|
|
2855
2867
|
badgeContent: option.iconOrBadge,
|
|
2856
2868
|
color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
|
|
2857
2869
|
}
|
|
2858
|
-
) : typeIcon == "icon" ? /* @__PURE__ */
|
|
2870
|
+
) : typeIcon == "icon" ? /* @__PURE__ */ import_react27.default.createElement(import_material16.SvgIcon, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
|
|
2859
2871
|
sx: { "& .MuiTab-icon": { margin: "0px !important" }, padding: "10px 16px", gap: "4px" }
|
|
2860
2872
|
}
|
|
2861
2873
|
))
|
|
2862
|
-
), children, options.map((option) => /* @__PURE__ */
|
|
2874
|
+
), children, options.map((option) => /* @__PURE__ */ import_react27.default.createElement(
|
|
2863
2875
|
import_TabPanel.default,
|
|
2864
2876
|
{
|
|
2865
2877
|
key: k = k + 1,
|
|
2866
2878
|
value: String(l = l + 1),
|
|
2867
2879
|
sx: { padding: "16px" }
|
|
2868
2880
|
},
|
|
2869
|
-
option.page ? option.page : /* @__PURE__ */
|
|
2870
|
-
)))) : /* @__PURE__ */
|
|
2881
|
+
option.page ? option.page : /* @__PURE__ */ import_react27.default.createElement(import_material16.Typography, null, "No se ha configurado el componente a visualizar ")
|
|
2882
|
+
)))) : /* @__PURE__ */ import_react27.default.createElement(import_material16.Box, { sx: { height: "200px" } }, toast && /* @__PURE__ */ import_react27.default.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
|
|
2871
2883
|
};
|
|
2872
2884
|
|
|
2873
2885
|
// src/Components/Calendario/Calendar.tsx
|
|
2874
|
-
var
|
|
2886
|
+
var import_react34 = __toESM(require("react"), 1);
|
|
2875
2887
|
var import_material22 = require("@mui/material");
|
|
2876
2888
|
|
|
2877
2889
|
// src/Components/Calendario/CalendarToolbar.tsx
|
|
2878
|
-
var
|
|
2890
|
+
var import_react28 = __toESM(require("react"), 1);
|
|
2879
2891
|
var import_icons_material10 = require("@mui/icons-material");
|
|
2880
2892
|
var import_material17 = require("@mui/material");
|
|
2881
2893
|
var import_dayjs2 = __toESM(require("dayjs"), 1);
|
|
@@ -2894,7 +2906,7 @@ var CalendarToolbar = ({
|
|
|
2894
2906
|
onNavigate,
|
|
2895
2907
|
children
|
|
2896
2908
|
}) => {
|
|
2897
|
-
const [anchorEl, setAnchorEl] = (0,
|
|
2909
|
+
const [anchorEl, setAnchorEl] = (0, import_react28.useState)(null);
|
|
2898
2910
|
const open = Boolean(anchorEl);
|
|
2899
2911
|
const handleMenuOpen = (event2) => {
|
|
2900
2912
|
setAnchorEl(event2.currentTarget);
|
|
@@ -2917,15 +2929,15 @@ var CalendarToolbar = ({
|
|
|
2917
2929
|
}
|
|
2918
2930
|
return labelDate.format(" DD MMMM YYYY");
|
|
2919
2931
|
};
|
|
2920
|
-
return /* @__PURE__ */
|
|
2932
|
+
return /* @__PURE__ */ import_react28.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, px: 1, py: 0.5 }, /* @__PURE__ */ import_react28.default.createElement(import_material17.Box, null, /* @__PURE__ */ import_react28.default.createElement(
|
|
2921
2933
|
import_material17.Chip,
|
|
2922
2934
|
{
|
|
2923
2935
|
label: "Hoy",
|
|
2924
|
-
icon: /* @__PURE__ */
|
|
2936
|
+
icon: /* @__PURE__ */ import_react28.default.createElement(import_icons_material10.LightModeOutlined, { fontSize: "small" }),
|
|
2925
2937
|
color: "primary",
|
|
2926
2938
|
onClick: () => onNavigate("TODAY")
|
|
2927
2939
|
}
|
|
2928
|
-
)), /* @__PURE__ */
|
|
2940
|
+
)), /* @__PURE__ */ import_react28.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react28.default.createElement(import_material17.IconButton, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ import_react28.default.createElement(import_icons_material10.ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ import_react28.default.createElement(import_material17.IconButton, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ import_react28.default.createElement(import_icons_material10.ChevronRight, { fontSize: "small" })), /* @__PURE__ */ import_react28.default.createElement(import_material17.Typography, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ import_react28.default.createElement(import_material17.IconButton, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ import_react28.default.createElement(import_icons_material10.KeyboardArrowDown, { fontSize: "small" })), /* @__PURE__ */ import_react28.default.createElement(
|
|
2929
2941
|
import_material17.Menu,
|
|
2930
2942
|
{
|
|
2931
2943
|
anchorEl,
|
|
@@ -2934,14 +2946,14 @@ var CalendarToolbar = ({
|
|
|
2934
2946
|
anchorOrigin: { vertical: "bottom", horizontal: "center" },
|
|
2935
2947
|
transformOrigin: { vertical: "top", horizontal: "center" }
|
|
2936
2948
|
},
|
|
2937
|
-
/* @__PURE__ */
|
|
2938
|
-
/* @__PURE__ */
|
|
2939
|
-
/* @__PURE__ */
|
|
2940
|
-
)), children ? /* @__PURE__ */
|
|
2949
|
+
/* @__PURE__ */ import_react28.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
|
|
2950
|
+
/* @__PURE__ */ import_react28.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
|
|
2951
|
+
/* @__PURE__ */ import_react28.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
|
|
2952
|
+
)), children ? /* @__PURE__ */ import_react28.default.createElement(import_material17.Box, null, children) : /* @__PURE__ */ import_react28.default.createElement(import_material17.Box, { width: "24px" }), " ");
|
|
2941
2953
|
};
|
|
2942
2954
|
|
|
2943
2955
|
// src/Components/Calendario/Views/MonthView.tsx
|
|
2944
|
-
var
|
|
2956
|
+
var import_react31 = __toESM(require("react"), 1);
|
|
2945
2957
|
var import_material19 = require("@mui/material");
|
|
2946
2958
|
var import_Add = __toESM(require("@mui/icons-material/Add"), 1);
|
|
2947
2959
|
var import_dayjs4 = __toESM(require("dayjs"), 1);
|
|
@@ -2974,10 +2986,10 @@ var stateColors = {
|
|
|
2974
2986
|
};
|
|
2975
2987
|
|
|
2976
2988
|
// src/Components/Calendario/Event.tsx
|
|
2977
|
-
var
|
|
2989
|
+
var import_react29 = __toESM(require("react"), 1);
|
|
2978
2990
|
var import_material18 = require("@mui/material");
|
|
2979
2991
|
var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
|
|
2980
|
-
const [anchorEl, setAnchorEl] =
|
|
2992
|
+
const [anchorEl, setAnchorEl] = import_react29.default.useState(null);
|
|
2981
2993
|
const handlePopoverOpen = (event3) => {
|
|
2982
2994
|
setAnchorEl(event3.currentTarget);
|
|
2983
2995
|
};
|
|
@@ -2985,7 +2997,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
|
|
|
2985
2997
|
setAnchorEl(null);
|
|
2986
2998
|
};
|
|
2987
2999
|
const open = Boolean(anchorEl);
|
|
2988
|
-
return /* @__PURE__ */
|
|
3000
|
+
return /* @__PURE__ */ import_react29.default.createElement(
|
|
2989
3001
|
import_material18.Stack,
|
|
2990
3002
|
{
|
|
2991
3003
|
direction: "row",
|
|
@@ -3006,7 +3018,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
|
|
|
3006
3018
|
cursor: onClick ? "pointer" : "default"
|
|
3007
3019
|
}, sx)
|
|
3008
3020
|
},
|
|
3009
|
-
/* @__PURE__ */
|
|
3021
|
+
/* @__PURE__ */ import_react29.default.createElement(
|
|
3010
3022
|
import_material18.Divider,
|
|
3011
3023
|
{
|
|
3012
3024
|
orientation: "vertical",
|
|
@@ -3018,7 +3030,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
|
|
|
3018
3030
|
}
|
|
3019
3031
|
}
|
|
3020
3032
|
),
|
|
3021
|
-
/* @__PURE__ */
|
|
3033
|
+
/* @__PURE__ */ import_react29.default.createElement(
|
|
3022
3034
|
import_material18.Box,
|
|
3023
3035
|
{
|
|
3024
3036
|
px: 1,
|
|
@@ -3028,7 +3040,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
|
|
|
3028
3040
|
display: "flex",
|
|
3029
3041
|
alignItems: "center"
|
|
3030
3042
|
},
|
|
3031
|
-
/* @__PURE__ */
|
|
3043
|
+
/* @__PURE__ */ import_react29.default.createElement(
|
|
3032
3044
|
import_material18.Typography,
|
|
3033
3045
|
{
|
|
3034
3046
|
color: "text.primary",
|
|
@@ -3044,7 +3056,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
|
|
|
3044
3056
|
},
|
|
3045
3057
|
event2.title.charAt(0).toUpperCase() + event2.title.slice(1).toLowerCase()
|
|
3046
3058
|
),
|
|
3047
|
-
/* @__PURE__ */
|
|
3059
|
+
/* @__PURE__ */ import_react29.default.createElement(
|
|
3048
3060
|
import_material18.Popover,
|
|
3049
3061
|
{
|
|
3050
3062
|
id: "mouse-over-popover",
|
|
@@ -3069,9 +3081,9 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
|
|
|
3069
3081
|
};
|
|
3070
3082
|
|
|
3071
3083
|
// src/assets/LogoCalendario.tsx
|
|
3072
|
-
var
|
|
3084
|
+
var import_react30 = __toESM(require("react"), 1);
|
|
3073
3085
|
var LogoCalendario = () => {
|
|
3074
|
-
return /* @__PURE__ */
|
|
3086
|
+
return /* @__PURE__ */ import_react30.default.createElement("svg", { width: "60", height: "61", viewBox: "0 0 60 61", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react30.default.createElement("g", { "clip-path": "url(#clip0_5353_24891)" }, /* @__PURE__ */ import_react30.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M40.7361 11.1589C39.7792 11.1589 39.0106 11.9722 39.0106 12.9661V15.4375H20.0309V12.9661C20.0309 11.964 19.2545 11.1589 18.3055 11.1589C17.3487 11.1589 16.5801 11.9722 16.5801 12.9661V15.4375H12.8819C12.0652 15.4375 11.4038 16.0918 11.4038 16.8998V20.6551C11.4038 21.463 12.0652 22.1174 12.8819 22.1174H46.8383C47.655 22.1174 48.3165 21.463 48.3165 20.6551V16.8998C48.3165 16.0918 47.655 15.4375 46.8383 15.4375H42.4615V12.9661C42.4615 11.964 41.6851 11.1589 40.7361 11.1589ZM19.4827 19.2049C19.6528 19.1343 19.7361 19.006 19.7724 18.8352C19.6916 18.9714 19.594 19.0957 19.4827 19.2049Z", fill: "#00BCD4" }), /* @__PURE__ */ import_react30.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.2037 25.8653C13.7579 25.8653 13.425 26.2168 13.425 26.6093V47.3669C13.425 47.7595 13.7579 48.1109 14.2037 48.1109H46.0004C46.4782 48.1109 46.8656 47.7236 46.8656 47.2458V26.6093C46.8656 26.2168 46.5327 25.8653 46.087 25.8653H14.2037ZM11.6948 26.6093C11.6948 25.2255 12.8384 24.135 14.2037 24.135H46.087C47.4522 24.135 48.5959 25.2255 48.5959 26.6093V47.2458C48.5959 48.6792 47.4339 49.8412 46.0004 49.8412H14.2037C12.8384 49.8412 11.6948 48.7508 11.6948 47.3669V26.6093Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M19.481 30.9138C19.481 30.5164 20.1155 30.1903 20.9058 30.1903C21.6894 30.1903 22.3305 30.5131 22.3305 30.9138V32.8862C22.3305 33.2836 21.6894 33.6097 20.9058 33.6097C20.1222 33.6097 19.481 33.2869 19.481 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M30.0242 30.1903C29.2339 30.1903 28.5995 30.5164 28.5995 30.9138V32.8862C28.5995 33.2869 29.2406 33.6097 30.0242 33.6097C30.8079 33.6097 31.449 33.2836 31.449 32.8862V30.9138C31.449 30.5131 30.8079 30.1903 30.0242 30.1903Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M37.7179 30.9138C37.7179 30.5164 38.3524 30.1903 39.1427 30.1903C39.608 30.1903 40.022 30.3038 40.2825 30.4797C40.3515 30.5276 40.4116 30.5788 40.4561 30.6344C40.5274 30.7201 40.5675 30.8147 40.5675 30.9138V32.8862C40.5675 33.2836 39.9263 33.6097 39.1427 33.6097C38.3591 33.6097 37.7179 33.2869 37.7179 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M20.9058 39.8787C20.1155 39.8787 19.481 40.2048 19.481 40.6022V42.5746C19.481 42.687 19.5322 42.7927 19.6213 42.8874C19.7036 42.9731 19.8172 43.0499 19.9552 43.1122C20.2068 43.228 20.5407 43.2981 20.9058 43.2981C21.6894 43.2981 22.3305 42.972 22.3305 42.5746V40.6022C22.3305 40.2015 21.6894 39.8787 20.9058 39.8787Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M29.524 39.9477C29.7087 39.9032 29.9158 39.8787 30.1339 39.8787C30.9176 39.8787 31.5587 40.2015 31.5587 40.6022V42.5746C31.5587 42.972 30.9176 43.2981 30.1339 43.2981C29.3503 43.2981 28.7092 42.9753 28.7092 42.5746V40.6022C28.7092 40.315 29.0409 40.0646 29.524 39.9477Z", fill: "#6392BD" }), /* @__PURE__ */ import_react30.default.createElement("path", { d: "M38.5141 39.9482C38.6989 39.9037 38.9059 39.8792 39.1241 39.8792C39.9077 39.8792 40.5488 40.202 40.5488 40.6027V42.5751C40.5488 42.9725 39.9077 43.2986 39.1241 43.2986C38.3405 43.2986 37.6993 42.9758 37.6993 42.5751V40.6027C37.6993 40.3155 38.031 40.0651 38.5141 39.9482Z", fill: "#6392BD" })), /* @__PURE__ */ import_react30.default.createElement("defs", null, /* @__PURE__ */ import_react30.default.createElement("clipPath", { id: "clip0_5353_24891" }, /* @__PURE__ */ import_react30.default.createElement("rect", { width: "60", height: "60", fill: "white", transform: "translate(0 0.5)" }))));
|
|
3075
3087
|
};
|
|
3076
3088
|
|
|
3077
3089
|
// src/Components/Calendario/Views/MonthView.tsx
|
|
@@ -3081,22 +3093,22 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3081
3093
|
const noEvents = events.length === 0;
|
|
3082
3094
|
const days = getMonthDays(currentDate);
|
|
3083
3095
|
const weekDays = Array.from({ length: 7 }, (_, i) => (0, import_dayjs4.default)().day(i));
|
|
3084
|
-
const [openDrawer, setOpenDrawer] =
|
|
3085
|
-
const [selectedDay, setSelectedDay] =
|
|
3086
|
-
const [selectedEvents, setSelectedEvents] =
|
|
3087
|
-
return /* @__PURE__ */
|
|
3096
|
+
const [openDrawer, setOpenDrawer] = import_react31.default.useState(false);
|
|
3097
|
+
const [selectedDay, setSelectedDay] = import_react31.default.useState(null);
|
|
3098
|
+
const [selectedEvents, setSelectedEvents] = import_react31.default.useState([]);
|
|
3099
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { minWidth: "1050px" }, /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react31.default.createElement(import_material19.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react31.default.createElement(import_material19.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react31.default.createElement(
|
|
3088
3100
|
EmptyState,
|
|
3089
3101
|
{
|
|
3090
3102
|
title: "Inicia la gesti\xF3n de las actividades",
|
|
3091
3103
|
subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
|
|
3092
|
-
icon: /* @__PURE__ */
|
|
3104
|
+
icon: /* @__PURE__ */ import_react31.default.createElement(LogoCalendario, null)
|
|
3093
3105
|
}
|
|
3094
|
-
) : /* @__PURE__ */
|
|
3106
|
+
) : /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5 }, days.map((day) => {
|
|
3095
3107
|
const dayEvents = events.filter(
|
|
3096
3108
|
(e) => day.isBetween(e.start.startOf("day"), e.end.endOf("day"), null, "[]")
|
|
3097
3109
|
);
|
|
3098
3110
|
const isCurrentMonth = day.month() === currentDate.month();
|
|
3099
|
-
return /* @__PURE__ */
|
|
3111
|
+
return /* @__PURE__ */ import_react31.default.createElement(
|
|
3100
3112
|
import_material19.Paper,
|
|
3101
3113
|
{
|
|
3102
3114
|
key: day.toString(),
|
|
@@ -3113,7 +3125,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3113
3125
|
overflow: "hidden"
|
|
3114
3126
|
}
|
|
3115
3127
|
},
|
|
3116
|
-
/* @__PURE__ */
|
|
3128
|
+
/* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { p: 1, flexShrink: 0 }, /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { display: "flex", alignItems: "center", justifyContent: "flex-start" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
3117
3129
|
import_material19.Box,
|
|
3118
3130
|
{
|
|
3119
3131
|
sx: {
|
|
@@ -3126,7 +3138,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3126
3138
|
justifyContent: "center"
|
|
3127
3139
|
}
|
|
3128
3140
|
},
|
|
3129
|
-
/* @__PURE__ */
|
|
3141
|
+
/* @__PURE__ */ import_react31.default.createElement(
|
|
3130
3142
|
import_material19.Typography,
|
|
3131
3143
|
{
|
|
3132
3144
|
variant: "body2",
|
|
@@ -3134,7 +3146,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3134
3146
|
},
|
|
3135
3147
|
day.date()
|
|
3136
3148
|
)
|
|
3137
|
-
), dayEvents.length > 2 && /* @__PURE__ */
|
|
3149
|
+
), dayEvents.length > 2 && /* @__PURE__ */ import_react31.default.createElement(import_material19.Tooltip, { title: "M\xE1s eventos" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
3138
3150
|
import_material19.IconButton,
|
|
3139
3151
|
{
|
|
3140
3152
|
color: "primary",
|
|
@@ -3146,9 +3158,9 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3146
3158
|
setSelectedEvents(dayEvents);
|
|
3147
3159
|
}
|
|
3148
3160
|
},
|
|
3149
|
-
/* @__PURE__ */
|
|
3161
|
+
/* @__PURE__ */ import_react31.default.createElement(import_Add.default, { fontSize: "small" })
|
|
3150
3162
|
)))),
|
|
3151
|
-
/* @__PURE__ */
|
|
3163
|
+
/* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { display: "flex", flexDirection: "column", gap: 0.5, p: 1, pt: 0, overflow: "hidden" }, dayEvents.slice(0, 2).map((event2) => /* @__PURE__ */ import_react31.default.createElement(
|
|
3152
3164
|
CalendarEventCard,
|
|
3153
3165
|
{
|
|
3154
3166
|
key: `${event2.id}-${day.toString()}`,
|
|
@@ -3158,7 +3170,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3158
3170
|
onHover: onEventHover
|
|
3159
3171
|
}
|
|
3160
3172
|
))),
|
|
3161
|
-
dayEvents.length > 2 && /* @__PURE__ */
|
|
3173
|
+
dayEvents.length > 2 && /* @__PURE__ */ import_react31.default.createElement(
|
|
3162
3174
|
import_material19.Stack,
|
|
3163
3175
|
{
|
|
3164
3176
|
justifyItems: "center",
|
|
@@ -3167,7 +3179,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3167
3179
|
onClick: (e) => e.stopPropagation(),
|
|
3168
3180
|
sx: { "& .MuiButtonBase-root": { width: "100%" } }
|
|
3169
3181
|
},
|
|
3170
|
-
/* @__PURE__ */
|
|
3182
|
+
/* @__PURE__ */ import_react31.default.createElement(
|
|
3171
3183
|
SCDrawer,
|
|
3172
3184
|
{
|
|
3173
3185
|
width: "350px",
|
|
@@ -3179,7 +3191,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3179
3191
|
arrayElements: [{
|
|
3180
3192
|
component: (() => {
|
|
3181
3193
|
const [first, ...rest] = dayEvents;
|
|
3182
|
-
return /* @__PURE__ */
|
|
3194
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { display: "flex", width: "100%", flexDirection: "column", height: "100%", pr: 1.5 }, /* @__PURE__ */ import_react31.default.createElement(import_material19.Typography, { width: "100%", color: "text.secondary" }, " Proximo evento "), first && /* @__PURE__ */ import_react31.default.createElement(import_material19.Box, { p: 1, pb: 1, width: "100%" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
3183
3195
|
CalendarEventCard,
|
|
3184
3196
|
{
|
|
3185
3197
|
event: first,
|
|
@@ -3194,7 +3206,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3194
3206
|
}
|
|
3195
3207
|
}
|
|
3196
3208
|
}
|
|
3197
|
-
)), /* @__PURE__ */
|
|
3209
|
+
)), /* @__PURE__ */ import_react31.default.createElement(import_material19.Divider, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ import_react31.default.createElement(import_material19.Typography, { width: "100%", py: 1, color: "text.secondary" }, " Eventos restantes "), /* @__PURE__ */ import_react31.default.createElement(
|
|
3198
3210
|
import_material19.Box,
|
|
3199
3211
|
{
|
|
3200
3212
|
width: "100%",
|
|
@@ -3207,7 +3219,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3207
3219
|
flexDirection: "column",
|
|
3208
3220
|
gap: 1.5
|
|
3209
3221
|
},
|
|
3210
|
-
rest.map((event2) => /* @__PURE__ */
|
|
3222
|
+
rest.map((event2) => /* @__PURE__ */ import_react31.default.createElement(
|
|
3211
3223
|
CalendarEventCard,
|
|
3212
3224
|
{
|
|
3213
3225
|
key: `${event2.id}-${day.toString()}`,
|
|
@@ -3236,7 +3248,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
|
|
|
3236
3248
|
};
|
|
3237
3249
|
|
|
3238
3250
|
// src/Components/Calendario/Views/WeekView.tsx
|
|
3239
|
-
var
|
|
3251
|
+
var import_react32 = __toESM(require("react"), 1);
|
|
3240
3252
|
var import_material20 = require("@mui/material");
|
|
3241
3253
|
var import_dayjs5 = __toESM(require("dayjs"), 1);
|
|
3242
3254
|
var import_localeData2 = __toESM(require("dayjs/plugin/localeData"), 1);
|
|
@@ -3271,9 +3283,9 @@ var WeekView = ({
|
|
|
3271
3283
|
}
|
|
3272
3284
|
return "none";
|
|
3273
3285
|
};
|
|
3274
|
-
return /* @__PURE__ */
|
|
3286
|
+
return /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", bgcolor: "transparent" }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { width: 45, bgcolor: "transparent" }), days.map((day) => {
|
|
3275
3287
|
const isToday2 = day.format("YYYY-MM-DD") === todayString;
|
|
3276
|
-
return /* @__PURE__ */
|
|
3288
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
|
3277
3289
|
import_material20.Box,
|
|
3278
3290
|
{
|
|
3279
3291
|
key: day.toString(),
|
|
@@ -3290,19 +3302,19 @@ var WeekView = ({
|
|
|
3290
3302
|
borderBottom: isToday2 ? 2 : 0,
|
|
3291
3303
|
borderColor: isToday2 ? "primary.main" : "transparent"
|
|
3292
3304
|
},
|
|
3293
|
-
/* @__PURE__ */
|
|
3294
|
-
/* @__PURE__ */
|
|
3305
|
+
/* @__PURE__ */ import_react32.default.createElement(import_material20.Typography, { variant: "h6", color: "text.primary" }, day.format("D")),
|
|
3306
|
+
/* @__PURE__ */ import_react32.default.createElement(import_material20.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
|
|
3295
3307
|
);
|
|
3296
|
-
})), isLoading ? /* @__PURE__ */
|
|
3308
|
+
})), isLoading ? /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react32.default.createElement(import_material20.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react32.default.createElement(
|
|
3297
3309
|
EmptyState,
|
|
3298
3310
|
{
|
|
3299
3311
|
title: "Inicia la gesti\xF3n de las actividades",
|
|
3300
3312
|
subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
|
|
3301
|
-
icon: /* @__PURE__ */
|
|
3313
|
+
icon: /* @__PURE__ */ import_react32.default.createElement(LogoCalendario, null)
|
|
3302
3314
|
}
|
|
3303
3315
|
) : (
|
|
3304
3316
|
// Grid de horas y eventos
|
|
3305
|
-
/* @__PURE__ */
|
|
3317
|
+
/* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react32.default.createElement(
|
|
3306
3318
|
import_material20.Box,
|
|
3307
3319
|
{
|
|
3308
3320
|
key: h,
|
|
@@ -3311,7 +3323,7 @@ var WeekView = ({
|
|
|
3311
3323
|
pr: 1,
|
|
3312
3324
|
borderColor: "divider"
|
|
3313
3325
|
},
|
|
3314
|
-
/* @__PURE__ */
|
|
3326
|
+
/* @__PURE__ */ import_react32.default.createElement(import_material20.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs5.default)().hour(h).format("h A"))
|
|
3315
3327
|
))), days.map((day) => {
|
|
3316
3328
|
const dayEvents = events.filter(
|
|
3317
3329
|
(event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
|
|
@@ -3320,7 +3332,7 @@ var WeekView = ({
|
|
|
3320
3332
|
const endsInRange = event2.end.hour() >= startHour && event2.end.hour() <= endHour;
|
|
3321
3333
|
return startsInRange || endsInRange;
|
|
3322
3334
|
}).sort((a, b) => a.start.valueOf() - b.start.valueOf());
|
|
3323
|
-
return /* @__PURE__ */
|
|
3335
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
|
3324
3336
|
import_material20.Box,
|
|
3325
3337
|
{
|
|
3326
3338
|
key: day.toString(),
|
|
@@ -3333,7 +3345,7 @@ var WeekView = ({
|
|
|
3333
3345
|
},
|
|
3334
3346
|
hours.map((hourIdx) => {
|
|
3335
3347
|
const borderType = getCellBorderType(hourIdx, dayEvents);
|
|
3336
|
-
return /* @__PURE__ */
|
|
3348
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
|
3337
3349
|
import_material20.Box,
|
|
3338
3350
|
{
|
|
3339
3351
|
key: hourIdx,
|
|
@@ -3349,7 +3361,7 @@ var WeekView = ({
|
|
|
3349
3361
|
const eventEnd = day.isSame(event2.end, "day") ? event2.end : day.endOf("day").hour(endHour).minute(59);
|
|
3350
3362
|
const startMinutes = (eventStart.hour() - startHour) * 60 + eventStart.minute();
|
|
3351
3363
|
const durationMinutes = eventEnd.diff(eventStart, "minute");
|
|
3352
|
-
return /* @__PURE__ */
|
|
3364
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
|
3353
3365
|
CalendarEventCard,
|
|
3354
3366
|
{
|
|
3355
3367
|
key: `${event2.id}-${day.toString()}`,
|
|
@@ -3374,7 +3386,7 @@ var WeekView = ({
|
|
|
3374
3386
|
};
|
|
3375
3387
|
|
|
3376
3388
|
// src/Components/Calendario/Views/DayView.tsx
|
|
3377
|
-
var
|
|
3389
|
+
var import_react33 = __toESM(require("react"), 1);
|
|
3378
3390
|
var import_material21 = require("@mui/material");
|
|
3379
3391
|
var import_dayjs6 = __toESM(require("dayjs"), 1);
|
|
3380
3392
|
var DayView = ({
|
|
@@ -3406,14 +3418,14 @@ var DayView = ({
|
|
|
3406
3418
|
(event2) => currentDate.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
|
|
3407
3419
|
);
|
|
3408
3420
|
const noEvents = events.length === 0;
|
|
3409
|
-
return /* @__PURE__ */
|
|
3421
|
+
return /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { width: 47, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ import_react33.default.createElement(
|
|
3410
3422
|
EmptyState,
|
|
3411
3423
|
{
|
|
3412
3424
|
title: "Inicia la gesti\xF3n de las actividades",
|
|
3413
3425
|
subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
|
|
3414
|
-
icon: /* @__PURE__ */
|
|
3426
|
+
icon: /* @__PURE__ */ import_react33.default.createElement(LogoCalendario, null)
|
|
3415
3427
|
}
|
|
3416
|
-
) : /* @__PURE__ */
|
|
3428
|
+
) : /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { width: 47, bgcolor: "background.default" }, hours.map((h) => /* @__PURE__ */ import_react33.default.createElement(
|
|
3417
3429
|
import_material21.Box,
|
|
3418
3430
|
{
|
|
3419
3431
|
key: h,
|
|
@@ -3424,10 +3436,10 @@ var DayView = ({
|
|
|
3424
3436
|
borderRight: "1px solid",
|
|
3425
3437
|
borderColor: "divider"
|
|
3426
3438
|
},
|
|
3427
|
-
/* @__PURE__ */
|
|
3428
|
-
))), /* @__PURE__ */
|
|
3439
|
+
/* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
|
|
3440
|
+
))), /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { flex: 1, position: "relative" }, hours.map((hourIdx) => {
|
|
3429
3441
|
const borderType = getCellBorderType(hourIdx, dayEvents);
|
|
3430
|
-
return /* @__PURE__ */
|
|
3442
|
+
return /* @__PURE__ */ import_react33.default.createElement(
|
|
3431
3443
|
import_material21.Box,
|
|
3432
3444
|
{
|
|
3433
3445
|
key: hourIdx,
|
|
@@ -3446,7 +3458,7 @@ var DayView = ({
|
|
|
3446
3458
|
const clampedEnd = eventEnd.isAfter(maxEnd) ? maxEnd : eventEnd;
|
|
3447
3459
|
const startMinutes = (clampedStart.hour() - startHour) * 60 + clampedStart.minute();
|
|
3448
3460
|
const durationMinutes = clampedEnd.diff(clampedStart, "minute");
|
|
3449
|
-
return /* @__PURE__ */
|
|
3461
|
+
return /* @__PURE__ */ import_react33.default.createElement(
|
|
3450
3462
|
CalendarEventCard,
|
|
3451
3463
|
{
|
|
3452
3464
|
key: `${event2.id}-${currentDate.toString()}`,
|
|
@@ -3482,8 +3494,8 @@ var Calendar = ({
|
|
|
3482
3494
|
// <- valor por defecto
|
|
3483
3495
|
endHour = 23
|
|
3484
3496
|
}) => {
|
|
3485
|
-
const [view, setView] = (0,
|
|
3486
|
-
const [currentDate, setCurrentDate] = (0,
|
|
3497
|
+
const [view, setView] = (0, import_react34.useState)(initialView);
|
|
3498
|
+
const [currentDate, setCurrentDate] = (0, import_react34.useState)((0, import_dayjs7.default)());
|
|
3487
3499
|
const handleViewChange = (newView) => {
|
|
3488
3500
|
setView(newView);
|
|
3489
3501
|
onViewChange == null ? void 0 : onViewChange(newView);
|
|
@@ -3502,7 +3514,7 @@ var Calendar = ({
|
|
|
3502
3514
|
} else if (action === "TODAY") newDate = (0, import_dayjs7.default)();
|
|
3503
3515
|
setCurrentDate(newDate);
|
|
3504
3516
|
};
|
|
3505
|
-
return /* @__PURE__ */
|
|
3517
|
+
return /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, null, /* @__PURE__ */ import_react34.default.createElement(
|
|
3506
3518
|
CalendarToolbar,
|
|
3507
3519
|
{
|
|
3508
3520
|
labelDate: currentDate,
|
|
@@ -3511,7 +3523,7 @@ var Calendar = ({
|
|
|
3511
3523
|
onNavigate: handleNavigate
|
|
3512
3524
|
},
|
|
3513
3525
|
toolbar
|
|
3514
|
-
), isLoading ? /* @__PURE__ */
|
|
3526
|
+
), isLoading ? /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, null, /* @__PURE__ */ import_react34.default.createElement(
|
|
3515
3527
|
import_material22.Box,
|
|
3516
3528
|
{
|
|
3517
3529
|
display: "flex",
|
|
@@ -3519,8 +3531,8 @@ var Calendar = ({
|
|
|
3519
3531
|
alignItems: "center",
|
|
3520
3532
|
height: "400px"
|
|
3521
3533
|
},
|
|
3522
|
-
/* @__PURE__ */
|
|
3523
|
-
))) : /* @__PURE__ */
|
|
3534
|
+
/* @__PURE__ */ import_react34.default.createElement(import_material22.CircularProgress, { variant: "indeterminate" })
|
|
3535
|
+
))) : /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, view === "month" && /* @__PURE__ */ import_react34.default.createElement(
|
|
3524
3536
|
MonthView,
|
|
3525
3537
|
{
|
|
3526
3538
|
events,
|
|
@@ -3530,7 +3542,7 @@ var Calendar = ({
|
|
|
3530
3542
|
onEventClick,
|
|
3531
3543
|
onEventHover
|
|
3532
3544
|
}
|
|
3533
|
-
), view === "week" && /* @__PURE__ */
|
|
3545
|
+
), view === "week" && /* @__PURE__ */ import_react34.default.createElement(
|
|
3534
3546
|
WeekView,
|
|
3535
3547
|
{
|
|
3536
3548
|
events,
|
|
@@ -3542,7 +3554,7 @@ var Calendar = ({
|
|
|
3542
3554
|
startHour,
|
|
3543
3555
|
endHour
|
|
3544
3556
|
}
|
|
3545
|
-
), view === "day" && /* @__PURE__ */
|
|
3557
|
+
), view === "day" && /* @__PURE__ */ import_react34.default.createElement(
|
|
3546
3558
|
DayView,
|
|
3547
3559
|
{
|
|
3548
3560
|
events,
|
|
@@ -3556,7 +3568,7 @@ var Calendar = ({
|
|
|
3556
3568
|
};
|
|
3557
3569
|
|
|
3558
3570
|
// src/Components/SCTime.tsx
|
|
3559
|
-
var
|
|
3571
|
+
var import_react35 = __toESM(require("react"), 1);
|
|
3560
3572
|
var import_material23 = require("@mui/material");
|
|
3561
3573
|
var import_LocalizationProvider3 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
3562
3574
|
var import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
|
|
@@ -3580,9 +3592,9 @@ var SCTime = ({
|
|
|
3580
3592
|
);
|
|
3581
3593
|
const isTimeEmpty = required && !state;
|
|
3582
3594
|
const hasError = isTimeEmpty;
|
|
3583
|
-
const [anchorEl, setAnchorEl] = (0,
|
|
3584
|
-
const [isOpenPopover, setIsOpenPopover] = (0,
|
|
3585
|
-
const [popoverPlacement, setPopoverPlacement] = (0,
|
|
3595
|
+
const [anchorEl, setAnchorEl] = (0, import_react35.useState)(null);
|
|
3596
|
+
const [isOpenPopover, setIsOpenPopover] = (0, import_react35.useState)(false);
|
|
3597
|
+
const [popoverPlacement, setPopoverPlacement] = (0, import_react35.useState)("bottom");
|
|
3586
3598
|
const detectPlacement = (element) => {
|
|
3587
3599
|
const rect = element.getBoundingClientRect();
|
|
3588
3600
|
const windowHeight = window.innerHeight;
|
|
@@ -3613,7 +3625,7 @@ var SCTime = ({
|
|
|
3613
3625
|
setIsOpenPopover(false);
|
|
3614
3626
|
setAnchorEl(null);
|
|
3615
3627
|
};
|
|
3616
|
-
return /* @__PURE__ */
|
|
3628
|
+
return /* @__PURE__ */ import_react35.default.createElement(import_LocalizationProvider3.LocalizationProvider, { dateAdapter: import_AdapterDayjs2.AdapterDayjs }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { sx: { position: "relative", width: "120px" } }, /* @__PURE__ */ import_react35.default.createElement(
|
|
3617
3629
|
import_TimeField.TimeField,
|
|
3618
3630
|
{
|
|
3619
3631
|
label,
|
|
@@ -3625,7 +3637,7 @@ var SCTime = ({
|
|
|
3625
3637
|
slotProps: {
|
|
3626
3638
|
textField: {
|
|
3627
3639
|
InputProps: {
|
|
3628
|
-
endAdornment: /* @__PURE__ */
|
|
3640
|
+
endAdornment: /* @__PURE__ */ import_react35.default.createElement(import_material23.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react35.default.createElement(
|
|
3629
3641
|
import_AccessTime.default,
|
|
3630
3642
|
{
|
|
3631
3643
|
color: disabled ? "disabled" : "action",
|
|
@@ -3654,7 +3666,7 @@ var SCTime = ({
|
|
|
3654
3666
|
}
|
|
3655
3667
|
}
|
|
3656
3668
|
}
|
|
3657
|
-
), /* @__PURE__ */
|
|
3669
|
+
), /* @__PURE__ */ import_react35.default.createElement(
|
|
3658
3670
|
import_material23.Popover,
|
|
3659
3671
|
{
|
|
3660
3672
|
open: isOpenPopover,
|
|
@@ -3682,7 +3694,7 @@ var SCTime = ({
|
|
|
3682
3694
|
}
|
|
3683
3695
|
}
|
|
3684
3696
|
},
|
|
3685
|
-
/* @__PURE__ */
|
|
3697
|
+
/* @__PURE__ */ import_react35.default.createElement(import_material23.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { sx: { p: 0 } }, /* @__PURE__ */ import_react35.default.createElement(
|
|
3686
3698
|
import_DigitalClock.DigitalClock,
|
|
3687
3699
|
{
|
|
3688
3700
|
value: state,
|
|
@@ -3704,7 +3716,7 @@ var SCTime = ({
|
|
|
3704
3716
|
};
|
|
3705
3717
|
|
|
3706
3718
|
// src/Components/SCCard.tsx
|
|
3707
|
-
var
|
|
3719
|
+
var import_react36 = __toESM(require("react"), 1);
|
|
3708
3720
|
var import_material24 = require("@mui/material");
|
|
3709
3721
|
var import_IconButton = __toESM(require("@mui/material/IconButton"), 1);
|
|
3710
3722
|
var import_Card = __toESM(require("@mui/material/Card"), 1);
|
|
@@ -3718,10 +3730,10 @@ var Muicon8 = __toESM(require("@mui/icons-material"), 1);
|
|
|
3718
3730
|
var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
|
|
3719
3731
|
let iconTitleValidation = "";
|
|
3720
3732
|
let IconTitle;
|
|
3721
|
-
const [expanded, setExpanded] =
|
|
3733
|
+
const [expanded, setExpanded] = import_react36.default.useState(false);
|
|
3722
3734
|
if (iconTitle) {
|
|
3723
3735
|
if (Muicon8[iconTitle] == void 0) {
|
|
3724
|
-
if (iconTitle &&
|
|
3736
|
+
if (iconTitle && import_react36.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
|
|
3725
3737
|
iconTitleValidation = "image";
|
|
3726
3738
|
IconTitle = iconTitle;
|
|
3727
3739
|
} else {
|
|
@@ -3736,11 +3748,11 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
|
|
|
3736
3748
|
const handleExpandClick = () => {
|
|
3737
3749
|
setExpanded(!expanded);
|
|
3738
3750
|
};
|
|
3739
|
-
return /* @__PURE__ */
|
|
3751
|
+
return /* @__PURE__ */ import_react36.default.createElement(import_Card.default, { sx: { maxWidth: 345 } }, title && /* @__PURE__ */ import_react36.default.createElement(
|
|
3740
3752
|
import_CardHeader.default,
|
|
3741
3753
|
{
|
|
3742
|
-
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */
|
|
3743
|
-
action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */
|
|
3754
|
+
avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ import_react36.default.createElement(import_material24.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react36.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react36.default.createElement(import_material24.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
|
|
3755
|
+
action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ import_react36.default.createElement(import_material24.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react36.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react36.default.createElement(import_ExpandMore.default, { fontSize: "small" })) : actionsTitle,
|
|
3744
3756
|
title,
|
|
3745
3757
|
subheader: subtitle,
|
|
3746
3758
|
sx: {
|
|
@@ -3759,14 +3771,14 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
|
|
|
3759
3771
|
}
|
|
3760
3772
|
}
|
|
3761
3773
|
}
|
|
3762
|
-
), image && /* @__PURE__ */
|
|
3774
|
+
), image && /* @__PURE__ */ import_react36.default.createElement(
|
|
3763
3775
|
import_CardMedia.default,
|
|
3764
3776
|
{
|
|
3765
3777
|
component: "img",
|
|
3766
3778
|
height: "194",
|
|
3767
3779
|
image
|
|
3768
3780
|
}
|
|
3769
|
-
), content && /* @__PURE__ */
|
|
3781
|
+
), content && /* @__PURE__ */ import_react36.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ import_react36.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_react36.default.createElement(import_material24.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react36.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ import_react36.default.createElement(import_ExpandMore.default, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ import_react36.default.createElement(
|
|
3770
3782
|
import_material24.Button,
|
|
3771
3783
|
{
|
|
3772
3784
|
key: index,
|
|
@@ -3777,14 +3789,14 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
|
|
|
3777
3789
|
disabled: action.disabled || false
|
|
3778
3790
|
},
|
|
3779
3791
|
action.text
|
|
3780
|
-
)) : ""), expand && /* @__PURE__ */
|
|
3792
|
+
)) : ""), expand && /* @__PURE__ */ import_react36.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react36.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, expand.content)));
|
|
3781
3793
|
};
|
|
3782
3794
|
|
|
3783
3795
|
// src/Theme/index.ts
|
|
3784
3796
|
var import_styles3 = require("@mui/material/styles");
|
|
3785
3797
|
|
|
3786
3798
|
// src/Theme/components.ts
|
|
3787
|
-
var
|
|
3799
|
+
var import_react37 = __toESM(require("react"), 1);
|
|
3788
3800
|
var import_icons_material11 = require("@mui/icons-material");
|
|
3789
3801
|
var components = {
|
|
3790
3802
|
MuiSelect: {
|
|
@@ -4482,10 +4494,10 @@ var components = {
|
|
|
4482
4494
|
MuiAlert: {
|
|
4483
4495
|
defaultProps: {
|
|
4484
4496
|
iconMapping: {
|
|
4485
|
-
success:
|
|
4486
|
-
error:
|
|
4487
|
-
warning:
|
|
4488
|
-
info:
|
|
4497
|
+
success: import_react37.default.createElement(import_icons_material11.CheckCircleRounded),
|
|
4498
|
+
error: import_react37.default.createElement(import_icons_material11.ErrorRounded),
|
|
4499
|
+
warning: import_react37.default.createElement(import_icons_material11.WarningRounded),
|
|
4500
|
+
info: import_react37.default.createElement(import_icons_material11.InfoRounded)
|
|
4489
4501
|
}
|
|
4490
4502
|
},
|
|
4491
4503
|
variants: [
|