@gooddata/sdk-ui-kit 10.38.0 → 10.39.0-alpha.2

package/esm/List/LegacyInvertableList.js

@@ -1,5 +1,5 @@
 // (C) 2007-2025 GoodData Corporation
-import React, { Component } from "react";
+import React, { useState, useCallback, useMemo } from "react";
 import { FormattedMessage, injectIntl } from "react-intl";
 import cx from "classnames";
 import keyBy from "lodash/keyBy.js";
@@ -30,118 +30,28 @@ const LimitHitWarning = ({ limit, bounce }) => {
  * @internal
  * @deprecated This component is deprecated use InvertableList instead
  */
-export class LegacyInvertableList extends Component {
-    static defaultProps = {
-        actionsAsCheckboxes: false,
-        className: undefined,
-        getItemKey: guidFor,
-        isInverted: true,
-        isLoading: false,
-        isLoadingClass: LoadingMessage,
-        isMobile: false,
-        limitHitWarningClass: injectIntl(LimitHitWarning),
-        listItemClass: LegacyMultiSelectListItem,
-        noItemsFound: false,
-        noItemsFoundClass: injectIntl(NoItemsFound),
-        onRangeChange: noop,
-        onSelect: noop,
-        searchPlaceholder: "",
-        searchString: "",
-        selection: [],
-        showSearchField: true,
-        smallSearch: false,
-        tagName: "",
-        selectAllCheckbox: false,
-        isSearchFieldAutoFocused: true,
-    };
-    constructor(props) {
-        super(props);
-        this.state = {
-            notifyLimitHit: false,
-        };
-    }
-    onSelect = (item) => {
-        const newSelection = this.toggleItemInSelection(item);
-        if (newSelection.length <= this.props.maxSelectionSize) {
-            this.notifyUpstreamOfSelectionChange(newSelection);
-        }
-        if (newSelection.length >= this.props.maxSelectionSize) {
-            // Flash the limit exceeded info
-            this.setState({
-                notifyLimitHit: true,
-            });
-            // remove the class that causes flashing animation
-            setTimeout(() => {
-                this.setState({
-                    notifyLimitHit: false,
-                });
-            }, 1000);
-        }
-    };
-    onSelectAll = () => {
-        if (this.props.searchString) {
-            if (this.props.isInverted) {
-                this.shrinkSelection();
-            }
-            else {
-                this.growSelection();
-            }
-        }
-        else {
-            this.props.onSelect([], true);
-        }
-    };
-    onSelectNone = () => {
-        if (this.props.searchString) {
-            if (this.props.isInverted) {
-                this.growSelection();
-            }
-            else {
-                this.shrinkSelection();
-            }
-        }
-        else {
-            this.props.onSelect([], false);
-        }
-    };
-    onSelectOnly = (item) => {
-        this.props.onSelect([item], false);
-    };
-    // private onSearchChange(searchString: string) {
-    //     this.props.onSearch(searchString);
-    // }
-    onRangeChange = (...args) => {
-        this.props.onRangeChange(this.props.searchString, ...args);
-    };
-    /**
-     * Remove selected visible items from selection.
-     */
-    shrinkSelection() {
-        const { items, selection } = this.props;
-        const visibleSelection = this.intersectItems(items, selection);
-        const newSelection = this.subtractItems(selection, visibleSelection);
-        this.notifyUpstreamOfSelectionChange(newSelection);
-    }
-    intersectItems(items, otherItems) {
-        const otherItemsMap = this.indexByKey(otherItems);
+export function LegacyInvertableList({ className = undefined, filteredItemsCount, getItemKey = guidFor, height, isInverted = true, isLoading = false, isLoadingClass: IsLoadingClass = LoadingMessage, isMobile = false, itemHeight, items, itemsCount, limitHitWarningClass: LimitHitWarningClass = injectIntl(LimitHitWarning), listItemClass = LegacyMultiSelectListItem, maxSelectionSize, noItemsFound, noItemsFoundClass: NoItemsFoundClass = injectIntl(NoItemsFound), onRangeChange = noop, onSearch, onSelect = noop, searchPlaceholder = "", searchString = "", selection = [], showSearchField = true, smallSearch = false, tagName = "", width, actionsAsCheckboxes, selectAllCheckbox, rowItem, isSearchFieldAutoFocused = true, }) {
+    const [notifyLimitHit, setNotifyLimitHit] = useState(false);
+    const indexByKey = useCallback((items = []) => {
+        return keyBy(items, getItemKey);
+    }, [getItemKey]);
+    const intersectItems = useCallback((items, otherItems) => {
+        const otherItemsMap = indexByKey(otherItems);
         return items.filter((item) => {
-            const itemKey = this.props.getItemKey(item);
+            const itemKey = getItemKey(item);
             return !!otherItemsMap[itemKey];
         });
-    }
-    subtractItems(items, otherItems) {
-        const otherItemsMap = this.indexByKey(otherItems);
+    }, [getItemKey, indexByKey]);
+    const subtractItems = useCallback((items, otherItems) => {
+        const otherItemsMap = indexByKey(otherItems);
         return items.filter((item) => {
-            const itemKey = this.props.getItemKey(item);
+            const itemKey = getItemKey(item);
             return !otherItemsMap[itemKey];
         });
-    }
-    indexByKey(items = []) {
-        return keyBy(items, this.props.getItemKey);
-    }
-    toggleItemInSelection(item) {
-        const selectionMap = this.indexByKey(this.props.selection);
-        const itemKey = this.props.getItemKey(item);
+    }, [getItemKey, indexByKey]);
+    const toggleItemInSelection = useCallback((item) => {
+        const selectionMap = indexByKey(selection);
+        const itemKey = getItemKey(item);
         if (selectionMap[itemKey]) {
             delete selectionMap[itemKey];
         }
@@ -149,90 +59,200 @@ export class LegacyInvertableList extends Component {
             selectionMap[itemKey] = item;
         }
         return values(selectionMap);
-    }
+    }, [getItemKey, indexByKey, selection]);
+    /**
+     * If change in selection happens to select all or unselect all items it is converted
+     * to the respective empty selection.
+     */
+    const notifyUpstreamOfSelectionChange = useCallback((newSelection) => {
+        let propsIsInverted = isInverted;
+        let selectionToReturn;
+        const lastItemSelected = !propsIsInverted && !searchString && newSelection.length === itemsCount;
+        if (lastItemSelected) {
+            selectionToReturn = [];
+            propsIsInverted = !propsIsInverted;
+        }
+        else {
+            selectionToReturn = newSelection;
+        }
+        onSelect(selectionToReturn, propsIsInverted);
+    }, [isInverted, itemsCount, searchString, onSelect]);
     /**
      * Add unselected visible items to the selection until selection size limit is reached.
      */
-    growSelection() {
-        const { maxSelectionSize, items, selection } = this.props;
+    const growSelection = useCallback(() => {
         const selectionSizeLeft = maxSelectionSize - selection.length;
-        const selectableItems = this.subtractItems(items, selection);
+        const selectableItems = subtractItems(items, selection);
         const itemsToSelect = take(selectableItems, selectionSizeLeft);
         const newSelection = [...selection, ...itemsToSelect];
-        this.notifyUpstreamOfSelectionChange(newSelection);
-    }
+        notifyUpstreamOfSelectionChange(newSelection);
+    }, [maxSelectionSize, items, selection, subtractItems, notifyUpstreamOfSelectionChange]);
     /**
-     * If change in selection happens to select all or unselect all items it is converted
-     * to the respective empty selection.
+     * Remove selected visible items from selection.
      */
-    notifyUpstreamOfSelectionChange(newSelection) {
-        const { itemsCount, searchString } = this.props;
-        let { isInverted } = this.props;
-        let selection;
-        const lastItemSelected = !isInverted && !searchString && newSelection.length === itemsCount;
-        if (lastItemSelected) {
-            selection = [];
-            isInverted = !isInverted;
+    const shrinkSelection = useCallback(() => {
+        const visibleSelection = intersectItems(items, selection);
+        const newSelection = subtractItems(selection, visibleSelection);
+        notifyUpstreamOfSelectionChange(newSelection);
+    }, [items, intersectItems, selection, subtractItems, notifyUpstreamOfSelectionChange]);
+    const onSelectHandler = useCallback((item) => {
+        const newSelection = toggleItemInSelection(item);
+        if (newSelection.length <= maxSelectionSize) {
+            notifyUpstreamOfSelectionChange(newSelection);
+        }
+        if (newSelection.length >= maxSelectionSize) {
+            // Flash the limit exceeded info
+            setNotifyLimitHit(true);
+            // remove the class that causes flashing animation
+            setTimeout(() => {
+                setNotifyLimitHit(false);
+            }, 1000);
+        }
+    }, [toggleItemInSelection, maxSelectionSize, notifyUpstreamOfSelectionChange]);
+    const onSelectAll = useCallback(() => {
+        if (searchString) {
+            if (isInverted) {
+                shrinkSelection();
+            }
+            else {
+                growSelection();
+            }
+        }
+        else {
+            onSelect([], true);
+        }
+    }, [searchString, isInverted, shrinkSelection, growSelection, onSelect]);
+    const onSelectNone = useCallback(() => {
+        if (searchString) {
+            if (isInverted) {
+                growSelection();
+            }
+            else {
+                shrinkSelection();
+            }
         }
         else {
-            selection = newSelection;
+            onSelect([], false);
         }
-        this.props.onSelect(selection, isInverted);
-    }
-    isItemChecked(selectionMap, item) {
-        const key = this.props.getItemKey(item);
+    }, [searchString, isInverted, growSelection, shrinkSelection, onSelect]);
+    const onSelectOnly = useCallback((item) => {
+        onSelect([item], false);
+    }, [onSelect]);
+    // private onSearchChange(searchString: string) {
+    //     this.props.onSearch(searchString);
+    // }
+    const onRangeChangeHandler = useCallback((...args) => {
+        onRangeChange(searchString, ...args);
+    }, [onRangeChange, searchString]);
+    const isItemChecked = useCallback((selectionMap, item) => {
+        const key = getItemKey(item);
         const itemInSelection = has(selectionMap, key);
         // in inverted mode selection lists unchecked items
         // in normal mode selection contains checked items
-        return this.props.isInverted ? !itemInSelection : itemInSelection;
-    }
-    renderLimitHitWarning() {
-        const { maxSelectionSize, selection } = this.props;
+        return isInverted ? !itemInSelection : itemInSelection;
+    }, [getItemKey, isInverted]);
+    const renderLimitHitWarning = useCallback(() => {
         const limitHit = selection.length >= maxSelectionSize;
         if (limitHit) {
-            return (React.createElement(this.props.limitHitWarningClass, { limit: maxSelectionSize, bounce: this.state.notifyLimitHit }));
+            return React.createElement(LimitHitWarningClass, { limit: maxSelectionSize, bounce: notifyLimitHit });
         }
         return null;
-    }
-    renderSearchField() {
-        return this.props.showSearchField ? (React.createElement(Input, { autofocus: this.props.isSearchFieldAutoFocused, className: "gd-list-searchfield gd-flex-item-mobile s-attribute-filter-button-search-field", clearOnEsc: true, isSearch: true, isSmall: this.props.smallSearch, onChange: this.props.onSearch, placeholder: this.props.searchPlaceholder, value: this.props.searchString })) : null;
-    }
-    renderList() {
-        return this.props.isLoading ? (this.renderLoading()) : (React.createElement("div", { className: "gd-flex-item-stretch-mobile gd-flex-row-container-mobile" },
-            this.renderListOrNoItems(),
-            this.renderLimitHitWarning()));
-    }
-    renderListOrNoItems() {
-        const { items, searchString, filteredItemsCount, height, selection } = this.props;
+    }, [maxSelectionSize, selection.length, LimitHitWarningClass, notifyLimitHit]);
+    const renderSearchField = useCallback(() => {
+        return showSearchField ? (React.createElement(Input, { autofocus: isSearchFieldAutoFocused, className: "gd-list-searchfield gd-flex-item-mobile s-attribute-filter-button-search-field", clearOnEsc: true, isSearch: true, isSmall: smallSearch, onChange: onSearch, placeholder: searchPlaceholder, value: searchString })) : null;
+    }, [showSearchField, isSearchFieldAutoFocused, smallSearch, onSearch, searchPlaceholder, searchString]);
+    const renderListOrNoItems = useCallback(() => {
         if (searchString && filteredItemsCount === 0) {
-            return React.createElement(this.props.noItemsFoundClass, { height: height });
+            return React.createElement(NoItemsFoundClass, { height: height });
         }
-        const selectionMap = this.indexByKey(selection);
-        const isChecked = this.isItemChecked.bind(this, selectionMap);
+        const selectionMap = indexByKey(selection);
+        const isChecked = (item) => isItemChecked(selectionMap, item);
         const listProps = {
-            ...this.props,
+            className,
+            filteredItemsCount,
+            getItemKey,
+            height,
+            isInverted,
+            isLoading,
+            isLoadingClass: IsLoadingClass,
+            isMobile,
+            itemHeight,
+            items,
             itemsCount: filteredItemsCount,
+            limitHitWarningClass: LimitHitWarningClass,
+            listItemClass,
+            maxSelectionSize,
+            noItemsFound,
+            noItemsFoundClass: NoItemsFoundClass,
+            onRangeChange,
+            onSearch,
+            onSelect,
+            searchPlaceholder,
+            searchString,
+            selection,
+            showSearchField,
+            smallSearch,
+            tagName,
+            width,
+            actionsAsCheckboxes,
+            selectAllCheckbox,
+            rowItem,
+            isSearchFieldAutoFocused,
         };
-        return (React.createElement(LegacyMultiSelectList, { ...listProps, onSelect: this.onSelect, onSelectAll: this.onSelectAll, onSelectNone: this.onSelectNone, onSelectOnly: this.onSelectOnly, items: items, isSelected: isChecked, isSearching: !!searchString.length, listItemClass: this.props.listItemClass, onRangeChange: this.onRangeChange, tagName: this.props.tagName }));
-    }
-    renderLoading() {
-        return React.createElement(this.props.isLoadingClass, { height: this.props.height });
-    }
-    render() {
-        const { isMobile, className } = this.props;
-        const classNames = cx(className, {
-            "gd-flex-item-stretch-mobile": isMobile,
-            "gd-flex-row-container-mobile": isMobile,
-        });
-        return (React.createElement("div", { className: classNames },
-            this.renderSearchField(),
-            this.renderList()));
-    }
+        return (React.createElement(LegacyMultiSelectList, { ...listProps, onSelect: onSelectHandler, onSelectAll: onSelectAll, onSelectNone: onSelectNone, onSelectOnly: onSelectOnly, items: items, isSelected: isChecked, isSearching: !!searchString.length, listItemClass: listItemClass, onRangeChange: onRangeChangeHandler, tagName: tagName }));
+    }, [
+        searchString,
+        filteredItemsCount,
+        NoItemsFoundClass,
+        height,
+        indexByKey,
+        selection,
+        isItemChecked,
+        className,
+        getItemKey,
+        isInverted,
+        isLoading,
+        IsLoadingClass,
+        isMobile,
+        itemHeight,
+        items,
+        LimitHitWarningClass,
+        listItemClass,
+        maxSelectionSize,
+        noItemsFound,
+        onRangeChange,
+        onSearch,
+        onSelect,
+        searchPlaceholder,
+        showSearchField,
+        smallSearch,
+        tagName,
+        width,
+        actionsAsCheckboxes,
+        selectAllCheckbox,
+        rowItem,
+        isSearchFieldAutoFocused,
+        onSelectHandler,
+        onSelectAll,
+        onSelectNone,
+        onSelectOnly,
+        onRangeChangeHandler,
+    ]);
+    const renderLoading = useCallback(() => {
+        return React.createElement(IsLoadingClass, { height: height });
+    }, [IsLoadingClass, height]);
+    const renderList = useCallback(() => {
+        return isLoading ? (renderLoading()) : (React.createElement("div", { className: "gd-flex-item-stretch-mobile gd-flex-row-container-mobile" },
+            renderListOrNoItems(),
+            renderLimitHitWarning()));
+    }, [isLoading, renderListOrNoItems, renderLimitHitWarning, renderLoading]);
+    const classNames = useMemo(() => cx(className, {
+        "gd-flex-item-stretch-mobile": isMobile,
+        "gd-flex-row-container-mobile": isMobile,
+    }), [className, isMobile]);
+    return (React.createElement("div", { className: classNames },
+        renderSearchField(),
+        renderList()));
 }
-/**
- * @internal
- * @deprecated This component is deprecated use InvertableList instead
- */
-const LegacyInvertableListWithIntl = injectIntl(LegacyInvertableList);
-export default LegacyInvertableListWithIntl;
+export default LegacyInvertableList;
 //# sourceMappingURL=LegacyInvertableList.js.map

package/esm/List/LegacyInvertableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyInvertableList.js","sourceRoot":"","sources":["../../src/List/LegacyInvertableList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LegacyInvertableList.js","sourceRoot":"","sources":["../../src/List/LegacyInvertableList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,GAAG,MAAM,eAAe,CAAC;AAChC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,YAAY,GAAa,GAAG,EAAE;IAChC,OAAO,CACH,6BAAK,SAAS,EAAC,qCAAqC;QAChD,oBAAC,gBAAgB,IAAC,EAAE,EAAC,sBAAsB,GAAG,CAC5C,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,cAAc,GAAa,GAAG,EAAE;IAClC,OAAO,uCAAc,CAAC;AAC1B,CAAC,CAAC;AAOF,MAAM,eAAe,GAAoC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,MAAM,OAAO,GAAG,EAAE,CAAC,uBAAuB,EAAE;QACxC,kBAAkB,EAAE,MAAM;KAC7B,CAAC,CAAC;IAEH,OAAO,CACH,oBAAC,OAAO,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO;QACtC,oBAAC,gBAAgB,IAAC,EAAE,EAAC,uBAAuB,EAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAI,CAC5D,CACb,CAAC;AACN,CAAC,CAAC;AA6CF;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAI,EACpC,SAAS,GAAG,SAAmB,EAC/B,kBAAkB,EAClB,UAAU,GAAG,OAAO,EACpB,MAAM,EACN,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,KAAK,EACjB,cAAc,EAAE,cAAc,GAAG,cAAc,EAC/C,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,KAAK,EACL,UAAU,EACV,oBAAoB,EAAE,oBAAoB,GAAG,UAAU,CAGrD,eAAe,CAAC,EAClB,aAAa,GAAG,yBAAyB,EACzC,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EAAE,iBAAiB,GAAG,UAAU,CAAC,YAAY,CAAC,EAC/D,aAAa,GAAG,IAAI,EACpB,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,iBAAiB,GAAG,EAAE,EACtB,YAAY,GAAG,EAAE,EACjB,SAAS,GAAG,EAAW,EACvB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,mBAAmB,EACnB,iBAAiB,EACjB,OAAO,EACP,wBAAwB,GAAG,IAAI,GACH;IAC5B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,QAAkB,EAAE,EAAE,EAAE;QACrB,OAAO,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,UAAU,CAAC,CACf,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,KAAuB,EAAE,UAAoB,EAAE,EAAE;QAC9C,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;QAE7C,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YACzB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;YACjC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACP,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAuB,EAAE,UAAoB,EAAE,EAAE;QAC9C,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;QAE7C,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YACzB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;YACjC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CACrC,CAAC,IAAO,EAAE,EAAE;QACR,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjC,IAAI,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;YACxB,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACJ,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;QACjC,CAAC;QAED,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,CACtC,CAAC;IAEF;;;OAGG;IACH,MAAM,+BAA+B,GAAG,WAAW,CAC/C,CAAC,YAAsB,EAAE,EAAE;QACvB,IAAI,eAAe,GAAG,UAAU,CAAC;QACjC,IAAI,iBAA2B,CAAC;QAEhC,MAAM,gBAAgB,GAAG,CAAC,eAAe,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,KAAK,UAAU,CAAC;QAEjG,IAAI,gBAAgB,EAAE,CAAC;YACnB,iBAAiB,GAAG,EAAE,CAAC;YACvB,eAAe,GAAG,CAAC,eAAe,CAAC;QACvC,CAAC;aAAM,CAAC;YACJ,iBAAiB,GAAG,YAAY,CAAC;QACrC,CAAC;QAED,QAAQ,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC,CACnD,CAAC;IAEF;;OAEG;IACH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC;QAE9D,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACxD,MAAM,aAAa,GAAG,IAAI,CAAI,eAAe,EAAE,iBAAiB,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,CAAC,GAAG,SAAS,EAAE,GAAG,aAAa,CAAC,CAAC;QAEtD,+BAA+B,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAEzF;;OAEG;IACH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAC1D,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAEhE,+BAA+B,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAEvF,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,IAAO,EAAE,EAAE;QACR,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAEjD,IAAI,YAAY,CAAC,MAAM,IAAI,gBAAgB,EAAE,CAAC;YAC1C,+BAA+B,CAAC,YAAY,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,YAAY,CAAC,MAAM,IAAI,gBAAgB,EAAE,CAAC;YAC1C,gCAAgC;YAChC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAExB,kDAAkD;YAClD,UAAU,CAAC,GAAG,EAAE;gBACZ,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC,EAAE,IAAI,CAAC,CAAC;QACb,CAAC;IACL,CAAC,EACD,CAAC,qBAAqB,EAAE,gBAAgB,EAAE,+BAA+B,CAAC,CAC7E,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,YAAY,EAAE,CAAC;YACf,IAAI,UAAU,EAAE,CAAC;gBACb,eAAe,EAAE,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACJ,aAAa,EAAE,CAAC;YACpB,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACvB,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,YAAY,EAAE,CAAC;YACf,IAAI,UAAU,EAAE,CAAC;gBACb,aAAa,EAAE,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACJ,eAAe,EAAE,CAAC;YACtB,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,IAAO,EAAE,EAAE;QACR,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,iDAAiD;IACjD,yCAAyC;IACzC,IAAI;IAEJ,MAAM,oBAAoB,GAAG,WAAW,CACpC,CAAC,GAAG,IAAsB,EAAE,EAAE;QAC1B,aAAa,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,CAAC,CAChC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,YAAiC,EAAE,IAAO,EAAE,EAAE;QAC3C,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7B,MAAM,eAAe,GAAG,GAAG,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;QAE/C,mDAAmD;QACnD,kDAAkD;QAClD,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;IAC3D,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,IAAI,gBAAgB,CAAC;QAEtD,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,oBAAC,oBAAoB,IAAC,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,cAAc,GAAI,CAAC;QACrF,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,MAAM,EAAE,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/E,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,eAAe,CAAC,CAAC,CAAC,CACrB,oBAAC,KAAK,IACF,SAAS,EAAE,wBAAwB,EACnC,SAAS,EAAC,gFAAgF,EAC1F,UAAU,QACV,QAAQ,QACR,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE,YAAY,GACrB,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;IACb,CAAC,EAAE,CAAC,eAAe,EAAE,wBAAwB,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,YAAY,CAAC,CAAC,CAAC;IAExG,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,YAAY,IAAI,kBAAkB,KAAK,CAAC,EAAE,CAAC;YAC3C,OAAO,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;QACjD,CAAC;QAED,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3C,MAAM,SAAS,GAAG,CAAC,IAAO,EAAE,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAEjE,MAAM,SAAS,GAAG;YACd,SAAS;YACT,kBAAkB;YAClB,UAAU;YACV,MAAM;YACN,UAAU;YACV,SAAS;YACT,cAAc,EAAE,cAAc;YAC9B,QAAQ;YACR,UAAU;YACV,KAAK;YACL,UAAU,EAAE,kBAAkB;YAC9B,oBAAoB,EAAE,oBAAoB;YAC1C,aAAa;YACb,gBAAgB;YAChB,YAAY;YACZ,iBAAiB,EAAE,iBAAiB;YACpC,aAAa;YACb,QAAQ;YACR,QAAQ;YACR,iBAAiB;YACjB,YAAY;YACZ,SAAS;YACT,eAAe;YACf,WAAW;YACX,OAAO;YACP,KAAK;YACL,mBAAmB;YACnB,iBAAiB;YACjB,OAAO;YACP,wBAAwB;SAC3B,CAAC;QAEF,OAAO,CACH,oBAAC,qBAAqB,OACd,SAAS,EACb,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,SAAS,EACrB,WAAW,EAAE,CAAC,CAAC,YAAY,CAAC,MAAM,EAClC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,oBAAoB,EACnC,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;IACN,CAAC,EAAE;QACC,YAAY;QACZ,kBAAkB;QAClB,iBAAiB;QACjB,MAAM;QACN,UAAU;QACV,SAAS;QACT,aAAa;QACb,SAAS;QACT,UAAU;QACV,UAAU;QACV,SAAS;QACT,cAAc;QACd,QAAQ;QACR,UAAU;QACV,KAAK;QACL,oBAAoB;QACpB,aAAa;QACb,gBAAgB;QAChB,YAAY;QACZ,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,iBAAiB;QACjB,eAAe;QACf,WAAW;QACX,OAAO;QACP,KAAK;QACL,mBAAmB;QACnB,iBAAiB;QACjB,OAAO;QACP,wBAAwB;QACxB,eAAe;QACf,WAAW;QACX,YAAY;QACZ,YAAY;QACZ,oBAAoB;KACvB,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,oBAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;IAC9C,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAE7B,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,OAAO,SAAS,CAAC,CAAC,CAAC,CACf,aAAa,EAAE,CAClB,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,0DAA0D;YACpE,mBAAmB,EAAE;YACrB,qBAAqB,EAAE,CACtB,CACT,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,OAAO,CACtB,GAAG,EAAE,CACD,EAAE,CAAC,SAAS,EAAE;QACV,6BAA6B,EAAE,QAAQ;QACvC,8BAA8B,EAAE,QAAQ;KAC3C,CAAC,EACN,CAAC,SAAS,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU;QACrB,iBAAiB,EAAE;QACnB,UAAU,EAAE,CACX,CACT,CAAC;AACN,CAAC;AAED,eAAe,oBAAoB,CAAC"}

package/esm/List/LegacyList.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactElement } from "react";
+import React from "react";
 import { ScrollCallback } from "./List.js";
 /**
  * @internal
@@ -27,19 +27,5 @@ export interface ILegacyListState {
  * @deprecated  This component is deprecated use List instead
  * @internal
  */
-export declare class LegacyList extends Component<ILegacyListProps, ILegacyListState> {
-    static defaultProps: Pick<ILegacyListProps, "className" | "onScroll" | "onScrollStart" | "onSelect" | "width" | "height" | "itemHeight" | "itemHeightGetter" | "compensateBorder" | "scrollToSelected">;
-    constructor(props: ILegacyListProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onSelect;
-    private onScroll;
-    private onScrollStart;
-    private onScrollEnd;
-    private getClassNames;
-    private disablePageScrolling;
-    private enablePageScrolling;
-    private renderCell;
-    render(): ReactElement;
-}
+export declare function LegacyList({ className, onScroll, onScrollStart, onSelect, width, height, itemHeight, itemHeightGetter, compensateBorder, scrollToSelected, dataSource, rowItem, }: ILegacyListProps): React.JSX.Element;
 //# sourceMappingURL=LegacyList.d.ts.map

package/esm/List/LegacyList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyList.d.ts","sourceRoot":"","sources":["../../src/List/LegacyList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAgB3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,GAAG,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,qBAAa,UAAW,SAAQ,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IACzE,MAAM,CAAC,YAAY,EAAE,IAAI,CACrB,gBAAgB,EACd,WAAW,GACX,UAAU,GACV,eAAe,GACf,UAAU,GACV,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,CACvB,CAWC;gBAEU,KAAK,EAAE,gBAAgB;IAQ5B,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAInC,OAAO,CAAC,QAAQ,CAOd;IAEF,OAAO,CAAC,QAAQ;IAYhB,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,UAAU,CAYhB;IAEK,MAAM,IAAI,YAAY;CA+BhC"}
+{"version":3,"file":"LegacyList.d.ts","sourceRoot":"","sources":["../../src/List/LegacyList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAgB3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,GAAG,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACvB,SAAc,EACd,QAAe,EACf,aAAoB,EACpB,QAAe,EACf,KAAW,EACX,MAAY,EACZ,UAAe,EACf,gBAAuB,EACvB,gBAAuB,EACvB,gBAAwB,EACxB,UAAU,EACV,OAAO,GACV,EAAE,gBAAgB,qBA8GlB"}

package/esm/List/LegacyList.js

@@ -1,5 +1,5 @@
 // (C) 2007-2025 GoodData Corporation
-import React, { Component } from "react";
+import React, { useState, useEffect, useCallback, useMemo } from "react";
 import { Table, Column, Cell } from "fixed-data-table-2";
 import cx from "classnames";
 import noop from "lodash/noop.js";
@@ -16,90 +16,65 @@ function isTouchDevice() {
  * @deprecated  This component is deprecated use List instead
  * @internal
  */
-export class LegacyList extends Component {
-    static defaultProps = {
-        className: "",
-        onScroll: noop,
-        onScrollStart: noop,
-        onSelect: noop,
-        width: 200,
-        height: 300,
-        itemHeight: 28,
-        itemHeightGetter: null,
-        compensateBorder: true,
-        scrollToSelected: false,
-    };
-    constructor(props) {
-        super(props);
-        this.state = {
-            selected: null,
-        };
-    }
-    componentDidMount() {
-        const { scrollToSelected, dataSource } = this.props;
+export function LegacyList({ className = "", onScroll = noop, onScrollStart = noop, onSelect = noop, width = 200, height = 300, itemHeight = 28, itemHeightGetter = null, compensateBorder = true, scrollToSelected = false, dataSource, rowItem, }) {
+    const [selected, setSelected] = useState(null);
+    useEffect(() => {
         if (scrollToSelected) {
             [...Array(dataSource.rowsCount).keys()].forEach((row) => {
-                const item = this.props.dataSource.getObjectAt(row);
+                const item = dataSource.getObjectAt(row);
                 if (item?.selected) {
                     // Because list items start from 0 we need to add the +1 here
-                    this.setState({ selected: row + 1 });
+                    setSelected(row + 1);
                 }
             });
         }
-    }
-    componentWillUnmount() {
-        this.enablePageScrolling();
-    }
-    onSelect = (_event, rowIndex) => {
-        const { dataSource, onSelect } = this.props;
+    }, [scrollToSelected, dataSource]);
+    const enablePageScrolling = useCallback(() => {
+        document.body.removeEventListener("wheel", preventDefault);
+    }, []);
+    useEffect(() => {
+        return () => {
+            enablePageScrolling();
+        };
+    }, [enablePageScrolling]);
+    const onSelectHandler = useCallback((_event, rowIndex) => {
         const item = dataSource.getObjectAt(rowIndex);
         if (item) {
             onSelect(item);
         }
-    };
-    onScroll(method, scrollY) {
+    }, [dataSource, onSelect]);
+    const onScrollHandler = useCallback((method, scrollY) => {
         if (method) {
-            const { height, itemHeight } = this.props;
             // vertical scroll position returned by fixed-data-table is converted to index of first visible item
             const rowIndex = Math.floor(scrollY / itemHeight);
             const visibleRange = Math.ceil(height / itemHeight);
             method(rowIndex, rowIndex + visibleRange);
         }
-    }
-    onScrollStart = (_scrollX, scrollY) => {
-        this.onScroll(this.props.onScrollStart, scrollY);
-    };
-    onScrollEnd = (_scrollX, scrollY) => {
-        this.onScroll(this.props.onScroll, scrollY);
-    };
-    getClassNames() {
-        return cx("gd-infinite-list", this.props.className);
-    }
-    disablePageScrolling() {
+    }, [height, itemHeight]);
+    const onScrollStartHandler = useCallback((_scrollX, scrollY) => {
+        onScrollHandler(onScrollStart, scrollY);
+    }, [onScrollHandler, onScrollStart]);
+    const onScrollEndHandler = useCallback((_scrollX, scrollY) => {
+        onScrollHandler(onScroll, scrollY);
+    }, [onScrollHandler, onScroll]);
+    const classNames = useMemo(() => cx("gd-infinite-list", className), [className]);
+    const disablePageScrolling = useCallback(() => {
         document.body.addEventListener("wheel", preventDefault, { passive: false });
-    }
-    enablePageScrolling() {
-        document.body.removeEventListener("wheel", preventDefault);
-    }
-    renderCell = (props) => {
-        const { dataSource, rowItem } = this.props;
-        const item = dataSource.getObjectAt(props.rowIndex);
+    }, []);
+    const renderCell = useCallback((cellProps) => {
+        const item = dataSource.getObjectAt(cellProps.rowIndex);
         const itemElement = React.cloneElement(rowItem, {
             ...(item ? { item } : {}),
-            width: this.props.width,
-            isFirst: props.rowIndex === 0,
-            isLast: props.rowIndex === dataSource.rowsCount - 1,
+            width: width,
+            isFirst: cellProps.rowIndex === 0,
+            isLast: cellProps.rowIndex === dataSource.rowsCount - 1,
         });
-        return React.createElement(Cell, { ...props }, itemElement);
-    };
-    render() {
-        const { width, height, itemHeight, dataSource, itemHeightGetter } = this.props;
-        const { selected } = this.state;
-        // compensates for https://github.com/facebook/fixed-data-table/blob/5373535d98b08b270edd84d7ce12833a4478c6b6/src/FixedDataTableNew.react.js#L872
-        const compensatedHeight = this.props.compensateBorder ? height + BORDER_HEIGHT * 2 : height;
-        return (React.createElement("div", { className: this.getClassNames(), onMouseOver: this.disablePageScrolling, onMouseOut: this.enablePageScrolling },
-            React.createElement(Table, { width: width, height: compensatedHeight, rowHeight: itemHeight, rowHeightGetter: itemHeightGetter, headerHeight: 0, rowsCount: Math.min(dataSource.rowsCount, MAX_NUMBER_OF_ROWS), onRowClick: this.onSelect, onScrollStart: this.onScrollStart, onScrollEnd: this.onScrollEnd, touchScrollEnabled: isTouchDevice(), scrollToRow: selected },
-                React.createElement(Column, { flexGrow: 1, width: 1, cell: this.renderCell }))));
-    }
+        return React.createElement(Cell, { ...cellProps }, itemElement);
+    }, [dataSource, rowItem, width]);
+    // compensates for https://github.com/facebook/fixed-data-table/blob/5373535d98b08b270edd84d7ce12833a4478c6b6/src/FixedDataTableNew.react.js#L872
+    const compensatedHeight = useMemo(() => (compensateBorder ? height + BORDER_HEIGHT * 2 : height), [compensateBorder, height]);
+    return (React.createElement("div", { className: classNames, onMouseOver: disablePageScrolling, onMouseOut: enablePageScrolling },
+        React.createElement(Table, { width: width, height: compensatedHeight, rowHeight: itemHeight, rowHeightGetter: itemHeightGetter, headerHeight: 0, rowsCount: Math.min(dataSource.rowsCount, MAX_NUMBER_OF_ROWS), onRowClick: onSelectHandler, onScrollStart: onScrollStartHandler, onScrollEnd: onScrollEndHandler, touchScrollEnabled: isTouchDevice(), scrollToRow: selected },
+            React.createElement(Column, { flexGrow: 1, width: 1, cell: renderCell }))));
 }
 //# sourceMappingURL=LegacyList.js.map