se-design 1.0.50 → 1.0.51

package/dist/components/Dropdown/index.d.ts

@@ -23,6 +23,7 @@ type DropdownProps = {
     hasError?: boolean;
     errorMessage?: string;
     onApply?: (selectedValue: DropdownValue[]) => void;
+    onClear?: () => void;
     customDropdownContent?: () => React.ReactNode;
     isBorderless?: boolean;
     dropDownSrcAutomationId?: string;

package/dist/components/Popover/index.d.ts

@@ -25,5 +25,6 @@ export interface PopoverProps {
     sourceRole?: 'button' | 'combobox';
     popoverContentStyleProperty?: React.CSSProperties;
     disableClickToggle?: boolean;
+    disableAutoClose?: boolean;
 }
 export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<PopoverHandle>>;

package/dist/index17.js

@@ -1,49 +1,52 @@
-import C, { forwardRef as ne, useState as A, useRef as U, useEffect as H, useImperativeHandle as re } from "react";
-import ie from "react-dom";
-import { getA11yNameAttributes as se } from "./index64.js";
-function L() {
-  return L = Object.assign ? Object.assign.bind() : function(g) {
-    for (var h = 1; h < arguments.length; h++) {
-      var p = arguments[h];
-      for (var b in p) ({}).hasOwnProperty.call(p, b) && (g[b] = p[b]);
+import H, { forwardRef as se, useState as L, useRef as I, useEffect as C, useImperativeHandle as ce } from "react";
+import ae from "react-dom";
+import { getA11yNameAttributes as le } from "./index64.js";
+function B() {
+  return B = Object.assign ? Object.assign.bind() : function(h) {
+    for (var y = 1; y < arguments.length; y++) {
+      var p = arguments[y];
+      for (var g in p) ({}).hasOwnProperty.call(p, g) && (h[g] = p[g]);
     }
-    return g;
-  }, L.apply(null, arguments);
+    return h;
+  }, B.apply(null, arguments);
 }
-const ue = /* @__PURE__ */ ne(({
-  className: g = "",
-  automationId: h = "",
+const de = /* @__PURE__ */ se(({
+  className: h = "",
+  automationId: y = "",
   position: p = "bottom-center",
-  popoverContentAutomationId: b = "",
-  contentWidth: I = "max",
-  renderPopoverContents: B,
-  renderPopoverSrcElement: V,
-  onPopoverToggle: N,
-  isPopoverOpen: T,
-  disabled: w = !1,
-  isWithPortal: v = !1,
-  ariaLabel: W,
-  ariaLabelledBy: _,
-  sourceRole: j = "button",
-  popoverContentStyleProperty: z = {
+  popoverContentAutomationId: g = "",
+  contentWidth: N = "max",
+  renderPopoverContents: T,
+  renderPopoverSrcElement: X,
+  onPopoverToggle: j,
+  isPopoverOpen: F,
+  disabled: k = !1,
+  isWithPortal: b = !1,
+  ariaLabel: G,
+  ariaLabelledBy: J,
+  sourceRole: z = "button",
+  popoverContentStyleProperty: O = {
     zIndex: 1e3,
     borderColor: "var(--color-gray-200)",
     color: "var(--color-gray-900)",
     backgroundColor: "var(--color-white)"
   },
-  disableClickToggle: X = !1,
-  noBorder: G = !1,
-  ...J
-}, Q) => {
-  const [s, u] = A(!1), [y, F] = A(p), [Y, O] = A(!1), l = U(null), a = U(null), Z = se({
-    ariaLabel: W,
-    ariaLabelledBy: _,
+  disableClickToggle: Q = !1,
+  noBorder: Y = !1,
+  disableAutoClose: d = !1,
+  ...Z
+}, ee) => {
+  const [s, f] = L(!1), [w, $] = L(p), [te, q] = L(!1), l = I(null), a = I(null), K = I(d);
+  K.current = d;
+  const oe = le({
+    ariaLabel: G,
+    ariaLabelledBy: J,
     ariaDescribedBy: void 0
     // Popover doesn't support describedBy yet
-  }), [$, P] = A({
+  }), [M, P] = L({
     top: 0,
     left: 0
-  }), x = (e = "bottom-center") => {
+  }), E = (e = "bottom-center") => {
     if (!l.current) return {
       top: 0,
       left: 0
@@ -74,90 +77,98 @@ const ue = /* @__PURE__ */ ne(({
         n = t.bottom, r = t.left;
         break;
     }
-    const f = a.current?.getBoundingClientRect(), m = f?.width || 0, d = f?.height || 0;
-    if ((o === "bottom-center" || o === "top-center") && (r = r - m / 2), r + m > i && (r = Math.max(0, i - m)), r < 0 && (r = 0), n + d > c) {
-      const k = t.top, oe = c - t.bottom;
-      k >= d || k > oe ? (n = t.top - d, n < 0 && (n = 0)) : n = Math.max(0, c - d);
+    const u = a.current?.getBoundingClientRect(), v = u?.width || 0, m = u?.height || 0;
+    if ((o === "bottom-center" || o === "top-center") && (r = r - v / 2), r + v > i && (r = Math.max(0, i - v)), r < 0 && (r = 0), n + m > c) {
+      const x = t.top, ie = c - t.bottom;
+      x >= m || x > ie ? (n = t.top - m, n < 0 && (n = 0)) : n = Math.max(0, c - m);
     }
-    return n < 0 && (n = t.bottom, n + d > c && (n = Math.max(0, c - d))), {
+    return n < 0 && (n = t.bottom, n + m > c && (n = Math.max(0, c - m))), {
       top: n,
       left: r
     };
   };
-  H(() => {
-    if (N && N(s), s && !v)
-      return document.body.addEventListener("click", q, !0), ee(), () => document.body.removeEventListener("click", q, !0);
-    if (s && v) {
-      document.body.addEventListener("click", E, !0), window.addEventListener("scroll", E), window.addEventListener("resize", K);
+  C(() => {
+    if (j && j(s), s && !b)
+      return d || document.body.addEventListener("click", U, !0), ne(), () => {
+        d || document.body.removeEventListener("click", U, !0);
+      };
+    if (s && b) {
+      d ? window.addEventListener("scroll", _) : (document.body.addEventListener("click", R, !0), window.addEventListener("scroll", R)), window.addEventListener("resize", V);
       const e = setTimeout(() => {
-        const t = x(y);
-        S(), t && P(t);
+        const t = E(w);
+        D(), t && P(t);
       }, 0), o = setTimeout(() => {
-        const t = x(y);
+        const t = E(w);
         t && P(t);
       }, 10);
       return () => {
-        document.body.removeEventListener("click", E, !0), window.removeEventListener("scroll", E), window.removeEventListener("resize", K), clearTimeout(e), clearTimeout(o);
+        d ? window.removeEventListener("scroll", _) : (document.body.removeEventListener("click", R, !0), window.removeEventListener("scroll", R)), window.removeEventListener("resize", V), clearTimeout(e), clearTimeout(o);
       };
     }
-  }, [s, v]);
-  const S = () => {
+  }, [s, b, d]);
+  const D = () => {
     if (!l.current) {
-      O(!1);
+      q(!1);
       return;
     }
     const e = l.current.getBoundingClientRect(), o = window.innerHeight, t = window.innerWidth, i = e.top < o && e.bottom > 0 && e.left < t && e.right > 0;
-    O(i);
+    q(i);
   };
-  H(() => {
-    u(T ?? !1);
-  }, [T]), H(() => {
+  C(() => {
+    f(F ?? !1);
+  }, [F]), C(() => {
     s && a.current && setTimeout(() => {
       const e = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "button:not([disabled])", "a[href]", '[tabindex]:not([tabindex="-1"])'].join(", "), o = a.current?.querySelector(e);
       o && document.activeElement === l.current && o.focus();
     }, 0);
   }, [s]);
-  const ee = () => {
+  const ne = () => {
     if (!a.current) return;
     const e = a.current.getBoundingClientRect(), o = window.innerHeight;
-    e?.bottom > o ? F(p.includes("left") ? "top-left" : p.includes("right") ? "top-right" : "top-center") : e?.top < 0 && F(p.includes("left") ? "bottom-left" : p.includes("right") ? "bottom-right" : "bottom-center");
-  }, q = (e) => {
+    e?.bottom > o ? $(p.includes("left") ? "top-left" : p.includes("right") ? "top-right" : "top-center") : e?.top < 0 && $(p.includes("left") ? "bottom-left" : p.includes("right") ? "bottom-right" : "bottom-center");
+  }, U = (e) => {
     const o = l.current;
     if (!o) return;
-    const t = e.target, i = o.contains(t), c = a.current?.contains(t), r = t.closest?.(".se-design-popover-wrapper"), f = r && r !== o, m = a.current?.contains(r);
-    (!i && !c || f && !m) && u(!1);
-  }, E = (e) => {
+    const t = e.target, i = o.contains(t), c = a.current?.contains(t), r = t.closest?.(".se-design-popover-wrapper"), u = r && r !== o, v = a.current?.contains(r);
+    d || (!i && !c || u && !v) && f(!1);
+  }, R = (e) => {
     const o = l.current, t = a.current;
     if (!o) return;
-    if (S(), e.type === "scroll" && s) {
-      const k = x(y);
-      k && P(k);
+    if (D(), e.type === "scroll" && s) {
+      const x = E(w);
+      x && P(x);
+    }
+    const i = e.target, c = o.contains(i), n = t?.contains(i), u = i.closest?.(".se-design-popover-wrapper"), v = u && u !== o, m = a.current?.contains(u);
+    d || (!c && !n || v && !m) && f(!1);
+  }, V = () => {
+    if (s && b && l.current) {
+      D();
+      const e = E(w);
+      e && P(e);
     }
-    const i = e.target, c = o.contains(i), n = t?.contains(i), f = i.closest?.(".se-design-popover-wrapper"), m = f && f !== o, d = a.current?.contains(f);
-    (!c && !n || m && !d) && u(!1);
-  }, K = () => {
-    if (s && v && l.current) {
-      S();
-      const e = x(y);
+  }, _ = () => {
+    if (s && b && l.current) {
+      D();
+      const e = E(w);
       e && P(e);
     }
-  }, D = () => {
-    u((e) => !e);
-  }, R = (e, o) => {
+  }, S = () => {
+    f((e) => !e);
+  }, A = (e, o) => {
     if (!o) return;
     const t = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "button:not([disabled])", "a[href]", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(", "), i = Array.from(o.querySelectorAll(t)).filter((r) => {
-      const f = window.getComputedStyle(r);
-      return !r.hasAttribute("disabled") && !r.hasAttribute("aria-disabled") && f.display !== "none" && f.visibility !== "hidden" && (r.tabIndex >= 0 || r.hasAttribute("role"));
+      const u = window.getComputedStyle(r);
+      return !r.hasAttribute("disabled") && !r.hasAttribute("aria-disabled") && u.display !== "none" && u.visibility !== "hidden" && (r.tabIndex >= 0 || r.hasAttribute("role"));
     });
     if (i.length === 0) return;
     const c = i.findIndex((r) => r === document.activeElement);
     let n = -1;
     e.key === "ArrowDown" ? (e.preventDefault(), e.stopPropagation(), n = c < i.length - 1 ? c + 1 : 0) : e.key === "ArrowUp" ? (e.preventDefault(), e.stopPropagation(), n = c > 0 ? c - 1 : i.length - 1) : e.key === "Home" ? (e.preventDefault(), e.stopPropagation(), n = 0) : e.key === "End" && (e.preventDefault(), e.stopPropagation(), n = i.length - 1), n >= 0 && i[n] ? i[n].focus() : c === -1 && i.length > 0 && i[0].focus();
   };
-  re(Q, () => ({
-    togglePopover: D
+  ce(ee, () => ({
+    togglePopover: S
   }), []);
-  const te = {
+  const re = {
     "bottom-left": {
       left: "0",
       top: "100%"
@@ -184,19 +195,19 @@ const ue = /* @__PURE__ */ ne(({
       transform: "translateX(-50%)",
       bottom: "100%"
     }
-  }, M = G ? "" : "shadow-md border rounded-md";
-  return /* @__PURE__ */ C.createElement("div", L({
-    className: "se-design-popover-wrapper cursor-pointer relative" + (g.length > 0 ? ` ${g}` : "") + (s ? " open" : "") + (w ? " opacity-50 cursor-not-allowed pointer-events-none" : ""),
+  }, W = Y ? "" : "shadow-md border rounded-md";
+  return /* @__PURE__ */ H.createElement("div", B({
+    className: "se-design-popover-wrapper cursor-pointer relative" + (h.length > 0 ? ` ${h}` : "") + (s ? " open" : "") + (k ? " opacity-50 cursor-not-allowed pointer-events-none" : ""),
     ref: l,
     onClick: (e) => {
-      w || X || (e.stopPropagation(), D());
+      k || Q || (e.stopPropagation(), S());
     },
     onKeyDown: (e) => {
-      if (!w)
+      if (!k)
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault(), e.stopPropagation();
           const o = s;
-          D(), o || setTimeout(() => {
+          S(), o || setTimeout(() => {
             const t = a.current;
             if (t) {
               const i = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "button:not([disabled])", "a[href]", '[tabindex]:not([tabindex="-1"])'].join(", "), c = t.querySelector(i);
@@ -204,11 +215,11 @@ const ue = /* @__PURE__ */ ne(({
             }
           }, 0);
         } else if (e.key === "Escape" && s)
-          e.preventDefault(), e.stopPropagation(), u(!1);
+          e.preventDefault(), e.stopPropagation(), f(!1);
         else if ((e.key === "ArrowDown" || e.key === "ArrowUp") && s) {
           const o = a.current;
-          o && R(e, o);
-        } else e.key === "ArrowDown" && !s && (e.preventDefault(), e.stopPropagation(), u(!0), setTimeout(() => {
+          o && A(e, o);
+        } else e.key === "ArrowDown" && !s && (e.preventDefault(), e.stopPropagation(), f(!0), setTimeout(() => {
           const o = a.current;
           if (o) {
             const t = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "button:not([disabled])", "a[href]", '[tabindex]:not([tabindex="-1"])'].join(", "), i = o.querySelector(t);
@@ -218,53 +229,54 @@ const ue = /* @__PURE__ */ ne(({
     },
     onBlur: () => {
       s && setTimeout(() => {
+        if (K.current) return;
         const e = document.activeElement, o = l.current?.contains(e), t = a.current?.contains(e);
-        !o && !t && u(!1);
+        !o && !t && f(!1);
       }, 0);
     },
-    role: j,
+    role: z,
     "aria-expanded": s ? "true" : "false",
-    "aria-haspopup": j === "combobox" ? "listbox" : "true",
-    tabIndex: w ? -1 : 0,
-    "aria-disabled": w ? "true" : "false"
-  }, Z, {
-    "data-automation-id": h
-  }, J), V({
+    "aria-haspopup": z === "combobox" ? "listbox" : "true",
+    tabIndex: k ? -1 : 0,
+    "aria-disabled": k ? "true" : "false"
+  }, oe, {
+    "data-automation-id": y
+  }, Z), X({
     displayPopover: s,
-    togglePopover: D
-  }), s && !v && /* @__PURE__ */ C.createElement("div", {
-    className: `popover-content absolute ${M} z-[1000] ${I == "full" ? "w-full" : "w-max"}`,
+    togglePopover: S
+  }), s && !b && /* @__PURE__ */ H.createElement("div", {
+    className: `popover-content absolute ${W} z-[1000] ${N == "full" ? "w-full" : "w-max"}`,
     style: {
-      ...z,
-      ...te[y]
+      ...O,
+      ...re[w]
     },
     onClick: (e) => e.stopPropagation(),
     onKeyDown: (e) => {
-      e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), u(!1), l.current?.focus()) : (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") && R(e, a.current);
+      e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), f(!1), l.current?.focus()) : (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") && A(e, a.current);
     },
     ref: a,
-    "data-automation-id": b
-  }, B({
-    closePopoverCb: () => u(!1)
-  })), v && s && Y && /* @__PURE__ */ ie.createPortal(/* @__PURE__ */ C.createElement("div", {
-    className: `popover-content-with-portal ${M} ${I == "full" ? "w-full" : "w-max"}`,
+    "data-automation-id": g
+  }, T({
+    closePopoverCb: () => f(!1)
+  })), b && s && te && /* @__PURE__ */ ae.createPortal(/* @__PURE__ */ H.createElement("div", {
+    className: `popover-content-with-portal ${W} ${N == "full" ? "w-full" : "w-max"}`,
     style: {
       position: "fixed",
-      top: $.top,
-      left: $.left,
-      ...z
+      top: M.top,
+      left: M.left,
+      ...O
     },
     onClick: (e) => e.stopPropagation(),
     onKeyDown: (e) => {
-      e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), u(!1), l.current?.focus()) : (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") && R(e, a.current);
+      e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), f(!1), l.current?.focus()) : (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") && A(e, a.current);
     },
     ref: a,
-    "data-automation-id": b
-  }, B({
-    closePopoverCb: () => u(!1)
+    "data-automation-id": g
+  }, T({
+    closePopoverCb: () => f(!1)
   })), document.body));
 });
 export {
-  ue as Popover
+  de as Popover
 };
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport { getA11yNameAttributes } from '../../utils/a11y';\n\nexport interface PopoverHandle {\n  togglePopover: () => void;\n}\n\nexport interface PopoverProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  renderPopoverContents: (props: { closePopoverCb: () => void }) => ReactNode;\n  renderPopoverSrcElement: (props: { displayPopover: boolean; togglePopover: () => void }) => ReactNode;\n  position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n  isWithPortal?: boolean;\n  noBorder?: boolean;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  sourceRole?: 'button' | 'combobox';\n  popoverContentStyleProperty?: React.CSSProperties;\n  disableClickToggle?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      isWithPortal = false,\n      ariaLabel,\n      ariaLabelledBy,\n      sourceRole = 'button',\n      popoverContentStyleProperty = {\n        zIndex: 1000,\n        borderColor: 'var(--color-gray-200)',\n        color: 'var(--color-gray-900)',\n        backgroundColor: 'var(--color-white)'\n      },\n      disableClickToggle = false,\n      noBorder = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\n    const [isSrcElementVisible, setIsSrcElementVisible] = useState(false);\n    const srcElementRef = useRef<HTMLDivElement>(null);\n    const popoverContentRef = useRef<HTMLDivElement>(null);\n\n    // Compute accessible name/description props with correct precedence\n    const accessibleNameProps = getA11yNameAttributes({\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy: undefined // Popover doesn't support describedBy yet\n    });\n\n    const [portalPosition, setPortalPosition] = useState({ top: 0, left: 0 });\n\n    const calculatePositionOfPopover = (position: string = 'bottom-center') => {\n      if (!srcElementRef.current) return { top: 0, left: 0 };\n\n      let localPosition = position;\n\n      const srcRect = srcElementRef.current.getBoundingClientRect();\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n\n      // Calculate position for portal\n      let top = 0;\n      let left = 0;\n\n      switch (localPosition) {\n        case 'bottom-left':\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n        case 'bottom-right':\n          top = srcRect.bottom;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'bottom-center':\n          top = srcRect.bottom;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        case 'top-left':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.left;\n          break;\n        case 'top-right':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'top-center':\n          top = srcRect.top - srcRect.height * 1.9;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        default:\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n      }\n\n      // Get popover dimensions if available\n      const popoverRect = popoverContentRef.current?.getBoundingClientRect();\n      const popoverWidth = popoverRect?.width || 0;\n      const popoverHeight = popoverRect?.height || 0;\n\n      // Adjust center positions to account for popover width\n      if (localPosition === 'bottom-center' || localPosition === 'top-center') {\n        // Center the popover by subtracting half its width from the source center\n        left = left - popoverWidth / 2;\n      }\n\n      // Adjust position to keep popover within viewport bounds\n      // Horizontal adjustments\n      if (left + popoverWidth > viewportWidth) {\n        // Popover extends beyond right edge, shift it left\n        left = Math.max(0, viewportWidth - popoverWidth);\n      }\n      if (left < 0) {\n        // Popover extends beyond left edge, shift it right\n        left = 0;\n      }\n\n      // Vertical adjustments\n      if (top + popoverHeight > viewportHeight) {\n        // Popover extends beyond bottom edge\n        // Try to position it above the source element\n        const spaceAbove = srcRect.top;\n        const spaceBelow = viewportHeight - srcRect.bottom;\n\n        if (spaceAbove >= popoverHeight || spaceAbove > spaceBelow) {\n          // Position above if there's enough space or more space above\n          top = srcRect.top - popoverHeight;\n          // Ensure it doesn't go above viewport\n          if (top < 0) {\n            top = 0;\n          }\n        } else {\n          // Keep at bottom but adjust to fit within viewport\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n      if (top < 0) {\n        // Popover extends beyond top edge, position it below the source element\n        top = srcRect.bottom;\n        // Ensure it doesn't go below viewport\n        if (top + popoverHeight > viewportHeight) {\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n\n      return { top, left };\n    };\n\n    useEffect(() => {\n      if (onPopoverToggle) {\n        onPopoverToggle(displayPopover);\n      }\n\n      if (displayPopover && !isWithPortal) {\n        document.body.addEventListener('click', clickListener, true);\n        checkPopoverPosition();\n        return () => document.body.removeEventListener('click', clickListener, true);\n      } else if (displayPopover && isWithPortal) {\n        document.body.addEventListener('click', clickAndScrollListenerWithPortal, true);\n        window.addEventListener('scroll', clickAndScrollListenerWithPortal);\n        window.addEventListener('resize', resizeListenerWithPortal);\n\n        // Initial position calculation\n        const timeout1 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          checkSourceVisibility();\n\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 0);\n\n        // Recalculate after popover is rendered to get accurate dimensions\n        const timeout2 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 10);\n\n        return () => {\n          document.body.removeEventListener('click', clickAndScrollListenerWithPortal, true);\n          window.removeEventListener('scroll', clickAndScrollListenerWithPortal);\n          window.removeEventListener('resize', resizeListenerWithPortal);\n          clearTimeout(timeout1);\n          clearTimeout(timeout2);\n        };\n      }\n    }, [displayPopover, isWithPortal]);\n\n    const checkSourceVisibility = () => {\n      if (!srcElementRef.current) {\n        setIsSrcElementVisible(false);\n        return;\n      }\n\n      const rec = srcElementRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n      const viewportWidth = window.innerWidth;\n\n      const isVisible = rec.top < viewportHeight && rec.bottom > 0 && rec.left < viewportWidth && rec.right > 0;\n\n      setIsSrcElementVisible(isVisible);\n    };\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    useEffect(() => {\n      // Focus first focusable element when popover opens\n      if (displayPopover && popoverContentRef.current) {\n        setTimeout(() => {\n          const focusableSelectors = [\n            '[role=\"menuitem\"]',\n            '[role=\"option\"]',\n            '[role=\"menuitemcheckbox\"]',\n            '[role=\"menuitemradio\"]',\n            'button:not([disabled])',\n            'a[href]',\n            '[tabindex]:not([tabindex=\"-1\"])'\n          ].join(', ');\n          const firstFocusable = popoverContentRef.current?.querySelector<HTMLElement>(focusableSelectors);\n          if (firstFocusable && document.activeElement === srcElementRef.current) {\n            firstFocusable.focus();\n          }\n        }, 0);\n      }\n    }, [displayPopover]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\n\n    const clickListener = (event: MouseEvent) => {\n      const currentDropRef = srcElementRef.current;\n      if (!currentDropRef) return;\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = popoverContentRef.current?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const clickAndScrollListenerWithPortal = (event: Event) => {\n      const currentDropRef = srcElementRef.current;\n      const currentPopoverRef = popoverContentRef.current;\n      if (!currentDropRef) return;\n      checkSourceVisibility();\n\n      // Recalculate position on scroll\n      if (event.type === 'scroll' && displayPopover) {\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = currentPopoverRef?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const resizeListenerWithPortal = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const togglePopover = () => {\n      setDisplayPopover((displayPopover) => !displayPopover);\n    };\n\n    const handleArrowKeyNavigation = (e: React.KeyboardEvent, container: HTMLDivElement | null) => {\n      if (!container) return;\n\n      // Find all focusable elements within the popover content\n      // This includes elements with role=\"menuitem\", role=\"option\", tabIndex >= 0, etc.\n      const focusableSelectors = [\n        '[role=\"menuitem\"]',\n        '[role=\"option\"]',\n        '[role=\"menuitemcheckbox\"]',\n        '[role=\"menuitemradio\"]',\n        'button:not([disabled])',\n        'a[href]',\n        'input:not([disabled])',\n        'select:not([disabled])',\n        'textarea:not([disabled])',\n        '[tabindex]:not([tabindex=\"-1\"])'\n      ].join(', ');\n\n      const focusableElements = Array.from(container.querySelectorAll<HTMLElement>(focusableSelectors)).filter((el) => {\n        // Filter out disabled and hidden elements\n        const style = window.getComputedStyle(el);\n        return (\n          !el.hasAttribute('disabled') &&\n          !el.hasAttribute('aria-disabled') &&\n          style.display !== 'none' &&\n          style.visibility !== 'hidden' &&\n          (el.tabIndex >= 0 || el.hasAttribute('role'))\n        );\n      });\n\n      if (focusableElements.length === 0) return;\n\n      const currentIndex = focusableElements.findIndex((el) => el === document.activeElement);\n      let nextIndex = -1;\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex < focusableElements.length - 1 ? currentIndex + 1 : 0;\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = focusableElements.length - 1;\n      }\n\n      if (nextIndex >= 0 && focusableElements[nextIndex]) {\n        focusableElements[nextIndex].focus();\n      } else if (currentIndex === -1 && focusableElements.length > 0) {\n        // If no element is currently focused, focus the first one\n        focusableElements[0].focus();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n    const popoverContentClasses = noBorder ? '' : 'shadow-md border rounded-md';\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={(e) => {\n          if (disabled || disableClickToggle) return;\n          e.stopPropagation();\n          togglePopover();\n        }}\n        onKeyDown={(e) => {\n          if (disabled) return;\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n            const wasOpen = displayPopover;\n            togglePopover();\n            // Focus first focusable element when opening\n            if (!wasOpen) {\n              setTimeout(() => {\n                const currentRef = popoverContentRef.current;\n                if (currentRef) {\n                  const focusableSelectors = [\n                    '[role=\"menuitem\"]',\n                    '[role=\"option\"]',\n                    '[role=\"menuitemcheckbox\"]',\n                    '[role=\"menuitemradio\"]',\n                    'button:not([disabled])',\n                    'a[href]',\n                    '[tabindex]:not([tabindex=\"-1\"])'\n                  ].join(', ');\n                  const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                  if (firstFocusable) {\n                    firstFocusable.focus();\n                  }\n                }\n              }, 0);\n            }\n          } else if (e.key === 'Escape' && displayPopover) {\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(false);\n          } else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && displayPopover) {\n            // Handle arrow keys when popover is open\n            const currentRef = popoverContentRef.current;\n            if (currentRef) {\n              handleArrowKeyNavigation(e, currentRef);\n            }\n          } else if (e.key === 'ArrowDown' && !displayPopover) {\n            // Open popover and focus first item when ArrowDown is pressed\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(true);\n            setTimeout(() => {\n              const currentRef = popoverContentRef.current;\n              if (currentRef) {\n                const focusableSelectors = [\n                  '[role=\"menuitem\"]',\n                  '[role=\"option\"]',\n                  '[role=\"menuitemcheckbox\"]',\n                  '[role=\"menuitemradio\"]',\n                  'button:not([disabled])',\n                  'a[href]',\n                  '[tabindex]:not([tabindex=\"-1\"])'\n                ].join(', ');\n                const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                if (firstFocusable) {\n                  firstFocusable.focus();\n                }\n              }\n            }, 0);\n          }\n        }}\n        onBlur={() => {\n          if (!displayPopover) return;\n\n          // Use setTimeout to allow focus to settle\n          setTimeout(() => {\n            const activeElement = document.activeElement as Node;\n            const isFocusInSource = srcElementRef.current?.contains(activeElement);\n            const isFocusInPopover = popoverContentRef.current?.contains(activeElement);\n\n            // Close if focus has moved outside both source and popover content\n            if (!isFocusInSource && !isFocusInPopover) {\n              setDisplayPopover(false);\n            }\n          }, 0);\n        }}\n        role={sourceRole}\n        aria-expanded={displayPopover ? 'true' : 'false'}\n        aria-haspopup={sourceRole === 'combobox' ? 'listbox' : 'true'}\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled ? 'true' : 'false'}\n        {...accessibleNameProps}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover, togglePopover })}\n\n        {displayPopover && !isWithPortal && (\n          <div\n            className={`popover-content absolute ${popoverContentClasses} z-[1000] ${\n              contentWidth == 'full' ? 'w-full' : 'w-max'\n            }`}\n            style={{\n              ...popoverContentStyleProperty,\n              ...popoverContentStyle[popoverPosition]\n            }}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => {\n              // Allow Escape key to close popover when focus is on content\n              if (e.key === 'Escape') {\n                e.preventDefault();\n                e.stopPropagation();\n                setDisplayPopover(false);\n                srcElementRef.current?.focus();\n              } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n                // Handle arrow key navigation for focusable elements inside popover\n                handleArrowKeyNavigation(e, popoverContentRef.current);\n              }\n            }}\n            ref={popoverContentRef}\n            data-automation-id={popoverContentAutomationId}\n          >\n            {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n          </div>\n        )}\n        {isWithPortal &&\n          displayPopover &&\n          isSrcElementVisible &&\n          ReactDOM.createPortal(\n            <div\n              className={`popover-content-with-portal ${popoverContentClasses} ${\n                contentWidth == 'full' ? 'w-full' : 'w-max'\n              }`}\n              style={{\n                position: 'fixed',\n                top: portalPosition.top,\n                left: portalPosition.left,\n                ...popoverContentStyleProperty\n              }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={(e) => {\n                // Allow Escape key to close popover when focus is on content\n                if (e.key === 'Escape') {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  setDisplayPopover(false);\n                  srcElementRef.current?.focus();\n                } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n                  // Handle arrow key navigation for focusable elements inside popover\n                  handleArrowKeyNavigation(e, popoverContentRef.current);\n                }\n              }}\n              ref={popoverContentRef}\n              data-automation-id={popoverContentAutomationId}\n            >\n              {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n"],"names":["Popover","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","isWithPortal","ariaLabel","ariaLabelledBy","sourceRole","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","noBorder","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","accessibleNameProps","getA11yNameAttributes","ariaDescribedBy","undefined","portalPosition","setPortalPosition","top","left","calculatePositionOfPopover","current","localPosition","srcRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","Math","max","spaceAbove","spaceBelow","useEffect","document","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","clickAndScrollListenerWithPortal","resizeListenerWithPortal","timeout1","setTimeout","checkSourceVisibility","timeout2","clearTimeout","rec","isVisible","focusableSelectors","join","firstFocusable","querySelector","activeElement","focus","includes","event","currentDropRef","target","isSourcePopover","contains","isPopoverContent","closestPopoverWrapper","closest","isAnotherPopoverSource","isNestedPopover","currentPopoverRef","type","togglePopover","handleArrowKeyNavigation","e","container","focusableElements","Array","from","querySelectorAll","filter","el","style","getComputedStyle","hasAttribute","display","visibility","tabIndex","length","currentIndex","findIndex","nextIndex","key","preventDefault","stopPropagation","useImperativeHandle","popoverContentStyle","transform","popoverContentClasses","React","createElement","_extends","onClick","onKeyDown","wasOpen","currentRef","onBlur","isFocusInSource","isFocusInPopover","role","closePopoverCb","ReactDOM","createPortal"],"mappings":"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"}
+{"version":3,"file":"index17.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport { getA11yNameAttributes } from '../../utils/a11y';\n\nexport interface PopoverHandle {\n  togglePopover: () => void;\n}\n\nexport interface PopoverProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  renderPopoverContents: (props: { closePopoverCb: () => void }) => ReactNode;\n  renderPopoverSrcElement: (props: { displayPopover: boolean; togglePopover: () => void }) => ReactNode;\n  position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n  isWithPortal?: boolean;\n  noBorder?: boolean;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  sourceRole?: 'button' | 'combobox';\n  popoverContentStyleProperty?: React.CSSProperties;\n  disableClickToggle?: boolean;\n  disableAutoClose?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      isWithPortal = false,\n      ariaLabel,\n      ariaLabelledBy,\n      sourceRole = 'button',\n      popoverContentStyleProperty = {\n        zIndex: 1000,\n        borderColor: 'var(--color-gray-200)',\n        color: 'var(--color-gray-900)',\n        backgroundColor: 'var(--color-white)'\n      },\n      disableClickToggle = false,\n      noBorder = false,\n      disableAutoClose = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\n    const [isSrcElementVisible, setIsSrcElementVisible] = useState(false);\n    const srcElementRef = useRef<HTMLDivElement>(null);\n    const popoverContentRef = useRef<HTMLDivElement>(null);\n\n    // Use a ref to track the latest disableAutoClose value for async callbacks\n    const disableAutoCloseRef = useRef(disableAutoClose);\n    disableAutoCloseRef.current = disableAutoClose;\n\n    // Compute accessible name/description props with correct precedence\n    const accessibleNameProps = getA11yNameAttributes({\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy: undefined // Popover doesn't support describedBy yet\n    });\n\n    const [portalPosition, setPortalPosition] = useState({ top: 0, left: 0 });\n\n    const calculatePositionOfPopover = (position: string = 'bottom-center') => {\n      if (!srcElementRef.current) return { top: 0, left: 0 };\n\n      let localPosition = position;\n\n      const srcRect = srcElementRef.current.getBoundingClientRect();\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n\n      // Calculate position for portal\n      let top = 0;\n      let left = 0;\n\n      switch (localPosition) {\n        case 'bottom-left':\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n        case 'bottom-right':\n          top = srcRect.bottom;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'bottom-center':\n          top = srcRect.bottom;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        case 'top-left':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.left;\n          break;\n        case 'top-right':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'top-center':\n          top = srcRect.top - srcRect.height * 1.9;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        default:\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n      }\n\n      // Get popover dimensions if available\n      const popoverRect = popoverContentRef.current?.getBoundingClientRect();\n      const popoverWidth = popoverRect?.width || 0;\n      const popoverHeight = popoverRect?.height || 0;\n\n      // Adjust center positions to account for popover width\n      if (localPosition === 'bottom-center' || localPosition === 'top-center') {\n        // Center the popover by subtracting half its width from the source center\n        left = left - popoverWidth / 2;\n      }\n\n      // Adjust position to keep popover within viewport bounds\n      // Horizontal adjustments\n      if (left + popoverWidth > viewportWidth) {\n        // Popover extends beyond right edge, shift it left\n        left = Math.max(0, viewportWidth - popoverWidth);\n      }\n      if (left < 0) {\n        // Popover extends beyond left edge, shift it right\n        left = 0;\n      }\n\n      // Vertical adjustments\n      if (top + popoverHeight > viewportHeight) {\n        // Popover extends beyond bottom edge\n        // Try to position it above the source element\n        const spaceAbove = srcRect.top;\n        const spaceBelow = viewportHeight - srcRect.bottom;\n\n        if (spaceAbove >= popoverHeight || spaceAbove > spaceBelow) {\n          // Position above if there's enough space or more space above\n          top = srcRect.top - popoverHeight;\n          // Ensure it doesn't go above viewport\n          if (top < 0) {\n            top = 0;\n          }\n        } else {\n          // Keep at bottom but adjust to fit within viewport\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n      if (top < 0) {\n        // Popover extends beyond top edge, position it below the source element\n        top = srcRect.bottom;\n        // Ensure it doesn't go below viewport\n        if (top + popoverHeight > viewportHeight) {\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n\n      return { top, left };\n    };\n\n    useEffect(() => {\n      if (onPopoverToggle) {\n        onPopoverToggle(displayPopover);\n      }\n\n      if (displayPopover && !isWithPortal) {\n        // Add click listener for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickListener, true);\n        }\n        checkPopoverPosition();\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickListener, true);\n          }\n        };\n      } else if (displayPopover && isWithPortal) {\n        // Add click/scroll listeners for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickAndScrollListenerWithPortal, true);\n          window.addEventListener('scroll', clickAndScrollListenerWithPortal);\n        } else {\n          // When disableAutoClose is true, still listen to scroll for repositioning\n          window.addEventListener('scroll', scrollListenerForRepositioning);\n        }\n        // Always add resize listener for repositioning\n        window.addEventListener('resize', resizeListenerWithPortal);\n\n        // Initial position calculation\n        const timeout1 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          checkSourceVisibility();\n\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 0);\n\n        // Recalculate after popover is rendered to get accurate dimensions\n        const timeout2 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 10);\n\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickAndScrollListenerWithPortal, true);\n            window.removeEventListener('scroll', clickAndScrollListenerWithPortal);\n          } else {\n            window.removeEventListener('scroll', scrollListenerForRepositioning);\n          }\n          window.removeEventListener('resize', resizeListenerWithPortal);\n          clearTimeout(timeout1);\n          clearTimeout(timeout2);\n        };\n      }\n    }, [displayPopover, isWithPortal, disableAutoClose]);\n\n    const checkSourceVisibility = () => {\n      if (!srcElementRef.current) {\n        setIsSrcElementVisible(false);\n        return;\n      }\n\n      const rec = srcElementRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n      const viewportWidth = window.innerWidth;\n\n      const isVisible = rec.top < viewportHeight && rec.bottom > 0 && rec.left < viewportWidth && rec.right > 0;\n\n      setIsSrcElementVisible(isVisible);\n    };\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    useEffect(() => {\n      // Focus first focusable element when popover opens\n      if (displayPopover && popoverContentRef.current) {\n        setTimeout(() => {\n          const focusableSelectors = [\n            '[role=\"menuitem\"]',\n            '[role=\"option\"]',\n            '[role=\"menuitemcheckbox\"]',\n            '[role=\"menuitemradio\"]',\n            'button:not([disabled])',\n            'a[href]',\n            '[tabindex]:not([tabindex=\"-1\"])'\n          ].join(', ');\n          const firstFocusable = popoverContentRef.current?.querySelector<HTMLElement>(focusableSelectors);\n          if (firstFocusable && document.activeElement === srcElementRef.current) {\n            firstFocusable.focus();\n          }\n        }, 0);\n      }\n    }, [displayPopover]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\n\n    const clickListener = (event: MouseEvent) => {\n      const currentDropRef = srcElementRef.current;\n      if (!currentDropRef) return;\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = popoverContentRef.current?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if (disableAutoClose) return;\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const clickAndScrollListenerWithPortal = (event: Event) => {\n      const currentDropRef = srcElementRef.current;\n      const currentPopoverRef = popoverContentRef.current;\n      if (!currentDropRef) return;\n      checkSourceVisibility();\n\n      // Recalculate position on scroll\n      if (event.type === 'scroll' && displayPopover) {\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = currentPopoverRef?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      if (disableAutoClose) return;\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const resizeListenerWithPortal = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const scrollListenerForRepositioning = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const togglePopover = () => {\n      setDisplayPopover((displayPopover) => !displayPopover);\n    };\n\n    const handleArrowKeyNavigation = (e: React.KeyboardEvent, container: HTMLDivElement | null) => {\n      if (!container) return;\n\n      // Find all focusable elements within the popover content\n      // This includes elements with role=\"menuitem\", role=\"option\", tabIndex >= 0, etc.\n      const focusableSelectors = [\n        '[role=\"menuitem\"]',\n        '[role=\"option\"]',\n        '[role=\"menuitemcheckbox\"]',\n        '[role=\"menuitemradio\"]',\n        'button:not([disabled])',\n        'a[href]',\n        'input:not([disabled])',\n        'select:not([disabled])',\n        'textarea:not([disabled])',\n        '[tabindex]:not([tabindex=\"-1\"])'\n      ].join(', ');\n\n      const focusableElements = Array.from(container.querySelectorAll<HTMLElement>(focusableSelectors)).filter((el) => {\n        // Filter out disabled and hidden elements\n        const style = window.getComputedStyle(el);\n        return (\n          !el.hasAttribute('disabled') &&\n          !el.hasAttribute('aria-disabled') &&\n          style.display !== 'none' &&\n          style.visibility !== 'hidden' &&\n          (el.tabIndex >= 0 || el.hasAttribute('role'))\n        );\n      });\n\n      if (focusableElements.length === 0) return;\n\n      const currentIndex = focusableElements.findIndex((el) => el === document.activeElement);\n      let nextIndex = -1;\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex < focusableElements.length - 1 ? currentIndex + 1 : 0;\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = focusableElements.length - 1;\n      }\n\n      if (nextIndex >= 0 && focusableElements[nextIndex]) {\n        focusableElements[nextIndex].focus();\n      } else if (currentIndex === -1 && focusableElements.length > 0) {\n        // If no element is currently focused, focus the first one\n        focusableElements[0].focus();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n    const popoverContentClasses = noBorder ? '' : 'shadow-md border rounded-md';\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={(e) => {\n          if (disabled || disableClickToggle) return;\n          e.stopPropagation();\n          togglePopover();\n        }}\n        onKeyDown={(e) => {\n          if (disabled) return;\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n            const wasOpen = displayPopover;\n            togglePopover();\n            // Focus first focusable element when opening\n            if (!wasOpen) {\n              setTimeout(() => {\n                const currentRef = popoverContentRef.current;\n                if (currentRef) {\n                  const focusableSelectors = [\n                    '[role=\"menuitem\"]',\n                    '[role=\"option\"]',\n                    '[role=\"menuitemcheckbox\"]',\n                    '[role=\"menuitemradio\"]',\n                    'button:not([disabled])',\n                    'a[href]',\n                    '[tabindex]:not([tabindex=\"-1\"])'\n                  ].join(', ');\n                  const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                  if (firstFocusable) {\n                    firstFocusable.focus();\n                  }\n                }\n              }, 0);\n            }\n          } else if (e.key === 'Escape' && displayPopover) {\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(false);\n          } else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && displayPopover) {\n            // Handle arrow keys when popover is open\n            const currentRef = popoverContentRef.current;\n            if (currentRef) {\n              handleArrowKeyNavigation(e, currentRef);\n            }\n          } else if (e.key === 'ArrowDown' && !displayPopover) {\n            // Open popover and focus first item when ArrowDown is pressed\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(true);\n            setTimeout(() => {\n              const currentRef = popoverContentRef.current;\n              if (currentRef) {\n                const focusableSelectors = [\n                  '[role=\"menuitem\"]',\n                  '[role=\"option\"]',\n                  '[role=\"menuitemcheckbox\"]',\n                  '[role=\"menuitemradio\"]',\n                  'button:not([disabled])',\n                  'a[href]',\n                  '[tabindex]:not([tabindex=\"-1\"])'\n                ].join(', ');\n                const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                if (firstFocusable) {\n                  firstFocusable.focus();\n                }\n              }\n            }, 0);\n          }\n        }}\n        onBlur={() => {\n          if (!displayPopover) return;\n\n          // Use setTimeout to allow focus to settle and state updates to process\n          setTimeout(() => {\n            // Check disableAutoClose ref inside timeout to get the latest value\n            // This handles race conditions when disableAutoClose prop changes\n            // right before/during the blur event (e.g., opening a modal)\n            if (disableAutoCloseRef.current) return;\n\n            const activeElement = document.activeElement as Node;\n            const isFocusInSource = srcElementRef.current?.contains(activeElement);\n            const isFocusInPopover = popoverContentRef.current?.contains(activeElement);\n\n            // Close if focus has moved outside both source and popover content\n            if (!isFocusInSource && !isFocusInPopover) {\n              setDisplayPopover(false);\n            }\n          }, 0);\n        }}\n        role={sourceRole}\n        aria-expanded={displayPopover ? 'true' : 'false'}\n        aria-haspopup={sourceRole === 'combobox' ? 'listbox' : 'true'}\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled ? 'true' : 'false'}\n        {...accessibleNameProps}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover, togglePopover })}\n\n        {displayPopover && !isWithPortal && (\n          <div\n            className={`popover-content absolute ${popoverContentClasses} z-[1000] ${\n              contentWidth == 'full' ? 'w-full' : 'w-max'\n            }`}\n            style={{\n              ...popoverContentStyleProperty,\n              ...popoverContentStyle[popoverPosition]\n            }}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => {\n              // Allow Escape key to close popover when focus is on content\n              if (e.key === 'Escape') {\n                e.preventDefault();\n                e.stopPropagation();\n                setDisplayPopover(false);\n                srcElementRef.current?.focus();\n              } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n                // Handle arrow key navigation for focusable elements inside popover\n                handleArrowKeyNavigation(e, popoverContentRef.current);\n              }\n            }}\n            ref={popoverContentRef}\n            data-automation-id={popoverContentAutomationId}\n          >\n            {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n          </div>\n        )}\n        {isWithPortal &&\n          displayPopover &&\n          isSrcElementVisible &&\n          ReactDOM.createPortal(\n            <div\n              className={`popover-content-with-portal ${popoverContentClasses} ${\n                contentWidth == 'full' ? 'w-full' : 'w-max'\n              }`}\n              style={{\n                position: 'fixed',\n                top: portalPosition.top,\n                left: portalPosition.left,\n                ...popoverContentStyleProperty\n              }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={(e) => {\n                // Allow Escape key to close popover when focus is on content\n                if (e.key === 'Escape') {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  setDisplayPopover(false);\n                  srcElementRef.current?.focus();\n                } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n                  // Handle arrow key navigation for focusable elements inside popover\n                  handleArrowKeyNavigation(e, popoverContentRef.current);\n                }\n              }}\n              ref={popoverContentRef}\n              data-automation-id={popoverContentAutomationId}\n            >\n              {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n"],"names":["Popover","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","isWithPortal","ariaLabel","ariaLabelledBy","sourceRole","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","noBorder","disableAutoClose","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","disableAutoCloseRef","current","accessibleNameProps","getA11yNameAttributes","ariaDescribedBy","undefined","portalPosition","setPortalPosition","top","left","calculatePositionOfPopover","localPosition","srcRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","Math","max","spaceAbove","spaceBelow","useEffect","document","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","scrollListenerForRepositioning","clickAndScrollListenerWithPortal","resizeListenerWithPortal","timeout1","setTimeout","checkSourceVisibility","timeout2","clearTimeout","rec","isVisible","focusableSelectors","join","firstFocusable","querySelector","activeElement","focus","includes","event","currentDropRef","target","isSourcePopover","contains","isPopoverContent","closestPopoverWrapper","closest","isAnotherPopoverSource","isNestedPopover","currentPopoverRef","type","togglePopover","handleArrowKeyNavigation","e","container","focusableElements","Array","from","querySelectorAll","filter","el","style","getComputedStyle","hasAttribute","display","visibility","tabIndex","length","currentIndex","findIndex","nextIndex","key","preventDefault","stopPropagation","useImperativeHandle","popoverContentStyle","transform","popoverContentClasses","React","createElement","_extends","onClick","onKeyDown","wasOpen","currentRef","onBlur","isFocusInSource","isFocusInPopover","role","closePopoverCb","ReactDOM","createPortal"],"mappings":"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"}

package/dist/index177.js

@@ -1,8 +1,8 @@
-import N from "./index217.js";
-import R from "./index218.js";
-import D from "./index219.js";
-import { SVGInjector as A } from "./index220.js";
-import { p as t } from "./index221.js";
+import N from "./index219.js";
+import R from "./index220.js";
+import D from "./index221.js";
+import { SVGInjector as A } from "./index222.js";
+import { p as t } from "./index223.js";
 import * as h from "react";
 var O = function(s) {
   var o = s?.ownerDocument || document;

package/dist/index185.js

@@ -1,5 +1,5 @@
 import { useRef as E, useLayoutEffect as f } from "react";
-import { getFirstFocusableElement as d, getFocusableElements as g } from "./index223.js";
+import { getFirstFocusableElement as d, getFocusableElements as g } from "./index218.js";
 function y(e, t) {
   return t === "first" ? d({
     container: e

package/dist/index217.js

@@ -1,13 +1,8 @@
-function r(t, i) {
-  if (t == null) return {};
-  var o = {};
-  for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
-    if (i.indexOf(e) !== -1) continue;
-    o[e] = t[e];
-  }
-  return o;
-}
+const t = () => typeof navigator < "u" && /Android/i.test(navigator.userAgent), o = (i) => {
+  const r = "pointerType" in i ? i.pointerType : void 0;
+  return r === "" && i.isTrusted ? !0 : t() && r ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !r;
+};
 export {
-  r as default
+  o as isVirtualClick
 };
 //# sourceMappingURL=index217.js.map

package/dist/index217.js.map

@@ -1 +1 @@
-{"version":3,"file":"index217.js","sources":["../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["function _objectWithoutPropertiesLoose(r, e) {\n  if (null == r) return {};\n  var t = {};\n  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n    if (-1 !== e.indexOf(n)) continue;\n    t[n] = r[n];\n  }\n  return t;\n}\nexport { _objectWithoutPropertiesLoose as default };"],"names":["_objectWithoutPropertiesLoose","r","e","t","n"],"mappings":"AAAA,SAASA,EAA8BC,GAAGC,GAAG;AAC3C,MAAYD,KAAR,KAAW,QAAO,CAAA;AACtB,MAAIE,IAAI,CAAA;AACR,WAASC,KAAKH,EAAG,KAAI,CAAA,EAAG,eAAe,KAAKA,GAAGG,CAAC,GAAG;AACjD,QAAWF,EAAE,QAAQE,CAAC,MAAlB,GAAqB;AACzB,IAAAD,EAAEC,CAAC,IAAIH,EAAEG,CAAC;AAAA,EACZ;AACA,SAAOD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index217.js","sources":["../src/utils/virtualClick.ts"],"sourcesContent":["/**\n * Input/virtual click detection helpers.\n */\n\nconst isAndroid = () =>\n  typeof navigator !== 'undefined' && /Android/i.test(navigator.userAgent);\n\nexport const isVirtualClick = (event: MouseEvent | PointerEvent): boolean => {\n  const pointerType = 'pointerType' in event ? event.pointerType : undefined;\n\n  // JAWS/NVDA with Firefox.\n  if (pointerType === '' && event.isTrusted) {\n    return true;\n  }\n\n  // Android TalkBack's detail value varies depending on listener type.\n  if (isAndroid() && pointerType) {\n    return event.type === 'click' && event.buttons === 1;\n  }\n\n  // Most browsers: virtual click has detail === 0 and no pointerType.\n  return event.detail === 0 && !pointerType;\n};\n\n\n"],"names":["isAndroid","navigator","test","userAgent","isVirtualClick","event","pointerType","undefined","isTrusted","type","buttons","detail"],"mappings":"AAIA,MAAMA,IAAYA,MAChB,OAAOC,YAAc,OAAe,WAAWC,KAAKD,UAAUE,SAAS,GAE5DC,IAAiBA,CAACC,MAA8C;AAC3E,QAAMC,IAAc,iBAAiBD,IAAQA,EAAMC,cAAcC;AAGjE,SAAID,MAAgB,MAAMD,EAAMG,YACvB,KAILR,EAAAA,KAAeM,IACVD,EAAMI,SAAS,WAAWJ,EAAMK,YAAY,IAI9CL,EAAMM,WAAW,KAAK,CAACL;AAChC;"}