@sps-woodland/modal 8.10.4 → 8.11.0

package/lib/index.es.js

@@ -19,7 +19,8 @@ function H(e) {
 }
 function gt(e) {
   let [t, o] = V(e), r = y(null), n = H(() => {
-    if (!r.current) return;
+    if (!r.current)
+      return;
     let a = r.current.next();
     if (a.done) {
       r.current = null;
@@ -101,7 +102,8 @@ function Ae(e) {
   }), n;
 }
 function xt(e, t) {
-  if (e === t) return e;
+  if (e === t)
+    return e;
   let o = X.get(e);
   if (o)
     return o(t), t;
@@ -125,7 +127,8 @@ function Tt(e = []) {
 }
 function J(...e) {
   return (...t) => {
-    for (let o of e) typeof o == "function" && o(...t);
+    for (let o of e)
+      typeof o == "function" && o(...t);
   };
 }
 const E = (e) => {
@@ -134,15 +137,21 @@ const E = (e) => {
 }, Y = (e) => e && "window" in e && e.window === e ? e : E(e).defaultView || window;
 function Ie(e) {
   var t, o, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (o = Ie(e[t])) && (r && (r += " "), r += o);
-  } else for (o in e) e[o] && (r && (r += " "), r += o);
+  if (typeof e == "string" || typeof e == "number")
+    r += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var n = e.length;
+      for (t = 0; t < n; t++)
+        e[t] && (o = Ie(e[t])) && (r && (r += " "), r += o);
+    } else
+      for (o in e)
+        e[o] && (r && (r += " "), r += o);
   return r;
 }
 function St() {
-  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = Ie(e)) && (r && (r += " "), r += t);
+  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++)
+    (e = arguments[o]) && (t = Ie(e)) && (r && (r += " "), r += t);
   return r;
 }
 function Lt(...e) {
@@ -179,13 +188,15 @@ const Ft = /* @__PURE__ */ new Set([
 ]), Nt = /^(data-.*)$/;
 function Ot(e, t = {}) {
   let { labelable: o, isLink: r, propNames: n } = t, l = {};
-  for (const a in e) Object.prototype.hasOwnProperty.call(e, a) && (Ft.has(a) || o && Ct.has(a) || r && Bt.has(a) || n != null && n.has(a) || Nt.test(a)) && (l[a] = e[a]);
+  for (const a in e)
+    Object.prototype.hasOwnProperty.call(e, a) && (Ft.has(a) || o && Ct.has(a) || r && Bt.has(a) || n != null && n.has(a) || Nt.test(a)) && (l[a] = e[a]);
   return l;
 }
 function Pe(e) {
-  if (Dt()) e.focus({
-    preventScroll: !0
-  });
+  if (Dt())
+    e.focus({
+      preventScroll: !0
+    });
   else {
     let t = Wt(e);
     e.focus(), At(t);
@@ -250,21 +261,25 @@ function Ht() {
 }
 let O = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Set();
 function ke() {
-  if (typeof window > "u") return;
+  if (typeof window > "u")
+    return;
   function e(r) {
     return "propertyName" in r;
   }
   let t = (r) => {
-    if (!e(r) || !r.target) return;
+    if (!e(r) || !r.target)
+      return;
     let n = O.get(r.target);
     n || (n = /* @__PURE__ */ new Set(), O.set(r.target, n), r.target.addEventListener("transitioncancel", o, {
       once: !0
     })), n.add(r.propertyName);
   }, o = (r) => {
-    if (!e(r) || !r.target) return;
+    if (!e(r) || !r.target)
+      return;
     let n = O.get(r.target);
     if (n && (n.delete(r.propertyName), n.size === 0 && (r.target.removeEventListener("transitioncancel", o), O.delete(r.target)), O.size === 0)) {
-      for (let l of ce) l();
+      for (let l of ce)
+        l();
       ce.clear();
     }
   };
@@ -282,7 +297,8 @@ function xe(e, t) {
 }
 function qe(e, t) {
   let o = e;
-  for (xe(o, t) && (o = o.parentElement); o && !xe(o, t); ) o = o.parentElement;
+  for (xe(o, t) && (o = o.parentElement); o && !xe(o, t); )
+    o = o.parentElement;
   return o || document.scrollingElement || document.documentElement;
 }
 function Kt(e) {
@@ -394,7 +410,8 @@ function Gt(e) {
 }
 let K = null, Xt = /* @__PURE__ */ new Set(), R = /* @__PURE__ */ new Map(), N = !1, me = !1;
 function be(e, t) {
-  for (let o of Xt) o(e, t);
+  for (let o of Xt)
+    o(e, t);
 }
 function Jt(e) {
   return !(e.metaKey || !ze() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
@@ -415,7 +432,8 @@ function Ke() {
   N = !1, me = !0;
 }
 function Te(e) {
-  if (typeof window > "u" || R.get(Y(e))) return;
+  if (typeof window > "u" || R.get(Y(e)))
+    return;
   const t = Y(e), o = E(e);
   let r = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
@@ -483,7 +501,8 @@ function eo(e) {
   });
   F(() => {
     let c = l.current;
-    if (r) return;
+    if (r)
+      return;
     const i = t.current, s = E(i);
     if (typeof PointerEvent < "u") {
       let f = (m) => {
@@ -510,10 +529,12 @@ function eo(e) {
   ]);
 }
 function _(e, t) {
-  if (e.button > 0) return !1;
+  if (e.button > 0)
+    return !1;
   if (e.target) {
     const o = e.target.ownerDocument;
-    if (!o || !o.documentElement.contains(e.target) || e.target.closest("[data-react-aria-top-layer]")) return !1;
+    if (!o || !o.documentElement.contains(e.target) || e.target.closest("[data-react-aria-top-layer]"))
+      return !1;
   }
   return t.current && !t.current.contains(e.target);
 }
@@ -524,11 +545,13 @@ function fe(e) {
     Vt(() => {
       t.activeElement === o && e.isConnected && Pe(e);
     });
-  } else Pe(e);
+  } else
+    Pe(e);
 }
 function to(e) {
   const t = Y(e);
-  if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement)) return !1;
+  if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement))
+    return !1;
   let { display: o, visibility: r } = e.style, n = o !== "none" && r !== "hidden" && r !== "collapse";
   if (n) {
     const { getComputedStyle: l } = e.ownerDocument.defaultView;
@@ -579,7 +602,8 @@ function ro(e) {
     const m = E(d.current ? d.current[0] : void 0).activeElement;
     let g = null;
     if (M(m, d.current)) {
-      for (let p of $.traverse()) p.scopeRef && M(m, p.scopeRef.current) && (g = p);
+      for (let p of $.traverse())
+        p.scopeRef && M(m, p.scopeRef.current) && (g = p);
       g === $.getTreeNode(d) && (v = g.scopeRef);
     }
   }, [
@@ -673,7 +697,8 @@ function B(e) {
 function z(e) {
   let t = $.getTreeNode(v);
   for (; t && t.scopeRef !== e; ) {
-    if (t.contain) return !1;
+    if (t.contain)
+      return !1;
     t = t.parent;
   }
   return !0;
@@ -688,13 +713,16 @@ function io(e, t) {
     }
     const l = E(n ? n[0] : void 0);
     let a = (i) => {
-      if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !z(e) || i.isComposing) return;
+      if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !z(e) || i.isComposing)
+        return;
       let s = l.activeElement, f = e.current;
-      if (!f || !M(s, f)) return;
+      if (!f || !M(s, f))
+        return;
       let m = B(f), g = C(m, {
         tabbable: !0
       }, f);
-      if (!s) return;
+      if (!s)
+        return;
       g.currentNode = s;
       let p = i.shiftKey ? g.previousNode() : g.nextNode();
       p || (g.currentNode = i.shiftKey ? f[f.length - 1].nextElementSibling : f[0].previousElementSibling, p = i.shiftKey ? g.previousNode() : g.nextNode()), i.preventDefault(), p && L(p, !0);
@@ -706,7 +734,8 @@ function io(e, t) {
           if (v = e, l.body.contains(i.target)) {
             var s;
             o.current = i.target, (s = o.current) === null || s === void 0 || s.focus();
-          } else v.current && te(v.current);
+          } else
+            v.current && te(v.current);
       });
     };
     return l.addEventListener("keydown", a, !1), l.addEventListener("focusin", d, !1), n == null || n.forEach((i) => i.addEventListener("focusin", d, !1)), n == null || n.forEach((i) => i.addEventListener("focusout", c, !1)), () => {
@@ -728,9 +757,11 @@ function M(e, t) {
   return !e || !t ? !1 : t.some((o) => o.contains(e));
 }
 function Z(e, t = null) {
-  if (e instanceof Element && e.closest("[data-react-aria-top-layer]")) return !0;
+  if (e instanceof Element && e.closest("[data-react-aria-top-layer]"))
+    return !0;
   for (let { scopeRef: o } of $.traverse($.getTreeNode(t)))
-    if (o && M(e, o.current)) return !0;
+    if (o && M(e, o.current))
+      return !0;
   return !1;
 }
 function so(e) {
@@ -740,20 +771,23 @@ function ee(e, t) {
   var o;
   let r = (o = $.getTreeNode(t)) === null || o === void 0 ? void 0 : o.parent;
   for (; r; ) {
-    if (r.scopeRef === e) return !0;
+    if (r.scopeRef === e)
+      return !0;
     r = r.parent;
   }
   return !1;
 }
 function L(e, t = !1) {
-  if (e != null && !t) try {
-    fe(e);
-  } catch {
-  }
-  else if (e != null) try {
-    e.focus();
-  } catch {
-  }
+  if (e != null && !t)
+    try {
+      fe(e);
+    } catch {
+    }
+  else if (e != null)
+    try {
+      e.focus();
+    } catch {
+    }
 }
 function te(e, t = !0) {
   let o = e[0].previousElementSibling, r = B(e), n = C(r, {
@@ -780,7 +814,8 @@ function uo(e, t) {
 }
 function co(e, t, o) {
   w(() => {
-    if (t || o) return;
+    if (t || o)
+      return;
     let r = e.current;
     const n = E(r ? r[0] : void 0);
     let l = (a) => {
@@ -799,7 +834,8 @@ function co(e, t, o) {
 function mo(e) {
   let t = $.getTreeNode(v);
   for (; t && t.scopeRef !== e; ) {
-    if (t.nodeToRestore) return !1;
+    if (t.nodeToRestore)
+      return !1;
     t = t.parent;
   }
   return (t == null ? void 0 : t.scopeRef) === e;
@@ -809,7 +845,8 @@ function fo(e, t, o) {
   w(() => {
     let n = e.current;
     const l = E(n ? n[0] : void 0);
-    if (!t || o) return;
+    if (!t || o)
+      return;
     let a = () => {
       (!v || ee(v, e)) && M(l.activeElement, e.current) && (v = e);
     };
@@ -821,13 +858,17 @@ function fo(e, t, o) {
     o
   ]), w(() => {
     const n = E(e.current ? e.current[0] : void 0);
-    if (!t) return;
+    if (!t)
+      return;
     let l = (a) => {
-      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !z(e) || a.isComposing) return;
+      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !z(e) || a.isComposing)
+        return;
       let d = n.activeElement;
-      if (!M(d, e.current)) return;
+      if (!M(d, e.current))
+        return;
       let c = $.getTreeNode(e);
-      if (!c) return;
+      if (!c)
+        return;
       let i = c.nodeToRestore, s = C(n.body, {
         tabbable: !0
       });
@@ -850,13 +891,15 @@ function fo(e, t, o) {
     o
   ]), w(() => {
     const n = E(e.current ? e.current[0] : void 0);
-    if (!t) return;
+    if (!t)
+      return;
     let l = $.getTreeNode(e);
     if (l) {
       var a;
       return l.nodeToRestore = (a = r.current) !== null && a !== void 0 ? a : void 0, () => {
         let d = $.getTreeNode(e);
-        if (!d) return;
+        if (!d)
+          return;
         let c = d.nodeToRestore;
         if (t && c && // eslint-disable-next-line react-hooks/exhaustive-deps
         (M(n.activeElement, e.current) || n.activeElement === n.body && mo(e))) {
@@ -906,7 +949,8 @@ class $e {
   }
   addTreeNode(t, o, r) {
     let n = this.fastMap.get(o ?? null);
-    if (!n) return;
+    if (!n)
+      return;
     let l = new pe({
       scopeRef: t
     });
@@ -916,23 +960,29 @@ class $e {
     this.fastMap.set(t.scopeRef, t);
   }
   removeTreeNode(t) {
-    if (t === null) return;
+    if (t === null)
+      return;
     let o = this.fastMap.get(t);
-    if (!o) return;
+    if (!o)
+      return;
     let r = o.parent;
-    for (let l of this.traverse()) l !== o && o.nodeToRestore && l.nodeToRestore && o.scopeRef && o.scopeRef.current && M(l.nodeToRestore, o.scopeRef.current) && (l.nodeToRestore = o.nodeToRestore);
+    for (let l of this.traverse())
+      l !== o && o.nodeToRestore && l.nodeToRestore && o.scopeRef && o.scopeRef.current && M(l.nodeToRestore, o.scopeRef.current) && (l.nodeToRestore = o.nodeToRestore);
     let n = o.children;
     r && (r.removeChild(o), n.size > 0 && n.forEach((l) => r && r.addChild(l))), this.fastMap.delete(o.scopeRef);
   }
   // Pre Order Depth First
   *traverse(t = this.root) {
-    if (t.scopeRef != null && (yield t), t.children.size > 0) for (let o of t.children) yield* this.traverse(o);
+    if (t.scopeRef != null && (yield t), t.children.size > 0)
+      for (let o of t.children)
+        yield* this.traverse(o);
   }
   clone() {
     var t;
     let o = new $e();
     var r;
-    for (let n of this.traverse()) o.addTreeNode(n.scopeRef, (r = (t = n.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && r !== void 0 ? r : null, n.nodeToRestore);
+    for (let n of this.traverse())
+      o.addTreeNode(n.scopeRef, (r = (t = n.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && r !== void 0 ? r : null, n.nodeToRestore);
     return o;
   }
   constructor() {
@@ -1065,7 +1115,8 @@ function wo() {
       }));
     }));
   }, a = null, d = () => {
-    if (a) return;
+    if (a)
+      return;
     let i = () => {
       window.scrollTo(0, 0);
     }, s = window.pageXOffset, f = window.pageYOffset;
@@ -1114,11 +1165,14 @@ function Fe(e) {
 let I = /* @__PURE__ */ new WeakMap(), P = [];
 function Eo(e, t = document.body) {
   let o = new Set(e), r = /* @__PURE__ */ new Set(), n = (c) => {
-    for (let m of c.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) o.add(m);
+    for (let m of c.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
+      o.add(m);
     let i = (m) => {
-      if (o.has(m) || r.has(m.parentElement) && m.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
+      if (o.has(m) || r.has(m.parentElement) && m.parentElement.getAttribute("role") !== "row")
+        return NodeFilter.FILTER_REJECT;
       for (let g of o)
-        if (m.contains(g)) return NodeFilter.FILTER_SKIP;
+        if (m.contains(g))
+          return NodeFilter.FILTER_SKIP;
       return NodeFilter.FILTER_ACCEPT;
     }, s = document.createTreeWalker(c, NodeFilter.SHOW_ELEMENT, {
       acceptNode: i
@@ -1140,7 +1194,8 @@ function Eo(e, t = document.body) {
         ...o,
         ...r
       ].some((s) => s.contains(i.target))) {
-        for (let s of i.removedNodes) s instanceof Element && (o.delete(s), r.delete(s));
+        for (let s of i.removedNodes)
+          s instanceof Element && (o.delete(s), r.delete(s));
         for (let s of i.addedNodes)
           (s instanceof HTMLElement || s instanceof SVGElement) && (s.dataset.liveAnnouncer === "true" || s.dataset.reactAriaTopLayer === "true") ? o.add(s) : s instanceof Element && n(s);
       }
@@ -1183,7 +1238,8 @@ function Po(e) {
     n,
     l
   ]), { getContainer: d } = yo();
-  if (!e.portalContainer && d && (o = d()), !o) return null;
+  if (!e.portalContainer && d && (o = d()), !o)
+    return null;
   let c = e.children;
   return e.disableFocusManagement || (c = /* @__PURE__ */ h.createElement(ro, {
     restoreFocus: !0,
@@ -1209,9 +1265,10 @@ function ko(e, t, o) {
   return $o({
     isDisabled: !t.isOpen
   }), Xe(), F(() => {
-    if (t.isOpen) return Eo([
-      o.current
-    ]);
+    if (t.isOpen)
+      return Eo([
+        o.current
+      ]);
   }, [
     t.isOpen,
     o

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/modal",
   "description": "SPS Woodland Design System modal component",
-  "version": "8.10.4",
+  "version": "8.11.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/modal",
@@ -29,9 +29,9 @@
     "@spscommerce/utils": "^7.0.0",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/buttons": "8.10.4",
-    "@sps-woodland/core": "8.10.4",
-    "@sps-woodland/tokens": "8.10.4"
+    "@sps-woodland/buttons": "8.11.0",
+    "@sps-woodland/core": "8.11.0",
+    "@sps-woodland/tokens": "8.11.0"
   },
   "devDependencies": {
     "@spscommerce/utils": "^7.0.0",
@@ -42,9 +42,9 @@
     "@vanilla-extract/vite-plugin": "^3.6.0",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/buttons": "8.10.4",
-    "@sps-woodland/core": "8.10.4",
-    "@sps-woodland/tokens": "8.10.4"
+    "@sps-woodland/buttons": "8.11.0",
+    "@sps-woodland/core": "8.11.0",
+    "@sps-woodland/tokens": "8.11.0"
   },
   "dependencies": {
     "react-aria": "^3.21.0",