@commander-services/cmd-dropdown-portal 1.4.9 → 1.6.0

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export declare interface CmdDropdownPortalProps {
     elementId: string;
     children: default_2.ReactNode;
     handleOpen: (value: boolean) => void;
+    target?: HTMLElement;
 }
 
 export { }

package/dist/index.es.js

@@ -15,13 +15,13 @@ var Ce;
 function vr() {
   if (Ce) return L;
   Ce = 1;
-  var g = A, f = Symbol.for("react.element"), y = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, k = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var p = A, f = Symbol.for("react.element"), y = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, k = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
   function C(w, d, R) {
-    var c, p = {}, v = null, T = null;
+    var c, m = {}, v = null, T = null;
     R !== void 0 && (v = "" + R), d.key !== void 0 && (v = "" + d.key), d.ref !== void 0 && (T = d.ref);
-    for (c in d) h.call(d, c) && !j.hasOwnProperty(c) && (p[c] = d[c]);
-    if (w && w.defaultProps) for (c in d = w.defaultProps, d) p[c] === void 0 && (p[c] = d[c]);
-    return { $$typeof: f, type: w, key: v, ref: T, props: p, _owner: k.current };
+    for (c in d) h.call(d, c) && !j.hasOwnProperty(c) && (m[c] = d[c]);
+    if (w && w.defaultProps) for (c in d = w.defaultProps, d) m[c] === void 0 && (m[c] = d[c]);
+    return { $$typeof: f, type: w, key: v, ref: T, props: m, _owner: k.current };
   }
   return L.Fragment = y, L.jsx = C, L.jsxs = C, L;
 }
@@ -38,15 +38,15 @@ var $ = {};
 var Pe;
 function pr() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
-    var g = A, f = Symbol.for("react.element"), y = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), w = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), W = Symbol.iterator, V = "@@iterator";
+    var p = A, f = Symbol.for("react.element"), y = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), w = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), W = Symbol.iterator, V = "@@iterator";
     function J(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = W && e[W] || e[V];
       return typeof r == "function" ? r : null;
     }
-    var O = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function m(e) {
+    var O = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
           t[n - 1] = arguments[n];
@@ -66,7 +66,7 @@ function pr() {
     var je = !1, De = !1, Fe = !1, Ae = !1, Ie = !1, re;
     re = Symbol.for("react.module.reference");
     function Ye(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === h || e === j || Ie || e === k || e === R || e === c || Ae || e === T || je || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === p || e.$$typeof === C || e.$$typeof === w || e.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === h || e === j || Ie || e === k || e === R || e === c || Ae || e === T || je || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === m || e.$$typeof === C || e.$$typeof === w || e.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -85,7 +85,7 @@ function pr() {
     function P(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -113,7 +113,7 @@ function pr() {
             return te(t._context) + ".Provider";
           case d:
             return Le(e, e.render, "ForwardRef");
-          case p:
+          case m:
             var n = e.displayName || null;
             return n !== null ? n : P(e.type) || "Memo";
           case v: {
@@ -186,7 +186,7 @@ function pr() {
             })
           });
         }
-        I < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var q = O.ReactCurrentDispatcher, z;
@@ -257,14 +257,14 @@ function pr() {
       } catch (b) {
         if (b && n && typeof b.stack == "string") {
           for (var a = b.stack.split(`
-`), E = n.stack.split(`
-`), s = a.length - 1, l = E.length - 1; s >= 1 && l >= 0 && a[s] !== E[l]; )
+`), g = n.stack.split(`
+`), s = a.length - 1, l = g.length - 1; s >= 1 && l >= 0 && a[s] !== g[l]; )
             l--;
           for (; s >= 1 && l >= 0; s--, l--)
-            if (a[s] !== E[l]) {
+            if (a[s] !== g[l]) {
               if (s !== 1 || l !== 1)
                 do
-                  if (s--, l--, l < 0 || a[s] !== E[l]) {
+                  if (s--, l--, l < 0 || a[s] !== g[l]) {
                     var _ = `
 ` + a[s].replace(" at new ", " at ");
                     return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && B.set(e, _), _;
@@ -303,7 +303,7 @@ function pr() {
         switch (e.$$typeof) {
           case d:
             return Me(e.render);
-          case p:
+          case m:
             return U(e.type, r, t);
           case v: {
             var n = e, i = n._payload, u = n._init;
@@ -331,14 +331,14 @@ function pr() {
             var a = void 0;
             try {
               if (typeof e[o] != "function") {
-                var E = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw E.name = "Invariant Violation", E;
+                var g = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw g.name = "Invariant Violation", g;
               }
               a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (s) {
               a = s;
             }
-            a && !(a instanceof Error) && (N(i), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), N(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, N(i), m("Failed %s type: %s", t, a.message), N(null));
+            a && !(a instanceof Error) && (N(i), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), N(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, N(i), E("Failed %s type: %s", t, a.message), N(null));
           }
       }
     }
@@ -364,7 +364,7 @@ function pr() {
     }
     function me(e) {
       if (Je(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), pe(e);
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), pe(e);
     }
     var Ee = O.ReactCurrentOwner, qe = {
       key: !0,
@@ -394,7 +394,7 @@ function pr() {
     function Xe(e, r) {
       {
         var t = function() {
-          ge || (ge = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          ge || (ge = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: t,
@@ -405,7 +405,7 @@ function pr() {
     function Ze(e, r) {
       {
         var t = function() {
-          be || (be = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          be || (be = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -444,8 +444,8 @@ function pr() {
     };
     function er(e, r, t, n, i) {
       {
-        var u, o = {}, a = null, E = null;
-        t !== void 0 && (me(t), a = "" + t), Ge(r) && (me(r.key), a = "" + r.key), ze(r) && (E = r.ref, He(r, i));
+        var u, o = {}, a = null, g = null;
+        t !== void 0 && (me(t), a = "" + t), Ge(r) && (me(r.key), a = "" + r.key), ze(r) && (g = r.ref, He(r, i));
         for (u in r)
           Y.call(r, u) && !qe.hasOwnProperty(u) && (o[u] = r[u]);
         if (e && e.defaultProps) {
@@ -453,11 +453,11 @@ function pr() {
           for (u in s)
             o[u] === void 0 && (o[u] = s[u]);
         }
-        if (a || E) {
+        if (a || g) {
           var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && Xe(o, l), E && Ze(o, l);
+          a && Xe(o, l), g && Ze(o, l);
         }
-        return Qe(e, a, E, i, n, Ee.current, o);
+        return Qe(e, a, g, i, n, Ee.current, o);
       }
     }
     var X = O.ReactCurrentOwner, ye = O.ReactDebugCurrentFrame;
@@ -511,7 +511,7 @@ Check the top-level render call using <` + t + ">.");
           return;
         Re[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== X.current && (n = " It was passed a child from " + P(e._owner.type) + "."), D(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), D(null);
+        e && e._owner && e._owner !== X.current && (n = " It was passed a child from " + P(e._owner.type) + "."), D(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), D(null);
       }
     }
     function we(e, r) {
@@ -543,7 +543,7 @@ Check the top-level render call using <` + t + ">.");
           t = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === p))
+        r.$$typeof === m))
           t = r.propTypes;
         else
           return;
@@ -553,9 +553,9 @@ Check the top-level render call using <` + t + ">.");
         } else if (r.PropTypes !== void 0 && !Z) {
           Z = !0;
           var i = P(r);
-          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ar(e) {
@@ -563,11 +563,11 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            D(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), D(null);
+            D(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), D(null);
             break;
           }
         }
-        e.ref !== null && (D(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
+        e.ref !== null && (D(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
       }
     }
     var Te = {};
@@ -577,10 +577,10 @@ Check the top-level render call using <` + t + ">.");
         if (!o) {
           var a = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var E = rr();
-          E ? a += E : a += he();
+          var g = rr();
+          g ? a += g : a += he();
           var s;
-          e === null ? s = "null" : H(e) ? s = "array" : e !== void 0 && e.$$typeof === f ? (s = "<" + (P(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
+          e === null ? s = "null" : H(e) ? s = "array" : e !== void 0 && e.$$typeof === f ? (s = "<" + (P(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
         }
         var l = er(e, r, t, i, u);
         if (l == null)
@@ -594,7 +594,7 @@ Check the top-level render call using <` + t + ">.");
                   we(_[F], e);
                 Object.freeze && Object.freeze(_);
               } else
-                m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               we(_, e);
         }
@@ -604,7 +604,7 @@ Check the top-level render call using <` + t + ">.");
           }), ee = b.length > 0 ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Te[x + ee]) {
             var lr = b.length > 0 ? "{" + b.join(": ..., ") + ": ...}" : "{}";
-            m(`A props object containing a "key" prop is being spread into JSX:
+            E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -630,25 +630,25 @@ function mr() {
   return Se || (Se = 1, process.env.NODE_ENV === "production" ? K.exports = vr() : K.exports = pr()), K.exports;
 }
 var Er = mr();
-const gr = (g, f) => {
+const gr = (p, f) => {
   const y = (h) => {
-    g.current && !g.current.contains(h.target) && f(h);
+    p.current && !p.current.contains(h.target) && f(h);
   };
   xe.useEffect(() => (document.addEventListener("click", y, { capture: !0 }), () => {
     document.removeEventListener("click", y, { capture: !0 });
   }));
-}, br = "Escape", yr = (g, f) => {
+}, br = "Escape", yr = (p, f) => {
   const y = ({ key: h }) => {
-    h === g && f();
+    h === p && f();
   };
   xe.useEffect(() => (document.addEventListener("keyup", y), () => {
     document.removeEventListener("keyup", y);
   }), []);
 }, hr = () => ({ useOutsideClick: gr, useKeyPress: yr, ESCAPE_KEY: br }), Rr = hr;
-function Tr(g) {
+function Tr(p) {
   const [f, y] = fr(null), { useOutsideClick: h, useKeyPress: k, ESCAPE_KEY: j } = Rr(), C = A.useRef(), w = () => {
     setTimeout(function() {
-      g.handleOpen(!1);
+      p.handleOpen(!1);
     }, 50);
   };
   h(C, () => {
@@ -656,14 +656,14 @@ function Tr(g) {
   }), k(j, () => {
     w();
   });
-  const d = (c, p) => {
-    const v = c.getBoundingClientRect(), T = p.getBoundingClientRect();
+  const d = (c, m) => {
+    const v = c.getBoundingClientRect(), T = m.getBoundingClientRect();
     return v.bottom >= T.top && v.bottom <= T.bottom;
   }, R = A.useCallback(() => {
-    const c = document.getElementById(g.elementId), p = document.getElementById("cmd-modal-body");
-    if (c && (!p || d(c, p))) {
+    const c = document.getElementById(p.elementId), m = document.getElementById("cmd-modal-body");
+    if (c && (!m || d(c, m))) {
       const v = c.getBoundingClientRect(), T = 260, W = window.innerHeight - v.bottom, V = v.left, J = v.bottom, O = v.width;
-      W >= T || !p ? y({
+      W >= T || !m ? y({
         // top: rect.bottom + window.scrollY,
         top: J,
         left: V,
@@ -682,25 +682,25 @@ function Tr(g) {
     window.removeEventListener("scroll", R, { capture: !0 }), window.removeEventListener("resize", R, { capture: !0 });
   }), [R]), A.useEffect(() => {
     R();
-  }, [g.elementId]), f ? dr.createPortal(
+  }, [p.elementId]), f ? dr.createPortal(
     /* @__PURE__ */ Er.jsx(
       "div",
       {
         className: "font-poppins",
-        id: `cmd-dropdown-portal-${g.elementId}`,
+        id: `cmd-dropdown-portal-${p.elementId}`,
         ref: C,
         style: {
           position: "absolute",
           left: f.left,
           width: f.width,
-          zIndex: 999,
+          zIndex: 999999,
           ...f.top !== void 0 ? { top: f.top } : {},
           ...f.bottom !== void 0 ? { bottom: f.bottom } : {}
         },
-        children: g.children
+        children: p.children
       }
     ),
-    document.body
+    p.target || document.body
   ) : null;
 }
 export {