@bit.rhplus/ag-grid 0.0.81 → 0.0.82

package/BulkEdit/BulkEditPopover.jsx

@@ -1,310 +1,310 @@
-/* eslint-disable */
-import React, { useCallback, useEffect, useRef } from 'react';
-import { Input, InputNumber, Button, Alert, Space } from 'antd';
-import { validateValue, getInputType } from './utils';
-import { createMemoComparison } from '@bit.rhplus/react-memo';
-
-/**
- * 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: '1050px',
-        }}
-      >
-        <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: '1050px',
-        }}
-      >
-        <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>
-  );
-};
-
-// React.memo optimalizace - rerender pouze při změně kritických props
-const arePropsEqual = createMemoComparison(
-  ['visible', 'value', 'loading', 'error', 'column', 'range', 'cellCount'],
-  ['onValueChange', 'onSubmit', 'onCancel'],
-  false,
-  'BulkEditPopover'
-);
-
-export default React.memo(BulkEditPopover, arePropsEqual);
+/* eslint-disable */
+import React, { useCallback, useEffect, useRef } from 'react';
+import { Input, InputNumber, Button, Alert, Space } from 'antd';
+import { validateValue, getInputType } from './utils';
+import { createMemoComparison } from '@bit.rhplus/react-memo';
+
+/**
+ * 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: '1050px',
+        }}
+      >
+        <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: '1050px',
+        }}
+      >
+        <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>
+  );
+};
+
+// React.memo optimalizace - rerender pouze při změně kritických props
+const arePropsEqual = createMemoComparison(
+  ['visible', 'value', 'loading', 'error', 'column', 'range', 'cellCount'],
+  ['onValueChange', 'onSubmit', 'onCancel'],
+  false,
+  'BulkEditPopover'
+);
+
+export default React.memo(BulkEditPopover, arePropsEqual);