react-ecosistema-unp 0.4.0 → 0.4.6

package/dist/assets/Modal.css

@@ -1 +1 @@
-.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;align-items:center;transition:opacity .4s ease;opacity:0;visibility:hidden;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:none}.modal-container{width:42%;height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;border-radius:12px;margin:1.75em}.modal-container.show{transform:translate(0);opacity:1}.modal-container.hide{transform:translate(100%);opacity:0}@media (max-width: 1920px){.modal-container{width:45%!important}}@media (max-width: 1800px){.modal-container{width:47.5%!important}}@media (max-width: 1650px){.modal-container{width:50%!important}}@media (max-width: 1500px){.modal-container{width:52.5%!important}}@media (max-width: 1425px){.modal-container{width:57.5%!important}}@media (max-width: 1275px){.modal-container{width:65%!important}}@media (max-width: 1150px){.modal-container{width:75%!important}}@media (max-width: 992px){.modal-container{width:80%!important}}@media (max-width: 768px){.modal-container{width:90%!important}}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#303d50;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:35px;height:calc(100% - 56px);border-radius:0 0 12px 12px;overflow-y:auto}.close_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:hover{color:#d36269}.unp-row-subtitle{margin-bottom:4rem}.modal_subtitle_container{display:flex;gap:.5rem;font-size:18px;font-weight:400;align-items:center}.modal_body::-webkit-scrollbar{width:10px}.modal_body::-webkit-scrollbar-track{background:transparent}.modal_body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}
+.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;align-items:center;transition:opacity .4s ease;opacity:0;visibility:hidden;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:none}.modal-container{width:42%;height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;border-radius:12px;margin:1.75em}.modal-container.show{transform:translate(0);opacity:1}.modal-container.hide{transform:translate(100%);opacity:0}@media (max-width: 1920px){.modal-container{width:40%!important}}@media (max-width: 1800px){.modal-container{width:42.5%!important}}@media (max-width: 1650px){.modal-container{width:45%!important}}@media (max-width: 1500px){.modal-container{width:50%!important}}@media (max-width: 1425px){.modal-container{width:55%!important}}@media (max-width: 1275px){.modal-container{width:57.5%!important}}@media (max-width: 1150px){.modal-container{width:60%!important}}@media (max-width: 992px){.modal-container{width:70%!important}}@media (max-width: 768px){.modal-container{width:80%!important}}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#303d50;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:35px;height:calc(100% - 56px);border-radius:0 0 12px 12px;overflow-y:auto}.close_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:hover{color:#d36269}.unp-row-subtitle{margin-bottom:4rem}.modal_subtitle_container{display:flex;gap:.5rem;font-size:18px;font-weight:400;align-items:center}.modal_body::-webkit-scrollbar{width:10px}.modal_body::-webkit-scrollbar-track{background:transparent}.modal_body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}

package/dist/assets/TituloModal.css

@@ -0,0 +1 @@
+.modal-title-container{display:flex;justify-content:space-between;align-items:center}.red-item{height:30px;width:8px;background-color:#d13c47;border-top-right-radius:5px;border-bottom-right-radius:5px}.modal-subtitle-container-left{display:flex;justify-content:center;align-items:center;font-weight:500;gap:.5rem}.modal-subtitle{margin:0;padding:0;font-size:1.1rem;color:#303d50;font-weight:600}.modal-subtitle-container-right{display:flex;justify-content:flex-end;overflow:visible}.animation-wrapper{position:relative;display:grid;grid-template-columns:1fr;width:100%}.buttons-group,.close-group{grid-row-start:1;grid-column-start:1;display:flex;gap:1rem;align-items:center;transition:all .2s cubic-bezier(.1,0,.1,1)}.buttons-group{opacity:1}.close-group{opacity:0;justify-content:flex-end}.buttons-group.hide{opacity:0}.close-group.show{opacity:1}.icon-registro{font-size:1.66rem;transition:all .3s ease-in-out;color:#646c73}.icon-registro:hover{color:#1f79ef;transition:all .3s ease-in-out;cursor:pointer}.icon-close-registro{font-size:1.66rem;transition:all .3s ease-in-out;color:#d13c47}.icon-close-registro:hover{color:#a31a23;transition:all .3s ease-in-out;cursor:pointer}.modal-horizontal-line{border-radius:10px;border-top:2px solid #D13C47;margin-top:.5rem;opacity:.75}.modal-title-body{height:calc(100% - 72px);overflow-y:auto}.modal-title-body::-webkit-scrollbar{width:10px}.modal-title-body::-webkit-scrollbar-track{background:transparent}.modal-title-body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.icon-container{position:relative;display:inline-block}.tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#737a83c0;color:#fff;text-align:center;border-radius:7px;padding:6px 10px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;font-size:.9rem;transition:all .1s ease-in-out}.icon-container:hover .tooltip-text{visibility:visible;opacity:1}

package/dist/index-D3su-uEQ.js

@@ -0,0 +1,15 @@
+import { G as t } from "./iconBase-LROS5hdG.js";
+function i(c) {
+  return t({ tag: "svg", attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z" }, child: [] }] })(c);
+}
+function s(c) {
+  return t({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M32 288c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 288zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 160z" }, child: [] }] })(c);
+}
+function r(c) {
+  return t({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" }, child: [] }] })(c);
+}
+export {
+  i as F,
+  s as a,
+  r as b
+};

package/dist/lib/tables/components/TituloModal.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { IconType } from 'react-icons';
+interface ButtonArray {
+    title: string;
+    icon: IconType;
+    onShow: () => void;
+}
+interface TituloModalProps {
+    title: string;
+    children: React.ReactNode;
+    buttons?: ButtonArray[];
+    isShowing?: boolean;
+    setIsShowing?: React.Dispatch<React.SetStateAction<boolean>>;
+}
+declare const TituloModal: React.FC<TituloModalProps>;
+export { TituloModal };

package/dist/lib/ui/components/Encabezado.d.ts

@@ -3,4 +3,4 @@ interface EncabezadoProps {
     dependencia: String;
 }
 declare const Encabezado: React.FC<EncabezadoProps>;
-export default Encabezado;
+export { Encabezado };

package/dist/lib/ui.d.ts

@@ -1 +1,3 @@
+export { Encabezado } from './ui/components/Encabezado';
 export { Subtitulo } from './ui/components/Subtitulo';
+export { TituloModal } from './tables/components/TituloModal';

package/dist/tables/components/Buscador.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { a as w } from "../../index-cWXT6a2B.js";
+import { b as w } from "../../index-D3su-uEQ.js";
 import * as s from "react";
 import { useContext as $, useMemo as T } from "react";
 import { c as p, u as R } from "../../ThemeProvider-CFCmmLJC.js";
@@ -80,7 +80,7 @@ const z = Object.assign(u, {
   });
 });
 f.displayName = "FormGroup";
-const E = ({ onSearch: e }) => {
+const D = ({ onSearch: e }) => {
   const r = (o) => o.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
   return /* @__PURE__ */ n("div", { className: "search-container", children: /* @__PURE__ */ C(f, { className: "d-flex align-items-center mx-1 position-relative", children: [
     /* @__PURE__ */ n(
@@ -99,5 +99,5 @@ const E = ({ onSearch: e }) => {
   ] }) });
 };
 export {
-  E as default
+  D as default
 };

package/dist/tables/components/Tabla.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import * as C from "react";
 import x from "react";
-import { F as $ } from "../../index-cWXT6a2B.js";
+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,

package/dist/tables/components/TituloModal.js

@@ -0,0 +1,51 @@
+import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
+import { useState as d, useEffect as p } from "react";
+import { F as v } from "../../index-D3su-uEQ.js";
+import '../../assets/TituloModal.css';const x = ({ title: m, children: h, buttons: i, isShowing: s, setIsShowing: u = () => {
+} }) => {
+  const [a, o] = d(0), [r, c] = d(!0);
+  return p(() => {
+  }, [a]), /* @__PURE__ */ t(N, { children: [
+    /* @__PURE__ */ t("div", { style: { marginBottom: "2rem" }, children: [
+      /* @__PURE__ */ t("div", { className: "modal-title-container", children: [
+        /* @__PURE__ */ t("div", { className: "modal-subtitle-container-left", children: [
+          /* @__PURE__ */ e("div", { className: "red-item" }),
+          /* @__PURE__ */ e("div", { className: "modal-subtitle", children: s && i && a ? i[a - 1].title : m })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "modal-subtitle-container-right", children: /* @__PURE__ */ t("div", { className: "animation-wrapper", children: [
+          r && /* @__PURE__ */ e("div", { className: `buttons-group ${s ? "hide" : "show"}`, children: i && i.map((l, n) => /* @__PURE__ */ t("div", { className: "icon-container", children: [
+            /* @__PURE__ */ e(
+              l.icon,
+              {
+                className: "icon-registro",
+                onClick: () => {
+                  setTimeout(() => {
+                    c(!1);
+                  }, 200), l.onShow(), o(n + 1);
+                }
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "tooltip-text", children: l.title })
+          ] }, n)) }),
+          !r && /* @__PURE__ */ e("div", { className: `close-group ${s ? "show" : "hide"}`, children: /* @__PURE__ */ e(
+            v,
+            {
+              className: "icon-close-registro",
+              onClick: () => {
+                setTimeout(() => {
+                  c(!0);
+                }, 200), u(!1), o(0);
+              },
+              style: { position: "absolute", right: 0 }
+            }
+          ) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e("hr", { className: "modal-horizontal-line" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "modal-title-body", children: h })
+  ] });
+};
+export {
+  x as TituloModal
+};

package/dist/ui/components/Encabezado.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-const l = {
+const i = {
   borderLeft: "8px solid",
   borderLeftColor: "#d13c47",
   height: "65px",
@@ -7,13 +7,13 @@ const l = {
   display: "flex",
   alignItems: "center",
   marginLeft: "0px"
-}, i = {
+}, l = {
   height: "60px",
   marginLeft: "12px",
   marginRight: "15px",
   alignSelf: "center"
-}, r = ({ dependencia: n }) => /* @__PURE__ */ e("div", { style: l, children: /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "center" }, children: [
-  /* @__PURE__ */ e("img", { src: "https://i.imgur.com/MYXJbgg.png", style: i }),
+}, r = ({ dependencia: n }) => /* @__PURE__ */ e("div", { style: i, children: /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "center" }, children: [
+  /* @__PURE__ */ e("img", { src: "https://i.imgur.com/MYXJbgg.png", style: l }),
   /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", justifyContent: "start" }, children: [
     /* @__PURE__ */ e("h4", { className: "d-none d-md-block", style: { margin: "0px 0px 4px 0px", fontWeight: "700" }, children: " Unidad Nacional de Protección " }),
     /* @__PURE__ */ e("h5", { className: "d-block d-md-none", style: { margin: "0px 0px 4px 0px", fontWeight: "700", fontSize: "1rem" }, children: " Unidad Nacional de Protección " }),
@@ -30,5 +30,5 @@ const l = {
   ] })
 ] }) });
 export {
-  r as default
+  r as Encabezado
 };

package/dist/ui.js

@@ -1,4 +1,8 @@
-import { Subtitulo as r } from "./ui/components/Subtitulo.js";
+import { Encabezado as t } from "./ui/components/Encabezado.js";
+import { Subtitulo as a } from "./ui/components/Subtitulo.js";
+import { TituloModal as l } from "./tables/components/TituloModal.js";
 export {
-  r as Subtitulo
+  t as Encabezado,
+  a as Subtitulo,
+  l as TituloModal
 };

package/package.json

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

package/dist/index-cWXT6a2B.js

@@ -1,11 +0,0 @@
-import { G as a } from "./iconBase-LROS5hdG.js";
-function i(t) {
-  return a({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M32 288c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 288zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 160z" }, child: [] }] })(t);
-}
-function s(t) {
-  return a({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" }, child: [] }] })(t);
-}
-export {
-  i as F,
-  s as a
-};