@purpurds/modal 5.24.2 → 5.25.0

package/dist/modal.es.js

@@ -1,4 +1,4 @@
-import { jsxs as j, jsx as b } from "react/jsx-runtime";
+import { jsxs as F, jsx as b } from "react/jsx-runtime";
 import * as m from "react";
 import { useCallback as Q, createContext as Oe, useMemo as me, createElement as _, useContext as rt, useLayoutEffect as Rt, useRef as N, useEffect as A, useState as H, forwardRef as S, Children as L, isValidElement as U, cloneElement as ae, Fragment as Le, useReducer as Mt } from "react";
 import kt, { flushSync as ot } from "react-dom";
@@ -406,18 +406,18 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
       let u = function(y) {
         if (f.paused || !c) return;
         const $ = y.target;
-        c.contains($) ? l.current = $ : F(l.current, {
+        c.contains($) ? l.current = $ : j(l.current, {
           select: !0
         });
       }, h = function(y) {
         if (f.paused || !c) return;
         const $ = y.relatedTarget;
-        $ !== null && (c.contains($) || F(l.current, {
+        $ !== null && (c.contains($) || j(l.current, {
           select: !0
         }));
       }, g = function(y) {
         if (document.activeElement === document.body)
-          for (const x of y) x.removedNodes.length > 0 && F(c);
+          for (const x of y) x.removedNodes.length > 0 && j(c);
       };
       document.addEventListener("focusin", u), document.addEventListener("focusout", h);
       const C = new MutationObserver(g);
@@ -440,12 +440,12 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
         const g = new CustomEvent($e, Ue);
         c.addEventListener($e, d), c.dispatchEvent(g), g.defaultPrevented || (on(ln(ct(c)), {
           select: !0
-        }), document.activeElement === u && F(c));
+        }), document.activeElement === u && j(c));
       }
       return () => {
         c.removeEventListener($e, d), setTimeout(() => {
           const g = new CustomEvent(ye, Ue);
-          c.addEventListener(ye, p), c.dispatchEvent(g), g.defaultPrevented || F(u ?? document.body, {
+          c.addEventListener(ye, p), c.dispatchEvent(g), g.defaultPrevented || j(u ?? document.body, {
             select: !0
           }), c.removeEventListener(ye, p), ze.remove(f);
         }, 0);
@@ -462,9 +462,9 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
     const h = u.key === "Tab" && !u.altKey && !u.ctrlKey && !u.metaKey, g = document.activeElement;
     if (h && g) {
       const C = u.currentTarget, [y, $] = an(C);
-      y && $ ? !u.shiftKey && g === $ ? (u.preventDefault(), t && F(y, {
+      y && $ ? !u.shiftKey && g === $ ? (u.preventDefault(), t && j(y, {
         select: !0
-      })) : u.shiftKey && g === y && (u.preventDefault(), t && F($, {
+      })) : u.shiftKey && g === y && (u.preventDefault(), t && j($, {
         select: !0
       })) : g === C && u.preventDefault();
     }
@@ -483,7 +483,7 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
 function on(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
-    if (F(o, {
+    if (j(o, {
       select: n
     }), document.activeElement !== t) return;
 }
@@ -522,7 +522,7 @@ function cn(e, { upTo: n }) {
 function un(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function F(e, { select: n = !1 } = {}) {
+function j(e, { select: n = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
     e.focus({
@@ -1527,7 +1527,7 @@ const Ir = /* @__PURE__ */ Tr(Dr), Lr = {
   ), u = (g) => {
     o || i ? g.preventDefault() : s && s(g);
   }, h = !!v["aria-disabled"] || o || i;
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ F(
     "button",
     {
       className: E,
@@ -2028,9 +2028,9 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
       window.removeEventListener("resize", I);
     }), [I]), A(() => {
       I();
-    }, [l, t, I]), /* @__PURE__ */ j(br, { children: [
+    }, [l, t, I]), /* @__PURE__ */ F(br, { children: [
       /* @__PURE__ */ b($r, { className: T(`${O}__overlay`), style: { zIndex: v } }),
-      /* @__PURE__ */ j(
+      /* @__PURE__ */ F(
         yr,
         {
           ...g,
@@ -2043,7 +2043,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
           onEscapeKeyDown: ie,
           style: { zIndex: `calc(${v} + 1)` },
           children: [
-            /* @__PURE__ */ j("div", { ref: $, className: T(`${O}__wrapper`), children: [
+            /* @__PURE__ */ F("div", { ref: $, className: T(`${O}__wrapper`), children: [
               et(f) && u && c && /* @__PURE__ */ b(
                 tt,
                 {
@@ -2052,8 +2052,8 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
                   "data-testid": D("close-button")
                 }
               ),
-              /* @__PURE__ */ j("div", { ref: x, className: T(`${O}__wrapper-inner`), children: [
-                /* @__PURE__ */ j("div", { className: T(`${O}__header`), children: [
+              /* @__PURE__ */ F("div", { ref: x, className: T(`${O}__wrapper-inner`), children: [
+                /* @__PURE__ */ F("div", { className: T(`${O}__header`), children: [
                   et(f) && u && !c && /* @__PURE__ */ b(
                     tt,
                     {
@@ -2079,7 +2079,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
                     children: c
                   }
                 ),
-                /* @__PURE__ */ b("div", { className: T(`${O}__body`), children: /* @__PURE__ */ j("div", { className: T(`${O}__body-inner`), children: [
+                /* @__PURE__ */ b("div", { className: T(`${O}__body`), children: /* @__PURE__ */ F("div", { className: T(`${O}__body-inner`), children: [
                   a && i && /* @__PURE__ */ b(lo, { asChild: !0, children: /* @__PURE__ */ b(Ze, { "data-testid": D("description"), children: a }) }),
                   a && !i && /* @__PURE__ */ b(
                     Ze,
@@ -2140,17 +2140,21 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
   return A(() => {
     var r, i;
     t && ((i = (r = o == null ? void 0 : o.current) == null ? void 0 : r.scrollIntoView) == null || i.call(r, !1));
-  }, [t]), e && e.length > 0 ? /* @__PURE__ */ j("div", { className: T(`${O}__actions`), children: [
-    /* @__PURE__ */ b("div", { className: T(`${O}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, _o).map(({ label: r, onClick: i, disabled: c, loading: s }, d) => /* @__PURE__ */ b(
+  }, [t]), e && e.length > 0 ? /* @__PURE__ */ F("div", { className: T(`${O}__actions`), children: [
+    /* @__PURE__ */ b("div", { className: T(`${O}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, _o).map(({ label: r, onClick: i, disabled: c, loading: s, iconPosition: d = "right", icon: p }, l) => /* @__PURE__ */ F(
       ke,
       {
         "data-testid": "modal actions button",
-        variant: a[d] || "",
+        variant: a[l] || "",
         onClick: i,
         disabled: c,
         loading: s,
         className: T(`${O}__actions-button`),
-        children: r
+        children: [
+          d === "left" && p && p,
+          r,
+          d === "right" && p && p
+        ]
       },
       r
     )) }),