@situaction/traq-ui-ste 1.1.37 → 1.1.38

package/dist/components/modal/Modal.js

@@ -6,7 +6,7 @@ import '../../styles/Modal.css';const F = "_overlay_b1r7c_1", L = "_modalContent
   centered: M
 }, Y = k(
   ({
-    open: t,
+    open: a,
     onClose: c,
     children: _,
     position: l,
@@ -14,31 +14,33 @@ import '../../styles/Modal.css';const F = "_overlay_b1r7c_1", L = "_modalContent
     className: b,
     disableOverlay: v = !1,
     autoCloseCondition: m,
-    anchorRef: a
-  }, w) => {
-    const y = C(null), g = w || y, [e, x] = E();
+    anchorRef: f
+  }, g) => {
+    const w = C(null), y = g || w, [e, x] = E();
     return N(() => {
-      !m && m !== void 0 && t && c();
-    }, [m, t, c]), B(() => {
-      if (a != null && a.current && t && !l && !r) {
-        const f = a.current.getBoundingClientRect();
+      !m && m !== void 0 && a && c();
+    }, [m, a, c]), B(() => {
+      if (f != null && f.current && a && !l && !r) {
+        const t = f.current.getBoundingClientRect();
         x({
-          top: `${f.bottom + window.scrollY}px`,
-          left: `${f.left + window.scrollX}px`
+          top: `${t.bottom + window.scrollY}px`,
+          left: `${t.left + window.scrollX}px`
         });
       }
-    }, [a, t, l, r]), t ? /* @__PURE__ */ $(j, { children: [
+    }, [f, a, l, r]), a ? /* @__PURE__ */ $(j, { children: [
       !v && /* @__PURE__ */ u(
         "div",
         {
           className: d.overlay,
-          onClick: c
+          onClick: (t) => {
+            t.stopPropagation(), c();
+          }
         }
       ),
       /* @__PURE__ */ u(
         "div",
         {
-          ref: g,
+          ref: y,
           className: `${d.modalContent} ${b || ""} ${r ? d.centered : ""}`,
           style: {
             position: "absolute",
@@ -49,7 +51,7 @@ import '../../styles/Modal.css';const F = "_overlay_b1r7c_1", L = "_modalContent
             width: l == null ? void 0 : l.width,
             transform: r || !(l != null && l.top) && !(l != null && l.left) && !e ? "translate(-50%, -50%)" : void 0
           },
-          onClick: (f) => f.stopPropagation(),
+          onClick: (t) => t.stopPropagation(),
           children: _
         }
       )

package/dist/components/panel/side-panel/SidePanel.js

@@ -1,47 +1,49 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as _, useRef as R, useEffect as y } from "react";
-import '../../../styles/SidePanel.css';const L = "_panel_lk5yy_1", x = "_openPanelBtn_lk5yy_9", v = "_box_lk5yy_18", b = "_panelLeft_lk5yy_29", B = "_panelRight_lk5yy_36", C = "_panelOpenedLeft_lk5yy_43", H = "_panelOpenedRight_lk5yy_47", S = "_panelHidden_lk5yy_51", E = "_displayPanel_lk5yy_55", N = "_hidePanel_lk5yy_59", e = {
-  panel: L,
-  openPanelBtn: x,
-  box: v,
-  panelLeft: b,
-  panelRight: B,
-  panelOpenedLeft: C,
-  panelOpenedRight: H,
-  panelHidden: S,
-  displayPanel: E,
-  hidePanel: N
-}, $ = ({
-  children: f,
-  width: a,
-  left: o = !0,
+import { jsx as _ } from "react/jsx-runtime";
+import { useState as y, useRef as L, useEffect as f } from "react";
+import '../../../styles/SidePanel.css';const x = "_panel_lk5yy_1", v = "_openPanelBtn_lk5yy_9", b = "_box_lk5yy_18", B = "_panelLeft_lk5yy_29", C = "_panelRight_lk5yy_36", H = "_panelOpenedLeft_lk5yy_43", S = "_panelOpenedRight_lk5yy_47", E = "_panelHidden_lk5yy_51", N = "_displayPanel_lk5yy_55", g = "_hidePanel_lk5yy_59", e = {
+  panel: x,
+  openPanelBtn: v,
+  box: b,
+  panelLeft: B,
+  panelRight: C,
+  panelOpenedLeft: H,
+  panelOpenedRight: S,
+  panelHidden: E,
+  displayPanel: N,
+  hidePanel: g
+}, I = ({
+  children: u,
+  width: s,
+  left: c = !0,
   opened: n = !1,
   onToggle: t
 }) => {
-  const [l, s] = _(n), [u, i] = _(n), p = R(null), m = {
-    "--dynamic-left": `-${a}`,
-    "--dynamic-right": `-${a}`,
-    width: a
-  }, h = o ? e.panelLeft : e.panelRight, P = o ? e.panelOpenedLeft : e.panelOpenedRight, k = [
+  const [l, i] = y(n), [m, p] = y(n), a = L(null), h = {
+    "--dynamic-left": `-${s}`,
+    "--dynamic-right": `-${s}`,
+    width: s
+  }, P = c ? e.panelLeft : e.panelRight, k = c ? e.panelOpenedLeft : e.panelOpenedRight, O = [
     e.panel,
-    h,
+    P,
     !l && e.panelHidden,
-    l && P,
-    u ? e.displayPanel : e.hidePanel
+    l && k,
+    m ? e.displayPanel : e.hidePanel
   ].filter(Boolean).join(" ");
-  return y(() => {
-    n ? (i(!0), setTimeout(() => s(!0), 10)) : (s(!1), setTimeout(() => i(!1), 300));
-  }, [n]), y(() => {
-    const d = (O) => {
-      const c = O.target;
-      c.closest("[data-ignore-outside-click]") || p.current && !p.current.contains(c) && (s(!1), t == null || t(!1), setTimeout(() => i(!1), 300));
+  return f(() => {
+    n ? (p(!0), setTimeout(() => i(!0), 10)) : (i(!1), setTimeout(() => p(!1), 300));
+  }, [n]), f(() => {
+    const d = (R) => {
+      var r;
+      const o = R.target;
+      o.closest("[data-ignore-outside-click]") || // déjà présent
+      (r = a.current) != null && r.contains(o) || a.current && !a.current.contains(o) && (i(!1), t == null || t(!1), setTimeout(() => p(!1), 300));
     };
     if (l)
       return document.addEventListener("mousedown", d), () => {
         document.removeEventListener("mousedown", d);
       };
-  }, [l, t]), /* @__PURE__ */ r("div", { style: m, className: k, children: /* @__PURE__ */ r("div", { ref: p, className: e.box, children: f }) });
+  }, [l, t]), /* @__PURE__ */ _("div", { style: h, className: O, children: /* @__PURE__ */ _("div", { ref: a, className: e.box, children: u }) });
 };
 export {
-  $ as SidePanel
+  I as SidePanel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.1.37",
+  "version": "1.1.38",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",