npm - ydb-embedded-ui - Versions diffs - 9.2.2 → 9.3.1 - Mend

ydb-embedded-ui 9.2.2 → 9.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/dist/components/Drawer/Drawer.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Xmark } from '@gravity-ui/icons';
 import { DrawerItem, Drawer as GravityDrawer } from '@gravity-ui/navigation';
-import { ActionTooltip, Button, Flex, Icon, Text } from '@gravity-ui/uikit';
+import { ActionTooltip, Button, Flex, Icon, Portal, Text } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 import { isNumeric } from '../../utils/utils';
 import { CopyLinkButton } from '../CopyLinkButton/CopyLinkButton';
@@ -18,7 +18,7 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
         return isNumeric(savedWidth) ? Number(savedWidth) : defaultWidth;
     });
     const drawerRef = React.useRef(null);
-    const { containerWidth } = useDrawerContext();
+    const { containerWidth, itemContainerRef } = useDrawerContext();
     // Calculate drawer width based on container width percentage if specified
     const calculatedWidth = React.useMemo(() => {
         if (isPercentageWidth && containerWidth > 0) {
@@ -60,7 +60,11 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
     const handleClickInsideDrawer = (event) => {
         event.nativeEvent._capturedInsideDrawer = true;
     };
-    return (_jsx(GravityDrawer, { onEscape: onClose, onVeilClick: onClose, hideVeil: true, className: b('container', className), children: _jsx(DrawerItem, { id: drawerId, visible: isVisible, resizable: true, maxResizeWidth: containerWidth, width: isPercentageWidth ? calculatedWidth : drawerWidth, onResize: handleResizeDrawer, direction: direction, className: b('item'), ref: detectClickOutside ? drawerRef : undefined, children: _jsx("div", { className: b('click-handler'), onClickCapture: handleClickInsideDrawer, children: children }) }) }));
+    const itemContainer = itemContainerRef === null || itemContainerRef === void 0 ? void 0 : itemContainerRef.current;
+    if (!itemContainer) {
+        return null;
+    }
+    return (_jsx(Portal, { container: itemContainer, children: _jsx(GravityDrawer, { onEscape: onClose, onVeilClick: onClose, hideVeil: true, className: b('container', className), children: _jsx(DrawerItem, { id: drawerId, visible: isVisible, resizable: true, maxResizeWidth: containerWidth, width: isPercentageWidth ? calculatedWidth : drawerWidth, onResize: handleResizeDrawer, direction: direction, className: b('item'), ref: detectClickOutside ? drawerRef : undefined, children: _jsx("div", { className: b('click-handler'), onClickCapture: handleClickInsideDrawer, children: children }) }) }) }));
 };
 export const DrawerWrapper = ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls = [], title, headerClassName, }) => {
     React.useEffect(() => {

package/dist/components/Drawer/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAC,UAAU,EAAE,MAAM,IAAI,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;~~AAE1E~~,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAEjD,OAAO,eAAe,CAAC;AAEvB,MAAM,6BAA6B,GAAG,EAAE,CAAC;AACzC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AACxC,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAmB3B,MAAM,wBAAwB,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,UAAU,GAAG,gBAAgB,EAC7B,YAAY,EACZ,SAAS,GAAG,OAAO,EACnB,SAAS,EACT,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,GACW,EAAE,EAAE;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QACtD,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACpD,OAAO,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,EAAC,cAAc,EAAC,GAAG,gBAAgB,EAAE,CAAC;~~IAC5C~~,0EAA0E;IAC1E,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,iBAAiB,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC,KAAK,CACb,CAAC,cAAc,GAAG,CAAC,WAAW,IAAI,6BAA6B,CAAC,CAAC,GAAG,GAAG,CAC1E,CAAC;QACN,CAAC;QACD,OAAO,WAAW,IAAI,oBAAoB,CAAC;IAC/C,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAC;IAErD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACtB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,kBAAkB,GAAG,CAAC,KAAkB,EAAE,EAAE;YAC9C,kEAAkE;YAClE,IAAI,KAAK,CAAC,qBAAqB,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;gBAClD,OAAO;YACX,CAAC;YACD,IACI,SAAS;gBACT,SAAS,CAAC,OAAO;gBACjB,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACnD,CAAC;gBACC,OAAO,EAAE,CAAC;YACd,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE7C,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,IAAI,iBAAiB,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YAC1C,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC,CAAC;YACnE,cAAc,CAAC,eAAe,CAAC,CAAC;YAChC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;QACjE,CAAC;aAAM,CAAC;YACJ,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QACvD,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAAmD,EAAE,EAAE;QACnF,KAAK,CAAC,WAA2B,CAAC,qBAAqB,GAAG,IAAI,CAAC;IACpE,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,IACV,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,OAAO,EACpB,QAAQ,QACR,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,YAEpC,KAAC,UAAU,IACP,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,SAAS,EAClB,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,EACxD,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,GAAG,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,YAE/C,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,cAAc,EAAE,uBAAuB,YACtE,QAAQ,GACP,GACG,GACD,~~CACnB~~,CAAC;AACN,CAAC,CAAC;AAwBF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,GAAG,EAAE,EACnB,KAAK,EACL,eAAe,GACD,EAAE,EAAE;IAClB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,OAAO,GAAG,EAAE;YACR,aAAa,EAAE,CAAC;QACpB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,MAAM,OAAO,IAAI,cAAc,EAAE,CAAC;YACnC,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;gBACnB,KAAK,OAAO;oBACR,QAAQ,CAAC,IAAI,CACT,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,YACxB,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,aAAa,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,GAC1B,IAHoB,OAAO,CAIxB,CACnB,CAAC;oBACF,MAAM;gBACV,KAAK,UAAU;oBACX,QAAQ,CAAC,IAAI,CAAC,KAAC,cAAc,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAM,UAAU,CAAG,CAAC,CAAC;oBACrE,MAAM;gBACV,KAAK,QAAQ;oBACT,QAAQ,CAAC,IAAI,CACT,KAAC,KAAK,CAAC,QAAQ,cAAoB,OAAO,CAAC,IAAI,IAA1B,OAAO,CAAC,GAAG,CAAiC,CACpE,CAAC;oBACF,MAAM;YACd,CAAC;QACL,CAAC;QAED,OAAO,CACH,MAAC,IAAI,IACD,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE,eAAe,CAAC,aAE/C,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,EAC1C,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAQ,IAC9C,CACV,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,QAAQ,EACT,KAAC,wBAAwB,IACrB,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,YAEnC,eAAe,CAAC,CAAC,CAAC,CACf,eAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,aAC/B,kBAAkB,EAAE,EACpB,mBAAmB,EAAE,IACpB,CACT,CAAC,CAAC,CAAC,IAAI,GACe,IACd,CACpB,CAAC;AACN,CAAC,CAAC"}
1	+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/Drawer/DrawerContext.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import React from 'react';
 import './Drawer.scss';
 export interface DrawerContextType {
     containerWidth: number;
+    itemContainerRef: React.RefObject<HTMLDivElement> | null;
     setContainerWidth: React.Dispatch<React.SetStateAction<number>>;
 }
 interface DrawerContextProviderProps {

package/dist/components/Drawer/DrawerContext.js CHANGED Viewed

@@ -1,15 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cn } from '../../utils/cn';
 import './Drawer.scss';
 const b = cn('ydb-drawer');
 const DrawerContext = React.createContext({
     containerWidth: 0,
+    itemContainerRef: null,
     setContainerWidth: () => { },
 });
 export const DrawerContextProvider = ({ children, className }) => {
     const [containerWidth, setContainerWidth] = React.useState(0);
     const containerRef = React.useRef(null);
+    const itemContainerRef = React.useRef(null);
     React.useEffect(() => {
         if (!containerRef.current) {
             return undefined;
@@ -34,8 +36,9 @@ export const DrawerContextProvider = ({ children, className }) => {
     const value = React.useMemo(() => ({
         containerWidth,
         setContainerWidth,
+        itemContainerRef,
     }), [containerWidth]);
-    return (_jsx(DrawerContext.Provider, { value: value, children: _jsx("div", { ref: containerRef, className: b('drawer-container', className), children: children }) }));
+    return (_jsx(DrawerContext.Provider, { value: value, children: _jsxs("div", { ref: containerRef, className: b('drawer-container', className), children: [children, _jsx("div", { ref: itemContainerRef, className: b('item-container') })] }) }));
 };
 export const useDrawerContext = () => {
     const context = React.useContext(DrawerContext);

package/dist/components/Drawer/DrawerContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerContext.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;~~AAO3B~~,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAoB;IACzD,cAAc,EAAE,CAAC;IACjB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAA6B,EAAE,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;~~IAExD~~,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACxD,CAAC;QACL,CAAC,CAAC;QAEF,oBAAoB;QACpB,WAAW,EAAE,CAAC;QAEd,yBAAyB;QACzB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC;QACvD,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE;YACR,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,cAAc,CAAC,UAAU,EAAE,CAAC;YAChC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,8DAA8D;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACH,cAAc;QACd,iBAAiB;~~KACpB~~,CAAC,EACF,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,~~cAAK~~,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE,SAAS,CAAC,~~YAC9D~~,QAAQ,~~GACP~~,GACe,CAC5B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAsB,EAAE;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,KAAK,CAAC,8DAA8D,CAAC,CAAC;IAChF,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
1	+ {"version":3,"file":"DrawerContext.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAQ3B,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAoB;IACzD,cAAc,EAAE,CAAC;IACjB,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAA6B,EAAE,EAAE;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE5D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACxD,CAAC;QACL,CAAC,CAAC;QAEF,oBAAoB;QACpB,WAAW,EAAE,CAAC;QAEd,yBAAyB;QACzB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC;QACvD,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE;YACR,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,cAAc,CAAC,UAAU,EAAE,CAAC;YAChC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,8DAA8D;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACH,cAAc;QACd,iBAAiB;QACjB,gBAAgB;KACnB,CAAC,EACF,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,OAAO,CACH,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,eAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE,SAAS,CAAC,aAC9D,QAAQ,EAKT,cAAK,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,IAC5D,GACe,CAC5B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAsB,EAAE;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,KAAK,CAAC,8DAA8D,CAAC,CAAC;IAChF,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

package/dist/components/PaginatedTable/PaginatedTable.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { usePaginatedTableState } from './PaginatedTableContext';
-import { TableChunk } from './TableChunk';
+import { TableChunksRenderer } from './TableChunksRenderer';
 import { TableHead } from './TableHead';
 import { DEFAULT_TABLE_ROW_HEIGHT } from './constants';
 import { b } from './shared';
-import { useScrollBasedChunks } from './useScrollBasedChunks';
+import { calculateElementOffsetTop } from './utils';
 import './PaginatedTable.scss';
 const DEFAULT_PAGINATION_LIMIT = 20;
 export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, scrollContainerRef, onColumnsResize, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache = true, }) => {
@@ -13,26 +13,12 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
     const { tableState, setSortParams, setTotalEntities, setFoundEntities, setIsInitialLoad } = usePaginatedTableState();
     const { sortParams, foundEntities } = tableState;
     const tableRef = React.useRef(null);
-    const activeChunks = useScrollBasedChunks({
-        scrollContainerRef,
-        tableRef,
-        totalItems: foundEntities,
-        rowHeight,
-        chunkSize,
-    });
+    const [tableOffset, setTableOffset] = React.useState(0);
     // this prevent situation when filters are new, but active chunks is not yet recalculated (it will be done to the next rendrer, so we bring filters change on the next render too)
     const [filters, setFilters] = React.useState(rawFilters);
     React.useEffect(() => {
         setFilters(rawFilters);
     }, [rawFilters]);
-    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 handleDataFetched = React.useCallback((data) => {
         if (data) {
             setTotalEntities(data.total);
@@ -41,6 +27,23 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
             onDataFetched === null || onDataFetched === void 0 ? void 0 : onDataFetched(data);
         }
     }, [onDataFetched, setFoundEntities, setIsInitialLoad, setTotalEntities]);
+    React.useLayoutEffect(() => {
+        const scrollContainer = scrollContainerRef.current;
+        const table = tableRef.current;
+        if (table && scrollContainer) {
+            setTableOffset(calculateElementOffsetTop(table, scrollContainer));
+        }
+    }, [scrollContainerRef.current, tableRef.current, foundEntities]);
+    // Set will-change: transform on scroll container if not already set
+    React.useLayoutEffect(() => {
+        const scrollContainer = scrollContainerRef.current;
+        if (scrollContainer) {
+            const computedStyle = window.getComputedStyle(scrollContainer);
+            if (computedStyle.willChange !== 'transform') {
+                scrollContainer.style.willChange = 'transform';
+            }
+        }
+    }, [scrollContainerRef.current]);
     // Reset table on initialization and filters change
     React.useLayoutEffect(() => {
         const defaultTotal = initialEntitiesCount || 0;
@@ -49,10 +52,7 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
         setFoundEntities(defaultFound);
         setIsInitialLoad(true);
     }, [initialEntitiesCount, setTotalEntities, setFoundEntities, setIsInitialLoad]);
-    const renderChunks = () => {
-        return activeChunks.map((isActive, index) => (_jsx(TableChunk, { id: index, calculatedCount: index === activeChunks.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: handleDataFetched, isActive: isActive, keepCache: keepCache }, index)));
-    };
-    const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), renderChunks()] }));
+    const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), _jsx("tbody", { children: _jsx(TableChunksRenderer, { scrollContainerRef: scrollContainerRef, tableRef: tableRef, foundEntities: foundEntities, tableOffset: tableOffset, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: sortParams, getRowClassName: getRowClassName, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: handleDataFetched, keepCache: keepCache }) })] }));
     return (_jsx("div", { ref: tableRef, className: b(null, containerClassName), children: renderTable() }));
 };
 //# sourceMappingURL=PaginatedTable.js.map

package/dist/components/PaginatedTable/PaginatedTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,~~UAAU~~,EAAC,MAAM,~~cAAc~~,CAAC;~~AACxC~~,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAU3B,OAAO,EAAC,~~oBAAoB~~,EAAC,MAAM,~~wBAAwB~~,CAAC;~~AAE5D~~,OAAO,uBAAuB,CAAC;AAoB/B,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAO,EACjC,KAAK,EAAE,SAAS,GAAG,wBAAwB,EAC3C,oBAAoB,EACpB,SAAS,EACT,OAAO,EAAE,UAAU,EACnB,SAAS,EACT,OAAO,EACP,eAAe,EACf,SAAS,GAAG,wBAAwB,EACpC,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,SAAS,GAAG,IAAI,GACQ,EAAE,EAAE;IAC5B,qCAAqC;IACrC,MAAM,EAAC,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,GACnF,sBAAsB,EAAE,CAAC;IAE7B,MAAM,EAAC,UAAU,EAAE,aAAa,EAAC,GAAG,UAAU,CAAC;IAE/C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;~~IAEpD~~,MAAM,~~YAAY~~,~~GAAG~~,~~oBAAoB~~,CAAC~~;QACtC~~,~~kBAAkB;QAClB~~,~~QAAQ;QACR~~,~~UAAU~~,~~EAAE~~,~~aAAa;QACzB~~,~~SAAS;QACT~~,~~SAAS;KACZ,~~CAAC,CAAC;~~IAEH~~,kLAAkL;IAClL,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,~~aAAa~~,GAAG,KAAK,CAAC,~~OAAO~~,CAAC,~~GAAG~~,EAAE~~;QACrC~~,~~oDAAoD~~;~~QACpD~~,~~uDAAuD~~;~~QACvD~~,IAAI,CAAC,~~aAAa~~,~~EAAE~~,CAAC;~~YACjB~~,~~OAAO~~,CAAC,CAAC;~~QACb~~,CAAC;~~QACD~~,~~OAAO~~,aAAa,~~GAAG~~,~~SAAS~~,IAAI,~~SAAS~~,CAAC;~~IAClD~~,CAAC,~~EAAE~~,CAAC,aAAa,EAAE,~~SAAS~~,CAAC,CAAC,CAAC;~~IAE/B~~,MAAM,~~iBAAiB~~,GAAG,~~KAAK~~,CAAC,~~WAAW~~,~~CACvC~~,CAAC,~~IAA4B~~,~~EAAE,EAAE~~;~~QAC7B~~,IAAI,IAAI,EAAE,CAAC;~~YACP~~,~~gBAAgB~~,CAAC,~~IAAI~~,CAAC,KAAK,CAAC,CAAC;~~YAC7B~~,~~gBAAgB~~,CAAC,~~IAAI~~,CAAC,KAAK,CAAC,CAAC;~~YAC7B~~,~~gBAAgB~~,CAAC,~~KAAK~~,CAAC,CAAC;~~YACxB~~,aAAa,~~aAAb~~,~~aAAa~~,~~uBAAb~~,~~aAAa~~,~~CAAG~~,~~IAAI~~,CAAC,CAAC;~~QAC1B~~,CAAC;~~IACL~~,CAAC,~~EACD~~,CAAC,~~aAAa~~,~~EAAE~~,~~gBAAgB~~,~~EAAE~~,~~gBAAgB~~,EAAE,~~gBAAgB~~,CAAC,~~CACxE~~,CAAC;~~IAEF~~,mDAAmD;IACnD,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,MAAM,YAAY,GAAG,oBAAoB,IAAI,CAAC,CAAC;QAC/C,MAAM,YAAY,GAAG,oBAAoB,IAAI,CAAC,CAAC;QAE/C,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjF,MAAM,~~YAAY~~,GAAG,GAAG,EAAE~~;QACtB~~,~~OAAO,YAAY,~~CAAC,~~GAAG~~,~~CAAC~~,~~CAAC~~,~~QAAQ,~~EAAE,~~KAAK~~,~~EAAE~~,~~EAAE~~,CAAC,~~CACzC~~,KAAC,~~UAAU~~,~~IAEP~~,EAAE,EAAE,~~KAAK~~,~~EACT~~,eAAe,EAAE,~~KAAK~~,~~KAAK~~,~~YAAY~~,~~CAAC~~,~~MAAM~~,~~GAAG~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,aAAa,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~SAAS~~,~~EAC9E~~,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,iBAAiB,EAChC,~~QAAQ,EAAE,QAAQ,EAClB,~~SAAS,EAAE,SAAS,~~IAff~~,~~KAAK~~,~~CAgBZ~~,CACL,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACtB,iBAAO,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACxB,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,GAAI,EACvF,YAAY,EAAE,IACX,CACX,CAAC;IAEF,OAAO,CACH,cAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,kBAAkB,CAAC,YACrD,WAAW,EAAE,GACZ,CACT,CAAC;AACN,CAAC,CAAC"}
1	+ {"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAU3B,OAAO,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAC;AAElD,OAAO,uBAAuB,CAAC;AAoB/B,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAO,EACjC,KAAK,EAAE,SAAS,GAAG,wBAAwB,EAC3C,oBAAoB,EACpB,SAAS,EACT,OAAO,EAAE,UAAU,EACnB,SAAS,EACT,OAAO,EACP,eAAe,EACf,SAAS,GAAG,wBAAwB,EACpC,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,SAAS,GAAG,IAAI,GACQ,EAAE,EAAE;IAC5B,qCAAqC;IACrC,MAAM,EAAC,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,GACnF,sBAAsB,EAAE,CAAC;IAE7B,MAAM,EAAC,UAAU,EAAE,aAAa,EAAC,GAAG,UAAU,CAAC;IAE/C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExD,kLAAkL;IAClL,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,IAA4B,EAAE,EAAE;QAC7B,IAAI,IAAI,EAAE,CAAC;YACP,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,IAAI,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,EACD,CAAC,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CACxE,CAAC;IAEF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC;QACnD,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,KAAK,IAAI,eAAe,EAAE,CAAC;YAC3B,cAAc,CAAC,yBAAyB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;QACtE,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAElE,oEAAoE;IACpE,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC;QACnD,IAAI,eAAe,EAAE,CAAC;YAClB,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;YAC/D,IAAI,aAAa,CAAC,UAAU,KAAK,WAAW,EAAE,CAAC;gBAC3C,eAAe,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;YACnD,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEjC,mDAAmD;IACnD,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,MAAM,YAAY,GAAG,oBAAoB,IAAI,CAAC,CAAC;QAC/C,MAAM,YAAY,GAAG,oBAAoB,IAAI,CAAC,CAAC;QAE/C,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACtB,iBAAO,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACxB,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,GAAI,EACxF,0BACI,KAAC,mBAAmB,IAChB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,SAAS,GACtB,GACE,IACJ,CACX,CAAC;IAEF,OAAO,CACH,cAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,kBAAkB,CAAC,YACrD,WAAW,EAAE,GACZ,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/PaginatedTable/PaginatedTableContext.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import React from 'react';
 import type { PaginatedTableState } from './types';
 interface PaginatedTableStateContextType {
     tableState: PaginatedTableState;
+    noBatching?: boolean;
     setSortParams: (params: PaginatedTableState['sortParams']) => void;
     setTotalEntities: (total: number) => void;
     setFoundEntities: (found: number) => void;
@@ -11,7 +12,8 @@ export declare const PaginatedTableStateContext: React.Context<PaginatedTableSta
 interface PaginatedTableStateProviderProps {
     children: React.ReactNode;
     initialState?: Partial<PaginatedTableState>;
+    noBatching?: boolean;
 }
-export declare const PaginatedTableProvider: ({ children, initialState, }: PaginatedTableStateProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginatedTableProvider: ({ children, initialState, noBatching, }: PaginatedTableStateProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const usePaginatedTableState: () => PaginatedTableStateContextType;
 export {};

package/dist/components/PaginatedTable/PaginatedTableContext.js CHANGED Viewed

@@ -16,7 +16,7 @@ export const PaginatedTableStateContext = React.createContext({
     setIsInitialLoad: () => undefined,
 });
 // Provider component
-export const PaginatedTableProvider = ({ children, initialState = {}, }) => {
+export const PaginatedTableProvider = ({ children, initialState = {}, noBatching, }) => {
     var _a, _b, _c, _d;
     // Use individual state variables for each field
     const [sortParams, setSortParams] = React.useState((_a = initialState.sortParams) !== null && _a !== void 0 ? _a : defaultTableState.sortParams);
@@ -33,11 +33,12 @@ export const PaginatedTableProvider = ({ children, initialState = {}, }) => {
     // Create the context value with the constructed tableState and direct setters
     const contextValue = React.useMemo(() => ({
         tableState,
+        noBatching,
         setSortParams,
         setTotalEntities,
         setFoundEntities,
         setIsInitialLoad,
-    }), [tableState, setSortParams, setTotalEntities, setFoundEntities, setIsInitialLoad]);
+    }), [tableState, noBatching]);
     return (_jsx(PaginatedTableStateContext.Provider, { value: contextValue, children: children }));
 };
 // Custom hook for consuming the context

package/dist/components/PaginatedTable/PaginatedTableContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaginatedTableContext.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,8BAA8B;AAC9B,MAAM,iBAAiB,GAAwB;IAC3C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,IAAI;CACtB,CAAC;~~AAcF~~,2CAA2C;AAC3C,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAiC;IAC1F,UAAU,EAAE,iBAAiB;IAC7B,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;IAC9B,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;IACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;IACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;CACpC,CAAC,CAAC;~~AAQH~~,qBAAqB;AACrB,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,EACR,YAAY,GAAG,EAAE,~~GACc~~,EAAE,EAAE;;IACnC,gDAAgD;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,MAAA,YAAY,CAAC,UAAU,mCAAI,iBAAiB,CAAC,UAAU,CAC1D,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa,CAChE,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa,CAChE,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa,CAChE,CAAC;IAEF,uDAAuD;IACvD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,aAAa;QACb,aAAa;QACb,aAAa;KAChB,CAAC,EACF,CAAC,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,CAC5D,CAAC;IAEF,8EAA8E;IAC9E,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,aAAa;QACb,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;KACnB,CAAC,EACF,CAAC,UAAU,EAAE,~~aAAa~~,~~EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,~~CAAC,~~CACpF~~,CAAC;IAEF,OAAO,CACH,KAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACnD,QAAQ,GACyB,CACzC,CAAC;AACN,CAAC,CAAC;AAEF,wCAAwC;AACxC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAE7D,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAC;IAChG,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
1	+ {"version":3,"file":"PaginatedTableContext.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,8BAA8B;AAC9B,MAAM,iBAAiB,GAAwB;IAC3C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,IAAI;CACtB,CAAC;AAeF,2CAA2C;AAC3C,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAiC;IAC1F,UAAU,EAAE,iBAAiB;IAC7B,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;IAC9B,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;IACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;IACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;CACpC,CAAC,CAAC;AASH,qBAAqB;AACrB,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,UAAU,GACqB,EAAE,EAAE;;IACnC,gDAAgD;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,MAAA,YAAY,CAAC,UAAU,mCAAI,iBAAiB,CAAC,UAAU,CAC1D,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa,CAChE,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa,CAChE,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa,CAChE,CAAC;IAEF,uDAAuD;IACvD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,aAAa;QACb,aAAa;QACb,aAAa;KAChB,CAAC,EACF,CAAC,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,CAC5D,CAAC;IAEF,8EAA8E;IAC9E,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,UAAU;QACV,aAAa;QACb,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;KACnB,CAAC,EACF,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CACH,KAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACnD,QAAQ,GACyB,CACzC,CAAC;AACN,CAAC,CAAC;AAEF,wCAAwC;AACxC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAE7D,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAC;IAChG,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 {};