@monolith-forensics/monolith-ui 2.1.1-dev.3 → 2.1.1-dev.4

package/dist/DropDownMenu/components/MenuItemList.js

@@ -130,16 +130,11 @@ const MeasuredRow = ({ children, index, setItemSize, style }) => {
 };
 export const MenuItemList = ({ menuItems, searchable, onSearch, manualSearch, dynamicOptionHeight, selected, TooltipContent, multiselect, enableSelectAll, enableSelectedOptionStyling, grouped, onAddNew, size, handleAddItem, handleRemoveItem, handleSetSelected, onItemSelect, renderOption, onScroll, onScrollToTop, onScrollToBottom, maxDropdownHeight = DEFAULT_DROPDOWN_MAX_HEIGHT, loading, loadingMore, }) => {
     const [searchValue, setSearchValue] = useState("");
-    const targetElm = useRef(null);
     const listElm = useRef(null);
     const fixedListRef = useRef(null);
     const variableListRef = useRef(null);
     const hasHandledInitialSelectedScroll = useRef(false);
     const itemSizeMap = useRef({});
-    const [viewPortDimensions, setViewPortDimensions] = useState({
-        width: 0,
-        height: 0,
-    });
     const [, setMeasurementRevision] = useState(0);
     const handleSearch = useDebouncedCallback((e) => {
         setSearchValue(e.target.value);
@@ -271,32 +266,8 @@ export const MenuItemList = ({ menuItems, searchable, onSearch, manualSearch, dy
         DROPDOWN_CONTENT_VERTICAL_PADDING -
         searchHeight -
         selectAllHeight);
-    const availableHeight = viewPortDimensions.height || maxListHeight;
-    const height = Math.min(estimatedHeight, availableHeight, maxListHeight);
+    const height = Math.min(estimatedHeight, maxListHeight);
     const width = "100%";
-    useLayoutEffect(() => {
-        const target = targetElm.current;
-        if (!target)
-            return;
-        const updateDimensions = () => {
-            const nextDimensions = target.getBoundingClientRect();
-            setViewPortDimensions((currentDimensions) => {
-                const width = Math.ceil(nextDimensions.width);
-                const height = Math.floor(nextDimensions.height);
-                if (currentDimensions.width === width &&
-                    currentDimensions.height === height) {
-                    return currentDimensions;
-                }
-                return { width, height };
-            });
-        };
-        updateDimensions();
-        if (typeof ResizeObserver === "undefined")
-            return;
-        const observer = new ResizeObserver(updateDimensions);
-        observer.observe(target);
-        return () => observer.disconnect();
-    }, [displayItemsKey, isLoading]);
     const setItemSize = useCallback((index, measuredSize) => {
         var _a;
         if (itemSizeMap.current[index] === measuredSize)
@@ -385,7 +356,7 @@ export const MenuItemList = ({ menuItems, searchable, onSearch, manualSearch, dy
                     alignItems: "center",
                     height: "100%",
                     padding: "10px 0",
-                }, children: [_jsx("div", { style: { fontSize: `${sizeTokens.supportingFontSize}px` }, children: "Loading..." }), _jsx(Loader, {})] })), !isLoading && (_jsx(ListViewPort, { ref: targetElm, children: dynamicListEnabled ? (_jsx(VariableSizeList, { ref: variableListRef, itemData: displayItems, overscanCount: overscanCount, height: height, width: width, itemCount: itemCount, itemSize: getDynamicItemSize, outerElementType: ListScroller, outerRef: listElm, children: ({ data, index, style }) => {
+                }, children: [_jsx("div", { style: { fontSize: `${sizeTokens.supportingFontSize}px` }, children: "Loading..." }), _jsx(Loader, {})] })), !isLoading && (_jsx(ListViewPort, { children: dynamicListEnabled ? (_jsx(VariableSizeList, { ref: variableListRef, itemData: displayItems, overscanCount: overscanCount, height: height, width: width, itemCount: itemCount, itemSize: getDynamicItemSize, outerElementType: ListScroller, outerRef: listElm, children: ({ data, index, style }) => {
                         const item = data === null || data === void 0 ? void 0 : data[index];
                         if (!item)
                             return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "2.1.1-dev.3",
+  "version": "2.1.1-dev.4",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",