@iress-oss/ids-components 0.0.1-dev.2 → 0.0.1-dev.20

package/dist/components/Popover/InputPopover/InputPopoverProvider.js

@@ -1,101 +1,107 @@
-import { jsx as H } from "react/jsx-runtime";
-import { forwardRef as N, useRef as V, useMemo as d } from "react";
-import { o as _, f as q, c as y, d as U, j as $, g as z, h as G, i as K } from "../../../floating-ui.react-D_ysmiM3.js";
-import { POPOVER_USE_MAX_HEIGHT as X } from "../Popover.types.js";
-import { usePopoverState as k } from "../hooks/usePopoverState.js";
-import { usePopoverNavigation as B } from "../hooks/usePopoverNavigation.js";
-import { usePopoverAria as J } from "../hooks/usePopoverAria.js";
-import { PopoverContext as L } from "../PopoverProvider.js";
-import { usePopoverImperativeHandle as Q } from "../hooks/usePopoverImperativeHandle.js";
-import { focusableElements as W } from "../../../helpers/dom/focusableElements.js";
-const Y = N(
+import { jsx as V } from "react/jsx-runtime";
+import { forwardRef as _, useRef as k, useMemo as d, useCallback as q } from "react";
+import { o as y, h as U, s as $, i as z, j as G, k as K, l as X, m as A } from "../../../floating-ui.react-nmA48tb2.js";
+import { POPOVER_USE_MAX_HEIGHT as B } from "../Popover.types.js";
+import { usePopoverState as J } from "../hooks/usePopoverState.js";
+import { usePopoverNavigation as L } from "../hooks/usePopoverNavigation.js";
+import { usePopoverAria as Q } from "../hooks/usePopoverAria.js";
+import { a as W } from "../../../PopoverProvider-d3hhpW2k.js";
+import { usePopoverImperativeHandle as Y } from "../hooks/usePopoverImperativeHandle.js";
+import { focusableElements as Z } from "../../../helpers/dom/focusableElements.js";
+const T = _(
   ({
-    align: c,
-    autoHighlight: h,
-    children: w,
-    defaultShow: v,
+    align: f,
+    autoHighlight: I,
+    children: O,
+    defaultShow: g,
     disabledAutoToggle: u,
-    focusStartIndex: g,
-    matchActivatorWidth: l = !0,
-    onActivated: a,
-    onDeactivated: m,
-    onNavigate: I,
-    show: O,
+    focusStartIndex: m,
+    matchActivatorWidth: x = !0,
+    onActivated: p,
+    onDeactivated: l,
+    onNavigate: F,
+    show: E,
     type: n
-  }, F) => {
-    const E = c === "auto", f = V(null), t = k({
-      defaultShow: v,
-      show: O
-    }), R = d(() => {
-      const o = [_(5), q({ padding: 5 })];
-      return l && o.push(
-        y({
-          apply({ rects: r, availableHeight: s, elements: C }) {
+  }, R) => {
+    const b = f === "auto", v = k(null), r = J({
+      defaultShow: g,
+      show: E
+    }), C = d(() => {
+      const e = [y(5), U({ padding: 5 })];
+      return x && e.push(
+        $({
+          apply({ rects: t, availableHeight: s, elements: S }) {
             requestAnimationFrame(() => {
-              Object.assign(C.floating.style, {
-                width: `${r.reference.width}px`,
-                maxHeight: s > X ? `${s}px` : void 0
+              Object.assign(S.floating.style, {
+                width: `${t.reference.width}px`,
+                maxHeight: s > B ? `${s}px` : void 0
               });
             });
           },
           padding: 5
         })
-      ), o;
-    }, [l]), e = U({
-      open: t.show,
-      onOpenChange: (o, r, s) => {
-        t.setShow(o), o ? a == null || a(r, s, i) : m == null || m(r, s, i);
+      ), e;
+    }, [x]), o = z({
+      open: r.show,
+      onOpenChange: (e, t, s) => {
+        r.setShow(e), e ? p == null || p(t, s, i) : l == null || l(t, s, i);
       },
-      middleware: R,
-      placement: E ? void 0 : c,
-      whileElementsMounted: $
-    }), S = z(e.context, {
+      middleware: C,
+      placement: b ? void 0 : f,
+      whileElementsMounted: G
+    }), M = K(o.context, {
       enabled: !u,
       escapeKey: !1
-    }), M = G(e.context, {
+    }), j = X(o.context, {
       role: n
-    }), { activeIndex: i, list: x, listNav: b } = B(
-      e.context,
+    }), { activeIndex: i, list: P, listNav: H, setActiveIndex: a } = L(
+      o.context,
       n,
       {
-        focusItemOnOpen: h,
+        focusItemOnOpen: I,
         virtual: !0
       },
-      I,
-      g
-    ), P = K([S, M, b]), p = J(), j = d(
+      F,
+      m
+    ), h = A([M, j, H]), c = Q(), w = q(() => {
+      a(m ?? null);
+    }, [m, a]), N = d(
       () => ({
-        ...p,
-        ...t,
+        ...c,
+        ...r,
         activeIndex: i,
-        api: e,
+        api: o,
         disabledAutoToggle: u,
         getFocusableActivator: () => {
-          const o = e.elements.reference;
-          return (o == null ? void 0 : o.querySelector("[role=combobox]")) ?? W(o)[0];
+          const e = o.elements.reference;
+          return (e == null ? void 0 : e.querySelector("[role=combobox]")) ?? Z(e)[0];
         },
-        getVirtualFocus: () => f.current,
-        interactions: P,
-        list: x,
-        setShowWithReason: (o, r, s) => e.context.onOpenChange(o, r, s),
-        setVirtualFocus: (o) => f.current = o,
+        getVirtualFocus: () => v.current,
+        interactions: h,
+        list: P,
+        resetActiveIndex: w,
+        setActiveIndex: a,
+        setShowWithReason: (e, t, s) => o.context.onOpenChange(e, t, s),
+        setVirtualFocus: (e) => v.current = e,
         type: n
       }),
       [
         i,
-        e,
-        p,
+        o,
+        c,
         u,
+        h,
         P,
-        x,
-        t,
+        w,
+        a,
+        r,
         n
       ]
     );
-    return Q(F, e, p, t), /* @__PURE__ */ H(L.Provider, { value: j, children: w });
+    return Y(R, o, c, r), /* @__PURE__ */ V(W.Provider, { value: N, children: O });
   }
 );
-Y.displayName = "InputPopoverProvider";
+T.displayName = "InputPopoverProvider";
 export {
-  Y as InputPopoverProvider
+  T as InputPopoverProvider
 };

package/dist/components/Popover/Popover.js

@@ -1,77 +1,79 @@
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as N, useRef as W } from "react";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as I, useRef as W } from "react";
 import { c as j } from "../../index-2QXL0WYc.js";
 import { PopoverType as R } from "./Popover.types.js";
 import { FloatingUIAlign as S, GlobalCSSClass as b } from "../../enums.js";
 import { idsLogger as k } from "../../helpers/utility/idsLogger.js";
 import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
-import { s as E } from "../../Popover.module-CLIdWyZD.js";
-import { PopoverProvider as F } from "./PopoverProvider.js";
+import { s as E } from "../../Popover.module-BKrF_xRW.js";
+import { P as F } from "../../PopoverProvider-d3hhpW2k.js";
 import { PopoverActivator as G } from "./components/PopoverActivator.js";
 import { PopoverContent as L } from "./components/PopoverContent.js";
 import { composePopoverWidth as U } from "./helpers/composePopoverWidth.js";
-const q = ({
+import { usePopover as q } from "./hooks/usePopover.js";
+import { NestedPopoverActivator as z } from "./components/NestedPopoverActivator.js";
+const B = ({
   activator: p,
   align: d = "auto",
   children: n,
-  className: l,
-  container: c,
-  contentClassName: f,
-  defaultShow: v,
+  className: c,
+  container: l,
+  contentClassName: v,
+  defaultShow: f,
   disabledAutoToggle: h,
   displayMode: e = "overlay",
-  focusStartIndex: g,
-  matchActivatorWidth: P,
+  focusStartIndex: P,
+  matchActivatorWidth: g,
   onActivated: y,
   onDeactivated: A,
-  onNavigate: x,
-  type: T,
-  show: u,
+  onNavigate: u,
+  type: x,
+  show: N,
   width: r,
   virtualFocus: i,
   ...o
-}, w) => {
-  const C = W(null), s = P && e === "overlay";
+}, T) => {
+  const w = W(null), s = g && e === "overlay";
   return r !== void 0 && k(
     "IressPopover: The width prop is deprecated. Please use the --iress-width and --iress-max-width design token instead."
   ), /* @__PURE__ */ t(
     F,
     {
       align: d,
-      defaultShow: v,
+      defaultShow: f,
       disabledAutoToggle: h,
-      focusStartIndex: g,
+      focusStartIndex: P,
       matchActivatorWidth: s,
       onActivated: y,
       onDeactivated: A,
-      onNavigate: x,
-      ref: w,
-      show: u,
-      type: T,
+      onNavigate: u,
+      ref: T,
+      show: N,
+      type: x,
       virtualFocus: i,
-      children: /* @__PURE__ */ I(
+      children: /* @__PURE__ */ C(
         "div",
         {
           ...o,
           className: j(
-            l,
+            c,
             b.FormElement,
             E.popover
           ),
-          ref: C,
+          ref: w,
           children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ t(z, { parentPopover: q(), children: /* @__PURE__ */ t(
               G,
               {
                 "data-testid": a(o["data-testid"], "activator"),
                 children: p
               }
-            ),
+            ) }),
             /* @__PURE__ */ t(
               L,
               {
-                className: f,
-                container: c,
+                className: v,
+                container: l,
                 "data-testid": a(o["data-testid"], "content"),
                 displayMode: e,
                 style: {
@@ -87,7 +89,7 @@ const q = ({
       )
     }
   );
-}, m = N(q);
+}, m = I(B);
 m.Align = S;
 m.Type = R;
 export {

package/dist/components/Popover/PopoverProvider.js

@@ -1,113 +1,15 @@
-import { jsx as V } from "react/jsx-runtime";
-import { createContext as _, forwardRef as k, useRef as q, useMemo as f } from "react";
-import { o as U, b as $, f as y, s as z, c as G, d as X, e as B, g as J, h as K, i as L, j as Q } from "../../floating-ui.react-D_ysmiM3.js";
-import { POPOVER_USE_MAX_HEIGHT as W } from "./Popover.types.js";
-import { usePopoverState as Y } from "./hooks/usePopoverState.js";
-import { usePopoverNavigation as Z } from "./hooks/usePopoverNavigation.js";
-import { usePopoverAria as T } from "./hooks/usePopoverAria.js";
-import { usePopoverImperativeHandle as A } from "./hooks/usePopoverImperativeHandle.js";
-import { focusableElements as D } from "../../helpers/dom/focusableElements.js";
-const ee = _(
-  void 0
-), oe = k(
-  ({
-    align: x,
-    children: C,
-    defaultShow: E,
-    disabledAutoToggle: n,
-    focusStartIndex: I,
-    matchActivatorWidth: P,
-    onActivated: c,
-    onDeactivated: m,
-    onNavigate: R,
-    type: i,
-    show: S,
-    virtualFocus: u
-  }, b) => {
-    const p = x === "auto", h = q(null), r = Y({
-      defaultShow: E,
-      show: S
-    }), g = f(() => {
-      const e = [
-        U(5),
-        p ? $() : y(),
-        z()
-      ];
-      return P && e.push(
-        G({
-          apply({ rects: s, availableHeight: t, elements: H }) {
-            requestAnimationFrame(() => {
-              Object.assign(H.floating.style, {
-                width: `${s.reference.width}px`,
-                maxHeight: t > W ? `${t}px` : void 0
-              });
-            });
-          },
-          padding: 5
-        })
-      ), e;
-    }, [p, P]), o = X({
-      open: r.show,
-      onOpenChange: (e, s, t) => {
-        r.setShow(e), e ? c == null || c(s, t, a) : m == null || m(s, t, a);
-      },
-      middleware: g,
-      placement: p ? void 0 : x,
-      whileElementsMounted: Q
-    }), M = B(o.context, {
-      enabled: !n
-    }), N = J(o.context, {
-      enabled: !n
-    }), j = K(o.context, {
-      role: i
-    }), { activeIndex: a, list: w, listNav: F } = Z(
-      o.context,
-      i,
-      {
-        focusItemOnOpen: !0,
-        virtual: u
-      },
-      R,
-      I
-    ), l = T(), d = L([M, N, j, F]), v = f(() => u ? {
-      getVirtualFocus: () => h.current,
-      setVirtualFocus: (e) => {
-        h.current = e;
-      }
-    } : {}, [u]), O = f(
-      () => ({
-        ...l,
-        ...r,
-        ...v,
-        api: o,
-        activeIndex: a,
-        disabledAutoToggle: n,
-        getFocusableActivator: () => {
-          const e = o.elements.reference;
-          return (e == null ? void 0 : e.querySelector("[role=combobox]")) ?? D(e)[0];
-        },
-        interactions: d,
-        list: w,
-        setShowWithReason: (e, s, t) => o.context.onOpenChange(e, s, t),
-        type: i
-      }),
-      [
-        a,
-        o,
-        l,
-        n,
-        d,
-        w,
-        r,
-        i,
-        v
-      ]
-    );
-    return A(b, o, l, r, O), /* @__PURE__ */ V(ee.Provider, { value: O, children: C });
-  }
-);
-oe.displayName = "PopoverProvider";
+import "react/jsx-runtime";
+import "react";
+import "../../floating-ui.react-nmA48tb2.js";
+import "./Popover.types.js";
+import "./hooks/usePopoverState.js";
+import "./hooks/usePopoverNavigation.js";
+import "./hooks/usePopoverAria.js";
+import "./hooks/usePopoverImperativeHandle.js";
+import "../../helpers/dom/focusableElements.js";
+import { a as d, P as f } from "../../PopoverProvider-d3hhpW2k.js";
+import "../../helpers/dom/closestCrossShadow.js";
 export {
-  ee as PopoverContext,
-  oe as PopoverProvider
+  d as PopoverContext,
+  f as PopoverProvider
 };

package/dist/components/Popover/components/NestedPopoverActivator.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { f as e } from "../../../floating-ui.react-nmA48tb2.js";
+const f = ({
+  children: t,
+  parentPopover: o
+}) => o ? /* @__PURE__ */ r(e, { elementsRef: o.list, children: t }) : t;
+export {
+  f as NestedPopoverActivator
+};

package/dist/components/Popover/components/PopoverActivator.js

@@ -1,11 +1,12 @@
 import { jsx as d } from "react/jsx-runtime";
-import { s as u } from "../../../Popover.module-CLIdWyZD.js";
-import { PopoverCssClass as l } from "../Popover.types.js";
-import { usePopover as m } from "../hooks/usePopover.js";
-import { useRef as A, useMemo as g, useEffect as b } from "react";
-import { focusableElements as v } from "../../../helpers/dom/focusableElements.js";
-import { usePopoverActivatorInteractions as T } from "../hooks/usePopoverActivatorInteractions.js";
-import { c as x } from "../../../index-2QXL0WYc.js";
+import { s as c } from "../../../Popover.module-BKrF_xRW.js";
+import { PopoverCssClass as m } from "../Popover.types.js";
+import { usePopover as g } from "../hooks/usePopover.js";
+import { useRef as A, useMemo as b, useEffect as v } from "react";
+import { focusableElements as T } from "../../../helpers/dom/focusableElements.js";
+import { safeClosest as f } from "../../../helpers/dom/domUtils.js";
+import { usePopoverActivatorInteractions as x } from "../hooks/usePopoverActivatorInteractions.js";
+import { c as E } from "../../../index-2QXL0WYc.js";
 const P = [
   "aria-controls",
   "aria-expanded",
@@ -14,75 +15,73 @@ const P = [
   "id",
   "role",
   "tabindex"
-], y = (s, c) => {
-  const t = s.querySelector("[id]"), a = t == null ? void 0 : t.getAttribute("id");
-  t == null || t.removeAttribute("id"), P.forEach((e) => {
-    const n = s.getAttribute(e);
-    s.removeAttribute(e), n && c.setAttribute(e, n);
-  }), a && c.setAttribute("id", a);
-}, F = ({
-  children: s,
-  ...c
+], y = (o, i) => {
+  const t = o.querySelector("[id]"), a = t == null ? void 0 : t.getAttribute("id");
+  t == null || t.removeAttribute("id"), P.forEach((s) => {
+    const n = o.getAttribute(s);
+    o.removeAttribute(s), n && i.setAttribute(s, n);
+  }), a && i.setAttribute("id", a);
+}, N = ({
+  children: o,
+  ...i
 }) => {
-  const t = m(), a = A(null), e = s == null ? void 0 : s.props, n = T(
+  const t = g(), a = A(null), s = o == null ? void 0 : o.props, n = x(
     t,
-    e
-  ), f = g(() => {
+    s
+  ), l = b(() => {
     if (t != null && t.show)
       return [
         ...t.getAriaControls(),
-        e["aria-controls"],
+        s["aria-controls"],
         t.api.context.floatingId
       ].join(" ").trim();
-  }, [e, t]);
-  return b(() => {
-    var r, o;
+  }, [s, t]);
+  return v(() => {
+    var r, e;
     !a.current || !(t != null && t.getVirtualFocus) || t.activeIndex === null || (setTimeout(
       () => {
-        var i;
-        return (i = t == null ? void 0 : t.api.refs.domReference.current) == null ? void 0 : i.removeAttribute(
+        var u;
+        return (u = t == null ? void 0 : t.api.refs.domReference.current) == null ? void 0 : u.removeAttribute(
           "aria-activedescendant"
         );
       }
     ), a.current.setAttribute(
       "aria-activedescendant",
-      ((o = (r = t.list.current) == null ? void 0 : r[t.activeIndex]) == null ? void 0 : o.id) ?? ""
+      ((e = (r = t.list.current) == null ? void 0 : r[t.activeIndex]) == null ? void 0 : e.id) ?? ""
     ));
   }, [t]), /* @__PURE__ */ d(
     "div",
     {
-      ...c,
-      className: x(u.activator, {
-        [l.Active]: t == null ? void 0 : t.show
+      ...i,
+      className: E(c.activator, {
+        [m.Active]: t == null ? void 0 : t.show
       }),
       ...t == null ? void 0 : t.interactions.getReferenceProps({
         ...n,
-        "aria-controls": f,
-        role: e.role,
+        "aria-controls": l,
+        role: s.role,
         ref: (r) => {
           if (!r) return;
           t == null || t.api.refs.setReference(r);
-          const o = (r == null ? void 0 : r.querySelector("[role=combobox]")) ?? v(r)[0];
-          o && (a.current = o, y(r, o));
+          const e = (r == null ? void 0 : r.querySelector("[role=combobox]")) ?? T(r)[0];
+          e && (a.current = e, y(r, e));
         },
         onBlur: (r) => {
-          var o;
-          (o = r.relatedTarget) != null && o.closest(`.${u.content}`) && (r.preventDefault(), r.stopPropagation());
+          r.relatedTarget instanceof Element && f(r.relatedTarget, `.${c.content}`) && (r.preventDefault(), r.stopPropagation());
         },
         onFocus: (r) => {
-          var o;
-          t != null && t.disabledAutoToggle || r.relatedTarget && (r.relatedTarget.hasAttribute("data-floating-ui-focus-guard") || (o = r.relatedTarget) != null && o.closest(`.${u.content}`)) && t.show && (setTimeout(() => {
-            var i;
-            (i = a.current) == null || i.focus();
+          t != null && t.disabledAutoToggle || r.relatedTarget instanceof Element && (r.relatedTarget.hasAttribute("data-floating-ui-focus-guard") || f(r.relatedTarget, `.${c.content}`)) && t.show && (setTimeout(() => {
+            var e;
+            (e = a.current) == null || e.focus();
           }), setTimeout(() => {
             t.setShowWithReason(!1, r.nativeEvent, "focus");
           }, 300));
         }
       }),
-      children: s
+      children: o
     }
   );
 };
 export {
-  F as PopoverActivator
+  N as PopoverActivator
 };

package/dist/components/Popover/components/PopoverContent.js

@@ -1,25 +1,25 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { c } from "../../../index-2QXL0WYc.js";
-import { s as m } from "../../../Popover.module-CLIdWyZD.js";
-import { usePopover as F } from "../hooks/usePopover.js";
-import { k as g, F as h, l as p, m as i, n as P, p as I, q as N } from "../../../floating-ui.react-D_ysmiM3.js";
+import { s as m } from "../../../Popover.module-BKrF_xRW.js";
+import { usePopover as g } from "../hooks/usePopover.js";
+import { b as F, F as h, c as p, d as i, e as P, f as I, g as N } from "../../../floating-ui.react-nmA48tb2.js";
 import { composePopoverFloatingProps as x } from "../helpers/composeFloatingProps.js";
 const l = ({
-  children: e,
+  children: n,
   className: o,
   displayMode: r,
   style: s,
   virtualFocus: a,
   ...f
 }) => {
-  const t = F();
+  const t = g();
   if (!t) return null;
   const u = x(
     t,
     r,
     s
   );
-  return /* @__PURE__ */ n(I, { elementsRef: t.list, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(I, { elementsRef: t.list, children: /* @__PURE__ */ e(
     N,
     {
       context: t.api.context,
@@ -27,7 +27,7 @@ const l = ({
       modal: !1,
       disabled: !(t != null && t.show),
       returnFocus: !a,
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ e(
         "div",
         {
           ...f,
@@ -35,25 +35,25 @@ const l = ({
           hidden: !(t != null && t.show),
           ref: t == null ? void 0 : t.api.refs.setFloating,
           ...u,
-          children: e
+          children: n
         }
       )
     }
   ) });
 }, d = ({
-  className: e,
+  className: n,
   container: o,
   ...r
 }) => {
   const s = p();
-  return o ? /* @__PURE__ */ n(i, { id: s, children: /* @__PURE__ */ n(P, { root: o, preserveTabOrder: !0, children: /* @__PURE__ */ n(
+  return o ? /* @__PURE__ */ e(i, { id: s, children: /* @__PURE__ */ e(P, { root: o, preserveTabOrder: !0, children: /* @__PURE__ */ e(
     l,
     {
       ...r,
-      className: c(e, m.portal)
+      className: c(n, m.portal)
     }
-  ) }) }) : /* @__PURE__ */ n(i, { id: s, children: /* @__PURE__ */ n(l, { ...r, className: e }) });
-}, q = (e) => g() === null ? /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(d, { ...e }) }) : /* @__PURE__ */ n(d, { ...e });
+  ) }) }) : /* @__PURE__ */ e(i, { id: s, children: /* @__PURE__ */ e(l, { ...r, className: n }) });
+}, y = (n) => F() === null ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(d, { ...n }) }) : /* @__PURE__ */ e(d, { ...n });
 export {
-  q as PopoverContent
+  y as PopoverContent
 };