react-ecosistema-unp 1.7.19 → 1.7.21

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.
Files changed (8) hide show
  1. package/dist/assets/Tabla.css +1 -1
  2. package/dist/cards/tarjeta-info/TarjetaInfo.js +33 -30
  3. package/dist/lib/cards/tarjeta-info/TarjetaInfo.d.ts +1 -0
  4. package/dist/lib/tables/tabla-registros/TablaRegistros.d.ts +1 -0
  5. package/dist/lib/tables/tabla-registros/tabla/Tabla.d.ts +1 -0
  6. package/dist/tables/tabla-registros/TablaRegistros.js +263 -261
  7. package/dist/tables/tabla-registros/tabla/Tabla.js +32 -30
  8. package/package.json +1 -1
package/dist/assets/Tabla.css CHANGED
@@ -1 +1 @@
1
- .table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#f9fafa}@media (max-height: 780px){.table-scroll{max-height:65vh!important}}@media (max-height: 670px){.table-scroll{max-height:60vh!important}}@media (max-height: 590px){.table-scroll{max-height:55vh!important}}@media (max-height: 520px){.table-scroll{max-height:50vh!important}}@media (max-height: 470px){.table-scroll{max-height:40vh!important}}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:16px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#f9fafa,#f9fafa,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#f9fafa!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 1.5rem!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:#303d50!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}.search-column-input{border-radius:11px!important;padding-right:25px!important;box-shadow:0 1px 6px #00000012!important}.cell-redirect:hover{background-color:#3c2970;color:#fff;font-weight:600;cursor:pointer}
1
+ .table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#f9fafa}@media (max-height: 780px){.table-scroll{max-height:65vh!important}}@media (max-height: 670px){.table-scroll{max-height:60vh!important}}@media (max-height: 590px){.table-scroll{max-height:55vh!important}}@media (max-height: 520px){.table-scroll{max-height:50vh!important}}@media (max-height: 470px){.table-scroll{max-height:40vh!important}}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:16px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#f9fafa,#f9fafa,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#f9fafa!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 1.5rem!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:var(--cell-selection-bg-color, #303D50)!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}.search-column-input{border-radius:11px!important;padding-right:25px!important;box-shadow:0 1px 6px #00000012!important}.cell-redirect:hover{background-color:var(--cell-selection-bg-color, #3c2970);color:#fff;font-weight:600;cursor:pointer}
package/dist/cards/tarjeta-info/TarjetaInfo.js CHANGED
@@ -1,45 +1,48 @@
1
- import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
- import { useState as r, useRef as d, useEffect as u } from "react";
3
- import { o as j, p } from "../../index-DDjnZyBf.js";
1
+ import { jsxs as a, jsx as t } from "react/jsx-runtime";
2
+ import { useState as c, useRef as u, useEffect as j } from "react";
3
+ import { o as p, p as N } from "../../index-DDjnZyBf.js";
4
4
  import '../../assets/UnpHistorico.css';/* empty css */
5
- const x = ({ icon: c, label: l, show: h = !1, children: o }) => {
6
- const [e, i] = r(h), [f, s] = r(0), a = d(null);
7
- return u(() => {
8
- if (!a.current) return;
9
- const m = a.current;
5
+ const b = ({ icon: l, label: h, show: f = !1, children: o, extraItem: i }) => {
6
+ const [e, s] = c(f), [m, r] = c(0), n = u(null);
7
+ return j(() => {
8
+ if (!n.current) return;
9
+ const d = n.current;
10
10
  (() => {
11
- s(e ? m.scrollHeight : 0);
11
+ r(e ? d.scrollHeight : 0);
12
12
  })();
13
- }, [e, o]), /* @__PURE__ */ n("div", { className: "tarjeta-info-container", children: [
14
- /* @__PURE__ */ n("div", { className: "tarjeta-info-titulo-container", children: [
15
- /* @__PURE__ */ n("div", { className: "tarjeta-info-label-container", children: [
16
- /* @__PURE__ */ t(c, { className: "tarjeta-info-icon" }),
17
- /* @__PURE__ */ t("span", { children: l })
13
+ }, [e, o]), /* @__PURE__ */ a("div", { className: "tarjeta-info-container", children: [
14
+ /* @__PURE__ */ a("div", { className: "tarjeta-info-titulo-container", children: [
15
+ /* @__PURE__ */ a("div", { className: "tarjeta-info-label-container", children: [
16
+ /* @__PURE__ */ t(l, { className: "tarjeta-info-icon" }),
17
+ /* @__PURE__ */ t("span", { children: h })
18
18
  ] }),
19
- /* @__PURE__ */ t("div", { className: "tarjeta-info-show-container", children: e ? /* @__PURE__ */ t(
20
- j,
21
- {
22
- className: "tarjeta-info-show-button",
23
- onClick: () => i(!e)
24
- }
25
- ) : /* @__PURE__ */ t(
26
- p,
27
- {
28
- className: "tarjeta-info-show-button",
29
- onClick: () => i(!e)
30
- }
31
- ) })
19
+ /* @__PURE__ */ a("div", { className: "tarjeta-info-show-container", children: [
20
+ i && i,
21
+ e ? /* @__PURE__ */ t(
22
+ p,
23
+ {
24
+ className: "tarjeta-info-show-button",
25
+ onClick: () => s(!e)
26
+ }
27
+ ) : /* @__PURE__ */ t(
28
+ N,
29
+ {
30
+ className: "tarjeta-info-show-button",
31
+ onClick: () => s(!e)
32
+ }
33
+ )
34
+ ] })
32
35
  ] }),
33
36
  /* @__PURE__ */ t(
34
37
  "div",
35
38
  {
36
39
  className: "tarjeta-info-children-container",
37
- style: { height: `${f}px` },
38
- children: /* @__PURE__ */ t("div", { className: "tarjeta-info-content", ref: a, children: o })
40
+ style: { height: `${m}px` },
41
+ children: /* @__PURE__ */ t("div", { className: "tarjeta-info-content", ref: n, children: o })
39
42
  }
40
43
  )
41
44
  ] });
42
45
  };
43
46
  export {
44
- x as TarjetaInfo
47
+ b as TarjetaInfo
45
48
  };
package/dist/lib/cards/tarjeta-info/TarjetaInfo.d.ts CHANGED
@@ -5,6 +5,7 @@ interface TarjetaInfoProps {
5
5
  label: string;
6
6
  children: React.ReactNode;
7
7
  show?: boolean;
8
+ extraItem?: React.ReactNode;
8
9
  }
9
10
  declare const TarjetaInfo: React.FC<TarjetaInfoProps>;
10
11
  export { TarjetaInfo };
package/dist/lib/tables/tabla-registros/TablaRegistros.d.ts CHANGED
@@ -31,6 +31,7 @@ interface TableProps {
31
31
  enableRowSelection?: boolean;
32
32
  onSelectionChange?: (selected: string[]) => void;
33
33
  extendedSelection?: boolean;
34
+ cellSelectionColor?: string;
34
35
  }
35
36
  declare const TablaRegistros: React.FC<TableProps>;
36
37
  export { TablaRegistros };
package/dist/lib/tables/tabla-registros/tabla/Tabla.d.ts CHANGED
@@ -30,6 +30,7 @@ interface TablaProps {
30
30
  enableRowSelection?: boolean;
31
31
  onSelectionChange?: (selected: string[]) => void;
32
32
  extendedSelection?: boolean;
33
+ cellSelectionColor?: string;
33
34
  }
34
35
  declare const Tabla: React.FC<TablaProps>;
35
36
  export { Tabla };