@m4l/components 9.22.0 → 9.22.1

package/components/extended/mui/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Popover/Popover.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAEV,YAAY,EACb,MAAM,SAAS,CAAC;AA8MjB;;GAEG;AACH,eAAO,MAAM,OAAO,sHA+QnB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Popover/Popover.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAEV,YAAY,EACb,MAAM,SAAS,CAAC;AA8MjB;;GAEG;AACH,eAAO,MAAM,OAAO,sHAqRnB,CAAC"}

package/components/extended/mui/Popover/Popover.js

@@ -1,14 +1,14 @@
-import { jsx as H } from "@emotion/react/jsx-runtime";
-import { Paper as ne } from "@mui/material";
-import { useForkRef as re } from "@mui/material/utils";
-import W from "clsx";
-import { createPortal as ie } from "react-dom";
-import { forwardRef as se, useRef as $, useState as ae, useLayoutEffect as ce, useEffect as j } from "react";
-import { getPropDataTestId as le } from "../../../../test/getNameDataTestId.js";
-import { POPOVER_CLASS_NAME_SPECIFY as fe, POPOVER_PREFIX as pe } from "./constants.js";
-import { PopoverRootStyled as ue } from "./slots/PopoverSlots.js";
-import { PopoverSlots as de } from "./slots/PopoverEnum.js";
-const U = {
+import { jsx as W } from "@emotion/react/jsx-runtime";
+import { Paper as re } from "@mui/material";
+import { useForkRef as ie } from "@mui/material/utils";
+import $ from "clsx";
+import { createPortal as se } from "react-dom";
+import { forwardRef as ce, useRef as j, useState as ae, useLayoutEffect as le, useEffect as U } from "react";
+import { getPropDataTestId as fe } from "../../../../test/getNameDataTestId.js";
+import { POPOVER_CLASS_NAME_SPECIFY as pe, POPOVER_PREFIX as ue } from "./constants.js";
+import { PopoverRootStyled as de } from "./slots/PopoverSlots.js";
+import { PopoverSlots as me } from "./slots/PopoverEnum.js";
+const X = {
   left: "0px",
   top: "0px",
   transformOrigin: "top left",
@@ -24,16 +24,16 @@ function k(t) {
 function F(t, e) {
   return typeof document > "u" ? null : t ? typeof t == "function" ? t() : t ?? null : k(e)?.ownerDocument.body ?? document.body;
 }
-function X(t, e) {
+function Y(t, e) {
   return typeof e == "number" ? e : e === "center" ? t.height / 2 : e === "bottom" ? t.height : 0;
 }
-function Y(t, e) {
+function q(t, e) {
   return typeof e == "number" ? e : e === "center" ? t.width / 2 : e === "right" ? t.width : 0;
 }
-function q(t) {
+function G(t) {
   return [t.horizontal, t.vertical].map((e) => typeof e == "number" ? `${e}px` : e).join(" ");
 }
-function me(t) {
+function he(t) {
   const {
     anchorEl: e,
     anchorOrigin: y,
@@ -45,15 +45,15 @@ function me(t) {
   } = t, g = {
     height: P.offsetHeight,
     width: P.offsetWidth
-  }, a = {
-    horizontal: Y(g, b.horizontal),
-    vertical: X(g, b.vertical)
+  }, c = {
+    horizontal: q(g, b.horizontal),
+    vertical: Y(g, b.vertical)
   };
   if (r === "none")
     return {
       left: "0px",
       top: "0px",
-      transformOrigin: q(a),
+      transformOrigin: G(c),
       visibility: "visible"
     };
   const R = k(e), E = r === "anchorPosition" ? {
@@ -69,33 +69,33 @@ function me(t) {
     top: 0,
     width: 0
   }, T = {
-    left: E.left + Y(E, y.horizontal),
-    top: E.top + X(E, y.vertical)
+    left: E.left + q(E, y.horizontal),
+    top: E.top + Y(E, y.vertical)
   };
-  let m = T.top - a.vertical, h = T.left - a.horizontal;
-  const D = m + g.height, L = h + g.width, p = R?.ownerDocument.defaultView ?? window, S = p.innerHeight - (n ?? 0), A = p.innerWidth - (n ?? 0);
+  let m = T.top - c.vertical, h = T.left - c.horizontal;
+  const D = m + g.height, L = h + g.width, p = R?.ownerDocument.defaultView ?? window, A = p.innerHeight - (n ?? 0), S = p.innerWidth - (n ?? 0);
   if (n !== null && m < n) {
     const i = m - n;
-    m -= i, a.vertical += i;
-  } else if (n !== null && D > S) {
-    const i = D - S;
-    m -= i, a.vertical += i;
+    m -= i, c.vertical += i;
+  } else if (n !== null && D > A) {
+    const i = D - A;
+    m -= i, c.vertical += i;
   }
   if (n !== null && h < n) {
     const i = h - n;
-    h -= i, a.horizontal += i;
-  } else if (n !== null && L > A) {
-    const i = L - A;
-    h -= i, a.horizontal += i;
+    h -= i, c.horizontal += i;
+  } else if (n !== null && L > S) {
+    const i = L - S;
+    h -= i, c.horizontal += i;
   }
   return {
     left: `${Math.round(h)}px`,
     top: `${Math.round(m)}px`,
-    transformOrigin: q(a),
+    transformOrigin: G(c),
     visibility: "visible"
   };
 }
-const Ne = se(
+const Ne = ce(
   function(e, y) {
     const {
       action: w,
@@ -104,7 +104,7 @@ const Ne = se(
       anchorPosition: P,
       anchorReference: b = "anchorEl",
       arrowType: g = "no-arrow",
-      BackdropComponent: a,
+      BackdropComponent: c,
       BackdropProps: R,
       children: E,
       className: T,
@@ -113,63 +113,63 @@ const Ne = se(
       components: D,
       componentsProps: L,
       container: p,
-      disableAutoFocus: S,
-      disableEnforceFocus: A,
+      disableAutoFocus: A,
+      disableEnforceFocus: S,
       disableEscapeKeyDown: i,
-      disablePortal: he,
+      disablePortal: ve,
       disableRestoreFocus: M = !1,
-      disableScrollLock: ve,
-      elevation: G = 8,
-      hideBackdrop: Ee,
-      instaceDataTestId: J,
-      keepMounted: we,
+      disableScrollLock: Ee,
+      elevation: J = 8,
+      hideBackdrop: we,
+      instaceDataTestId: Q,
+      keepMounted: Pe,
       marginThreshold: B = 16,
-      onBackdropClick: Pe,
+      onBackdropClick: be,
       onClose: O,
-      onTransitionEnter: be,
-      onTransitionExited: ge,
+      onTransitionEnter: ge,
+      onTransitionExited: _e,
       open: u = !1,
-      ownerState: _e,
+      ownerState: ye,
       PaperProps: I = {},
-      size: ye,
+      size: Te,
       slotProps: x,
-      slots: Te,
-      sx: Q,
+      slots: Oe,
+      sx: Z,
       transformOrigin: N = { horizontal: "right", vertical: "top" },
-      TransitionComponent: Oe,
-      transitionDuration: xe,
-      TransitionProps: ke,
-      ...Z
-    } = e, c = $(null), ee = re(
-      c,
+      TransitionComponent: xe,
+      transitionDuration: ke,
+      TransitionProps: Re,
+      ...ee
+    } = e, a = j(null), te = ie(
+      a,
       ((typeof x?.paper == "function" ? void 0 : x?.paper) ?? I)?.ref
-    ), [te, V] = ae(
-      U
-    ), z = $(null), K = u ? F(p, r) : null, d = (typeof x?.paper == "function" ? void 0 : x?.paper) ?? I, oe = Array.isArray(
+    ), [oe, V] = ae(
+      X
+    ), z = j(null), K = u ? F(p, r) : null, d = (typeof x?.paper == "function" ? void 0 : x?.paper) ?? I, ne = Array.isArray(
       d?.sx
     ) ? [C, ...d.sx] : d?.sx ? [C, d.sx] : C;
-    return ce(() => {
-      if (!u || !c.current) {
-        V(U);
+    return le(() => {
+      if (!u || !a.current) {
+        V(X);
         return;
       }
       const o = () => {
-        if (!c.current)
+        if (!a.current)
           return;
-        const s = me({
+        const s = he({
           anchorEl: r,
           anchorOrigin: n,
           anchorPosition: P,
           anchorReference: b,
           marginThreshold: B,
-          paperElement: c.current,
+          paperElement: a.current,
           transformOrigin: N
         });
         V((v) => v.left === s.left && v.top === s.top && v.transformOrigin === s.transformOrigin && v.visibility === s.visibility ? v : s);
-      }, l = c.current.ownerDocument, _ = k(r), f = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+      }, l = a.current.ownerDocument, _ = k(r), f = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
         o();
       });
-      return o(), l.defaultView?.addEventListener("resize", o), l.addEventListener("scroll", o, !0), f?.observe(c.current), _ && f?.observe(_), () => {
+      return o(), l.defaultView?.addEventListener("resize", o), l.addEventListener("scroll", o, !0), f?.observe(a.current), _ && f?.observe(_), () => {
         l.defaultView?.removeEventListener("resize", o), l.removeEventListener("scroll", o, !0), f?.disconnect();
       };
     }, [
@@ -180,19 +180,22 @@ const Ne = se(
       B,
       u,
       N
-    ]), j(() => {
+    ]), U(() => {
       if (!u)
         return;
-      const o = c.current?.ownerDocument ?? F(p, r)?.ownerDocument ?? document;
+      const o = a.current?.ownerDocument ?? F(p, r)?.ownerDocument ?? document;
       return z.current = o.activeElement instanceof HTMLElement ? o.activeElement : null, () => {
         M || z.current?.focus?.(), z.current = null;
       };
-    }, [r, p, M, u]), j(() => {
+    }, [r, p, M, u]), U(() => {
       if (!u || !O)
         return;
-      const o = c.current?.ownerDocument ?? F(p, r)?.ownerDocument ?? document, l = (f) => {
+      const o = a.current?.ownerDocument ?? F(p, r)?.ownerDocument ?? document, l = (f) => {
         const s = f.target, v = k(r);
-        !s || c.current?.contains(s) || v?.contains(s) || (s instanceof Element ? s : s.parentElement)?.closest(".MuiModal-root") || O(
+        if (!s || a.current?.contains(s) || v?.contains(s))
+          return;
+        const H = s instanceof Element ? s : s.parentElement;
+        H?.closest(".MuiModal-root") || H?.closest(".MuiAutocomplete-popper") || O(
           f,
           "backdropClick"
         );
@@ -205,29 +208,29 @@ const Ne = se(
       return o.addEventListener("mousedown", l, !0), o.addEventListener("touchstart", l, !0), o.addEventListener("keydown", _), () => {
         o.removeEventListener("mousedown", l, !0), o.removeEventListener("touchstart", l, !0), o.removeEventListener("keydown", _);
       };
-    }, [r, p, O, u]), !u || !K ? null : ie(
-      /* @__PURE__ */ H(
-        ue,
+    }, [r, p, O, u]), !u || !K ? null : se(
+      /* @__PURE__ */ W(
+        de,
         {
-          ...le(
-            pe,
-            de.root,
-            J
+          ...fe(
+            ue,
+            me.root,
+            Q
           ),
-          ...Z,
+          ...ee,
           ref: y,
-          className: W(T, fe),
-          ownerState: { position: te },
-          sx: Q,
-          children: /* @__PURE__ */ H(
-            ne,
+          className: $(T, pe),
+          ownerState: { position: oe },
+          sx: Z,
+          children: /* @__PURE__ */ W(
+            re,
             {
               ...d,
-              ref: ee,
+              ref: te,
               "aria-label": d?.["aria-label"] ?? "Paper-popover-root",
-              className: W(d?.className),
-              elevation: d?.elevation ?? G,
-              sx: oe,
+              className: $(d?.className),
+              elevation: d?.elevation ?? J,
+              sx: ne,
               children: E
             }
           )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.22.0",
+  "version": "9.22.1",
   "publishConfig": {
     "access": "public"
   },
@@ -51,11 +51,11 @@
     "@hookform/resolvers": "2.9.11",
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
-    "react-dropzone": "14.4.1",
-    "react-draggable": "4.5.0",
     "react-color": "2.19.3",
-    "@mui/x-date-pickers": "6.20.2",
+    "react-draggable": "4.5.0",
     "react-rnd": "10.5.2",
+    "@mui/x-date-pickers": "6.20.2",
+    "react-dropzone": "14.4.1",
     "react-spinners": "0.13.8",
     "date-fns": "2.30.0",
     "chart.js": "4.5.1",