ydb-embedded-ui 9.3.0 → 9.4.0

package/dist/components/PaginatedTable/PaginatedTableWithLayout.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import type { TableProps } from '../TableWithControlsLayout/TableWithControlsLayout';
+import type { TableWrapperProps } from '../TableWithControlsLayout/TableWithControlsLayout';
 import type { PaginatedTableState } from './types';
 export interface PaginatedTableWithLayoutProps {
-    controls: React.ReactNode;
+    controls?: React.ReactNode;
     table: React.ReactNode;
-    tableProps?: TableProps;
+    tableWrapperProps?: Omit<TableWrapperProps, 'children'>;
     error?: React.ReactNode;
     initialState?: Partial<PaginatedTableState>;
     fullHeight?: boolean;
+    noBatching?: boolean;
 }
-export declare const PaginatedTableWithLayout: ({ controls, table, tableProps, error, initialState, fullHeight, }: PaginatedTableWithLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginatedTableWithLayout: ({ controls, table, tableWrapperProps, error, initialState, noBatching, fullHeight, }: PaginatedTableWithLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PaginatedTable/PaginatedTableWithLayout.js

@@ -1,5 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { TableWithControlsLayout } from '../TableWithControlsLayout/TableWithControlsLayout';
-import { PaginatedTableProvider } from './PaginatedTableContext';
-export const PaginatedTableWithLayout = ({ controls, table, tableProps, error, initialState, fullHeight = true, }) => (_jsx(PaginatedTableProvider, { initialState: initialState, children: _jsxs(TableWithControlsLayout, { fullHeight: fullHeight, children: [_jsx(TableWithControlsLayout.Controls, { children: controls }), error, _jsx(TableWithControlsLayout.Table, { ...(tableProps || {}), children: table })] }) }));
+import { PaginatedTableProvider, usePaginatedTableState } from './PaginatedTableContext';
+const TableWrapper = ({ table, tableWrapperProps, }) => {
+    const { tableState } = usePaginatedTableState();
+    const { sortParams } = tableState;
+    const enhancedTableWrapperProps = React.useMemo(() => {
+        const existingScrollDependencies = (tableWrapperProps === null || tableWrapperProps === void 0 ? void 0 : tableWrapperProps.scrollDependencies) || [];
+        return {
+            ...tableWrapperProps,
+            scrollDependencies: [...existingScrollDependencies, sortParams],
+        };
+    }, [tableWrapperProps, sortParams]);
+    return (_jsx(TableWithControlsLayout.Table, { ...enhancedTableWrapperProps, children: table }));
+};
+const ControlsSection = ({ controls }) => {
+    if (!controls) {
+        return null;
+    }
+    return _jsx(TableWithControlsLayout.Controls, { children: controls });
+};
+const ErrorSection = ({ error }) => {
+    if (!error) {
+        return null;
+    }
+    return _jsx(React.Fragment, { children: error });
+};
+export const PaginatedTableWithLayout = ({ controls, table, tableWrapperProps, error, initialState, noBatching, fullHeight = true, }) => {
+    return (_jsx(PaginatedTableProvider, { initialState: initialState, noBatching: noBatching, children: _jsxs(TableWithControlsLayout, { fullHeight: fullHeight, children: [_jsx(ControlsSection, { controls: controls }), _jsx(ErrorSection, { error: error }), _jsx(TableWrapper, { table: table, tableWrapperProps: tableWrapperProps })] }) }));
+};
 //# sourceMappingURL=PaginatedTableWithLayout.js.map

package/dist/components/PaginatedTable/PaginatedTableWithLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginatedTableWithLayout.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableWithLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAG3F,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAY/D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,UAAU,GAAG,IAAI,GACW,EAAE,EAAE,CAAC,CACjC,KAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,YAC9C,MAAC,uBAAuB,IAAC,UAAU,EAAE,UAAU,aAC3C,KAAC,uBAAuB,CAAC,QAAQ,cAAE,QAAQ,GAAoC,EAC9E,KAAK,EACN,KAAC,uBAAuB,CAAC,KAAK,OAAK,CAAC,UAAU,IAAI,EAAE,CAAC,YAChD,KAAK,GACsB,IACV,GACL,CAC5B,CAAC"}
+{"version":3,"file":"PaginatedTableWithLayout.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableWithLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAG3F,OAAO,EAAC,sBAAsB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAavF,MAAM,YAAY,GAAG,CAAC,EAClB,KAAK,EACL,iBAAiB,GAIpB,EAAE,EAAE;IACD,MAAM,EAAC,UAAU,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,EAAC,UAAU,EAAC,GAAG,UAAU,CAAC;IAEhC,MAAM,yBAAyB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjD,MAAM,0BAA0B,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,KAAI,EAAE,CAAC;QAE/E,OAAO;YACH,GAAG,iBAAiB;YACpB,kBAAkB,EAAE,CAAC,GAAG,0BAA0B,EAAE,UAAU,CAAC;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,KAAC,uBAAuB,CAAC,KAAK,OAAK,yBAAyB,YACvD,KAAK,GACsB,CACnC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAC,QAAQ,EAA+B,EAAE,EAAE;IACjE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,uBAAuB,CAAC,QAAQ,cAAE,QAAQ,GAAoC,CAAC;AAC3F,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAA4B,EAAE,EAAE;IACxD,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,GAAkB,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,GAAG,IAAI,GACW,EAAE,EAAE;IAChC,OAAO,CACH,KAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,YACtE,MAAC,uBAAuB,IAAC,UAAU,EAAE,UAAU,aAC3C,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACvC,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,IAC9C,GACL,CAC5B,CAAC;AACN,CAAC,CAAC"}

package/dist/components/PaginatedTable/TableChunk.d.ts

@@ -7,7 +7,8 @@ interface TableChunkProps<T, F> {
     columns: Column<T>[];
     filters?: F;
     sortParams?: SortParams;
-    isActive: boolean;
+    shouldFetch: boolean;
+    shouldRender: boolean;
     tableName: string;
     fetchData: FetchData<T, F>;
     getRowClassName?: GetRowClassName<T>;
@@ -16,5 +17,5 @@ interface TableChunkProps<T, F> {
     onDataFetched: (data?: PaginatedTableData<T>) => void;
     keepCache?: boolean;
 }
-export declare const TableChunk: <T, F>({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, keepCache, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableChunk: <T, F>({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, shouldFetch, shouldRender, keepCache, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[] | null;
 export {};

package/dist/components/PaginatedTable/TableChunk.js

@@ -4,15 +4,17 @@ import { tableDataApi } from '../../store/reducers/tableData';
 import { getArray } from '../../utils';
 import { useAutoRefreshInterval } from '../../utils/hooks';
 import { ResponseError } from '../Errors/ResponseError';
+import { usePaginatedTableState } from './PaginatedTableContext';
 import { EmptyTableRow, LoadingTableRow, TableRow } from './TableRow';
 import i18n from './i18n';
 import { typedMemo } from './utils';
 const DEBOUNCE_TIMEOUT = 200;
 // Memoisation prevents chunks rerenders that could cause perfomance issues on big tables
-export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, keepCache, }) {
+export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, shouldFetch, shouldRender, keepCache, }) {
     var _a;
     const [isTimeoutActive, setIsTimeoutActive] = React.useState(true);
     const [autoRefreshInterval] = useAutoRefreshInterval();
+    const { noBatching } = usePaginatedTableState();
     const columnsIds = columns.map((column) => column.name);
     const queryParams = {
         offset: id * chunkSize,
@@ -22,16 +24,17 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
         sortParams,
         columnsIds,
         tableName,
+        noBatching,
     };
     tableDataApi.useFetchTableChunkQuery(queryParams, {
-        skip: isTimeoutActive || !isActive,
+        skip: isTimeoutActive || !shouldFetch,
         pollingInterval: autoRefreshInterval,
         refetchOnMountOrArgChange: !keepCache,
     });
     const { currentData, error } = tableDataApi.endpoints.fetchTableChunk.useQueryState(queryParams);
     React.useEffect(() => {
         let timeout = 0;
-        if (isActive && isTimeoutActive) {
+        if (shouldFetch && isTimeoutActive) {
             timeout = window.setTimeout(() => {
                 setIsTimeoutActive(false);
             }, DEBOUNCE_TIMEOUT);
@@ -39,9 +42,9 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
         return () => {
             window.clearTimeout(timeout);
         };
-    }, [isActive, isTimeoutActive]);
+    }, [shouldFetch, isTimeoutActive]);
     React.useEffect(() => {
-        if (currentData && isActive) {
+        if (currentData) {
             onDataFetched({
                 ...currentData,
                 data: currentData.data,
@@ -49,17 +52,14 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
                 total: currentData.total || 0,
             });
         }
-    }, [currentData, isActive, onDataFetched]);
+    }, [currentData, onDataFetched]);
     const dataLength = ((_a = currentData === null || currentData === void 0 ? void 0 : currentData.data) === null || _a === void 0 ? void 0 : _a.length) || calculatedCount;
     const renderContent = () => {
         var _a;
-        if (!isActive) {
-            return null;
-        }
         if (!currentData) {
             if (error) {
                 const errorData = error;
-                return (_jsx(EmptyTableRow, { columns: columns, children: renderErrorMessage ? (renderErrorMessage(errorData)) : (_jsx(ResponseError, { error: errorData })) }));
+                return (_jsx(EmptyTableRow, { columns: columns, height: dataLength * rowHeight, children: renderErrorMessage ? (renderErrorMessage(errorData)) : (_jsx(ResponseError, { error: errorData })) }));
             }
             else {
                 return getArray(dataLength).map((value) => (_jsx(LoadingTableRow, { columns: columns, height: rowHeight }, value)));
@@ -67,16 +67,10 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
         }
         // Data is loaded, but there are no entities in the chunk
         if (!((_a = currentData.data) === null || _a === void 0 ? void 0 : _a.length)) {
-            return (_jsx(EmptyTableRow, { columns: columns, children: renderEmptyDataMessage ? renderEmptyDataMessage() : i18n('empty') }));
+            return (_jsx(EmptyTableRow, { columns: columns, height: dataLength * rowHeight, children: renderEmptyDataMessage ? renderEmptyDataMessage() : i18n('empty') }));
         }
         return currentData.data.map((rowData, index) => (_jsx(TableRow, { row: rowData, columns: columns, height: rowHeight, getRowClassName: getRowClassName }, index)));
     };
-    return (_jsx("tbody", { id: id.toString(), style: {
-            height: `${dataLength * rowHeight}px`,
-            // Default display: table-row-group doesn't work in Safari and breaks the table
-            // display: block works in Safari, but disconnects thead and tbody cell grids
-            // Hack to make it work in all cases
-            display: isActive ? 'table-row-group' : 'block',
-        }, children: renderContent() }));
+    return shouldRender ? renderContent() : null;
 });
 //# sourceMappingURL=TableChunk.js.map

package/dist/components/PaginatedTable/TableChunk.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAC,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAU1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAsB7B,yFAAyF;AACzF,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,SAAS,UAAU,CAAO,EAC1D,EAAE,EACF,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,QAAQ,EACR,SAAS,GACW;;IACpB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG;QAChB,MAAM,EAAE,EAAE,GAAG,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAkC;QAC7C,OAAO;QACP,UAAU;QACV,UAAU;QACV,SAAS;KACZ,CAAC;IAEF,YAAY,CAAC,uBAAuB,CAAC,WAAW,EAAE;QAC9C,IAAI,EAAE,eAAe,IAAI,CAAC,QAAQ;QAClC,eAAe,EAAE,mBAAmB;QACpC,yBAAyB,EAAE,CAAC,SAAS;KACxC,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,KAAK,EAAC,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE/F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,GAAG,CAAC,CAAC;QAEhB,IAAI,QAAQ,IAAI,eAAe,EAAE,CAAC;YAC9B,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC7B,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,EAAE,gBAAgB,CAAC,CAAC;QACzB,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,WAAW,IAAI,QAAQ,EAAE,CAAC;YAC1B,aAAa,CAAC;gBACV,GAAG,WAAW;gBACd,IAAI,EAAE,WAAW,CAAC,IAAW;gBAC7B,KAAK,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;gBAC7B,KAAK,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;aAChC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3C,MAAM,UAAU,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,0CAAE,MAAM,KAAI,eAAe,CAAC;IAEhE,MAAM,aAAa,GAAG,GAAG,EAAE;;QACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,IAAI,KAAK,EAAE,CAAC;gBACR,MAAM,SAAS,GAAG,KAAuB,CAAC;gBAC1C,OAAO,CACH,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,YAC1B,kBAAkB,CAAC,CAAC,CAAC,CAClB,kBAAkB,CAAC,SAAS,CAAC,CAChC,CAAC,CAAC,CAAC,CACA,KAAC,aAAa,IAAC,KAAK,EAAE,SAAS,GAAI,CACtC,GACW,CACnB,CAAC;YACN,CAAC;iBAAM,CAAC;gBACJ,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvC,KAAC,eAAe,IAAa,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,IAA1C,KAAK,CAAyC,CACvE,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QAED,yDAAyD;QACzD,IAAI,CAAC,CAAA,MAAA,WAAW,CAAC,IAAI,0CAAE,MAAM,CAAA,EAAE,CAAC;YAC5B,OAAO,CACH,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,YAC1B,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GACtD,CACnB,CAAC;QACN,CAAC;QAED,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,QAAQ,IAEL,GAAG,EAAE,OAAY,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,EACjB,eAAe,EAAE,eAAe,IAJ3B,KAAK,CAKZ,CACL,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,gBACI,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EACjB,KAAK,EAAE;YACH,MAAM,EAAE,GAAG,UAAU,GAAG,SAAS,IAAI;YACrC,+EAA+E;YAC/E,6EAA6E;YAC7E,oCAAoC;YACpC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO;SAClD,YAEA,aAAa,EAAE,GACZ,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":"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"}

package/dist/components/PaginatedTable/TableChunksRenderer.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { Column, FetchData, GetRowClassName, PaginatedTableData, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
+export interface TableChunksRendererProps<T, F> {
+    scrollContainerRef: React.RefObject<HTMLElement>;
+    tableRef: React.RefObject<HTMLElement>;
+    foundEntities: number;
+    tableOffset: number;
+    chunkSize: number;
+    rowHeight: number;
+    columns: Column<T>[];
+    fetchData: FetchData<T, F>;
+    filters?: F;
+    tableName: string;
+    sortParams?: SortParams;
+    getRowClassName?: GetRowClassName<T>;
+    renderErrorMessage?: RenderErrorMessage;
+    renderEmptyDataMessage?: RenderEmptyDataMessage;
+    onDataFetched: (data?: PaginatedTableData<T>) => void;
+    keepCache: boolean;
+}
+export declare const TableChunksRenderer: <T, F>({ scrollContainerRef, tableRef, foundEntities, tableOffset, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, keepCache, }: TableChunksRendererProps<T, F>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PaginatedTable/TableChunksRenderer.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { TableChunk } from './TableChunk';
+import { b } from './shared';
+import { useScrollBasedChunks } from './useScrollBasedChunks';
+export const TableChunksRenderer = ({ scrollContainerRef, tableRef, foundEntities, tableOffset, chunkSize, rowHeight, columns, fetchData, filters, tableName, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, keepCache, }) => {
+    const chunkStates = useScrollBasedChunks({
+        scrollContainerRef,
+        tableRef,
+        totalItems: foundEntities || 1,
+        rowHeight,
+        chunkSize,
+        tableOffset,
+    });
+    const lastChunkSize = React.useMemo(() => {
+        // If foundEntities = 0, there will only first chunk
+        // Display it with 1 row, to display empty data message
+        if (!foundEntities) {
+            return 1;
+        }
+        return foundEntities % chunkSize || chunkSize;
+    }, [foundEntities, chunkSize]);
+    const findRenderChunkRange = React.useCallback(() => {
+        const firstRenderIndex = chunkStates.findIndex((state) => state.shouldRender);
+        const lastRenderIndex = chunkStates.findLastIndex((state) => state.shouldRender);
+        return { firstRenderIndex, lastRenderIndex };
+    }, [chunkStates]);
+    const findFetchChunkRange = React.useCallback(() => {
+        const firstFetchIndex = chunkStates.findIndex((state) => state.shouldFetch);
+        const lastFetchIndex = chunkStates.findLastIndex((state) => state.shouldFetch);
+        return { firstFetchIndex, lastFetchIndex };
+    }, [chunkStates]);
+    const calculateSeparatorHeight = React.useCallback((startIndex, endIndex) => {
+        let totalHeight = 0;
+        for (let i = startIndex; i < endIndex; i++) {
+            const currentChunkSize = i === chunkStates.length - 1 ? lastChunkSize : chunkSize;
+            totalHeight += currentChunkSize * rowHeight;
+        }
+        return totalHeight;
+    }, [chunkSize, chunkStates.length, lastChunkSize, rowHeight]);
+    const createSeparator = React.useCallback((startIndex, endIndex, key) => {
+        const height = calculateSeparatorHeight(startIndex, endIndex);
+        return (_jsx("tr", { style: { height: `${height}px` }, className: b(key), children: _jsx("td", { colSpan: columns.length, style: { padding: 0, border: 'none' } }) }, key));
+    }, [calculateSeparatorHeight, columns.length]);
+    const createChunk = React.useCallback((chunkIndex) => {
+        const chunkState = chunkStates[chunkIndex];
+        return (_jsx(TableChunk, { id: chunkIndex, calculatedCount: chunkIndex === chunkStates.length - 1 ? lastChunkSize : chunkSize, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: sortParams, getRowClassName: getRowClassName, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: onDataFetched, shouldFetch: chunkState.shouldFetch, shouldRender: chunkState.shouldRender, keepCache: keepCache }, chunkIndex));
+    }, [
+        chunkSize,
+        chunkStates,
+        columns,
+        fetchData,
+        filters,
+        getRowClassName,
+        keepCache,
+        lastChunkSize,
+        onDataFetched,
+        renderEmptyDataMessage,
+        renderErrorMessage,
+        rowHeight,
+        sortParams,
+        tableName,
+    ]);
+    const renderChunks = React.useCallback(() => {
+        // Chunk states are distrubuted like [null, null, fetch, fetch, render+fetch, render+fetch, fetch, fetch, null, null]
+        // i.e. fetched chunks include rendered chunks
+        const { firstFetchIndex, lastFetchIndex } = findFetchChunkRange();
+        const { firstRenderIndex, lastRenderIndex } = findRenderChunkRange();
+        const elements = [];
+        // No fetch chunks found
+        if (firstFetchIndex === -1) {
+            return elements;
+        }
+        // Beginning separator (for chunks before first render chunk)
+        if (firstRenderIndex > 0) {
+            elements.push(createSeparator(0, firstRenderIndex, 'separator-beginning'));
+        }
+        // All fetch chunks (shouldFetch = true) get rendered as TableChunk components
+        for (let i = firstFetchIndex; i <= lastFetchIndex; i++) {
+            elements.push(createChunk(i));
+        }
+        // End separator (for chunks after last render chunk)
+        if (lastRenderIndex < chunkStates.length - 1) {
+            elements.push(createSeparator(lastRenderIndex + 1, chunkStates.length, 'separator-end'));
+        }
+        return elements;
+    }, [
+        chunkStates.length,
+        createChunk,
+        createSeparator,
+        findFetchChunkRange,
+        findRenderChunkRange,
+    ]);
+    return _jsx(React.Fragment, { children: renderChunks() });
+};
+//# sourceMappingURL=TableChunksRenderer.js.map

package/dist/components/PaginatedTable/TableChunksRenderer.js.map

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

package/dist/components/PaginatedTable/TableRow.d.ts

@@ -14,6 +14,7 @@ export declare const TableRow: <T>({ row, columns, getRowClassName, height }: Ta
 interface EmptyTableRowProps<T> {
     columns: Column<T>[];
     children?: React.ReactNode;
+    height: number;
 }
-export declare const EmptyTableRow: <T>({ columns, children }: EmptyTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyTableRow: <T>({ columns, children, height }: EmptyTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PaginatedTable/TableRow.js

@@ -12,7 +12,7 @@ const TableRowCell = ({ children, className, height, width, align = DEFAULT_ALIG
         }, children: children }));
 };
 export const LoadingTableRow = typedMemo(function ({ columns, height }) {
-    return (_jsx("tr", { className: b('row', { loading: true }), children: columns.map((column) => {
+    return (_jsx("tr", { className: b('row', { loading: true }), style: { height }, children: columns.map((column) => {
             var _a;
             const resizeable = (_a = column.resizeable) !== null && _a !== void 0 ? _a : DEFAULT_RESIZEABLE;
             return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: _jsx(Skeleton, { className: b('row-skeleton'), style: { width: '80%', height: '50%' } }) }, column.name));
@@ -20,13 +20,13 @@ export const LoadingTableRow = typedMemo(function ({ columns, height }) {
 });
 export const TableRow = ({ row, columns, getRowClassName, height }) => {
     const additionalClassName = getRowClassName === null || getRowClassName === void 0 ? void 0 : getRowClassName(row);
-    return (_jsx("tr", { className: b('row', additionalClassName), children: columns.map((column) => {
+    return (_jsx("tr", { className: b('row', additionalClassName), style: { height }, children: columns.map((column) => {
             var _a;
             const resizeable = (_a = column.resizeable) !== null && _a !== void 0 ? _a : DEFAULT_RESIZEABLE;
             return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: column.render({ row }) }, column.name));
         }) }));
 };
-export const EmptyTableRow = ({ columns, children }) => {
-    return (_jsx("tr", { className: b('row', { empty: true }), children: _jsx("td", { colSpan: columns.length, className: b('td'), children: children }) }));
+export const EmptyTableRow = ({ columns, children, height }) => {
+    return (_jsx("tr", { className: b('row', { empty: true }), style: { height }, children: _jsx("td", { colSpan: columns.length, className: b('td'), children: children }) }));
 };
 //# sourceMappingURL=TableRow.js.map

package/dist/components/PaginatedTable/TableRow.js.map

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

package/dist/components/PaginatedTable/requestBatcher.d.ts

@@ -0,0 +1,28 @@
+import type { FetchData, PaginatedTableData, SortParams } from './types';
+interface PaginatedTableParams<T, F> {
+    offset: number;
+    fetchData: FetchData<T, F>;
+    filters: F;
+    limit: number;
+    sortParams?: SortParams;
+    columnsIds: string[];
+    tableName: string;
+}
+declare class RequestBatcher {
+    private requestQueue;
+    private batchTimeout;
+    private readonly BATCH_DELAY;
+    queueRequest<T, F>(params: PaginatedTableParams<T, F>, signal?: AbortSignal): Promise<{
+        data: PaginatedTableData<T>;
+    } | {
+        error: unknown;
+    }>;
+    private createBatchKey;
+    private groupConsecutiveRequests;
+    private createBatchGroup;
+    private executeBatch;
+    private splitAndDistributeResponse;
+    private processBatch;
+}
+export declare const requestBatcher: RequestBatcher;
+export {};

package/dist/components/PaginatedTable/requestBatcher.js

@@ -0,0 +1,128 @@
+class RequestBatcher {
+    constructor() {
+        this.requestQueue = new Map();
+        this.batchTimeout = null;
+        this.BATCH_DELAY = 50; // ms
+    }
+    queueRequest(params, signal) {
+        return new Promise((resolve, reject) => {
+            const batchKey = this.createBatchKey(params);
+            if (!this.requestQueue.has(batchKey)) {
+                this.requestQueue.set(batchKey, []);
+            }
+            this.requestQueue.get(batchKey).push({
+                params,
+                resolve,
+                reject,
+                signal,
+            });
+            // Reset the batch timeout
+            if (this.batchTimeout) {
+                clearTimeout(this.batchTimeout);
+            }
+            this.batchTimeout = setTimeout(() => {
+                this.processBatch();
+            }, this.BATCH_DELAY);
+        });
+    }
+    createBatchKey(params) {
+        return JSON.stringify({
+            tableName: params.tableName,
+            filters: params.filters,
+            sortParams: params.sortParams,
+            columnsIds: params.columnsIds,
+            limit: params.limit,
+        });
+    }
+    groupConsecutiveRequests(requests) {
+        if (requests.length === 0) {
+            return [];
+        }
+        const sorted = requests.sort((a, b) => a.params.offset - b.params.offset);
+        const groups = [];
+        let currentGroup = [sorted[0]];
+        const limit = sorted[0].params.limit;
+        for (let i = 1; i < sorted.length; i++) {
+            const expectedOffset = currentGroup[currentGroup.length - 1].params.offset + limit;
+            if (sorted[i].params.offset === expectedOffset) {
+                // Consecutive request
+                currentGroup.push(sorted[i]);
+            }
+            else {
+                // Non-consecutive, create a new group
+                groups.push(this.createBatchGroup(currentGroup));
+                currentGroup = [sorted[i]];
+            }
+        }
+        // Add the last group
+        groups.push(this.createBatchGroup(currentGroup));
+        return groups;
+    }
+    createBatchGroup(requests) {
+        const minOffset = Math.min(...requests.map((r) => r.params.offset));
+        const maxOffset = Math.max(...requests.map((r) => r.params.offset));
+        const limit = requests[0].params.limit;
+        const totalLimit = requests.length * limit;
+        return {
+            requests,
+            batchKey: this.createBatchKey(requests[0].params),
+            minOffset,
+            maxOffset,
+            totalLimit,
+        };
+    }
+    async executeBatch(group) {
+        const firstRequest = group.requests[0];
+        const batchParams = {
+            ...firstRequest.params,
+            offset: group.minOffset,
+            limit: group.totalLimit,
+        };
+        try {
+            const response = await firstRequest.params.fetchData({
+                limit: batchParams.limit,
+                offset: batchParams.offset,
+                filters: batchParams.filters,
+                sortParams: batchParams.sortParams,
+                columnsIds: batchParams.columnsIds,
+                signal: firstRequest.signal,
+            });
+            // Split the response data among individual requests
+            this.splitAndDistributeResponse(group, response);
+        }
+        catch (error) {
+            // If batch fails, reject all requests in the group
+            group.requests.forEach((request) => {
+                request.resolve({ error });
+            });
+        }
+    }
+    splitAndDistributeResponse(group, batchResponse) {
+        const limit = group.requests[0].params.limit;
+        group.requests.forEach((request, index) => {
+            const startIndex = index * limit;
+            const endIndex = startIndex + limit;
+            const chunkData = batchResponse.data.slice(startIndex, endIndex);
+            const chunkResponse = {
+                ...batchResponse,
+                data: chunkData,
+                total: batchResponse.total,
+                found: batchResponse.found,
+            };
+            request.resolve({ data: chunkResponse });
+        });
+    }
+    async processBatch() {
+        const allQueues = Array.from(this.requestQueue.entries());
+        this.requestQueue.clear();
+        this.batchTimeout = null;
+        for (const [_batchKey, requests] of allQueues) {
+            const groups = this.groupConsecutiveRequests(requests);
+            // Execute each group (consecutive chunks) as a separate batch
+            await Promise.all(groups.map((group) => this.executeBatch(group)));
+        }
+    }
+}
+// Singleton instance
+export const requestBatcher = new RequestBatcher();
+//# sourceMappingURL=requestBatcher.js.map

package/dist/components/PaginatedTable/requestBatcher.js.map

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

package/dist/components/PaginatedTable/useScrollBasedChunks.d.ts

@@ -5,7 +5,13 @@ interface UseScrollBasedChunksProps {
     totalItems: number;
     rowHeight: number;
     chunkSize: number;
-    overscanCount?: number;
+    renderOverscan?: number;
+    fetchOverscan?: number;
+    tableOffset: number;
 }
-export declare const useScrollBasedChunks: ({ scrollContainerRef, tableRef, totalItems, rowHeight, chunkSize, overscanCount, }: UseScrollBasedChunksProps) => boolean[];
+interface ChunkState {
+    shouldRender: boolean;
+    shouldFetch: boolean;
+}
+export declare const useScrollBasedChunks: ({ scrollContainerRef, tableRef, totalItems, rowHeight, chunkSize, tableOffset, renderOverscan, fetchOverscan, }: UseScrollBasedChunksProps) => ChunkState[];
 export {};