@commander-services/cmd-dropdown-portal 1.6.1 → 1.7.0

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export declare interface CmdDropdownPortalProps {
     handleOpen: (value: boolean) => void;
     target?: HTMLElement;
     keepWidth?: boolean;
+    maxDropdownHeight?: number;
 }
 
 export { }

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import * as ke from "react";
+import * as xe from "react";
 import A, { useState as fr } from "react";
 import dr from "react-dom";
 var K = { exports: {} }, L = {};
@@ -15,15 +15,15 @@ var Ce;
 function vr() {
   if (Ce) return L;
   Ce = 1;
-  var v = A, f = Symbol.for("react.element"), y = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, x = v.__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 f = A, d = Symbol.for("react.element"), h = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, k = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function C(w, v, R) {
     var c, m = {}, p = null, T = null;
-    R !== void 0 && (p = "" + R), d.key !== void 0 && (p = "" + d.key), d.ref !== void 0 && (T = d.ref);
-    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: p, ref: T, props: m, _owner: x.current };
+    R !== void 0 && (p = "" + R), v.key !== void 0 && (p = "" + v.key), v.ref !== void 0 && (T = v.ref);
+    for (c in v) y.call(v, c) && !j.hasOwnProperty(c) && (m[c] = v[c]);
+    if (w && w.defaultProps) for (c in v = w.defaultProps, v) m[c] === void 0 && (m[c] = v[c]);
+    return { $$typeof: d, type: w, key: p, ref: T, props: m, _owner: k.current };
   }
-  return L.Fragment = y, L.jsx = C, L.jsxs = C, L;
+  return L.Fragment = h, L.jsx = C, L.jsxs = C, L;
 }
 var W = {};
 /**
@@ -38,22 +38,22 @@ var W = {};
 var Pe;
 function pr() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
-    var v = A, f = Symbol.for("react.element"), y = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), x = 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"), p = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), $ = Symbol.iterator, V = "@@iterator";
+    var f = A, d = Symbol.for("react.element"), h = Symbol.for("react.portal"), y = 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"), v = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), $ = Symbol.iterator, V = "@@iterator";
     function J(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = $ && e[$] || e[V];
       return typeof r == "function" ? r : null;
     }
-    var O = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var O = f.__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];
-        xe("error", e, t);
+        ke("error", e, t);
       }
     }
-    function xe(e, r, t) {
+    function ke(e, r, t) {
       {
         var n = O.ReactDebugCurrentFrame, i = n.getStackAddendum();
         i !== "" && (r += "%s", t = t.concat([i]));
@@ -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 === x || e === R || e === c || Ae || e === T || je || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === m || 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 === y || e === j || Ie || e === k || e === R || e === c || Ae || e === T || je || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === m || e.$$typeof === C || e.$$typeof === w || e.$$typeof === v || // 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.
@@ -90,13 +90,13 @@ function pr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case h:
-          return "Fragment";
         case y:
+          return "Fragment";
+        case h:
           return "Portal";
         case j:
           return "Profiler";
-        case x:
+        case k:
           return "StrictMode";
         case R:
           return "Suspense";
@@ -111,7 +111,7 @@ function pr() {
           case C:
             var t = e;
             return te(t._context) + ".Provider";
-          case d:
+          case v:
             return Le(e, e.render, "ForwardRef");
           case m:
             var n = e.displayName || null;
@@ -203,13 +203,13 @@ function pr() {
 ` + z + e;
       }
     }
-    var G = !1, B;
+    var H = !1, B;
     {
       var Ve = typeof WeakMap == "function" ? WeakMap : Map;
       B = new Ve();
     }
     function fe(e, r) {
-      if (!e || G)
+      if (!e || H)
         return "";
       {
         var t = B.get(e);
@@ -217,7 +217,7 @@ function pr() {
           return t;
       }
       var n;
-      G = !0;
+      H = !0;
       var i = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var u;
@@ -274,10 +274,10 @@ function pr() {
             }
         }
       } finally {
-        G = !1, q.current = u, $e(), Error.prepareStackTrace = i;
+        H = !1, q.current = u, $e(), Error.prepareStackTrace = i;
       }
-      var F = e ? e.displayName || e.name : "", k = F ? M(F) : "";
-      return typeof e == "function" && B.set(e, k), k;
+      var F = e ? e.displayName || e.name : "", x = F ? M(F) : "";
+      return typeof e == "function" && B.set(e, x), x;
     }
     function Me(e, r, t) {
       return fe(e, !1);
@@ -301,7 +301,7 @@ function pr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case d:
+          case v:
             return Me(e.render);
           case m:
             return U(e.type, r, t);
@@ -343,7 +343,7 @@ function pr() {
       }
     }
     var Ne = Array.isArray;
-    function H(e) {
+    function G(e) {
       return Ne(e);
     }
     function Ke(e) {
@@ -380,7 +380,7 @@ function pr() {
       }
       return e.ref !== void 0;
     }
-    function Ge(e) {
+    function He(e) {
       if (Y.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
@@ -388,7 +388,7 @@ function pr() {
       }
       return e.key !== void 0;
     }
-    function He(e, r) {
+    function Ge(e, r) {
       typeof e.ref == "string" && Ee.current;
     }
     function Xe(e, r) {
@@ -416,7 +416,7 @@ function pr() {
     var Qe = function(e, r, t, n, i, u, o) {
       var a = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: f,
+        $$typeof: d,
         // Built-in properties that belong on the element
         type: e,
         key: r,
@@ -445,7 +445,7 @@ function pr() {
     function er(e, r, t, n, 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));
+        t !== void 0 && (me(t), a = "" + t), He(r) && (me(r.key), a = "" + r.key), ze(r) && (g = r.ref, Ge(r, i));
         for (u in r)
           Y.call(r, u) && !qe.hasOwnProperty(u) && (o[u] = r[u]);
         if (e && e.defaultProps) {
@@ -460,20 +460,20 @@ function pr() {
         return Qe(e, a, g, i, n, Ee.current, o);
       }
     }
-    var X = O.ReactCurrentOwner, ye = O.ReactDebugCurrentFrame;
+    var X = O.ReactCurrentOwner, he = O.ReactDebugCurrentFrame;
     function D(e) {
       if (e) {
         var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
-        ye.setExtraStackFrame(t);
+        he.setExtraStackFrame(t);
       } else
-        ye.setExtraStackFrame(null);
+        he.setExtraStackFrame(null);
     }
     var Z;
     Z = !1;
     function Q(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === f;
+      return typeof e == "object" && e !== null && e.$$typeof === d;
     }
-    function he() {
+    function ye() {
       {
         if (X.current) {
           var e = P(X.current.type);
@@ -491,7 +491,7 @@ Check the render method of \`` + e + "`.";
     var Re = {};
     function tr(e) {
       {
-        var r = he();
+        var r = ye();
         if (!r) {
           var t = typeof e == "string" ? e : e.displayName || e.name;
           t && (r = `
@@ -518,7 +518,7 @@ Check the top-level render call using <` + t + ">.");
       {
         if (typeof e != "object")
           return;
-        if (H(e))
+        if (G(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
             Q(n) && _e(n, r);
@@ -541,7 +541,7 @@ Check the top-level render call using <` + t + ">.");
         var t;
         if (typeof r == "function")
           t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === v || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === m))
           t = r.propTypes;
@@ -578,9 +578,9 @@ Check the top-level render call using <` + t + ">.");
           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 g = rr();
-          g ? a += g : a += he();
+          g ? a += g : a += ye();
           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, 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);
+          e === null ? s = "null" : G(e) ? s = "array" : e !== void 0 && e.$$typeof === d ? (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)
@@ -589,7 +589,7 @@ Check the top-level render call using <` + t + ">.");
           var _ = r.children;
           if (_ !== void 0)
             if (n)
-              if (H(_)) {
+              if (G(_)) {
                 for (var F = 0; F < _.length; F++)
                   we(_[F], e);
                 Object.freeze && Object.freeze(_);
@@ -599,20 +599,20 @@ Check the top-level render call using <` + t + ">.");
               we(_, e);
         }
         if (Y.call(r, "key")) {
-          var k = P(e), b = Object.keys(r).filter(function(cr) {
+          var x = P(e), b = Object.keys(r).filter(function(cr) {
             return cr !== "key";
           }), ee = b.length > 0 ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Te[k + ee]) {
+          if (!Te[x + ee]) {
             var lr = b.length > 0 ? "{" + b.join(": ..., ") + ": ...}" : "{}";
             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:
   let props = %s;
-  <%s key={someKey} {...props} />`, ee, k, lr, k), Te[k + ee] = !0;
+  <%s key={someKey} {...props} />`, ee, x, lr, x), Te[x + ee] = !0;
           }
         }
-        return e === h ? ar(l) : nr(l), l;
+        return e === y ? ar(l) : nr(l), l;
       }
     }
     function or(e, r, t) {
@@ -622,7 +622,7 @@ React keys must be passed directly to JSX without using spread:
       return Oe(e, r, t, !1);
     }
     var ur = ir, sr = or;
-    W.Fragment = h, W.jsx = ur, W.jsxs = sr;
+    W.Fragment = y, W.jsx = ur, W.jsxs = sr;
   }()), W;
 }
 var Se;
@@ -630,77 +630,77 @@ function mr() {
   return Se || (Se = 1, process.env.NODE_ENV === "production" ? K.exports = vr() : K.exports = pr()), K.exports;
 }
 var Er = mr();
-const gr = (v, f) => {
-  const y = (h) => {
-    v.current && !v.current.contains(h.target) && f(h);
+const gr = (f, d) => {
+  const h = (y) => {
+    f.current && !f.current.contains(y.target) && d(y);
   };
-  ke.useEffect(() => (document.addEventListener("click", y, { capture: !0 }), () => {
-    document.removeEventListener("click", y, { capture: !0 });
+  xe.useEffect(() => (document.addEventListener("click", h, { capture: !0 }), () => {
+    document.removeEventListener("click", h, { capture: !0 });
   }));
-}, br = "Escape", yr = (v, f) => {
-  const y = ({ key: h }) => {
-    h === v && f();
+}, br = "Escape", hr = (f, d) => {
+  const h = ({ key: y }) => {
+    y === f && d();
   };
-  ke.useEffect(() => (document.addEventListener("keyup", y), () => {
-    document.removeEventListener("keyup", y);
+  xe.useEffect(() => (document.addEventListener("keyup", h), () => {
+    document.removeEventListener("keyup", h);
   }), []);
-}, hr = () => ({ useOutsideClick: gr, useKeyPress: yr, ESCAPE_KEY: br }), Rr = hr;
-function Tr(v) {
-  const [f, y] = fr(null), { useOutsideClick: h, useKeyPress: x, ESCAPE_KEY: j } = Rr(), C = A.useRef(), w = () => {
+}, yr = () => ({ useOutsideClick: gr, useKeyPress: hr, ESCAPE_KEY: br }), Rr = yr;
+function Tr(f) {
+  const [d, h] = fr(null), { useOutsideClick: y, useKeyPress: k, ESCAPE_KEY: j } = Rr(), C = A.useRef(), w = () => {
     setTimeout(function() {
-      v.handleOpen(!1);
+      f.handleOpen(!1);
     }, 50);
   };
-  h(C, () => {
+  y(C, () => {
     w();
-  }), x(j, () => {
+  }), k(j, () => {
     w();
   });
-  const d = (c, m) => {
+  const v = (c, m) => {
     const p = c.getBoundingClientRect(), T = m.getBoundingClientRect();
     return p.bottom >= T.top && p.bottom <= T.bottom;
   }, R = A.useCallback(() => {
-    const c = document.getElementById(v.elementId), m = document.getElementById("cmd-modal-body");
-    if (c && (!m || d(c, m))) {
-      const p = c.getBoundingClientRect(), T = 260, $ = window.innerHeight - p.bottom, V = p.left, J = p.bottom, O = p.width;
-      $ >= T || !m ? y({
+    const c = document.getElementById(f.elementId), m = document.getElementById("cmd-modal-body");
+    if (c && (!m || v(c, m))) {
+      const p = c.getBoundingClientRect(), T = f.maxDropdownHeight || 286, $ = window.innerHeight - p.bottom, V = p.left, J = p.bottom, O = p.width;
+      $ >= T || !m ? h({
         // top: rect.bottom + window.scrollY,
         top: J,
         left: V,
         width: O,
         bottom: void 0
-      }) : y({
+      }) : h({
         bottom: window.innerHeight - p.top - window.scrollY + 3,
         left: V,
         width: O,
         top: void 0
       });
     } else
-      y(null);
+      h(null);
   }, []);
   return A.useEffect(() => (window.addEventListener("scroll", R, { capture: !0 }), window.addEventListener("resize", R, { capture: !0 }), () => {
     window.removeEventListener("scroll", R, { capture: !0 }), window.removeEventListener("resize", R, { capture: !0 });
   }), [R]), A.useEffect(() => {
     R();
-  }, [v.elementId]), f ? dr.createPortal(
+  }, [f.elementId]), d ? dr.createPortal(
     /* @__PURE__ */ Er.jsx(
       "div",
       {
         className: "font-poppins",
-        id: `cmd-dropdown-portal-${v.elementId}`,
+        id: `cmd-dropdown-portal-${f.elementId}`,
         ref: C,
         style: {
           position: "absolute",
-          left: f.left,
+          left: d.left,
           zIndex: 999999,
-          ...f.top !== void 0 ? { top: f.top } : {},
-          ...f.bottom !== void 0 ? { bottom: f.bottom } : {},
-          ...v.keepWidth ? {} : { width: f.width }
+          ...d.top !== void 0 ? { top: d.top } : {},
+          ...d.bottom !== void 0 ? { bottom: d.bottom } : {},
+          ...f.keepWidth ? {} : { width: d.width }
         },
-        children: v.children
+        children: f.children
       }
     ),
-    v.target || document.body
+    f.target || document.body
   ) : null;
 }
 export {