@gooddata/sdk-ui-ext 10.18.0-alpha.30 → 10.18.0-alpha.32

package/esm/notificationsPanel/components/VirtualList.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export interface IPagedVirtualListProps<T> {
-    maxHeight: number;
-    items?: T[];
-    itemHeight: number;
-    itemsGap: number;
-    itemPadding: number;
-    skeletonItemsCount: number;
-    hasNextPage?: boolean;
-    loadNextPage?: () => void;
-    isLoading?: boolean;
-    children: (item: T) => React.ReactNode;
-}
-export declare function PagedVirtualList<T>(props: IPagedVirtualListProps<T>): React.JSX.Element;
-//# sourceMappingURL=VirtualList.d.ts.map

package/esm/notificationsPanel/components/VirtualList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/components/VirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1C;AAID,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,qBAqDnE"}

package/esm/notificationsPanel/components/VirtualList.js

@@ -1,78 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React, { useEffect } from "react";
-import { UiSkeleton } from "@gooddata/sdk-ui-kit";
-import { useVirtualizer } from "@tanstack/react-virtual";
-import { bem } from "../bem.js";
-const { b, e } = bem("gd-ui-ext-virtual-list");
-export function PagedVirtualList(props) {
-    const { items, itemHeight, itemsGap, itemPadding, children } = props;
-    const { itemsCount, scrollContainerRef, height, hasScroll, rowVirtualizer, virtualItems } = useVirtualList(props);
-    return (React.createElement("div", { className: b({
-            hasScroll,
-        }) },
-        React.createElement("div", { ref: scrollContainerRef, className: e("scroll-container"), style: { height, paddingTop: itemsGap } },
-            React.createElement("div", { style: {
-                    height: `${rowVirtualizer.getTotalSize()}px`,
-                    width: "100%",
-                    position: "relative",
-                } }, virtualItems.map((virtualRow) => {
-                const item = items?.[virtualRow.index];
-                const isSkeletonItem = virtualRow.index > itemsCount - 1;
-                const style = {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: `calc(100% + ${hasScroll ? "10px" : "0px"})`,
-                    height: `${virtualRow.size}px`,
-                    transform: `translateY(${virtualRow.start}px)`,
-                    paddingRight: itemPadding,
-                    paddingLeft: itemPadding,
-                };
-                return (React.createElement("div", { key: virtualRow.index, style: style }, isSkeletonItem ? (React.createElement(UiSkeleton, { itemHeight: itemHeight, key: virtualRow.index })) : (children(item))));
-            })))));
-}
-function useVirtualList(props) {
-    const { items, itemHeight, itemsGap, skeletonItemsCount, hasNextPage, loadNextPage, isLoading, maxHeight, } = props;
-    const scrollContainerRef = React.useRef(null);
-    const itemsCount = items ? items.length : 0;
-    let renderItemsCount = itemsCount;
-    if (hasNextPage) {
-        renderItemsCount = itemsCount + skeletonItemsCount;
-    }
-    else if (itemsCount === 0 && isLoading) {
-        renderItemsCount = skeletonItemsCount;
-    }
-    const realHeight = itemsCount > 0
-        ? (itemHeight + itemsGap) * itemsCount + itemsGap
-        : skeletonItemsCount * (itemHeight + itemsGap) + itemsGap;
-    const height = Math.min(maxHeight, realHeight);
-    const hasScroll = scrollContainerRef.current
-        ? scrollContainerRef.current?.scrollHeight >
-            scrollContainerRef.current?.getBoundingClientRect().height
-        : false;
-    const rowVirtualizer = useVirtualizer({
-        count: renderItemsCount,
-        getScrollElement: () => scrollContainerRef.current,
-        estimateSize: () => itemHeight + itemsGap,
-        overscan: 5,
-    });
-    const virtualItems = rowVirtualizer.getVirtualItems();
-    useEffect(() => {
-        const [lastItem] = [...virtualItems].reverse();
-        if (!lastItem) {
-            return;
-        }
-        if (lastItem.index >= itemsCount - 1 - skeletonItemsCount && hasNextPage && !isLoading) {
-            loadNextPage?.();
-        }
-    }, [hasNextPage, loadNextPage, itemsCount, isLoading, virtualItems, skeletonItemsCount]);
-    return {
-        itemsCount,
-        scrollContainerRef,
-        height,
-        hasScroll,
-        rowVirtualizer,
-        virtualItems,
-    };
-}
-//# sourceMappingURL=VirtualList.js.map

package/esm/notificationsPanel/components/VirtualList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/components/VirtualList.tsx"],"names":[],"mappings":"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"}

package/src/notificationsPanel/components/VirtualList.scss

@@ -1,32 +0,0 @@
-// (C) 2024 GoodData Corporation
-
-.gd-ui-ext-virtual-list {
-    display: flex;
-    flex-direction: column;
-    min-height: 0;
-    max-height: 100%;
-    height: 100%;
-    width: 100%;
-
-    &--hasScroll {
-        padding-right: 4px;
-    }
-
-    &__scroll-container {
-        min-height: 0;
-        max-height: 100%;
-        overflow: auto;
-        overflow-x: hidden;
-
-        &::-webkit-scrollbar {
-            -webkit-appearance: none;
-            appearance: none;
-            width: 6px;
-        }
-
-        &::-webkit-scrollbar-thumb {
-            background-color: var(--gd-palette-complementary-2);
-            border-radius: 3px;
-        }
-    }
-}