@bit.rhplus/ag-grid 0.0.48 → 0.0.50

package/BulkEdit/BulkEditButton.jsx

@@ -1,5 +1,6 @@
 /* eslint-disable */
 import React, { useState, useRef, useEffect } from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Tooltip } from 'antd';
 import { EditOutlined } from '@ant-design/icons';
 import BulkEditPopover from './BulkEditPopover';
@@ -24,6 +25,7 @@ const BulkEditButton = ({
   range,
   column,
   cellCount,
+  rowsContainer, // ✅ Container specifický pro tento grid
   editPopover,
   onOpenPopover,
   onValueChange,
@@ -120,21 +122,33 @@ const BulkEditButton = ({
     cellCount === 1 ? 'buňku' : cellCount < 5 ? 'buňky' : 'buněk'
   } v "${fieldName}"`;
 
-  return (
+  /**
+   * ✅ OPTIMALIZACE: Použít container specifický pro tento grid (předaný jako prop)
+   * Toto zajistí, že button se renderuje do správného gridu i když je v DOM více gridů
+   * → Funguje správně při přepínání mezi moduly (každý modul má svůj vlastní container)
+   */
+  const portalContainer = React.useMemo(() => {
+    if (!visible || !rowsContainer) return document.body;
+    return rowsContainer;
+  }, [visible, rowsContainer]);
+
+  // Renderujeme pomocí React Portal do ag-center-cols-container
+  // Button se automaticky scrolluje s gridem (součástí transformed containeru)
+  const content = (
     <>
       {/* Floating Button */}
       <div
         ref={buttonRef}
         style={{
-          position: 'fixed',
+          position: 'absolute',
           top: position?.y || 0,
           left: position?.x || 0,
           zIndex: 9999,
           pointerEvents: 'auto',
         }}
       >
-        <Tooltip 
-          title={tooltipTitle} 
+        <Tooltip
+          title={tooltipTitle}
           placement="top"
           getPopupContainer={() => document.body}
           zIndex={10001}
@@ -157,7 +171,7 @@ const BulkEditButton = ({
         <div
           ref={popoverRef}
           style={{
-            position: 'fixed',
+            position: 'absolute',
             top: popoverPosition?.top ?? (position?.y || 0) + 35,
             left: popoverPosition?.left ?? (position?.x || 0),
             zIndex: 10000,
@@ -182,6 +196,10 @@ const BulkEditButton = ({
       )}
     </>
   );
+
+  // ✅ OPTIMALIZACE: React Portal do ag-center-cols-container
+  // portalContainer se aktualizuje při každém zobrazení → funguje i po route change
+  return ReactDOM.createPortal(content, portalContainer);
 };
 
 export default BulkEditButton;

package/BulkEdit/useBulkCellEdit.js

@@ -34,6 +34,7 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
     range: null,
     column: null,
     cellCount: 0,
+    rowsContainer: null, // ✅ Container specifický pro tento grid
   });
 
   const [editPopover, setEditPopover] = useState({
@@ -47,20 +48,16 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
   const debounceTimeoutRef = useRef(null);
   const pendingEventRef = useRef(null);
 
+  // ✅ OPTIMALIZACE: Cache pro pozice buněk - eliminuje opakované getBoundingClientRect
+  const positionCacheRef = useRef({ endRowIndex: null, colId: null, position: null });
+
   /**
-   * Helper funkce pro výpočet pozice buttonu s viewport-aware positioning
+   * Helper funkce pro výpočet pozice buttonu (relativní k rows container)
+   * ✅ OPTIMALIZACE: Žádné viewport adjustments - button je position: absolute v containeru
    */
   const calculateButtonPosition = useCallback((cellPosition) => {
-    const BUTTON_SIZE = 32;
-    const POPOVER_WIDTH = 30;
-    const POPOVER_HEIGHT = 30;
-    const VIEWPORT_MARGIN = 10;
-    
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    
+    // Jednoduše použij pozici z cellPosition + offset podle buttonPosition
     let buttonX, buttonY;
-    let adjustedPosition = buttonPosition;
 
     switch (buttonPosition) {
       case 'bottom-right':
@@ -68,39 +65,22 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
         buttonY = cellPosition.bottom + buttonOffset.y;
         break;
       case 'bottom-left':
-        buttonX = cellPosition.left - buttonOffset.x;
+        buttonX = cellPosition.left - buttonOffset.x - 32; // 32 = button size
         buttonY = cellPosition.bottom + buttonOffset.y;
         break;
       case 'top-right':
         buttonX = cellPosition.right + buttonOffset.x;
-        buttonY = cellPosition.top - buttonOffset.y;
+        buttonY = cellPosition.top - buttonOffset.y - 32;
         break;
       case 'top-left':
-        buttonX = cellPosition.left - buttonOffset.x;
-        buttonY = cellPosition.top - buttonOffset.y;
+        buttonX = cellPosition.left - buttonOffset.x - 32;
+        buttonY = cellPosition.top - buttonOffset.y - 32;
         break;
       default:
         buttonX = cellPosition.right + buttonOffset.x;
         buttonY = cellPosition.bottom + buttonOffset.y;
     }
 
-    const buttonRight = buttonX + BUTTON_SIZE;
-    const popoverRight = buttonX + POPOVER_WIDTH;
-    const popoverBottom = buttonY + BUTTON_SIZE + POPOVER_HEIGHT;
-
-    if (popoverRight > viewportWidth - VIEWPORT_MARGIN) {
-      buttonX = cellPosition.left - buttonOffset.x - BUTTON_SIZE;
-      buttonX = Math.max(VIEWPORT_MARGIN, buttonX);
-    }
-
-    if (popoverBottom > viewportHeight - VIEWPORT_MARGIN) {
-      buttonY = cellPosition.top - buttonOffset.y - BUTTON_SIZE;
-      buttonY = Math.max(VIEWPORT_MARGIN, buttonY);
-    }
-
-    buttonX = Math.max(VIEWPORT_MARGIN, Math.min(buttonX, viewportWidth - BUTTON_SIZE - VIEWPORT_MARGIN));
-    buttonY = Math.max(VIEWPORT_MARGIN, Math.min(buttonY, viewportHeight - BUTTON_SIZE - VIEWPORT_MARGIN));
-
     return { x: buttonX, y: buttonY };
   }, [buttonPosition, buttonOffset]);
 
@@ -126,25 +106,110 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
       // ✨ OKAŽITÁ lightweight validace - zobraz button HNED
       if (allowMultiColumn || range.columns.length === 1) {
         const cellCount = Math.abs(range.endRow.rowIndex - range.startRow.rowIndex) + 1;
-        
+
         if (cellCount >= minCells) {
           // Kontrola zda má sloupec bulkEditApi (rychlá kontrola)
           const column = range.columns[0];
           const colDef = column?.getColDef();
           const hasBulkEditApi = colDef?.bulkEditApi || colDef?.bulkEditPopover;
-          
+
           // Zobraz button jen pokud má bulkEditApi nebo bulkEditPopover
           if (hasBulkEditApi) {
-            const cellPosition = getLastCellPosition(range, event.api);
-            if (cellPosition) {
-              setFloatingButton({
-                visible: true,
-                position: calculateButtonPosition(cellPosition),
-                range,
-                column: column,
-                cellCount,
+            const endRowIndex = Math.max(range.startRow.rowIndex, range.endRow.rowIndex);
+            const colId = column.getColId();
+
+            // ✅ KLÍČOVÉ ŘEŠENÍ: Najít container relativně od OZNAČENÉ BUŇKY
+            // Když jsou v DOM více gridů (shared/master), querySelector najde první
+            // Ale my potřebujeme container od AKTUÁLNĚ AKTIVNÍHO gridu
+
+            // ✅ KLÍČOVÉ ŘEŠENÍ: Najít POSLEDNÍ buňku v range (endRow) pro správné umístění
+            // API ví přesně, která buňka patří do kterého gridu (řeší multi-grid problém!)
+            // DŮLEŽITÉ: Používáme endRow (ne startRow), aby pozice byla stejná jako v heavy validaci
+            const endRowForCalc = Math.max(range.startRow.rowIndex, range.endRow.rowIndex) === range.startRow.rowIndex ? range.startRow : range.endRow;
+            let targetCell = null;
+
+            // Metoda 1: Použít getCellRendererInstances (nejspolehlivější)
+            try {
+              const cellRenderers = event.api.getCellRendererInstances({
+                rowNodes: [endRowForCalc],
+                columns: [column]
+              });
+
+              if (cellRenderers && cellRenderers.length > 0) {
+                targetCell = cellRenderers[0].eGui || cellRenderers[0].getGui?.();
+              }
+            } catch (e) {
+              // Tiché selhání, fallback
+            }
+
+            // Metoda 2: Fallback - najít aktivní grid container a pak hledat row
+            if (!targetCell) {
+              // Nejprve najdeme jakoukoliv viditelnou buňku z TOHOTO gridu
+              const allCellsWithColId = Array.from(document.querySelectorAll(`[col-id="${colId}"].ag-cell`));
+              const visibleCell = allCellsWithColId.find(cell => {
+                const rect = cell.getBoundingClientRect();
+                return rect.width > 0 && rect.height > 0;
               });
+
+              if (visibleCell) {
+                // Od viditelné buňky najdeme její grid container
+                const activeGridContainer = visibleCell.closest('.ag-center-cols-container');
+
+                if (activeGridContainer) {
+                  // V aktivním containeru hledáme row podle row-index
+                  const rowId = endRowForCalc.id || endRowForCalc.data?.id;
+                  const endRowIndex = Math.max(range.startRow.rowIndex, range.endRow.rowIndex);
+                  const rowsInActiveGrid = Array.from(activeGridContainer.querySelectorAll('.ag-row'));
+
+                  let targetRow = rowsInActiveGrid.find(row => row.getAttribute('row-id') === rowId);
+
+                  if (!targetRow) {
+                    targetRow = rowsInActiveGrid.find(row => row.getAttribute('row-index') === String(endRowIndex));
+                  }
+
+                  if (targetRow) {
+                    targetCell = targetRow.querySelector(`[col-id="${colId}"]`);
+                  }
+                }
+              }
+            }
+
+            if (!targetCell) {
+              setFloatingButton({ visible: false });
+              return;
+            }
+
+            // Od buňky najdeme její .ag-center-cols-container (specifický pro tento grid)
+            const rowsContainer = targetCell.closest('.ag-center-cols-container');
+            if (!rowsContainer) {
+              setFloatingButton({ visible: false });
+              return;
             }
+
+            // ✅ OPTIMALIZACE: Vypočítat pozici z POSLEDNÍ buňky (stejně jako heavy validace)
+            // Tím eliminujeme přeblikávání mezi firstCell a lastCell
+            const cellRect = targetCell.getBoundingClientRect();
+            const containerRect = rowsContainer.getBoundingClientRect();
+
+            const cellPosition = {
+              x: cellRect.right - containerRect.left,
+              y: cellRect.bottom - containerRect.top,
+              width: cellRect.width,
+              height: cellRect.height,
+              top: cellRect.top - containerRect.top,
+              left: cellRect.left - containerRect.left,
+              right: cellRect.right - containerRect.left,
+              bottom: cellRect.bottom - containerRect.top
+            };
+
+            setFloatingButton({
+              visible: true,
+              position: calculateButtonPosition(cellPosition),
+              range,
+              column: column,
+              cellCount,
+              rowsContainer, // ✅ Předat container specifický pro tento grid
+            });
           } else {
             // Skryj button pokud sloupec nemá bulk edit podporu
             setFloatingButton({ visible: false });
@@ -164,7 +229,7 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
         if (pendingEventRef.current) {
           executeRangeValidation(pendingEventRef.current);
         }
-      }, 50);
+      }, 15);
     },
     [enabled, allowMultiColumn, minCells, calculateButtonPosition]
   );
@@ -204,22 +269,133 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
         return;
       }
 
-      // Těžký výpočet - pozice buňky
-      const cellPosition = getLastCellPosition(range, event.api);
-      if (!cellPosition) {
+      // ✅ KLÍČOVÉ ŘEŠENÍ: Použít AG-Grid API k získání cell elementu (STEJNĚ jako v lightweight validaci)
+      const column = range.columns[0];
+      const colId = column.getColId();
+      let firstCell = null;
+
+      // Metoda 1: Použít getCellRendererInstances (nejspolehlivější)
+      try {
+        const cellRenderers = event.api.getCellRendererInstances({
+          rowNodes: [range.startRow],
+          columns: [column]
+        });
+
+        if (cellRenderers && cellRenderers.length > 0) {
+          firstCell = cellRenderers[0].eGui || cellRenderers[0].getGui?.();
+        }
+      } catch (e) {
+        // Tiché selhání, fallback
+      }
+
+      // Metoda 2: Fallback - najít aktivní grid container a pak hledat row (STEJNĚ jako v lightweight)
+      if (!firstCell) {
+        // Nejprve najdeme jakoukoliv viditelnou buňku z TOHOTO gridu
+        const allCellsWithColId = Array.from(document.querySelectorAll(`[col-id="${colId}"].ag-cell`));
+        const visibleCell = allCellsWithColId.find(cell => {
+          const rect = cell.getBoundingClientRect();
+          return rect.width > 0 && rect.height > 0;
+        });
+
+        if (visibleCell) {
+          // Od viditelné buňky najdeme její grid container
+          const activeGridContainer = visibleCell.closest('.ag-center-cols-container');
+
+          if (activeGridContainer) {
+            // V aktivním containeru hledáme row podle row-index
+            const rowId = range.startRow.id || range.startRow.data?.id;
+            const rowsInActiveGrid = Array.from(activeGridContainer.querySelectorAll('.ag-row'));
+
+            let targetRow = rowsInActiveGrid.find(row => row.getAttribute('row-id') === rowId);
+
+            if (!targetRow) {
+              targetRow = rowsInActiveGrid.find(row => row.getAttribute('row-index') === String(range.startRow.rowIndex));
+            }
+
+            if (targetRow) {
+              firstCell = targetRow.querySelector(`[col-id="${colId}"]`);
+            }
+          }
+        }
+      }
+
+      if (!firstCell) {
+        setFloatingButton({ visible: false });
+        return;
+      }
+
+      // Od buňky najdeme její .ag-center-cols-container (specifický pro tento grid)
+      const rowsContainer = firstCell.closest('.ag-center-cols-container');
+      if (!rowsContainer) {
         setFloatingButton({ visible: false });
         return;
       }
 
+      // Těžký výpočet - najít POSLEDNÍ buňku v range (pro přesné umístění buttonu)
+      // Najdeme buňku na endRow pozici
+      const endRowIndex = Math.max(range.startRow.rowIndex, range.endRow.rowIndex);
+      let lastCell = null;
+
+      // Metoda 1: getCellRendererInstances pro endRow
+      try {
+        const cellRenderers = event.api.getCellRendererInstances({
+          rowNodes: [range.endRow],
+          columns: [column]
+        });
+
+        if (cellRenderers && cellRenderers.length > 0) {
+          lastCell = cellRenderers[0].eGui || cellRenderers[0].getGui?.();
+        }
+      } catch (e) {
+        // Fallback
+      }
+
+      // Metoda 2: Fallback - hledat row v AKTIVNÍM containeru (použít rowsContainer který už máme!)
+      if (!lastCell) {
+        const rowId = range.endRow.id || range.endRow.data?.id;
+        const rowsInActiveGrid = Array.from(rowsContainer.querySelectorAll('.ag-row'));
+
+        let targetRow = rowsInActiveGrid.find(row => row.getAttribute('row-id') === rowId);
+
+        if (!targetRow) {
+          targetRow = rowsInActiveGrid.find(row => row.getAttribute('row-index') === String(endRowIndex));
+        }
+
+        if (targetRow) {
+          lastCell = targetRow.querySelector(`[col-id="${colId}"]`);
+        }
+      }
+
+      // Metoda 3: Fallback na firstCell pokud endRow buňku nenajdeme
+      if (!lastCell) {
+        lastCell = firstCell;
+      }
+
+      // Spočítej pozici z lastCell
+      const cellRect = lastCell.getBoundingClientRect();
+      const containerRect = rowsContainer.getBoundingClientRect();
+
+      const cellPosition = {
+        x: cellRect.right - containerRect.left,
+        y: cellRect.bottom - containerRect.top,
+        width: cellRect.width,
+        height: cellRect.height,
+        top: cellRect.top - containerRect.top,
+        left: cellRect.left - containerRect.left,
+        right: cellRect.right - containerRect.left,
+        bottom: cellRect.bottom - containerRect.top
+      };
+
       setFloatingButton({
         visible: true,
         position: calculateButtonPosition(cellPosition),
         range,
         column: range.columns[0],
         cellCount,
+        rowsContainer, // ✅ Předat container specifický pro tento grid
       });
     },
-    [minCells, allowMultiColumn, buttonPosition, buttonOffset]
+    [minCells, allowMultiColumn, buttonPosition, buttonOffset, calculateButtonPosition, gridRef]
   );
 
   /**
@@ -352,21 +528,21 @@ export const useBulkCellEdit = (gridRef, options = {}) => {
   useEffect(() => {
     if (!enabled || !gridRef.current) return;
 
-    const gridElement = gridRef.current.api?.gridBodyCtrl?.eBodyViewport;
-    if (!gridElement) return;
+    const gridViewport = gridRef.current.api?.gridBodyCtrl?.eBodyViewport;
+    if (!gridViewport) return;
 
     const handleScroll = () => {
-      if (floatingButton.visible) {
-        setFloatingButton({ visible: false });
-      }
+      // ✅ OPTIMALIZACE: Button se nyní scrolluje automaticky s gridem (position: absolute v viewport)
+      // Není potřeba skrývat button ani invalidovat cache - button zůstává přilepený k buňce
+      // Cache zůstává validní, protože relativní pozice se nemění při scrollu
     };
 
     scrollListenerRef.current = handleScroll;
-    gridElement.addEventListener('scroll', handleScroll);
+    gridViewport.addEventListener('scroll', handleScroll);
 
     return () => {
-      if (gridElement && scrollListenerRef.current) {
-        gridElement.removeEventListener('scroll', scrollListenerRef.current);
+      if (gridViewport && scrollListenerRef.current) {
+        gridViewport.removeEventListener('scroll', scrollListenerRef.current);
       }
     };
   }, [enabled, gridRef, floatingButton.visible]);

package/BulkEdit/utils.js

@@ -91,34 +91,60 @@ export const validateRangeEditable = (range, gridApi) => {
  * Získá pozici poslední buňky v range pro umístění floating buttonu
  * @param {Object} range - AG Grid cell range
  * @param {Object} gridApi - AG Grid API
- * @returns {Object} - {x, y, width, height} pozice
+ * @param {HTMLElement} rowsContainer - AG Grid rows container (.ag-center-cols-container)
+ * @returns {Object} - {x, y, width, height} pozice RELATIVNÍ k rows container
  */
-export const getLastCellPosition = (range, gridApi) => {
+export const getLastCellPosition = (range, gridApi, rowsContainer) => {
   try {
     const endRowIndex = Math.max(range.startRow.rowIndex, range.endRow.rowIndex);
     const column = range.columns[0];
     const colId = column.getColId();
-    
-    // Najít DOM element poslední buňky
+
+    // ✅ OPTIMALIZACE: querySelector je sice pomalejší, ale díky cache v useBulkCellEdit
+    // se volá pouze při změně pozice (cache hit = 0ms overhead)
     const rowElement = document.querySelector(`[row-index="${endRowIndex}"]`);
-    if (!rowElement) return null;
-    
+    if (!rowElement) {
+      return null;
+    }
+
     const cellElement = rowElement.querySelector(`[col-id="${colId}"]`);
-    if (!cellElement) return null;
-    
-    const rect = cellElement.getBoundingClientRect();
-    
+    if (!cellElement) {
+      return null;
+    }
+
+    const cellRect = cellElement.getBoundingClientRect();
+
+    // ✅ OPTIMALIZACE: Výpočet pozice RELATIVNÍ k rows container
+    // Button je position: absolute uvnitř .ag-center-cols-container
+    // Tento container má transform: translateY() při scrollu → button scrolluje automaticky
+    if (rowsContainer) {
+      const containerRect = rowsContainer.getBoundingClientRect();
+
+      return {
+        x: cellRect.right - containerRect.left,
+        y: cellRect.bottom - containerRect.top,
+        width: cellRect.width,
+        height: cellRect.height,
+        top: cellRect.top - containerRect.top,
+        left: cellRect.left - containerRect.left,
+        right: cellRect.right - containerRect.left,
+        bottom: cellRect.bottom - containerRect.top
+      };
+    }
+
+    // Fallback: absolute pozice (window-relative) pokud container není dostupný
     return {
-      x: rect.right,
-      y: rect.bottom,
-      width: rect.width,
-      height: rect.height,
-      top: rect.top,
-      left: rect.left,
-      right: rect.right,
-      bottom: rect.bottom
+      x: cellRect.right,
+      y: cellRect.bottom,
+      width: cellRect.width,
+      height: cellRect.height,
+      top: cellRect.top,
+      left: cellRect.left,
+      right: cellRect.right,
+      bottom: cellRect.bottom
     };
   } catch (error) {
+    // Tiché selhání - vrátit null
     return null;
   }
 };

package/dist/BulkEdit/BulkEditButton.d.ts

@@ -13,7 +13,7 @@ export default BulkEditButton;
  * @param {Function} props.onSubmit - Handler pro submit
  * @param {Function} props.onCancel - Handler pro cancel
  */
-declare function BulkEditButton({ visible, position, range, column, cellCount, editPopover, onOpenPopover, onValueChange, onSubmit, onCancel, }: {
+declare function BulkEditButton({ visible, position, range, column, cellCount, rowsContainer, editPopover, onOpenPopover, onValueChange, onSubmit, onCancel, }: {
     visible: boolean;
     position: Object;
     range: Object;
@@ -24,4 +24,5 @@ declare function BulkEditButton({ visible, position, range, column, cellCount, e
     onValueChange: Function;
     onSubmit: Function;
     onCancel: Function;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.ReactPortal | null;
+import React from 'react';

package/dist/BulkEdit/BulkEditButton.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable */
 import React, { useState, useRef, useEffect } from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Tooltip } from 'antd';
 import { EditOutlined } from '@ant-design/icons';
 import BulkEditPopover from './BulkEditPopover';
@@ -18,7 +19,8 @@ import BulkEditPopover from './BulkEditPopover';
  * @param {Function} props.onSubmit - Handler pro submit
  * @param {Function} props.onCancel - Handler pro cancel
  */
-const BulkEditButton = ({ visible, position, range, column, cellCount, editPopover, onOpenPopover, onValueChange, onSubmit, onCancel, }) => {
+const BulkEditButton = ({ visible, position, range, column, cellCount, rowsContainer, // ✅ Container specifický pro tento grid
+editPopover, onOpenPopover, onValueChange, onSubmit, onCancel, }) => {
     const [popoverVisible, setPopoverVisible] = useState(false);
     const [popoverPosition, setPopoverPosition] = useState(null);
     const buttonRef = useRef(null);
@@ -92,8 +94,20 @@ const BulkEditButton = ({ visible, position, range, column, cellCount, editPopov
         }
     }, [popoverVisible]);
     const tooltipTitle = `Hromadně změnit ${cellCount} ${cellCount === 1 ? 'buňku' : cellCount < 5 ? 'buňky' : 'buněk'} v "${fieldName}"`;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: buttonRef, style: {
-                    position: 'fixed',
+    /**
+     * ✅ OPTIMALIZACE: Použít container specifický pro tento grid (předaný jako prop)
+     * Toto zajistí, že button se renderuje do správného gridu i když je v DOM více gridů
+     * → Funguje správně při přepínání mezi moduly (každý modul má svůj vlastní container)
+     */
+    const portalContainer = React.useMemo(() => {
+        if (!visible || !rowsContainer)
+            return document.body;
+        return rowsContainer;
+    }, [visible, rowsContainer]);
+    // Renderujeme pomocí React Portal do ag-center-cols-container
+    // Button se automaticky scrolluje s gridem (součástí transformed containeru)
+    const content = (_jsxs(_Fragment, { children: [_jsx("div", { ref: buttonRef, style: {
+                    position: 'absolute',
                     top: position?.y || 0,
                     left: position?.x || 0,
                     zIndex: 9999,
@@ -101,7 +115,7 @@ const BulkEditButton = ({ visible, position, range, column, cellCount, editPopov
                 }, children: _jsx(Tooltip, { title: tooltipTitle, placement: "top", getPopupContainer: () => document.body, zIndex: 10001, children: _jsx(Button, { type: "primary", shape: "circle", icon: _jsx(EditOutlined, {}), size: "small", onClick: handleButtonClick, style: {
                             boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
                         } }) }) }), popoverVisible && (_jsx("div", { ref: popoverRef, style: {
-                    position: 'fixed',
+                    position: 'absolute',
                     top: popoverPosition?.top ?? (position?.y || 0) + 35,
                     left: popoverPosition?.left ?? (position?.x || 0),
                     zIndex: 10000,
@@ -109,6 +123,9 @@ const BulkEditButton = ({ visible, position, range, column, cellCount, editPopov
                     opacity: popoverPosition ? 1 : 0,
                     transition: 'opacity 0.1s ease-in-out',
                 }, children: _jsx(BulkEditPopover, { visible: editPopover.visible, value: editPopover.value, loading: editPopover.loading, error: editPopover.error, column: column, range: range, cellCount: cellCount, onValueChange: onValueChange, onSubmit: onSubmit, onCancel: onCancel }) }))] }));
+    // ✅ OPTIMALIZACE: React Portal do ag-center-cols-container
+    // portalContainer se aktualizuje při každém zobrazení → funguje i po route change
+    return ReactDOM.createPortal(content, portalContainer);
 };
 export default BulkEditButton;
 //# sourceMappingURL=BulkEditButton.js.map

package/dist/BulkEdit/BulkEditButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkEditButton.js","sourceRoot":"","sources":["../../BulkEdit/BulkEditButton.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BulkEditButton.js","sourceRoot":"","sources":["../../BulkEdit/BulkEditButton.jsx"],"names":[],"mappings":"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"}