react-ecosistema-unp 0.3.1 → 0.4.5

package/dist/tables/components/Tabla.js

@@ -0,0 +1,113 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import * as C from "react";
+import x from "react";
+import { a as $ } from "../../index-D3su-uEQ.js";
+import { u as k, c as N } from "../../ThemeProvider-CFCmmLJC.js";
+import '../../assets/Tabla.css';const v = /* @__PURE__ */ C.forwardRef(({
+  bsPrefix: n,
+  className: a,
+  striped: i,
+  bordered: c,
+  borderless: g,
+  hover: f,
+  size: d,
+  variant: h,
+  responsive: s,
+  ...b
+}, p) => {
+  const o = k(n, "table"), t = N(a, o, h && `${o}-${h}`, d && `${o}-${d}`, i && `${o}-${typeof i == "string" ? `striped-${i}` : "striped"}`, c && `${o}-bordered`, g && `${o}-borderless`, f && `${o}-hover`), l = /* @__PURE__ */ e("table", {
+    ...b,
+    className: t,
+    ref: p
+  });
+  if (s) {
+    let r = `${o}-responsive`;
+    return typeof s == "string" && (r = `${r}-${s}`), /* @__PURE__ */ e("div", {
+      className: r,
+      children: l
+    });
+  }
+  return l;
+}), S = ({
+  columns: n,
+  filteredData: a,
+  tableData: i,
+  hasMoreData: c,
+  setHasMoreData: g,
+  visibleData: f,
+  setVisibleData: d,
+  handleCellClick: h,
+  totalDias: s,
+  isShared: b
+}) => {
+  const p = (t) => {
+    if (s) {
+      const l = t / s * 100;
+      return l <= 25 ? { backgroundColor: "#3AB34A", color: "#FFFFFF" } : l <= 50 ? { backgroundColor: "#F8EB10", color: "#000000" } : l <= 75 ? { backgroundColor: "#F79122", color: "#000000" } : { backgroundColor: "#E91720", color: "#FFFFFF" };
+    }
+    return { backgroundColor: "transparent", color: "inherit" };
+  };
+  return /* @__PURE__ */ e("div", { className: "table_container", children: /* @__PURE__ */ e("div", { className: "table-scroll", onScroll: (t) => {
+    const { scrollTop: l, clientHeight: r, scrollHeight: m } = t.currentTarget;
+    m - l <= r + 50 && c && d((y) => {
+      const F = y + 5;
+      return F >= a.length && g(!1), Math.min(F, a.length);
+    });
+  }, children: /* @__PURE__ */ u(v, { striped: !0, hover: !0, children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: n.map((t, l) => /* @__PURE__ */ e("th", { className: "table-header-unp", children: t.label }, l)) }) }),
+    /* @__PURE__ */ u("tbody", { children: [
+      i.slice(0, f).map((t, l) => /* @__PURE__ */ u(x.Fragment, { children: [
+        /* @__PURE__ */ e("tr", { children: n.map((r, m) => /* @__PURE__ */ e(
+          "td",
+          {
+            onClick: () => h(r, t),
+            style: {
+              cursor: r.hasModal ? "pointer" : "default"
+            },
+            className: r.hasModal ? "cell-with-modal" : "",
+            children: r.key === "diasHabiles" ? /* @__PURE__ */ e(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "center"
+                },
+                children: /* @__PURE__ */ e(
+                  "div",
+                  {
+                    style: {
+                      padding: "8px",
+                      borderRadius: "100px",
+                      width: "40px",
+                      backgroundColor: p(
+                        t.diasHabiles
+                      ).backgroundColor,
+                      color: p(
+                        t.diasHabiles
+                      ).color
+                    },
+                    children: /* @__PURE__ */ e("span", { children: t.diasHabiles })
+                  }
+                )
+              }
+            ) : r.renderComponent ? r.renderComponent(t) : t[r.key]
+          },
+          m
+        )) }),
+        b && t.estadoRegistro === "en_gestion" && !a.some((r) => r.estadoRegistro === "en_gestion" && a.indexOf(r) > l) && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n.length, className: "text-center", style: { padding: "0 2rem 0 2rem" }, children: /* @__PURE__ */ e("div", { style: {
+          minHeight: 20,
+          display: "flex",
+          flexDirection: "row",
+          justifyContent: "center",
+          alignItems: "center",
+          fontWeight: "600",
+          color: "#303D50"
+        }, children: /* @__PURE__ */ e($, { style: { color: "#a1a1a1" } }) }) }) })
+      ] }, l)),
+      c && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n.length, className: "text-center", children: "Cargando más datos..." }) })
+    ] })
+  ] }) }) });
+};
+export {
+  S as Tabla
+};