@bit.rhplus/ag-grid 0.0.36 → 0.0.38

package/Aggregations.js

@@ -56,8 +56,30 @@ const isValidDate = value => {
   return typeValid;
 }
 
+// Cache pro optimalizaci výpočtů
+let cachedAggregations = null;
+let cachedRangeHash = null;
+
+// Jednoduchý hash funkce pro rychlé porovnání ranges
+const hashRanges = (ranges) => {
+  if (!ranges || ranges.length === 0) return null;
+  return ranges.map(r => 
+    `${r.startRow?.rowIndex}-${r.endRow?.rowIndex}-${r.columns?.length}-${r.columns?.[0]?.colId}`
+  ).join('|');
+};
+
 export default function Aggregations(gridRef) {
   const ranges = gridRef.current.api.getCellRanges();
+  
+  if (!ranges[0] || !ranges[0].startRow)
+    return {};
+  
+  // Cache check - vrátit cache pokud se ranges nezměnily
+  const rangeHash = hashRanges(ranges);
+  if (cachedRangeHash === rangeHash && cachedAggregations) {
+    return cachedAggregations;
+  }
+  
   let sum = 0; let min = null; let max = null; let avg = null; let count = 0; let numberCount = 0;
   let earliest; let latest;
   let square = 0;
@@ -69,9 +91,6 @@ export default function Aggregations(gridRef) {
   let dateCount = 0;
   let currencyMap = {}; // Pro sledování měn
 
-  if (!ranges[0] || !ranges[0].startRow)
-    return {};
-
   const startRow = Math.min(ranges[0].startRow.rowIndex, ranges[0].endRow.rowIndex);
   const domensionRanges = Enumerable.from(ranges).where(w => rangeContainsRowIndex(w, startRow)).toArray();
   const dimensions = getDimensionDefinition(domensionRanges);
@@ -257,6 +276,10 @@ export default function Aggregations(gridRef) {
     cols: [...sumCols].length
   };
 
+  // Uložit do cache
+  cachedAggregations = result;
+  cachedRangeHash = rangeHash;
+
   return result;
 
 

package/BulkEdit/BulkEditButton.jsx

@@ -0,0 +1,149 @@
+/* eslint-disable */
+import React, { useState, useRef, useEffect } from 'react';
+import { Button, Tooltip } from 'antd';
+import { EditOutlined } from '@ant-design/icons';
+import BulkEditPopover from './BulkEditPopover';
+
+/**
+ * Floating button komponenta pro bulk edit
+ * @param {Object} props
+ * @param {boolean} props.visible - Viditelnost buttonu
+ * @param {Object} props.position - Pozice buttonu {x, y}
+ * @param {Object} props.range - AG Grid cell range
+ * @param {Object} props.column - AG Grid column objekt
+ * @param {number} props.cellCount - Počet buněk k editaci
+ * @param {Object} props.editPopover - State popoveru
+ * @param {Function} props.onOpenPopover - Handler pro otevření popoveru
+ * @param {Function} props.onValueChange - Handler pro změnu hodnoty
+ * @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 [popoverVisible, setPopoverVisible] = useState(false);
+  const buttonRef = useRef(null);
+  const popoverRef = useRef(null);
+
+  // Sync local popover state s parent editPopover state
+  useEffect(() => {
+    setPopoverVisible(editPopover.visible);
+  }, [editPopover.visible]);
+
+  if (!visible) return null;
+
+  const colDef = column?.getColDef();
+  const fieldName = colDef?.headerName || colDef?.field || 'Sloupec';
+
+  /**
+   * Handler pro kliknutí na button
+   */
+  const handleButtonClick = (e) => {
+    e.stopPropagation();
+    if (!popoverVisible) {
+      setPopoverVisible(true);
+      onOpenPopover();
+    }
+  };
+
+  /**
+   * Handler pro kliknutí mimo popover (close)
+   */
+  const handleClickOutside = (e) => {
+    if (
+      popoverVisible &&
+      popoverRef.current &&
+      !popoverRef.current.contains(e.target) &&
+      buttonRef.current &&
+      !buttonRef.current.contains(e.target)
+    ) {
+      onCancel();
+    }
+  };
+
+  // Click outside listener
+  useEffect(() => {
+    if (popoverVisible) {
+      document.addEventListener('mousedown', handleClickOutside);
+      return () => {
+        document.removeEventListener('mousedown', handleClickOutside);
+      };
+    }
+  }, [popoverVisible]);
+
+  const tooltipTitle = `Hromadně změnit ${cellCount} ${
+    cellCount === 1 ? 'buňku' : cellCount < 5 ? 'buňky' : 'buněk'
+  } v "${fieldName}"`;
+
+  return (
+    <>
+      {/* Floating Button */}
+      <div
+        ref={buttonRef}
+        style={{
+          position: 'fixed',
+          top: position?.y || 0,
+          left: position?.x || 0,
+          zIndex: 9999,
+          pointerEvents: 'auto',
+        }}
+      >
+        <Tooltip 
+          title={tooltipTitle} 
+          placement="top"
+          getPopupContainer={() => document.body}
+          zIndex={10001}
+        >
+          <Button
+            type="primary"
+            shape="circle"
+            icon={<EditOutlined />}
+            size="small"
+            onClick={handleButtonClick}
+            style={{
+              boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+            }}
+          />
+        </Tooltip>
+      </div>
+
+      {/* Popover */}
+      {popoverVisible && (
+        <div
+          ref={popoverRef}
+          style={{
+            position: 'fixed',
+            top: (position?.y || 0) + 35, // Pod buttonem
+            left: position?.x || 0,
+            zIndex: 10000,
+            pointerEvents: 'auto',
+          }}
+        >
+          <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}
+          />
+        </div>
+      )}
+    </>
+  );
+};
+
+export default BulkEditButton;

package/BulkEdit/BulkEditPopover.jsx

@@ -0,0 +1,301 @@
+/* eslint-disable */
+import React, { useCallback, useEffect, useRef } from 'react';
+import { Input, InputNumber, Button, Alert, Space } from 'antd';
+import { validateValue, getInputType } from './utils';
+
+/**
+ * Popover komponenta s inputem pro bulk edit
+ * @param {Object} props
+ * @param {boolean} props.visible - Viditelnost popoveru
+ * @param {string} props.value - Aktuální hodnota
+ * @param {boolean} props.loading - Loading state
+ * @param {string} props.error - Chybová hláška
+ * @param {Object} props.column - AG Grid column objekt
+ * @param {Object} props.range - AG Grid cell range objekt
+ * @param {number} props.cellCount - Počet buněk k editaci
+ * @param {Function} props.onValueChange - Handler pro změnu hodnoty
+ * @param {Function} props.onSubmit - Handler pro submit
+ * @param {Function} props.onCancel - Handler pro cancel
+ */
+const BulkEditPopover = ({
+  visible,
+  value,
+  loading,
+  error,
+  column,
+  range,
+  cellCount,
+  onValueChange,
+  onSubmit,
+  onCancel,
+}) => {
+  const inputRef = useRef(null);
+
+  // Focus input při otevření
+  useEffect(() => {
+    if (visible && inputRef.current) {
+      setTimeout(() => {
+        inputRef.current?.focus();
+      }, 100);
+    }
+  }, [visible]);
+
+  if (!visible) return null;
+
+  const colDef = column?.getColDef();
+  const inputType = getInputType(colDef);
+  const fieldName = colDef?.headerName || colDef?.field || 'Sloupec';
+
+  /**
+   * Handler pro submit
+   */
+  const handleSubmit = useCallback(() => {
+    // Validace hodnoty
+    const validation = validateValue(value, colDef);
+    
+    if (!validation.valid) {
+      // Zobrazit error (parent komponenta zobrazí)
+      return;
+    }
+
+    onSubmit(validation.parsedValue);
+  }, [value, colDef, onSubmit]);
+
+  /**
+   * Handler pro Enter key
+   */
+  const handleKeyPress = useCallback(
+    (e) => {
+      if (e.key === 'Enter' && !loading) {
+        e.preventDefault();
+        handleSubmit();
+      } else if (e.key === 'Escape') {
+        e.preventDefault();
+        onCancel();
+      }
+    },
+    [handleSubmit, loading, onCancel]
+  );
+
+  /**
+   * Render input podle typu
+   */
+  const renderInput = () => {
+    // Check pro custom bulkEditPopover komponentu
+    const CustomComponent = colDef?.bulkEditPopover;
+    
+    if (CustomComponent && typeof CustomComponent === 'function') {
+      // Renderovat custom komponentu s props
+      return (
+        <CustomComponent
+          value={value}
+          onChange={onValueChange}
+          onSubmit={onSubmit}
+          onCancel={onCancel}
+          loading={loading}
+          error={error}
+          column={column}
+          range={range}
+          cellCount={cellCount}
+          colDef={colDef}
+        />
+      );
+    }
+    
+    // Default input podle typu
+    switch (inputType) {
+      case 'number':
+        return (
+          <InputNumber
+            ref={inputRef}
+            style={{ width: '100%' }}
+            value={value}
+            onChange={onValueChange}
+            onPressEnter={handleKeyPress}
+            placeholder="Zadejte číslo..."
+            disabled={loading}
+          />
+        );
+
+      case 'date':
+        return (
+          <Input
+            ref={inputRef}
+            type="date"
+            value={value}
+            onChange={(e) => onValueChange(e.target.value)}
+            onKeyDown={handleKeyPress}
+            placeholder="Vyberte datum..."
+            disabled={loading}
+          />
+        );
+
+      case 'text':
+      default:
+        return (
+          <Input
+            ref={inputRef}
+            value={value}
+            onChange={(e) => onValueChange(e.target.value)}
+            onKeyDown={handleKeyPress}
+            placeholder="Zadejte hodnotu..."
+            disabled={loading}
+          />
+        );
+    }
+  };
+
+  // Check zda je custom komponenta
+  const CustomComponent = colDef?.bulkEditPopover;
+  const isCustomComponent = CustomComponent && typeof CustomComponent === 'function';
+  
+  // Check zda má custom komponenta automatická tlačítka (default: true)
+  const autoButtons = colDef?.bulkEditPopoverAutoButtons !== false;
+
+  // Pokud je custom komponenta s automatickými tlačítky
+  if (isCustomComponent && autoButtons) {
+    return (
+      <div
+        style={{
+          background: '#fff',
+          border: '1px solid #d9d9d9',
+          borderRadius: '4px',
+          padding: '12px',
+          boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+          minWidth: '280px',
+          maxWidth: '320px',
+        }}
+      >
+        <div style={{ marginBottom: '8px' }}>
+          <div style={{ fontSize: '14px', fontWeight: 500, marginBottom: '4px' }}>
+            Hromadná změna
+          </div>
+          <div style={{ fontSize: '12px', color: '#8c8c8c' }}>
+            {fieldName} · {cellCount} {cellCount === 1 ? 'buňka' : cellCount < 5 ? 'buňky' : 'buněk'}
+          </div>
+        </div>
+
+        {error && (
+          <Alert
+            message={error}
+            type="error"
+            showIcon
+            closable
+            style={{ marginBottom: '12px' }}
+          />
+        )}
+
+        <div style={{ marginBottom: '12px' }}>
+          {renderInput()}
+        </div>
+
+        {/* Automatická tlačítka */}
+        <Space style={{ width: '100%', justifyContent: 'flex-end' }}>
+          <Button size="small" onClick={onCancel} disabled={loading}>
+            Zrušit
+          </Button>
+          <Button
+            type="primary"
+            size="small"
+            onClick={handleSubmit}
+            loading={loading}
+          >
+            Použít
+          </Button>
+        </Space>
+      </div>
+    );
+  }
+
+  // Pokud je custom komponenta BEZ automatických tlačítek (plná kontrola)
+  if (isCustomComponent && !autoButtons) {
+    return (
+      <div
+        style={{
+          background: '#fff',
+          border: '1px solid #d9d9d9',
+          borderRadius: '4px',
+          padding: '12px',
+          boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+          minWidth: '280px',
+          maxWidth: '320px',
+        }}
+      >
+        <div style={{ marginBottom: '8px' }}>
+          <div style={{ fontSize: '14px', fontWeight: 500, marginBottom: '4px' }}>
+            Hromadná změna
+          </div>
+          <div style={{ fontSize: '12px', color: '#8c8c8c' }}>
+            {fieldName} · {cellCount} {cellCount === 1 ? 'buňka' : cellCount < 5 ? 'buňky' : 'buněk'}
+          </div>
+        </div>
+
+        {error && (
+          <Alert
+            message={error}
+            type="error"
+            showIcon
+            closable
+            style={{ marginBottom: '12px' }}
+          />
+        )}
+
+        {renderInput()}
+      </div>
+    );
+  }
+
+  // Default popover s vlastními tlačítky
+  return (
+    <div
+      style={{
+        background: '#fff',
+        border: '1px solid #d9d9d9',
+        borderRadius: '4px',
+        padding: '12px',
+        boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+        minWidth: '280px',
+        maxWidth: '320px',
+      }}
+    >
+      <div style={{ marginBottom: '8px' }}>
+        <div style={{ fontSize: '14px', fontWeight: 500, marginBottom: '4px' }}>
+          Hromadná změna
+        </div>
+        <div style={{ fontSize: '12px', color: '#8c8c8c' }}>
+          {fieldName} · {cellCount} {cellCount === 1 ? 'buňka' : cellCount < 5 ? 'buňky' : 'buněk'}
+        </div>
+      </div>
+
+      {error && (
+        <Alert
+          message={error}
+          type="error"
+          showIcon
+          closable
+          style={{ marginBottom: '12px' }}
+        />
+      )}
+
+      <div style={{ marginBottom: '12px' }}>
+        {renderInput()}
+      </div>
+
+      <Space style={{ width: '100%', justifyContent: 'flex-end' }}>
+        <Button size="small" onClick={onCancel} disabled={loading}>
+          Zrušit
+        </Button>
+        <Button
+          type="primary"
+          size="small"
+          onClick={handleSubmit}
+          loading={loading}
+        >
+          Použít
+        </Button>
+      </Space>
+    </div>
+  );
+};
+
+export default BulkEditPopover;

package/BulkEdit/BulkEditSelect.jsx

@@ -0,0 +1,80 @@
+/* eslint-disable */
+import React, { useRef, useEffect } from 'react';
+import { Select, Button, Space } from 'antd';
+
+const BulkEditSelect = ({
+  value,
+  onChange,
+  onSubmit,
+  onCancel,
+  loading,
+  options = [],
+  placeholder = 'Vyberte hodnotu...',
+  allowClear = true,
+  fieldLabel = 'value',
+  fieldValue = 'id',
+  showSearch = false,
+}) => {
+  const selectRef = useRef(null);
+
+  useEffect(() => {
+    if (selectRef.current) {
+      setTimeout(() => {
+        selectRef.current?.focus();
+      }, 100);
+    }
+  }, []);
+
+  const handleKeyDown = (e) => {
+    if (e.key === 'Enter' && !loading) {
+      e.preventDefault();
+      onSubmit(value);
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      onCancel();
+    }
+  };
+
+  return (
+    <>
+      <div style={{ marginBottom: '12px' }} onClick={(e) => e.stopPropagation()}>
+        <Select
+          ref={selectRef}
+          style={{ width: '100%' }}
+          value={value}
+          onChange={onChange}
+          placeholder={placeholder}
+          disabled={loading}
+          allowClear={allowClear}
+          showSearch={showSearch}
+          filterOption={showSearch ? (input, option) =>
+            (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+          : false}
+          options={options.map(item => ({
+            label: item[fieldLabel],
+            value: item[fieldValue]
+          }))}
+          onKeyDown={handleKeyDown}
+          onClick={(e) => e.stopPropagation()}
+          getPopupContainer={(trigger) => trigger.parentNode}
+        />
+      </div>
+
+      <Space style={{ width: '100%', justifyContent: 'flex-end' }}>
+        <Button size="small" onClick={onCancel} disabled={loading}>
+          Zrušit
+        </Button>
+        <Button
+          type="primary"
+          size="small"
+          onClick={() => onSubmit(value)}
+          loading={loading}
+        >
+          Použít
+        </Button>
+      </Space>
+    </>
+  );
+};
+
+export default BulkEditSelect;

package/BulkEdit/index.js

@@ -0,0 +1,5 @@
+/* eslint-disable */
+export { useBulkCellEdit } from './useBulkCellEdit';
+export { default as BulkEditButton } from './BulkEditButton';
+export { default as BulkEditPopover } from './BulkEditPopover';
+export * from './utils';