react-ecosistema-unp 1.7.16 → 1.7.18

package/dist/tables/tabla-registros/tabla/Tabla.js

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import L, { useState as m, useEffect as Q } from "react";
-import { v as S, w as X } from "../../../index-DDjnZyBf.js";
-import { a as Y, b as Z, c as w, d as ee } from "../../../index-D3WseyJh.js";
-import { T as te } from "../../../Table-C5ydZooy.js";
-import { F as re, a as se } from "../../../FormGroup-BLpFcIN5.js";
-import { B as oe } from "../../../Button-B87TJYml.js";
-import '../../../assets/Tabla.css';const pe = ({
+import Q, { useState as m, useEffect as S } from "react";
+import { v as X, w as Y } from "../../../index-DDjnZyBf.js";
+import { a as Z, b as w, c as ee, d as te } from "../../../index-D3WseyJh.js";
+import { T as re } from "../../../Table-C5ydZooy.js";
+import { F as se, a as oe } from "../../../FormGroup-BLpFcIN5.js";
+import { B as ie } from "../../../Button-B87TJYml.js";
+import '../../../assets/Tabla.css';const ge = ({
   columns: u,
   displayedData: f,
   // tableData,
@@ -23,16 +23,18 @@ import '../../../assets/Tabla.css';const pe = ({
   enableColumnSorter: T,
   //
   onSelectionChange: C,
-  enableRowSelection: h = !1
+  enableRowSelection: h = !1,
+  // Indicador para aumentar la selección de casos por gestionar
+  extendedSelection: P
 }) => {
-  const [l, P] = m({
+  const [l, U] = m({
     key: null,
     direction: null
-  }), [c, U] = m([]), [y, _] = m(null), [k, B] = m(null);
-  Q(() => {
+  }), [c, V] = m([]), [y, _] = m(null), [k, B] = m(null);
+  S(() => {
     C == null || C(c);
   }, [c]);
-  const V = (e, o) => {
+  const W = (e, o) => {
     const r = k || H, i = r.findIndex((p) => p.numeroRegistro === e);
     if (i === -1) return;
     const n = r[i], t = c.includes(e);
@@ -41,27 +43,27 @@ import '../../../assets/Tabla.css';const pe = ({
       a = c.filter((p) => p !== e), a.length === 0 && (B(null), _(null));
     else if (c.length === 0) {
       a = [e], _(n.tipoMesa);
-      const p = n.tipoMesa, q = r.filter((g) => g.tipoMesa === p && g.numeroRegistro !== e), j = r.filter((g) => g.tipoMesa !== p), E = r.findIndex((g) => g.numeroRegistro === e), J = j.slice(0, E), K = j.slice(E);
-      B([...J, n, ...q, ...K]);
+      const p = n.tipoMesa, J = r.filter((g) => g.tipoMesa === p && g.numeroRegistro !== e), j = r.filter((g) => g.tipoMesa !== p), E = r.findIndex((g) => g.numeroRegistro === e), K = j.slice(0, E), L = j.slice(E);
+      B([...K, n, ...J, ...L]);
     } else {
       if (y && n.tipoMesa !== y) return;
       a = [...c, e];
     }
-    U(a);
+    V(a);
   }, A = { i: 0 }, G = (e) => {
     if (v) {
       const o = e / v * 100;
       return o <= 25 ? { backgroundColor: "#3AB34A", color: "#FFFFFF" } : o <= 50 ? { backgroundColor: "#F8EB10", color: "#000000" } : o <= 75 ? { backgroundColor: "#F79122", color: "#000000" } : { backgroundColor: "#E91720", color: "#FFFFFF" };
     }
     return { backgroundColor: "transparent", color: "inherit" };
-  }, W = (e) => {
+  }, $ = (e) => {
     const { scrollTop: o, clientHeight: r, scrollHeight: i } = e.currentTarget;
     i - o <= r + 50 && x && D((n) => {
       const t = n + 5;
       return t >= f.length && z(!1), Math.min(t, f.length);
     });
-  }, $ = (e) => {
-    P((o) => ({
+  }, q = (e) => {
+    U((o) => ({
       key: e,
       direction: o.key === e && o.direction === "asc" ? "desc" : "asc"
     }));
@@ -82,7 +84,7 @@ import '../../../assets/Tabla.css';const pe = ({
       return typeof r == "number" && typeof i == "number" ? l.direction === "asc" ? r - i : i - r : typeof r == "string" && typeof i == "string" ? l.direction === "asc" ? r.localeCompare(i) : i.localeCompare(r) : 0;
     });
   })(), F = k || (l.direction === "asc" || l.direction === "desc" ? H : f);
-  return /* @__PURE__ */ s("div", { className: "table_container", children: /* @__PURE__ */ s("div", { className: "table-scroll", onScroll: W, children: /* @__PURE__ */ d(te, { striped: !0, hover: !0, children: [
+  return /* @__PURE__ */ s("div", { className: "table_container", children: /* @__PURE__ */ s("div", { className: "table-scroll", onScroll: $, children: /* @__PURE__ */ d(re, { striped: !0, hover: !0, children: [
     /* @__PURE__ */ d("thead", { children: [
       /* @__PURE__ */ d("tr", { children: [
         h && /* @__PURE__ */ s("th", { className: "table-header-unp" }),
@@ -90,12 +92,12 @@ import '../../../assets/Tabla.css';const pe = ({
           "th",
           {
             className: "table-header-unp",
-            onClick: () => (e.sorter || T) && $(e.key),
+            onClick: () => (e.sorter || T) && q(e.key),
             style: { cursor: N ? "pointer" : "default" },
             children: [
               e.label,
               " ",
-              c.length == 0 && (e.sorter || T) ? l.key === e.key ? l.direction === "asc" ? /* @__PURE__ */ s(Y, {}) : /* @__PURE__ */ s(Z, {}) : /* @__PURE__ */ s(w, {}) : null
+              c.length == 0 && (e.sorter || T) ? l.key === e.key ? l.direction === "asc" ? /* @__PURE__ */ s(Z, {}) : /* @__PURE__ */ s(w, {}) : /* @__PURE__ */ s(ee, {}) : null
             ]
           },
           o
@@ -103,9 +105,9 @@ import '../../../assets/Tabla.css';const pe = ({
       ] }),
       c.length == 0 && N && /* @__PURE__ */ d("tr", { children: [
         h && /* @__PURE__ */ s("th", { className: "table-header-unp" }),
-        u.map((e, o) => /* @__PURE__ */ s("th", { children: /* @__PURE__ */ d(re, { className: "mx-1 position-relative", children: [
+        u.map((e, o) => /* @__PURE__ */ s("th", { children: /* @__PURE__ */ d(se, { className: "mx-1 position-relative", children: [
           /* @__PURE__ */ s(
-            se,
+            oe,
             {
               type: "text",
               placeholder: `Buscar ${e.label}`,
@@ -115,7 +117,7 @@ import '../../../assets/Tabla.css';const pe = ({
             }
           ),
           R[e.key] && /* @__PURE__ */ s(
-            oe,
+            ie,
             {
               variant: "link",
               size: "sm",
@@ -131,9 +133,9 @@ import '../../../assets/Tabla.css';const pe = ({
     /* @__PURE__ */ d("tbody", { children: [
       F.slice(0, I).map((e, o) => {
         let r = !1;
-        b ? e.estadoRegistro === "en_gestion" ? r = !0 : e.estadoRegistro === "por_gestionar" && A.i < 5 && (r = !0, A.i++) : r = !0;
+        b ? e.estadoRegistro === "en_gestion" ? r = !0 : e.estadoRegistro === "por_gestionar" && A.i < (P ? 15 : 5) && (r = !0, A.i++) : r = !0;
         const i = h && y != null && e.tipoMesa !== y, n = c.includes(e.numeroRegistro);
-        return /* @__PURE__ */ d(L.Fragment, { children: [
+        return /* @__PURE__ */ d(Q.Fragment, { children: [
           /* @__PURE__ */ d(
             "tr",
             {
@@ -151,9 +153,9 @@ import '../../../assets/Tabla.css';const pe = ({
                       cursor: i ? "not-allowed" : "pointer"
                     },
                     onClick: (t) => {
-                      t.stopPropagation(), i || V(e.numeroRegistro);
+                      t.stopPropagation(), i || W(e.numeroRegistro);
                     },
-                    children: n ? /* @__PURE__ */ s(ee, { size: 18, style: { color: "#505050ff" } }) : /* @__PURE__ */ s(S, { size: 18, style: { color: "#505050ff" } })
+                    children: n ? /* @__PURE__ */ s(te, { size: 18, style: { color: "#505050ff" } }) : /* @__PURE__ */ s(X, { size: 18, style: { color: "#505050ff" } })
                   }
                 ),
                 u.map((t, a) => /* @__PURE__ */ s(
@@ -206,7 +208,7 @@ import '../../../assets/Tabla.css';const pe = ({
             fontWeight: "600",
             color: o % 2 === 0 ? "#365072" : "#303D50",
             backgroundColor: o % 2 === 0 ? "#fefefe" : "#f9fafa"
-          }, children: /* @__PURE__ */ s(X, { style: { fontSize: "1.3rem" } }) }) }) })
+          }, children: /* @__PURE__ */ s(Y, { style: { fontSize: "1.3rem" } }) }) }) })
         ] }, o);
       }),
       x && /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: u.length, className: "text-center", children: "Cargando más datos..." }) })
@@ -214,5 +216,5 @@ import '../../../assets/Tabla.css';const pe = ({
   ] }) }) });
 };
 export {
-  pe as Tabla
+  ge as Tabla
 };

package/dist/ui/items-modal/ItemsModal.js

@@ -1,25 +1,28 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { useNavigate as s } from "react-router-dom";
 import { t as i, u as n } from "../../index-DDjnZyBf.js";
 import { G as c } from "../../iconBase-LROS5hdG.js";
 import '../../assets/ItemsModal.css';/* empty css                        */
-function m(l) {
-  return c({ tag: "svg", attr: { viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M 15 4 L 15 20.5625 L 9.71875 15.28125 L 8.28125 16.71875 L 15.28125 23.71875 L 16 24.40625 L 16.71875 23.71875 L 23.71875 16.71875 L 22.28125 15.28125 L 17 20.5625 L 17 4 Z M 7 26 L 7 28 L 25 28 L 25 26 Z" }, child: [] }] })(l);
+function m(o) {
+  return c({ tag: "svg", attr: { viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M 15 4 L 15 20.5625 L 9.71875 15.28125 L 8.28125 16.71875 L 15.28125 23.71875 L 16 24.40625 L 16.71875 23.71875 L 23.71875 16.71875 L 22.28125 15.28125 L 17 20.5625 L 17 4 Z M 7 26 L 7 28 L 25 28 L 25 26 Z" }, child: [] }] })(o);
 }
-const N = ({ sections: l }) => {
+const N = ({ sections: o }) => {
   const e = s();
-  return /* @__PURE__ */ t("div", { className: "listado-tarjetas", children: l.map((a, r) => /* @__PURE__ */ o("div", { className: "tarjeta-listado-row", children: [
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ t("div", { className: "listado-tarjetas", children: o.map((a, r) => /* @__PURE__ */ l("div", { className: "tarjeta-listado-row", children: [
+    /* @__PURE__ */ l(
       "div",
       {
         className: "tarjeta-listado-container",
         onClick: () => e(a.route, { state: a.state }),
         children: [
-          /* @__PURE__ */ o("div", { className: "tarjeta-listado-label-container", children: [
+          /* @__PURE__ */ l("div", { className: "tarjeta-listado-label-container", children: [
             /* @__PURE__ */ t(a.icon, { className: "tarjeta-listado-process-menu" }),
             /* @__PURE__ */ t("span", { children: a.label })
           ] }),
-          "closed" in a && /* @__PURE__ */ t("div", { className: "tarjeta-listado-state-container", children: a.closed ? /* @__PURE__ */ t(i, { style: { color: "#3AB34A" } }) : /* @__PURE__ */ t(n, { style: { color: "#E2E2E2" } }) })
+          "closed" in a && /* @__PURE__ */ l("div", { className: "tarjeta-listado-state-container", children: [
+            a.extraItem && a.extraItem,
+            a.closed ? /* @__PURE__ */ t(i, { style: { color: "#3AB34A" } }) : /* @__PURE__ */ t(n, { style: { color: "#E2E2E2" } })
+          ] })
         ]
       }
     ),