@bit.rhplus/ui.grid 0.0.24 → 0.0.26

package/AgGridColumns.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import * as React from 'react';
 import ColumnBuilder from './ColumnBuilder';
 import * as Tooltip from './tooltips';
@@ -49,3 +50,4 @@ export const AgGridColumns = (columnDefs, options) => {
     const cols = resolvedColumnDefs && resolvedColumnDefs.map((column) => AgGridColumn(column, options));
   return cols;
 };
+/* eslint-enable */

package/ColumnBuilder.jsx

@@ -1,6 +1,7 @@
+/* eslint-disable */
 import * as React from 'react';
-import { Menu, Dropdown, Divider } from 'antd';
-import { prepareCellStyle, prepareColDef, getValueByPath } from './utils';
+import { Menu, Dropdown, Button, Divider } from 'antd';
+import { prepareCellStyle, prepareColDef, getValueByPath } from './functions';
 import { currencySymbols } from './enums';
 import { ActionIcon } from './Icons';
 
@@ -121,6 +122,72 @@ const useObjectCellRenderer = (params, editable, onEditClick) => {
   };
 };
 
+// Vytvoříme React hook funkci pro row hover action renderer
+const useRowHoverActionRenderer = (params) => {
+  const [isRowHovered, setIsRowHovered] = React.useState(false);
+  const rowRef = React.useRef(null);
+
+  React.useEffect(() => {
+    if (!params.node) return undefined;
+
+    // Funkce pro kontrolu, zda je řádek v hover stavu
+    const checkRowHoverState = () => {
+      // Najdeme DOM element řádku pomocí rowIndex
+      const rowElement = document.querySelector(
+        `.ag-row[row-index="${params.rowIndex}"]`
+      );
+      if (rowElement) {
+        rowRef.current = rowElement;
+        // AG-Grid automaticky přidává třídu ag-row-hover k řádku při najetí myší
+        const isHovered = rowElement.classList.contains('ag-row-hover');
+        setIsRowHovered(isHovered);
+      }
+    };
+
+    // Vytvoříme MutationObserver pro sledování změn tříd na řádku
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (
+          mutation.type === 'attributes' &&
+          mutation.attributeName === 'class'
+        ) {
+          checkRowHoverState();
+        }
+      });
+    });
+
+    // Inicializujeme stav
+    checkRowHoverState();
+
+    // Přidáme observer k element řádku, pokud existuje
+    if (rowRef.current) {
+      observer.observe(rowRef.current, { attributes: true });
+    }
+
+    // Přidáme event listeners na grid container pro sledování pohybu myši
+    const gridContainer = document.querySelector('.ag-root-wrapper');
+    if (gridContainer) {
+      gridContainer.addEventListener('mouseover', checkRowHoverState);
+      gridContainer.addEventListener('mouseout', checkRowHoverState);
+    }
+
+    // Cleanup při odmontování komponenty
+    return () => {
+      if (rowRef.current) {
+        observer.disconnect();
+      }
+      if (gridContainer) {
+        gridContainer.removeEventListener('mouseover', checkRowHoverState);
+        gridContainer.removeEventListener('mouseout', checkRowHoverState);
+      }
+    };
+  }, [params.node, params.rowIndex]);
+
+  return {
+    isRowHovered,
+  };
+};
+
 class ColumnBuilder {
   #addPreparedColumn(props) {
     this.columns.push(prepareColDef(this.intl, props));
@@ -261,7 +328,7 @@ class ColumnBuilder {
     hoverStyle,
     cellAlign = 'left',
     editable,
-    overviewToggle = false,
+    overviewToggle = false, // Přidán výchozí parametr pro overview
     ...restProps
   }) {
     // Vytvořím komponentu pro cell renderer, která používá hook
@@ -281,12 +348,6 @@ class ColumnBuilder {
         overviewToggle
       );
 
-      const handleKeyPress = React.useCallback((event) => {
-        if (event.key === 'Enter' || event.key === ' ') {
-          handleClick(event);
-        }
-      }, [handleClick]);
-
       return (
         <div
           className="link-cell-container"
@@ -301,10 +362,14 @@ class ColumnBuilder {
             onClick={handleClick}
             onMouseEnter={handleMouseEnter}
             onMouseLeave={handleMouseLeave}
-            onKeyPress={handleKeyPress}
             style={isHovered ? computedHoverStyle : computedLinkStyle}
             role="button"
             tabIndex={0}
+            onKeyPress={(event) => {
+              if (event.key === 'Enter' || event.key === ' ') {
+                handleClick(event);
+              }
+            }}
           >
             {params.value}
           </span>
@@ -321,7 +386,7 @@ class ColumnBuilder {
       cellAlign,
       cellRenderer,
       editable: this.#resolveEditable(editable),
-      overviewToggle,
+      overviewToggle, // Předání příznaku dál
       ...restProps,
     });
     return this;
@@ -395,7 +460,6 @@ class ColumnBuilder {
               }}
               onClick={handleEditClick}
               title="Upravit"
-              type="button"
             >
               <span style={{ fontSize: '16px' }}>⋮</span>
             </button>
@@ -486,29 +550,58 @@ class ColumnBuilder {
       const currentHoveredRowRef = React.useRef(null);
       const mouseListenersSetupRef = React.useRef(false);
 
-      // Notifikace o změně hover stavu - definována před použitím
-      const notifyRowHoverChange = React.useCallback((rowIndex, isHovered) => {
-        if (!isMountedRef.current) return;
+      React.useEffect(() => {
+        return () => {
+          isMountedRef.current = false;
+          cleanup();
+        };
+      }, []);
 
-        if (!isHovered && rowIndexRef.current) {
-          setIsRowHovered(false);
+      // Cleanup funkce
+      const cleanup = () => {
+        if (observerRef.current) {
+          observerRef.current.disconnect();
+          observerRef.current = null;
         }
 
-        if (isHovered && rowIndexRef.current === rowIndex) {
-          setIsRowHovered(true);
+        if (gridContainerRef.current && mouseListenersSetupRef.current) {
+          gridContainerRef.current.removeEventListener(
+            'mousemove',
+            handleMouseMove
+          );
+          gridContainerRef.current.removeEventListener(
+            'mouseleave',
+            handleMouseLeave
+          );
+          // gridContainerRef.current.removeEventListener(
+          //   'mouseenter',
+          //   handleMouseEnter
+          // );
+          mouseListenersSetupRef.current = false;
         }
-      }, []);
+      };
 
-      // Mouse event handlers - nyní definovány po notifyRowHoverChange
+      // Získáme row index z params
+      React.useEffect(() => {
+        if (params.node && params.node.rowIndex !== undefined) {
+          rowIndexRef.current = params.node.rowIndex.toString();
+        } else if (params.rowIndex !== undefined) {
+          rowIndexRef.current = params.rowIndex.toString();
+        }
+      }, [params.node, params.rowIndex]);
+
+      // Mouse event handlers
       const handleMouseMove = React.useCallback((event) => {
         if (!isMountedRef.current) return;
 
-        const { target } = event;
+        const target = event.target;
         if (!target) return;
 
-        const rowElement = target.closest('.ag-row');
+        // Najdeme nejbližší AG-Grid row element
+        let rowElement = target.closest('.ag-row');
 
         if (rowElement) {
+          // Získáme row index z AG-Grid attributů
           const rowIndex =
             rowElement.getAttribute('row-index') ||
             rowElement.getAttribute('aria-rowindex') ||
@@ -518,26 +611,34 @@ class ColumnBuilder {
           if (rowIndex !== null) {
             const normalizedRowIndex = rowIndex.toString();
 
+            // KLÍČOVÁ ZMĚNA: Explicitně resetujeme předchozí řádek při změně
             if (normalizedRowIndex !== currentHoveredRowRef.current) {
+              // Pokud jsme měli předchozí řádek, nastavíme mu hover false
               if (currentHoveredRowRef.current !== null) {
                 notifyRowHoverChange(currentHoveredRowRef.current, false);
               }
 
+              // Nastavíme nový řádek jako hovered
               currentHoveredRowRef.current = normalizedRowIndex;
               notifyRowHoverChange(normalizedRowIndex, true);
             }
           }
-        } else if (currentHoveredRowRef.current !== null) {
-          notifyRowHoverChange(currentHoveredRowRef.current, false);
-          currentHoveredRowRef.current = null;
+        } else {
+          // Myš není nad žádným řádkem - resetujeme všechny
+          if (currentHoveredRowRef.current !== null) {
+            notifyRowHoverChange(currentHoveredRowRef.current, false);
+            currentHoveredRowRef.current = null;
+          }
         }
-      }, [notifyRowHoverChange]);
+      }, []);
 
       const handleMouseLeave = React.useCallback((event) => {
         if (!isMountedRef.current) return;
 
-        const { relatedTarget } = event;
+        // Lepší detekce opuštění gridu
+        const relatedTarget = event.relatedTarget;
 
+        // Pokud myš opustí celý grid container NEBO jde mimo dokument
         if (
           gridContainerRef.current &&
           (!relatedTarget || !gridContainerRef.current.contains(relatedTarget))
@@ -547,53 +648,31 @@ class ColumnBuilder {
             currentHoveredRowRef.current = null;
           }
         }
-      }, [notifyRowHoverChange]);
+      }, []);
 
-      // Cleanup funkce - definována po handleMouseMove a handleMouseLeave
-      const cleanup = React.useCallback(() => {
-        if (observerRef.current) {
-          observerRef.current.disconnect();
-          observerRef.current = null;
-        }
+      // Notifikace o změně hover stavu pro tento specifický grid
+      const notifyRowHoverChange = (rowIndex, isHovered) => {
+        if (!isMountedRef.current) return;
 
-        if (gridContainerRef.current && mouseListenersSetupRef.current) {
-          gridContainerRef.current.removeEventListener(
-            'mousemove',
-            handleMouseMove
-          );
-          gridContainerRef.current.removeEventListener(
-            'mouseleave',
-            handleMouseLeave
-          );
-          mouseListenersSetupRef.current = false;
+        // EXPLICITNÍ ŘÍZENÍ: Pokud nastavujeme hover false, resetujeme stav pro všechny řádky
+        if (!isHovered && rowIndexRef.current) {
+          setIsRowHovered(false);
         }
-      }, [handleMouseMove, handleMouseLeave]);
 
-      React.useEffect(() => {
-        return () => {
-          isMountedRef.current = false;
-          cleanup();
-        };
-      }, [cleanup]);
-
-      // Získáme row index z params
-      React.useEffect(() => {
-        const { node, rowIndex } = params;
-        if (node && node.rowIndex !== undefined) {
-          rowIndexRef.current = node.rowIndex.toString();
-        } else if (rowIndex !== undefined) {
-          rowIndexRef.current = rowIndex.toString();
+        // Pokud je toto náš řádek a nastavujeme hover true, aktualizujeme stav
+        if (isHovered && rowIndexRef.current === rowIndex) {
+          setIsRowHovered(true);
         }
-      }, [params]);
+      };
 
       // Nastavení observer pro tento konkrétní grid
       const setupGridObserver = React.useCallback(() => {
-        const { api, eGridCell } = params;
-        if (!api || observerRef.current || !isMountedRef.current) return;
+        if (!params.api || observerRef.current || !isMountedRef.current) return;
 
+        // Najdeme grid container pro tento konkrétní grid instance
         const findThisGridContainer = () => {
-          if (eGridCell) {
-            let current = eGridCell;
+          if (params.eGridCell) {
+            let current = params.eGridCell;
             while (current && current !== document.body) {
               if (
                 current.classList &&
@@ -616,12 +695,14 @@ class ColumnBuilder {
 
         const gridContainer = findThisGridContainer();
         if (!gridContainer) {
+          // Zkusíme znovu za chvíli
           setTimeout(setupGridObserver, 100);
           return;
         }
 
         gridContainerRef.current = gridContainer;
 
+        // Přidáme mouse event listenery pouze pokud ještě nejsou
         if (!mouseListenersSetupRef.current) {
           gridContainer.addEventListener('mousemove', handleMouseMove, {
             passive: true,
@@ -630,8 +711,10 @@ class ColumnBuilder {
             passive: true,
           });
 
+          // DŮLEŽITÉ: Přidáme také mouseenter pro reset při vstupu do gridu
           const handleMouseEnter = () => {
             if (isMountedRef.current) {
+              // Reset stavu při vstupu do gridu
               currentHoveredRowRef.current = null;
               setIsRowHovered(false);
             }
@@ -643,6 +726,7 @@ class ColumnBuilder {
           mouseListenersSetupRef.current = true;
         }
 
+        // Nastavíme MutationObserver pro tento grid
         observerRef.current = new MutationObserver((mutations) => {
           if (!isMountedRef.current) return;
 
@@ -671,9 +755,11 @@ class ColumnBuilder {
           });
 
           if (shouldRecalculate) {
+            // Reset hover stavu
             currentHoveredRowRef.current = null;
             setIsRowHovered(false);
 
+            // Znovu detekujeme aktuální pozici myši po krátké době
             setTimeout(() => {
               if (isMountedRef.current && gridContainerRef.current) {
                 const rect = gridContainerRef.current.getBoundingClientRect();
@@ -688,12 +774,14 @@ class ColumnBuilder {
           }
         });
 
+        // Spustíme observer na grid container
         observerRef.current.observe(gridContainer, {
           childList: true,
           subtree: true,
           attributes: false,
         });
 
+        // Sledujeme pozici myši globálně pro tento observer
         const trackMouse = (e) => {
           window.lastMouseX = e.clientX;
           window.lastMouseY = e.clientY;
@@ -701,13 +789,13 @@ class ColumnBuilder {
 
         document.addEventListener('mousemove', trackMouse, { passive: true });
 
-        const removeMouseListener = () => {
+        // Cleanup tracking při unmount
+        return () => {
           document.removeEventListener('mousemove', trackMouse);
         };
+      }, [params.api, params.eGridCell, handleMouseMove, handleMouseLeave]);
 
-        removeMouseListener();
-      }, [params, handleMouseMove, handleMouseLeave]);
-
+      // Spustíme setup při mount a při změně params
       React.useEffect(() => {
         setupGridObserver();
       }, [setupGridObserver]);
@@ -727,7 +815,7 @@ class ColumnBuilder {
                 setCurrentMenuItems(updatedMenuItems);
               }
             } catch (error) {
-              // Odstraněn console.error pro ESLint
+              console.error('Chyba při volání onBeforeShow:', error);
               if (isMountedRef.current) {
                 setCurrentMenuItems(menuItems);
               }
@@ -738,14 +826,14 @@ class ColumnBuilder {
             setIsDropdownVisible(visible);
           }
         },
-        [params]
+        [params, menuItems, onBeforeShow]
       );
 
       React.useEffect(() => {
         if (isMountedRef.current) {
           setCurrentMenuItems(menuItems);
         }
-      }, []);
+      }, [menuItems]);
 
       const menu = React.useMemo(
         () => (
@@ -763,14 +851,13 @@ class ColumnBuilder {
                 return <Divider key={item.key} style={{ margin: '4px 0' }} />;
               }
 
-              const { disable, disabled } = item;
               let isDisabled = false;
-              if (typeof disable === 'function') {
-                isDisabled = disable(params);
-              } else if (typeof disable === 'boolean') {
-                isDisabled = disable;
-              } else if (disabled !== undefined) {
-                isDisabled = disabled;
+              if (typeof item.disable === 'function') {
+                isDisabled = item.disable(params);
+              } else if (typeof item.disable === 'boolean') {
+                isDisabled = item.disable;
+              } else if (item.disabled !== undefined) {
+                isDisabled = item.disabled;
               }
 
               return (
@@ -781,7 +868,7 @@ class ColumnBuilder {
             })}
           </Menu>
         ),
-        [currentMenuItems, params]
+        [currentMenuItems, onActionClick, params]
       );
 
       const containerStyle = {
@@ -810,17 +897,6 @@ class ColumnBuilder {
         pointerEvents: isRowHovered || isDropdownVisible ? 'auto' : 'none',
       };
 
-      const handleDropdownClick = React.useCallback((e) => {
-        e.stopPropagation();
-      }, []);
-
-      const handleKeyDown = React.useCallback((e) => {
-        if (e.key === 'Enter' || e.key === ' ') {
-          e.preventDefault();
-          setIsDropdownVisible(!isDropdownVisible);
-        }
-      }, [isDropdownVisible]);
-
       return (
         <div style={containerStyle}>
           <Dropdown
@@ -833,11 +909,9 @@ class ColumnBuilder {
           >
             <div
               style={buttonStyle}
-              onClick={handleDropdownClick}
-              onKeyDown={handleKeyDown}
-              role="button"
-              tabIndex={0}
-              aria-label="Otevřít akční menu"
+              onClick={(e) => {
+                e.stopPropagation();
+              }}
             >
               <ActionIcon />
             </div>
@@ -894,4 +968,5 @@ class ColumnBuilder {
   }
 }
 
-export default ColumnBuilder;
+export default ColumnBuilder;
+/* eslint-enable */

package/dist/AgGridColumns.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import * as React from 'react';
 import ColumnBuilder from './ColumnBuilder';
 import * as Tooltip from './tooltips';
@@ -40,4 +41,5 @@ export const AgGridColumns = (columnDefs, options) => {
     const cols = resolvedColumnDefs && resolvedColumnDefs.map((column) => AgGridColumn(column, options));
     return cols;
 };
+/* eslint-enable */ 
 //# sourceMappingURL=AgGridColumns.js.map

package/dist/AgGridColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridColumns.js","sourceRoot":"","sources":["../AgGridColumns.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;CACb,CAAA;AAED,sCAAsC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAErE,MAAM,aAAa,GAAG,CAAC,cAAc,EAAE,EAAE;QACvC,QAAQ,cAAc,EAAE,CAAC;YACvB,KAAK,YAAY,CAAC,IAAI;gBACpB,OAAO,OAAO,CAAC,IAAI,CAAC;YACtB;gBACE,MAAM,KAAK,CAAC,+BAA+B,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC/B,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBAC1B,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBACpD,mBAAmB,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB;YAC5D,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,uBAAuB;QACrE,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;IACnD,IAAI,CAAC,UAAU;QAAE,OAAO,EAAE,CAAC;IAE3B,MAAM,kBAAkB,GAAG,UAAU,YAAY,aAAa,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,UAAU;QACtG,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE;QACpB,CAAC,CAAC,UAAU,CAAC;IAEb,MAAM,IAAI,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACvG,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"AgGridColumns.js","sourceRoot":"","sources":["../AgGridColumns.js"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;CACb,CAAA;AAED,sCAAsC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAErE,MAAM,aAAa,GAAG,CAAC,cAAc,EAAE,EAAE;QACvC,QAAQ,cAAc,EAAE,CAAC;YACvB,KAAK,YAAY,CAAC,IAAI;gBACpB,OAAO,OAAO,CAAC,IAAI,CAAC;YACtB;gBACE,MAAM,KAAK,CAAC,+BAA+B,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC/B,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBAC1B,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBACpD,mBAAmB,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB;YAC5D,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,uBAAuB;QACrE,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;IACnD,IAAI,CAAC,UAAU;QAAE,OAAO,EAAE,CAAC;IAE3B,MAAM,kBAAkB,GAAG,UAAU,YAAY,aAAa,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,UAAU;QACtG,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE;QACpB,CAAC,CAAC,UAAU,CAAC;IAEb,MAAM,IAAI,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACvG,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AACF,mBAAmB"}