react-ecosistema-unp 2.1.0 → 2.3.0

package/dist/shared/ventana-lienzo/VentanaLienzo.js

@@ -1,38 +1,42 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { IconosSistema as v } from "../iconos-sistema/IconosSistema.js";
-import { BreadcrumbNav as g } from "../breadcrumb/Breadcrumb.js";
-import { MenuLateral as h } from "../menu-lateral/MenuLateral.js";
-import { EcoFooter as N } from "../../ui/eco-footer/EcoFooter.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import n from "react";
+import { IconosSistema as h } from "../iconos-sistema/IconosSistema.js";
+import { BreadcrumbNav as N } from "../breadcrumb/Breadcrumb.js";
+import { MenuLateral as b } from "../menu-lateral/MenuLateral.js";
+import { EcoFooter as x } from "../../ui/eco-footer/EcoFooter.js";
 import '../../assets/VentanaLienzo.css';const L = ({
   children: t,
   items: r,
-  extraInput: m,
-  showConnectionStatus: s = !1,
+  extraInput: s,
+  showConnectionStatus: m = !1,
   notificationType: i = "normal",
   showFooter: l = !0,
-  showSideMenu: o = !0,
-  extraMenuItems: c
+  showSideMenu: a = !0,
+  extraMenuItems: c,
+  menuColor: u,
+  showBaseMenuItems: d = !0
 }) => {
-  const [d, p] = a.useState(!1), u = a.useCallback(() => {
-    p((f) => !f);
+  const [p, f] = n.useState(!1), v = n.useCallback(() => {
+    f((g) => !g);
   }, []);
-  return /* @__PURE__ */ n(a.Fragment, { children: [
-    /* @__PURE__ */ e(v, { elements: m, notificationType: i }),
-    o && /* @__PURE__ */ e(
-      h,
+  return /* @__PURE__ */ o(n.Fragment, { children: [
+    /* @__PURE__ */ e(h, { elements: s, notificationType: i }),
+    a && /* @__PURE__ */ e(
+      b,
       {
-        onToggle: u,
-        isOpen: d,
-        showConnectionStatus: s,
-        extraMenuItems: c
+        onToggle: v,
+        isOpen: p,
+        showConnectionStatus: m,
+        extraMenuItems: c,
+        color: u,
+        showBaseItems: d
       }
     ),
-    /* @__PURE__ */ n("div", { className: `main-section${o ? " has-side-menu" : ""}`, children: [
-      /* @__PURE__ */ e(g, { items: r }),
-      /* @__PURE__ */ n("div", { className: "ventana-lienzo-container", children: [
+    /* @__PURE__ */ o("div", { className: `main-section${a ? " has-side-menu" : ""}`, children: [
+      /* @__PURE__ */ e(N, { items: r }),
+      /* @__PURE__ */ o("div", { className: "ventana-lienzo-container", children: [
         /* @__PURE__ */ e("div", { className: "ventana-lienzo-body", children: t }),
-        l && /* @__PURE__ */ e(N, {})
+        l && /* @__PURE__ */ e(x, {})
       ] })
     ] })
   ] });

package/dist/shared/ventana-tabs/VentanaTabs.js

@@ -1,16 +1,16 @@
-import { jsx as s, jsxs as j } from "react/jsx-runtime";
+import { jsx as l, jsxs as j } from "react/jsx-runtime";
 import * as $ from "react";
-import x, { useRef as E, useContext as T, useEffect as F } from "react";
+import x, { useRef as O, useContext as T, useEffect as F } from "react";
 import { MenuLateral as H } from "../menu-lateral/MenuLateral.js";
 import { IconosSistema as M } from "../iconos-sistema/IconosSistema.js";
 import '../../assets/Bootstrap.css';/* empty css                       */
 import { u as D } from "../../useIsomorphicEffect-DH-agvLb.js";
 import { T as W, b as Y, g as z, a as G } from "../../TabPane-D71zhQGl.js";
 import { c as k } from "../../index-ZphT3dr_.js";
-import { N as J, u as Q, a as X, d as Z, b as ee, q as te, c as L, e as ne } from "../../AppList-BshxZhoN.js";
+import { N as J, u as Q, a as X, d as Z, b as ee, q as te, c as B, e as ne } from "../../AppList-DORGpC4I.js";
 import { u as ae } from "../../NoopTransition-D8AxBGEr.js";
-import { S as I, T as re, m as oe } from "../../TabContext-Du6X9q-A.js";
-import { u as B } from "../../ThemeProvider-Cv61y4Uy.js";
+import { S as E, T as re, m as oe } from "../../TabContext-Du6X9q-A.js";
+import { u as L } from "../../ThemeProvider-Cv61y4Uy.js";
 import { c as se } from "../../CardHeaderContext-DVw0yHuy.js";
 import { m as P, f as le } from "../../ElementChildren-67NLtZ0A.js";
 const ie = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
@@ -29,61 +29,61 @@ const A = () => {
     // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
     as: a = "div",
     onSelect: n,
-    activeKey: r,
+    activeKey: s,
     role: c,
-    onKeyDown: u
+    onKeyDown: d
   } = t, f = ce(t, ie);
-  const p = Q(), m = E(!1), o = T(I), l = T(re);
-  let b, N;
-  l && (c = c || "tablist", r = l.activeKey, b = l.getControlledId, N = l.getControllerId);
-  const v = E(null), y = (i) => {
-    const d = v.current;
-    if (!d) return null;
-    const C = te(d, `[${R}]:not([aria-disabled=true])`), S = d.querySelector("[aria-selected=true]");
+  const b = Q(), m = O(!1), v = T(E), r = T(re);
+  let o, N;
+  r && (c = c || "tablist", s = r.activeKey, o = r.getControlledId, N = r.getControllerId);
+  const p = O(null), y = (i) => {
+    const u = p.current;
+    if (!u) return null;
+    const C = te(u, `[${R}]:not([aria-disabled=true])`), S = u.querySelector("[aria-selected=true]");
     if (!S || S !== document.activeElement) return null;
-    const w = C.indexOf(S);
-    if (w === -1) return null;
-    let K = w + i;
+    const I = C.indexOf(S);
+    if (I === -1) return null;
+    let K = I + i;
     return K >= C.length && (K = 0), K < 0 && (K = C.length - 1), C[K];
-  }, h = (i, d) => {
-    i != null && (n == null || n(i, d), o == null || o(i, d));
+  }, h = (i, u) => {
+    i != null && (n == null || n(i, u), v == null || v(i, u));
   }, g = (i) => {
-    if (u == null || u(i), !l)
+    if (d == null || d(i), !r)
       return;
-    let d;
+    let u;
     switch (i.key) {
       case "ArrowLeft":
       case "ArrowUp":
-        d = y(-1);
+        u = y(-1);
         break;
       case "ArrowRight":
       case "ArrowDown":
-        d = y(1);
+        u = y(1);
         break;
       default:
         return;
     }
-    d && (i.preventDefault(), h(d.dataset[ee("EventKey")] || null, i), m.current = !0, p());
+    u && (i.preventDefault(), h(u.dataset[ee("EventKey")] || null, i), m.current = !0, b());
   };
   F(() => {
-    if (v.current && m.current) {
-      const i = v.current.querySelector(`[${R}][aria-selected=true]`);
+    if (p.current && m.current) {
+      const i = p.current.querySelector(`[${R}][aria-selected=true]`);
       i == null || i.focus();
     }
     m.current = !1;
   });
-  const V = ae(e, v);
-  return /* @__PURE__ */ s(I.Provider, {
+  const V = ae(e, p);
+  return /* @__PURE__ */ l(E.Provider, {
     value: h,
-    children: /* @__PURE__ */ s(X.Provider, {
+    children: /* @__PURE__ */ l(X.Provider, {
       value: {
         role: c,
         // used by NavLink to determine it's role
-        activeKey: oe(r),
-        getControlledId: b || A,
+        activeKey: oe(s),
+        getControlledId: o || A,
         getControllerId: N || A
       },
-      children: /* @__PURE__ */ s(a, Object.assign({}, f, {
+      children: /* @__PURE__ */ l(a, Object.assign({}, f, {
         onKeyDown: g,
         ref: V,
         role: c
@@ -92,58 +92,58 @@ const A = () => {
   });
 });
 _.displayName = "Nav";
-const de = Object.assign(_, {
+const ue = Object.assign(_, {
   Item: J
-}), O = /* @__PURE__ */ $.forwardRef(({
+}), w = /* @__PURE__ */ $.forwardRef(({
   className: t,
   bsPrefix: e,
   as: a = "div",
   ...n
-}, r) => (e = B(e, "nav-item"), /* @__PURE__ */ s(a, {
-  ref: r,
+}, s) => (e = L(e, "nav-item"), /* @__PURE__ */ l(a, {
+  ref: s,
   className: k(t, e),
   ...n
 })));
-O.displayName = "NavItem";
+w.displayName = "NavItem";
 const q = /* @__PURE__ */ $.forwardRef((t, e) => {
   const {
     as: a = "div",
     bsPrefix: n,
-    variant: r,
+    variant: s,
     fill: c = !1,
-    justify: u = !1,
+    justify: d = !1,
     navbar: f,
-    navbarScroll: p,
+    navbarScroll: b,
     className: m,
-    activeKey: o,
-    ...l
+    activeKey: v,
+    ...r
   } = D(t, {
     activeKey: "onSelect"
-  }), b = B(n, "nav");
-  let N, v, y = !1;
+  }), o = L(n, "nav");
+  let N, p, y = !1;
   const h = T(ne), g = T(se);
   return h ? (N = h.bsPrefix, y = f ?? !0) : g && ({
-    cardHeaderBsPrefix: v
-  } = g), /* @__PURE__ */ s(de, {
+    cardHeaderBsPrefix: p
+  } = g), /* @__PURE__ */ l(ue, {
     as: a,
     ref: e,
-    activeKey: o,
+    activeKey: v,
     className: k(m, {
-      [b]: !y,
+      [o]: !y,
       [`${N}-nav`]: y,
-      [`${N}-nav-scroll`]: y && p,
-      [`${v}-${r}`]: !!v,
-      [`${b}-${r}`]: !!r,
-      [`${b}-fill`]: c,
-      [`${b}-justified`]: u
+      [`${N}-nav-scroll`]: y && b,
+      [`${p}-${s}`]: !!p,
+      [`${o}-${s}`]: !!s,
+      [`${o}-fill`]: c,
+      [`${o}-justified`]: d
     }),
-    ...l
+    ...r
   });
 });
 q.displayName = "Nav";
-const ue = Object.assign(q, {
-  Item: O,
-  Link: L
+const de = Object.assign(q, {
+  Item: w,
+  Link: B
 });
 function fe(t) {
   let e;
@@ -156,20 +156,20 @@ function me(t) {
     title: e,
     eventKey: a,
     disabled: n,
-    tabClassName: r,
+    tabClassName: s,
     tabAttrs: c,
-    id: u
+    id: d
   } = t.props;
-  return e == null ? null : /* @__PURE__ */ s(O, {
+  return e == null ? null : /* @__PURE__ */ l(w, {
     as: "li",
     role: "presentation",
-    children: /* @__PURE__ */ s(L, {
+    children: /* @__PURE__ */ l(B, {
       as: "button",
       type: "button",
       eventKey: a,
       disabled: n,
-      id: u,
-      className: r,
+      id: d,
+      className: s,
       ...c,
       children: e
     })
@@ -180,74 +180,78 @@ const U = (t) => {
     id: e,
     onSelect: a,
     transition: n,
-    mountOnEnter: r = !1,
+    mountOnEnter: s = !1,
     unmountOnExit: c = !1,
-    variant: u = "tabs",
+    variant: d = "tabs",
     children: f,
-    activeKey: p = fe(f),
+    activeKey: b = fe(f),
     ...m
   } = D(t, {
     activeKey: "onSelect"
   });
   return /* @__PURE__ */ j(W, {
     id: e,
-    activeKey: p,
+    activeKey: b,
     onSelect: a,
     transition: z(n),
-    mountOnEnter: r,
+    mountOnEnter: s,
     unmountOnExit: c,
-    children: [/* @__PURE__ */ s(ue, {
+    children: [/* @__PURE__ */ l(de, {
       id: e,
       ...m,
       role: "tablist",
       as: "ul",
-      variant: u,
+      variant: d,
       children: P(f, me)
-    }), /* @__PURE__ */ s(Y, {
-      children: P(f, (o) => {
-        const l = {
-          ...o.props
+    }), /* @__PURE__ */ l(Y, {
+      children: P(f, (v) => {
+        const r = {
+          ...v.props
         };
-        return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ s(G, {
-          ...l
+        return delete r.title, delete r.disabled, delete r.tabClassName, delete r.tabAttrs, /* @__PURE__ */ l(G, {
+          ...r
         });
       })
     })]
   });
 };
 U.displayName = "Tabs";
-const we = ({
+const Ie = ({
   children: t,
   extraInput: e,
   showConnectionStatus: a = !1,
   showSideMenu: n = !0,
-  extraMenuItems: r
+  extraMenuItems: s,
+  menuColor: c,
+  showBaseMenuItems: d = !0
 }) => {
-  const [c, u] = x.useState(!1), [f, p] = x.useState(void 0), m = x.useCallback(() => {
-    u((o) => !o);
+  const [f, b] = x.useState(!1), [m, v] = x.useState(void 0), r = x.useCallback(() => {
+    b((o) => !o);
   }, []);
   return /* @__PURE__ */ j(x.Fragment, { children: [
-    /* @__PURE__ */ s(M, { elements: e }),
-    n && /* @__PURE__ */ s(
+    /* @__PURE__ */ l(M, { elements: e }),
+    n && /* @__PURE__ */ l(
       H,
       {
-        onToggle: m,
-        isOpen: c,
+        onToggle: r,
+        isOpen: f,
         showConnectionStatus: a,
-        extraMenuItems: r
+        extraMenuItems: s,
+        color: c,
+        showBaseItems: d
       }
     ),
-    /* @__PURE__ */ s("div", { className: `main-section${n ? " has-side-menu" : ""}`, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ l("div", { className: `main-section${n ? " has-side-menu" : ""}`, children: /* @__PURE__ */ l(
       U,
       {
         id: "controlled-tab",
-        activeKey: f,
-        onSelect: (o) => p(o !== null ? o : void 0),
+        activeKey: m,
+        onSelect: (o) => v(o !== null ? o : void 0),
         children: x.Children.map(t, (o) => x.isValidElement(o) ? o : null)
       }
     ) })
   ] });
 };
 export {
-  we as VentanaTabs
+  Ie as VentanaTabs
 };