@rankingcoach/vanguard 1.12.0 → 1.12.1

package/dist/index-CreditCard.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { useDynamicImport as d } from "./index-use-dynamic-import.js";
 import { ComponentContainer as h } from "./index-ComponentContainer.js";
 import "react";
-import p from "./index-esm4.js";
+import p from "./index-esm5.js";
 var r;
 (function(e) {
   e.Visa = "visa", e.MasterCard = "masterCard", e.AmericanExpress = "americanExpress", e.Discover = "discover", e.CarteBleue = "carteBleue", e.Placeholder = "placeholder";

package/dist/index-DateInput.js

@@ -1,10 +1,10 @@
-import { __exports as p } from "./index-_virtual72.js";
+import { __exports as p } from "./index-_virtual71.js";
 import k from "react";
 import { __require as K } from "./index-prop-types.js";
 import { __require as L } from "./index-classnames2.js";
-import U from "./index-_virtual73.js";
-import z from "./index-_virtual74.js";
-import A from "./index-_virtual75.js";
+import U from "./index-_virtual72.js";
+import z from "./index-_virtual73.js";
+import A from "./index-_virtual74.js";
 import V from "./index-_virtual55.js";
 var q;
 function te() {

package/dist/index-DateRange.js

@@ -6,7 +6,7 @@ import { classNames as f } from "./index-classNames.js";
 import { datesAreDifferent as r } from "./index-date-helpers.js";
 import c from "./index-moment.js";
 import { useState as g, useEffect as d } from "react";
-import { d as p } from "./index-_virtual10.js";
+import { d as p } from "./index-_virtual9.js";
 import { ComponentContainer as u } from "./index-ComponentContainer.js";
 const w = (a) => {
   const {

package/dist/index-DropdownMenu.js

@@ -1,46 +1,56 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { classNames as k } from "./index-classNames.js";
-import { ComponentContainer as C } from "./index-ComponentContainer.js";
-import { Icon as I } from "./index-Icon.js";
-import { Text as N } from "./index-Text.js";
-import { useState as x } from "react";
-import i from "./index-DropdownMenu.module.scss.js";
-import D from "./index-Popper.js";
-import A from "./index-Fade.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { classNames as x } from "./index-classNames.js";
+import { uuidv4 as A } from "./index-generate-uid.js";
+import { ComponentContainer as E } from "./index-ComponentContainer.js";
+import { Icon as g } from "./index-Icon.js";
+import { MODAL_BASE_Z_INDEX as l, ModalService as a } from "./index-ModalService.js";
+import { Text as M } from "./index-Text.js";
+import { useState as p, useRef as L, useEffect as O } from "react";
+import s from "./index-DropdownMenu.module.scss.js";
+import P from "./index-Popper.js";
+import R from "./index-Fade.js";
 import { ClickAwayListener as b } from "./index-ClickAwayListener.js";
-import g from "./index-MenuList.js";
-import E from "./index-MenuItem2.js";
-const B = (s) => {
+import S from "./index-MenuList.js";
+import _ from "./index-MenuItem2.js";
+const V = (f) => {
   const {
-    anchorEl: n,
-    isOpen: m,
-    toggleIsOpen: t,
-    items: l,
-    hideOnItemClick: a = !0,
-    placement: p = "bottom"
-  } = s, [f, d] = x(null);
-  function u(e) {
-    e.key === "Tab" ? (e.preventDefault(), t()) : e.key === "Escape" && t();
+    anchorEl: t,
+    isOpen: n,
+    toggleIsOpen: i,
+    items: u,
+    hideOnItemClick: d = !0,
+    placement: h = "bottom"
+  } = f, [w, I] = p(null), y = L(`dropdown-${A()}`), [k, c] = p(l);
+  O(() => {
+    if (!n) {
+      c(l);
+      return;
+    }
+    const e = y.current;
+    return c(a.registerPopover(e)), () => a.unregisterPopover(e);
+  }, [n]);
+  function C(e) {
+    e.key === "Tab" ? (e.preventDefault(), i()) : e.key === "Escape" && i();
   }
-  const h = (e) => {
-    e && e(), a && t();
-  }, w = (e) => {
-    n && n.current && n.current.contains(e.target) || (e.preventDefault(), t());
+  const D = (e) => {
+    e && e(), d && i();
+  }, N = (e) => {
+    t && t.current && t.current.contains(e.target) || (e.preventDefault(), i());
   };
-  return o(C, {
-    children: o(D, {
+  return r(E, {
+    children: r(P, {
       style: {
-        zIndex: 1100
+        zIndex: k
       },
       role: void 0,
-      open: m,
-      anchorEl: n && n.current,
-      placement: p,
+      open: n,
+      anchorEl: t && t.current,
+      placement: h,
       modifiers: [{
         name: "arrow",
         enabled: !0,
         options: {
-          element: f
+          element: w
         }
       }, {
         name: "offset",
@@ -51,31 +61,31 @@ const B = (s) => {
       transition: !0,
       children: ({
         TransitionProps: e,
-        placement: L
-      }) => o(A, {
+        placement: j
+      }) => r(R, {
         ...e,
         timeout: 250,
-        children: c("div", {
-          children: [o("div", {
-            className: k(i.arrow),
-            ref: d
-          }), o(b, {
-            onClickAway: w,
-            children: o(g, {
-              autoFocusItem: m,
-              className: i.menu,
-              onKeyDown: u,
-              children: l.map((r, y) => c(E, {
-                className: i.item,
-                onClick: () => h(r.onClick),
-                selected: r.selected,
-                children: [r.iconName && o(I, {
-                  ...r.iconProps,
-                  children: r.iconName
-                }), o(N, {
-                  children: r.title
+        children: m("div", {
+          children: [r("div", {
+            className: x(s.arrow),
+            ref: I
+          }), r(b, {
+            onClickAway: N,
+            children: r(S, {
+              autoFocusItem: n,
+              className: s.menu,
+              onKeyDown: C,
+              children: u.map((o, v) => m(_, {
+                className: s.item,
+                onClick: () => D(o.onClick),
+                selected: o.selected,
+                children: [o.iconName && r(g, {
+                  ...o.iconProps,
+                  children: o.iconName
+                }), r(M, {
+                  children: o.title
                 })]
-              }, y))
+              }, v))
             })
           })]
         })
@@ -84,5 +94,5 @@ const B = (s) => {
   });
 };
 export {
-  B as DropdownMenu
+  V as DropdownMenu
 };

package/dist/index-InputRangeField.js

@@ -1,4 +1,4 @@
-import { __exports as p } from "./index-_virtual69.js";
+import { __exports as p } from "./index-_virtual76.js";
 import E from "react";
 import { __require as W } from "./index-prop-types.js";
 var R;

package/dist/index-ModalContext.js

@@ -1,25 +1,26 @@
-import { jsx as k } from "react/jsx-runtime";
-import { useRef as l, useState as v, useCallback as d, useContext as S, createContext as P } from "react";
-const p = P(void 0), j = () => {
-  const s = S(p);
+import { jsx as b } from "react/jsx-runtime";
+import { useRef as C, useState as k, useCallback as n, useContext as m, createContext as v } from "react";
+import { ModalService as S } from "./index-ModalService.js";
+const c = v(void 0), $ = () => {
+  const s = m(c);
   if (!s)
     throw new Error("useModalContext must be used within a ModalProvider");
   return s;
-}, A = ({
+}, j = ({
   children: s
 }) => {
-  const c = l(/* @__PURE__ */ new Map()), n = l(/* @__PURE__ */ new Map()), i = l(0), [f, u] = v({
+  const d = C(/* @__PURE__ */ new Map()), [u, l] = k({
     growModals: [],
     slideModals: [],
     popModals: []
-  }), g = d((e) => c.current.get(e), []), h = d((e) => n.current.get(e) ?? 0, []), x = d((e, o, t) => {
-    c.current.set(e, t), n.current.has(e) || (i.current += 1, n.current.set(e, i.current)), u((R) => {
+  }), p = n((e) => d.current.get(e), []), w = n((e) => S.getModalOrder(e), []), f = n((e, t, o) => {
+    d.current.set(e, o), l((x) => {
       const r = {
-        ...R
-      }, a = (M, w) => {
-        M.indexOf(w) >= 0 || M.push(w);
+        ...x
+      }, a = (i, M) => {
+        i.indexOf(M) >= 0 || i.push(M);
       };
-      switch (o) {
+      switch (t) {
         case "grow":
           a(r.growModals, e);
           break;
@@ -34,25 +35,25 @@ const p = P(void 0), j = () => {
       }
       return r;
     });
-  }, []), C = d((e) => {
-    c.current.delete(e), n.current.delete(e), u((o) => ({
-      growModals: o.growModals.filter((t) => t !== e),
-      slideModals: o.slideModals.filter((t) => t !== e),
-      popModals: o.popModals.filter((t) => t !== e)
+  }, []), g = n((e) => {
+    d.current.delete(e), l((t) => ({
+      growModals: t.growModals.filter((o) => o !== e),
+      slideModals: t.slideModals.filter((o) => o !== e),
+      popModals: t.popModals.filter((o) => o !== e)
     }));
-  }, []), b = {
-    getModal: g,
-    modalRootState: f,
-    addModal: x,
-    removeModal: C,
-    getModalOrder: h
+  }, []), h = {
+    getModal: p,
+    modalRootState: u,
+    addModal: f,
+    removeModal: g,
+    getModalOrder: w
   };
-  return k(p.Provider, {
-    value: b,
+  return b(c.Provider, {
+    value: h,
     children: s
   });
 };
 export {
-  A as ModalProvider,
-  j as useModalContext
+  j as ModalProvider,
+  $ as useModalContext
 };