@northlight/ui 2.15.3 → 2.15.4

package/dist/umd/northlight.cjs

@@ -11560,49 +11560,6 @@
     return value;
   };
 
-  const useAdaptiveMenuPlacement = ({
-    dropdownHeightPx,
-    containerRef
-  }) => {
-    const [menuPlacement, setMenuPlacement] = React.useState("bottom");
-    const selectContainerRef = React.useRef(null);
-    const adjustMenuPlacement = () => {
-      if (ramda.isNil(selectContainerRef.current))
-        return;
-      let node = selectContainerRef.current.parentNode;
-      while (node.parentNode) {
-        const { overflowY, maxHeight, height } = getComputedStyle(node);
-        if (overflowY !== "visible" || maxHeight || height)
-          break;
-        node = node.parentNode;
-      }
-      const selectRect = selectContainerRef.current.getBoundingClientRect();
-      const containerRect = containerRef && containerRef.current ? containerRef.current.getBoundingClientRect() : node.getBoundingClientRect();
-      const pxToContainerBottom = Math.abs(
-        selectRect.bottom - containerRect.bottom
-      );
-      const pxToContainerTop = Math.abs(selectRect.top - containerRect.top);
-      const pxToWindowBottom = Math.abs(selectRect.bottom - window.innerHeight);
-      const shouldBeAtTop = dropdownHeightPx > pxToContainerBottom && pxToContainerTop > pxToContainerBottom || dropdownHeightPx > pxToWindowBottom && selectRect.top > pxToWindowBottom;
-      setMenuPlacement(shouldBeAtTop ? "top" : "bottom");
-    };
-    React.useEffect(() => {
-      adjustMenuPlacement();
-      window.addEventListener("resize", adjustMenuPlacement);
-      window.addEventListener("scroll", adjustMenuPlacement);
-      return () => {
-        window.removeEventListener("resize", adjustMenuPlacement);
-        window.addEventListener("scroll", adjustMenuPlacement);
-      };
-    }, []);
-    return { selectContainerRef, menuPlacement };
-  };
-
-  const DROPDOWN_MAX_HEIGHT = 300;
-  const DROPDOWN_MIN_HEIGHT = 55;
-  const DROPDOWN_OPTION_HEIGHT = 37;
-  const DROPDOWN_PADDING = 30;
-
   var __defProp$m = Object.defineProperty;
   var __defProps$2 = Object.defineProperties;
   var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
@@ -11647,9 +11604,7 @@
       customOption = null,
       customTag = null,
       value,
-      icon,
-      containerRef,
-      dropdownMinHeightPx = DROPDOWN_MIN_HEIGHT
+      icon
     } = _b, rest = __objRest$h(_b, [
       "options",
       "isMulti",
@@ -11662,9 +11617,7 @@
       "customOption",
       "customTag",
       "value",
-      "icon",
-      "containerRef",
-      "dropdownMinHeightPx"
+      "icon"
     ]);
     const handleChange = useSelectCallbacks({
       onChange,
@@ -11686,18 +11639,7 @@
       }
       return prevOptions.current;
     }, [options]);
-    const dropdownHeightPx = Math.max(
-      Math.min(
-        ramda.length(options || []) * DROPDOWN_OPTION_HEIGHT + DROPDOWN_PADDING,
-        DROPDOWN_MAX_HEIGHT
-      ),
-      dropdownMinHeightPx
-    );
-    const { selectContainerRef, menuPlacement } = useAdaptiveMenuPlacement({
-      dropdownHeightPx,
-      containerRef
-    });
-    return /* @__PURE__ */ React.createElement(react.Box, { w: "full", "data-testid": testId, "data-role": "select-container", ref: selectContainerRef }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.Box, { w: "full", "data-testid": testId }, /* @__PURE__ */ React.createElement(
       chakraReactSelect.Select,
       __spreadValues$m(__spreadProps$2(__spreadValues$m({
         isMulti,
@@ -11715,7 +11657,6 @@
         customOption,
         customTag,
         icon,
-        menuPlacement,
         components: customComponents,
         ref
       }), rest)