react-ecosistema-unp 1.0.2 → 1.0.6

package/dist/assets/IconosSistema.css

@@ -1 +1 @@
-.iconos-sistema-container{position:absolute;top:0;right:0;margin-top:6px;display:flex;justify-content:end;gap:1rem}.iconos-sistema-icon{margin-top:.5rem;font-size:25px;color:#303d50;cursor:pointer}
+.iconos-sistema-container{position:absolute;top:0;right:0;margin-top:6px;display:flex;justify-content:end;gap:1rem}.iconos-sistema-icon{margin-top:.5rem;font-size:25px;color:#303d50;cursor:pointer}.icono-sistema-tooltip-container{position:relative;display:inline-block}.icono-sistema-tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#5f6265ef;color:#fff;text-align:center;border-radius:10px;padding:7px 11px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;transition:all .1s ease-in-out}.icono-sistema-tooltip-container:hover .icono-sistema-tooltip-text{visibility:visible;opacity:1}

package/dist/lib/shared/iconos-sistema/IconosSistema.d.ts

@@ -3,6 +3,7 @@ import { IconType } from 'react-icons';
 export interface IconoSistema {
     icon: IconType;
     action: (...args: any[]) => any;
+    label?: string;
 }
 interface IconosSistemaProps {
     elements?: IconoSistema[];

package/dist/shared/iconos-sistema/IconosSistema.js

@@ -1,16 +1,30 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { N as n } from "../../NotificacionUsuario-xD2pyELE.js";
-import '../../assets/IconosSistema.css';const m = ({ elements: o }) => /* @__PURE__ */ a("div", { className: "iconos-sistema-container", children: [
-  o && o.slice(0, 5).map((s, c) => /* @__PURE__ */ i(
-    s.icon,
+import { N as r } from "../../NotificacionUsuario-xD2pyELE.js";
+import '../../assets/IconosSistema.css';const l = ({ elements: s }) => /* @__PURE__ */ a("div", { className: "iconos-sistema-container", children: [
+  s && s.slice(0, 5).map((o, c) => /* @__PURE__ */ a("div", { className: "icono-sistema-tooltip-container", children: [
+    /* @__PURE__ */ i(
+      o.icon,
+      {
+        className: "iconos-sistema-icon",
+        onClick: o.action
+      },
+      c
+    ),
+    o.label && /* @__PURE__ */ i("span", { className: "icono-sistema-tooltip-text", children: o.label })
+  ] })),
+  s && /* @__PURE__ */ i(
+    "div",
     {
-      className: "iconos-sistema-icon",
-      onClick: s.action
-    },
-    c
-  )),
-  /* @__PURE__ */ i("div", { style: { marginLeft: "1rem" }, children: /* @__PURE__ */ i(n, {}) })
+      style: {
+        border: "1px #ebebeb solid",
+        marginTop: "9px",
+        marginBottom: "2px",
+        borderRadius: "10px"
+      }
+    }
+  ),
+  /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(r, {}) })
 ] });
 export {
-  m as IconosSistema
+  l as IconosSistema
 };

package/dist/tables/tabla-registros/modal/Modal.js

@@ -1,22 +1,22 @@
-import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import { useState as n, useEffect as f } from "react";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { useState as n, useEffect as u } from "react";
 import '../../../assets/Modal.css';/* empty css                      */
 const N = ({
-  show: o,
+  show: s,
   onHide: l,
   title: c,
   children: r,
   closeModalOut: m
 }) => {
-  const [a, t] = n(!1), [i, e] = n(!1);
-  return f(() => {
-    o ? t(!0) : (e(!0), setTimeout(() => {
-      t(!1), e(!1);
+  const [t, a] = n(!1), [i, e] = n(!1);
+  return u(() => {
+    s ? a(!0) : (e(!0), setTimeout(() => {
+      a(!1), e(!1);
     }, 200));
-  }, [o]), /* @__PURE__ */ s(
+  }, [s]), /* @__PURE__ */ o(
     "div",
     {
-      className: `modal-overlay ${a ? "show" : ""} ${i ? "hide" : ""}`,
+      className: `modal-overlay ${t ? "show" : ""} ${i ? "hide" : ""}`,
       onClick: () => {
         m && (e(!0), setTimeout(() => {
           l(), e(!1);
@@ -25,14 +25,14 @@ const N = ({
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: `modal-container ${a ? "show" : ""} ${i ? "hide" : ""}`,
+          className: `modal-container ${t ? "show" : ""} ${i ? "hide" : ""}`,
           onClick: (h) => h.stopPropagation(),
           children: [
             /* @__PURE__ */ d("div", { className: "modal_header", children: [
-              /* @__PURE__ */ s("span", { children: c }),
-              /* @__PURE__ */ s("button", { className: "close_button", onClick: l, children: "×" })
+              /* @__PURE__ */ o("span", { children: c }),
+              /* @__PURE__ */ o("button", { className: "close_button", onClick: l, type: "button", children: "×" })
             ] }),
-            /* @__PURE__ */ s("div", { className: "modal_body", children: r })
+            /* @__PURE__ */ o("div", { className: "modal_body", children: r })
           ]
         }
       )

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.0.2",
+  "version": "1.0.6",
   "type": "module",
   "exports": {
     ".": {