react-ecosistema-unp 1.7.19 → 1.7.20

package/dist/cards/tarjeta-info/TarjetaInfo.js

@@ -1,45 +1,48 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useState as r, useRef as d, useEffect as u } from "react";
-import { o as j, p } from "../../index-DDjnZyBf.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useState as c, useRef as u, useEffect as j } from "react";
+import { o as p, p as N } from "../../index-DDjnZyBf.js";
 import '../../assets/UnpHistorico.css';/* empty css                         */
-const x = ({ icon: c, label: l, show: h = !1, children: o }) => {
-  const [e, i] = r(h), [f, s] = r(0), a = d(null);
-  return u(() => {
-    if (!a.current) return;
-    const m = a.current;
+const b = ({ icon: l, label: h, show: f = !1, children: o, extraItem: i }) => {
+  const [e, s] = c(f), [m, r] = c(0), n = u(null);
+  return j(() => {
+    if (!n.current) return;
+    const d = n.current;
     (() => {
-      s(e ? m.scrollHeight : 0);
+      r(e ? d.scrollHeight : 0);
     })();
-  }, [e, o]), /* @__PURE__ */ n("div", { className: "tarjeta-info-container", children: [
-    /* @__PURE__ */ n("div", { className: "tarjeta-info-titulo-container", children: [
-      /* @__PURE__ */ n("div", { className: "tarjeta-info-label-container", children: [
-        /* @__PURE__ */ t(c, { className: "tarjeta-info-icon" }),
-        /* @__PURE__ */ t("span", { children: l })
+  }, [e, o]), /* @__PURE__ */ a("div", { className: "tarjeta-info-container", children: [
+    /* @__PURE__ */ a("div", { className: "tarjeta-info-titulo-container", children: [
+      /* @__PURE__ */ a("div", { className: "tarjeta-info-label-container", children: [
+        /* @__PURE__ */ t(l, { className: "tarjeta-info-icon" }),
+        /* @__PURE__ */ t("span", { children: h })
       ] }),
-      /* @__PURE__ */ t("div", { className: "tarjeta-info-show-container", children: e ? /* @__PURE__ */ t(
-        j,
-        {
-          className: "tarjeta-info-show-button",
-          onClick: () => i(!e)
-        }
-      ) : /* @__PURE__ */ t(
-        p,
-        {
-          className: "tarjeta-info-show-button",
-          onClick: () => i(!e)
-        }
-      ) })
+      /* @__PURE__ */ a("div", { className: "tarjeta-info-show-container", children: [
+        i && i,
+        e ? /* @__PURE__ */ t(
+          p,
+          {
+            className: "tarjeta-info-show-button",
+            onClick: () => s(!e)
+          }
+        ) : /* @__PURE__ */ t(
+          N,
+          {
+            className: "tarjeta-info-show-button",
+            onClick: () => s(!e)
+          }
+        )
+      ] })
     ] }),
     /* @__PURE__ */ t(
       "div",
       {
         className: "tarjeta-info-children-container",
-        style: { height: `${f}px` },
-        children: /* @__PURE__ */ t("div", { className: "tarjeta-info-content", ref: a, children: o })
+        style: { height: `${m}px` },
+        children: /* @__PURE__ */ t("div", { className: "tarjeta-info-content", ref: n, children: o })
       }
     )
   ] });
 };
 export {
-  x as TarjetaInfo
+  b as TarjetaInfo
 };

package/dist/lib/cards/tarjeta-info/TarjetaInfo.d.ts

@@ -5,6 +5,7 @@ interface TarjetaInfoProps {
     label: string;
     children: React.ReactNode;
     show?: boolean;
+    extraItem?: React.ReactNode;
 }
 declare const TarjetaInfo: React.FC<TarjetaInfoProps>;
 export { TarjetaInfo };

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "1.7.19",
+  "version": "1.7.20",
   "type": "module",
   "exports": {
     ".": {