react-ecosistema-unp 1.7.2 → 1.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -270,15 +270,15 @@ const z1 = ({ onToggle: t, isOpen: c, showConnectionStatus: x }) => {
270
270
  {
271
271
  className: "gear__path",
272
272
  fill: "none",
273
- d: `M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z
274
- M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65
275
- 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65
276
- 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65
277
- 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0
278
- 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65
279
- 0 0 0 1.82.33h.09a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0
280
- 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65
281
- 0 0 0-.33 1.82v.09a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0
273
+ d: `M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z\r
274
+ M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65\r
275
+ 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65\r
276
+ 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65\r
277
+ 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0\r
278
+ 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65\r
279
+ 0 0 0 1.82.33h.09a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0\r
280
+ 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65\r
281
+ 0 0 0-.33 1.82v.09a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0\r
282
282
  0-1.51 1z`
283
283
  }
284
284
  )
@@ -1,97 +1,97 @@
1
- import { jsx as a, jsxs as u } from "react/jsx-runtime";
2
- import { useState as m, useRef as q, useEffect as f } from "react";
1
+ import { jsx as t, jsxs as i } from "react/jsx-runtime";
2
+ import { useState as m, useRef as q, useEffect as u } from "react";
3
3
  import { R as I } from "../../../index-BrykDZgK.js";
4
4
  import { q as M, r as A } from "../../../index-069JzHFQ.js";
5
5
  import '../../../assets/EcoModalStyles.css';/* empty css */
6
6
  const V = ({
7
- show: n,
8
- onHide: p,
9
- title: S,
10
- children: k,
11
- closeModalOut: E,
12
- isMaximized: o,
13
- onToggleMaximize: h,
14
- showMaximizeButton: R = !1,
15
- modalType: s = "primary",
16
- primaryPosition: r = "right",
17
- disableClose: y = !1,
18
- hasSecondaryModalOpen: j = !1,
19
- otherModalOpen: c = !1,
20
- widthPercent: b,
21
- headerBgColor: D = "#303D50",
22
- hasBody: _ = !0
7
+ show: r,
8
+ onHide: f,
9
+ title: N,
10
+ children: S,
11
+ closeModalOut: k,
12
+ isMaximized: l,
13
+ onToggleMaximize: p,
14
+ showMaximizeButton: E = !1,
15
+ modalType: o = "primary",
16
+ primaryPosition: s = "right",
17
+ disableClose: h = !1,
18
+ hasSecondaryModalOpen: R = !1,
19
+ otherModalOpen: _ = !1,
20
+ widthPercent: y,
21
+ headerBgColor: j = "#303D50",
22
+ hasBody: D = !0
23
23
  }) => {
24
- const [v, g] = m(!1), [l, i] = m(!1), [w, C] = m(!1), t = q(null);
25
- f(() => (C(!0), s === "secondary" && !t.current && (t.current = document.createElement("div"), t.current.className = "modal-portal-container", document.body.appendChild(t.current)), () => {
26
- C(!1), t.current && (document.body.removeChild(t.current), t.current = null);
27
- }), [s]), f(() => {
24
+ const [b, v] = m(!1), [c, n] = m(!1), [g, w] = m(!1), a = q(null);
25
+ u(() => (w(!0), o === "secondary" && !a.current && (a.current = document.createElement("div"), a.current.className = "modal_portal_container", document.body.appendChild(a.current)), () => {
26
+ w(!1), a.current && (document.body.removeChild(a.current), a.current = null);
27
+ }), [o]), u(() => {
28
28
  const e = document.body;
29
- return n ? (g(!0), e.classList.add("modal-open")) : (i(!0), setTimeout(() => {
30
- w && (g(!1), i(!1)), e.classList.remove("modal-open");
29
+ return r ? (v(!0), e.classList.add("eco_modal_open")) : (n(!0), setTimeout(() => {
30
+ g && (v(!1), n(!1)), e.classList.remove("eco_modal_open");
31
31
  }, 200)), () => {
32
- e.classList.remove("modal-open");
32
+ e.classList.remove("eco_modal_open");
33
33
  };
34
- }, [n, w]), f(() => {
34
+ }, [r, g]), u(() => {
35
35
  const e = document.body;
36
- s === "primary" && (e.classList.remove("primary-right", "primary-left"), e.classList.add(
37
- r === "left" ? "primary-left" : "primary-right"
36
+ o === "primary" && (e.classList.remove("eco_modal_primary_right", "eco_modal_primary_left"), e.classList.add(
37
+ s === "left" ? "eco_modal_primary_left" : "eco_modal_primary_right"
38
38
  ));
39
39
  const d = () => {
40
- if (!(n && c && !o)) {
41
- e.classList.remove("two-modals-50", "two-modals-large");
40
+ if (!(r && _ && !l)) {
41
+ e.classList.remove("eco_modal_two_modals_50", "eco_modal_two_modals_large");
42
42
  return;
43
43
  }
44
- window.innerWidth >= 1200 ? (e.classList.add("two-modals-large"), e.classList.remove("two-modals-50")) : (e.classList.add("two-modals-50"), e.classList.remove("two-modals-large"));
44
+ window.innerWidth >= 1200 ? (e.classList.add("eco_modal_two_modals_large"), e.classList.remove("eco_modal_two_modals_50")) : (e.classList.add("eco_modal_two_modals_50"), e.classList.remove("eco_modal_two_modals_large"));
45
45
  };
46
46
  return d(), window.addEventListener("resize", d), () => {
47
- s === "primary" && e.classList.remove("primary-right", "primary-left"), e.classList.remove("two-modals-50", "two-modals-large"), window.removeEventListener("resize", d);
47
+ o === "primary" && e.classList.remove("eco_modal_primary_right", "eco_modal_primary_left"), e.classList.remove("eco_modal_two_modals_50", "eco_modal_two_modals_large"), window.removeEventListener("resize", d);
48
48
  };
49
- }, [s, r, n, c, o]);
50
- const $ = () => s === "primary" ? r === "center" ? "primary-center" : `primary-${r}` : `secondary-${r === "left" ? "right" : "left"}`, x = () => {
51
- const e = ["modal-overlay"];
52
- return s === "primary" ? e.push(`primary-${r}`) : e.push("secondary-overlay"), v && !l && e.push("show"), l && e.push("hide"), e.join(" ");
49
+ }, [o, s, r, _, l]);
50
+ const $ = () => o === "primary" ? s === "center" ? "eco_modal_primary_center" : `eco_modal_primary_${s}` : `eco_modal_secondary_${s === "left" ? "right" : "left"}`, x = () => {
51
+ const e = ["eco_modal_overlay"];
52
+ return o === "primary" ? e.push(`eco_modal_primary_${s}`) : e.push("eco_modal_secondary_overlay"), b && !c && e.push("eco_modal_show"), c && e.push("eco_modal_hide"), e.join(" ");
53
53
  }, W = () => {
54
- const e = ["modal-container", s, $()];
55
- return v && !l && e.push("show"), l && e.push("hide"), o && e.push("maximized"), r === "center" && e.push("centered"), e.join(" ");
56
- }, L = s === "primary" ? y || j : y, z = s === "primary" && n && c, F = () => {
57
- !L && s === "primary" && E && (i(!0), setTimeout(() => {
58
- p(), i(!1);
54
+ const e = ["eco_modal_container", o, $()];
55
+ return b && !c && e.push("eco_modal_show"), c && e.push("eco_modal_hide"), l && e.push("eco_modal_maximized"), s === "center" && e.push("eco_modal_centered"), e.join(" ");
56
+ }, C = o === "primary" ? h || R : h, z = o === "primary" && r && _, F = () => {
57
+ !C && o === "primary" && k && (n(!0), setTimeout(() => {
58
+ f(), n(!1);
59
59
  }, 200));
60
60
  }, O = () => {
61
61
  const e = {};
62
- return s === "primary" && !o && b && (e["--modal-primary-width"] = `${b}%`), e;
63
- }, N = /* @__PURE__ */ a("div", { className: x(), onClick: F, children: /* @__PURE__ */ u(
62
+ return o === "primary" && !l && y && (e["--modal-primary-width"] = `${y}%`), e;
63
+ }, L = /* @__PURE__ */ t("div", { className: x(), onClick: F, children: /* @__PURE__ */ i(
64
64
  "div",
65
65
  {
66
66
  className: W(),
67
67
  style: O(),
68
68
  onClick: (e) => e.stopPropagation(),
69
69
  children: [
70
- /* @__PURE__ */ u(
70
+ /* @__PURE__ */ i(
71
71
  "div",
72
72
  {
73
- className: "modal_header",
74
- style: { backgroundColor: D },
73
+ className: "eco_modal_header",
74
+ style: { backgroundColor: j },
75
75
  children: [
76
- /* @__PURE__ */ a("span", { children: S }),
77
- /* @__PURE__ */ u("div", { style: { display: "flex", gap: 10 }, children: [
78
- R && h && /* @__PURE__ */ a(
76
+ /* @__PURE__ */ t("span", { children: N }),
77
+ /* @__PURE__ */ i("div", { style: { display: "flex", gap: 10 }, children: [
78
+ E && p && /* @__PURE__ */ t(
79
79
  "button",
80
80
  {
81
- className: "max_button",
82
- onClick: h,
81
+ className: "eco_modal_max_button",
82
+ onClick: p,
83
83
  type: "button",
84
84
  disabled: z,
85
- children: o ? /* @__PURE__ */ a(M, { size: 14, className: "icon-header" }) : /* @__PURE__ */ a(A, { size: 14, className: "icon-header" })
85
+ children: l ? /* @__PURE__ */ t(M, { size: 14, className: "eco_modal_icon_header" }) : /* @__PURE__ */ t(A, { size: 14, className: "eco_modal_icon_header" })
86
86
  }
87
87
  ),
88
- /* @__PURE__ */ a(
88
+ /* @__PURE__ */ t(
89
89
  "button",
90
90
  {
91
- className: "close_button",
92
- onClick: p,
91
+ className: "eco_modal_close_button",
92
+ onClick: f,
93
93
  type: "button",
94
- disabled: L,
94
+ disabled: C,
95
95
  children: "×"
96
96
  }
97
97
  )
@@ -99,18 +99,18 @@ const V = ({
99
99
  ]
100
100
  }
101
101
  ),
102
- /* @__PURE__ */ a(
102
+ /* @__PURE__ */ t(
103
103
  "div",
104
104
  {
105
- className: "modal_body",
106
- style: { padding: _ ? "1rem" : "0rem" },
107
- children: k
105
+ className: "eco_modal_body",
106
+ style: { padding: D ? "1rem" : "0rem" },
107
+ children: S
108
108
  }
109
109
  )
110
110
  ]
111
111
  }
112
112
  ) });
113
- return s === "secondary" && t.current ? I.createPortal(N, t.current) : N;
113
+ return o === "secondary" && a.current ? I.createPortal(L, a.current) : L;
114
114
  };
115
115
  export {
116
116
  V as EcoModal