asma-ui-core 3.61.1 → 3.61.2

package/dist/components/mui-compat/Popper.js

@@ -1,35 +1,48 @@
-import { useState as P } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { FloatingPortal as y, autoUpdate as E, flip as F, shift as h, useFloating as w, useMergeRefs as M } from "@floating-ui/react";
-var j = ({ open: e = !1, anchorEl: s, id: l, placement: a = "bottom", transition: f, disablePortal: d, className: m, style: c, children: t }) => {
-  const [o, n] = P(!0);
-  e && o && n(!1);
-  const { refs: p, floatingStyles: u, placement: g } = w({
-    open: e,
-    placement: a,
-    whileElementsMounted: E,
-    elements: { reference: s ?? void 0 },
-    middleware: [F({ padding: 8 }), h({ padding: 8 })]
-  }), x = M([p.setFloating]);
-  if (!(e || f && !o)) return null;
-  const v = typeof t == "function" ? t({
+import { TOP_LAYER_PROPS as _, TOP_LAYER_RESET_STYLE as v, getOpenModalDialogAncestor as x, useTopLayerRef as y } from "../../hooks/useTopLayer.hook.js";
+import { useState as L } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { FloatingPortal as S, autoUpdate as b, flip as A, shift as O, useFloating as F, useMergeRefs as Y } from "@floating-ui/react";
+var w = {
+  ...v,
+  background: "transparent",
+  border: 0,
+  overflow: "visible",
+  padding: 0
+}, k = ({ open: t = !1, anchorEl: r, id: f, placement: d = "bottom", transition: p, disablePortal: m, className: g, style: c, children: o }) => {
+  const [n, a] = L(!0);
+  t && n && a(!1);
+  const e = x(r), { refs: i, floatingStyles: u, placement: R } = F({
+    open: t,
+    placement: d,
+    strategy: e ? "fixed" : "absolute",
+    whileElementsMounted: b,
+    elements: { reference: r ?? void 0 },
+    middleware: [A({ padding: 8 }), O({ padding: 8 })]
+  }), E = y(i.setFloating), P = Y([e ? E : i.setFloating]);
+  if (!(t || p && !n)) return null;
+  const T = typeof o == "function" ? o({
     TransitionProps: {
-      in: e,
-      onExited: () => n(!0)
+      in: t,
+      onExited: () => a(!0)
     },
-    placement: g
-  }) : t, i = /* @__PURE__ */ r("div", {
-    ref: x,
-    id: l,
+    placement: R
+  }) : o, s = /* @__PURE__ */ l("div", {
+    ref: P,
+    id: f,
+    ...e ? _ : {},
     style: {
+      ...e ? w : {},
       ...u,
       ...c
     },
-    className: m,
-    children: v
+    className: g,
+    children: T
+  });
+  return m ? s : /* @__PURE__ */ l(S, {
+    root: e,
+    children: s
   });
-  return d ? i : /* @__PURE__ */ r(y, { children: i });
 };
 export {
-  j as Popper
+  k as Popper
 };

package/dist/datetime/components/time-picker/TimePickerPopper.js

@@ -1,6 +1,6 @@
 import { StyledButton as r } from "../../shared-components/button/StyledButton.js";
-import { bindPopper as s } from "../../../hooks/usePopupState.js";
-import { Paper as l } from "../../../components/mui-compat/Paper.js";
+import { bindPopper as l } from "../../../hooks/usePopupState.js";
+import { Paper as s } from "../../../components/mui-compat/Paper.js";
 import { Fade as c } from "../../../components/mui-compat/Fade.js";
 import { Popper as f } from "../../../components/mui-compat/Popper.js";
 import h from "./StyledTimePicker.module.js";
@@ -12,16 +12,13 @@ import { jsx as t, jsxs as o } from "react/jsx-runtime";
 var I = (m) => {
   const { popupState: e, dataTest: a, value: i, onSelect: n, handleClear: p } = m;
   return /* @__PURE__ */ t(f, {
-    ...s(e),
+    ...l(e),
     transition: !0,
-    style: {
-      zIndex: "1300",
-      position: "absolute"
-    },
+    style: { zIndex: "1300" },
     children: ({ TransitionProps: d }) => /* @__PURE__ */ t(c, {
       ...d,
       timeout: 350,
-      children: /* @__PURE__ */ o(l, {
+      children: /* @__PURE__ */ o(s, {
         elevation: 0,
         className: y(h["time-picker-surface"]),
         style: { paddingBottom: "1px" },

package/dist/src/components/mui-compat/Popper.d.ts

@@ -24,6 +24,10 @@ export interface PopperProps {
  * content against `anchorEl`; with `transition`, renders children as a function receiving
  * `TransitionProps` (`in`/`onExited`) so a child `Fade` can animate and unmount. Public props
  * preserved (DEC-003). TASK-403.
+ *
+ * When `anchorEl` sits inside an open modal `<dialog>` the popper portals into that dialog and joins
+ * the top layer instead of the default `document.body` portal — a body portal is both occluded by
+ * the dialog and `inert`, so the popper looks dead on click. See `useTopLayer.hook`.
  */
 export declare const Popper: ({ open, anchorEl, id, placement, transition, disablePortal, className, style, children, }: PopperProps) => JSX.Element | null;
 export {};

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.61.1",
+    "version": "3.61.2",
     "type": "module",
     "sideEffects": [
         "**/*.css",