@bit.rhplus/ag-grid 0.0.81 → 0.0.82

package/Renderers/ObjectRenderer.jsx

@@ -1,140 +1,140 @@
-/* eslint-disable */
-import * as React from 'react';
-import { createMemoComparison } from '@bit.rhplus/react-memo';
-
-// Style constants
-const CONTAINER_STYLE = {
-  position: 'relative',
-  width: '100%',
-  height: '100%',
-  display: 'flex',
-  alignItems: 'center',
-};
-
-const CONTENT_STYLE = {
-  flexGrow: 1,
-};
-
-const BUTTON_STYLE = {
-  position: 'absolute',
-  right: '4px',
-  background: 'transparent',
-  border: 'none',
-  cursor: 'pointer',
-  padding: '4px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-};
-
-const BUTTON_ICON_STYLE = {
-  fontSize: '16px',
-};
-
-// Memoizovaný EditButton sub-komponenta
-const EditButton = React.memo(({ onClick, title = 'Upravit' }) => (
-  <button
-    className="edit-object-button"
-    style={BUTTON_STYLE}
-    onClick={onClick}
-    title={title}
-  >
-    <span style={BUTTON_ICON_STYLE}>⋮</span>
-  </button>
-));
-
-EditButton.displayName = 'EditButton';
-
-function ObjectRenderer(props) {
-  const {
-    value,
-    data,
-    colDef: { objectRendererParams = {} } = {},
-  } = props;
-
-  const {
-    editable = false,
-    onEditClick,
-    showOnGroup = false,
-    visibleGetter,
-    displayField,
-  } = objectRendererParams;
-
-  const [isHovered, setIsHovered] = React.useState(false);
-
-  const handleMouseEnter = React.useCallback(() => {
-    setIsHovered(true);
-  }, []);
-
-  const handleMouseLeave = React.useCallback(() => {
-    setIsHovered(false);
-  }, []);
-
-  const handleEditClick = React.useCallback(
-    (event) => {
-      event.stopPropagation();
-      if (onEditClick) {
-        onEditClick(props);
-      }
-    },
-    [onEditClick, props]
-  );
-
-  const visibleResult = React.useMemo(() =>
-    visibleGetter ? visibleGetter(data) : true,
-    [visibleGetter, data]
-  );
-
-  const showCondition = React.useMemo(() => {
-    const newItem = (data && data._rh_plus_ag_grid_new_item) || false;
-    return !newItem && (showOnGroup || !!data) && visibleResult;
-  }, [data, showOnGroup, visibleResult]);
-
-  const displayValue = React.useMemo(() => {
-    if (!value) return null;
-
-    if (displayField) {
-      if (typeof displayField === 'function') {
-        return displayField({ data, value, props });
-      }
-      if (typeof displayField === 'string') {
-        return value[displayField] || value;
-      }
-    }
-
-    if (typeof value === 'object' && value !== null) {
-      return value.name || value.title || value.label || JSON.stringify(value);
-    }
-
-    return value;
-  }, [value, displayField, data, props]);
-
-  if (!showCondition) return null;
-
-  return (
-    <div
-      className="object-cell-container"
-      style={CONTAINER_STYLE}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-    >
-      <div style={CONTENT_STYLE}>{displayValue}</div>
-      {isHovered && editable && (
-        <EditButton onClick={handleEditClick} />
-      )}
-    </div>
-  );
-}
-
-ObjectRenderer.displayName = 'ObjectRenderer';
-
-// React.memo optimalizace pro AG-Grid renderer
-// ✅ PERFORMANCE FIX: colDef NESMÍ být v kritických props!
-const arePropsEqual = createMemoComparison(
-  ['value', 'data'],
-  ['colDef'],
-  false,
-  'ObjectRenderer'
-);
-
-export default React.memo(ObjectRenderer, arePropsEqual);
+/* eslint-disable */
+import * as React from 'react';
+import { createMemoComparison } from '@bit.rhplus/react-memo';
+
+// Style constants
+const CONTAINER_STYLE = {
+  position: 'relative',
+  width: '100%',
+  height: '100%',
+  display: 'flex',
+  alignItems: 'center',
+};
+
+const CONTENT_STYLE = {
+  flexGrow: 1,
+};
+
+const BUTTON_STYLE = {
+  position: 'absolute',
+  right: '4px',
+  background: 'transparent',
+  border: 'none',
+  cursor: 'pointer',
+  padding: '4px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+};
+
+const BUTTON_ICON_STYLE = {
+  fontSize: '16px',
+};
+
+// Memoizovaný EditButton sub-komponenta
+const EditButton = React.memo(({ onClick, title = 'Upravit' }) => (
+  <button
+    className="edit-object-button"
+    style={BUTTON_STYLE}
+    onClick={onClick}
+    title={title}
+  >
+    <span style={BUTTON_ICON_STYLE}>⋮</span>
+  </button>
+));
+
+EditButton.displayName = 'EditButton';
+
+function ObjectRenderer(props) {
+  const {
+    value,
+    data,
+    colDef: { objectRendererParams = {} } = {},
+  } = props;
+
+  const {
+    editable = false,
+    onEditClick,
+    showOnGroup = false,
+    visibleGetter,
+    displayField,
+  } = objectRendererParams;
+
+  const [isHovered, setIsHovered] = React.useState(false);
+
+  const handleMouseEnter = React.useCallback(() => {
+    setIsHovered(true);
+  }, []);
+
+  const handleMouseLeave = React.useCallback(() => {
+    setIsHovered(false);
+  }, []);
+
+  const handleEditClick = React.useCallback(
+    (event) => {
+      event.stopPropagation();
+      if (onEditClick) {
+        onEditClick(props);
+      }
+    },
+    [onEditClick, props]
+  );
+
+  const visibleResult = React.useMemo(() =>
+    visibleGetter ? visibleGetter(data) : true,
+    [visibleGetter, data]
+  );
+
+  const showCondition = React.useMemo(() => {
+    const newItem = (data && data._rh_plus_ag_grid_new_item) || false;
+    return !newItem && (showOnGroup || !!data) && visibleResult;
+  }, [data, showOnGroup, visibleResult]);
+
+  const displayValue = React.useMemo(() => {
+    if (!value) return null;
+
+    if (displayField) {
+      if (typeof displayField === 'function') {
+        return displayField({ data, value, props });
+      }
+      if (typeof displayField === 'string') {
+        return value[displayField] || value;
+      }
+    }
+
+    if (typeof value === 'object' && value !== null) {
+      return value.name || value.title || value.label || JSON.stringify(value);
+    }
+
+    return value;
+  }, [value, displayField, data, props]);
+
+  if (!showCondition) return null;
+
+  return (
+    <div
+      className="object-cell-container"
+      style={CONTAINER_STYLE}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+    >
+      <div style={CONTENT_STYLE}>{displayValue}</div>
+      {isHovered && editable && (
+        <EditButton onClick={handleEditClick} />
+      )}
+    </div>
+  );
+}
+
+ObjectRenderer.displayName = 'ObjectRenderer';
+
+// React.memo optimalizace pro AG-Grid renderer
+// ✅ PERFORMANCE FIX: colDef NESMÍ být v kritických props!
+const arePropsEqual = createMemoComparison(
+  ['value', 'data'],
+  ['colDef'],
+  false,
+  'ObjectRenderer'
+);
+
+export default React.memo(ObjectRenderer, arePropsEqual);

package/Renderers/StateRenderer.jsx

@@ -1,148 +1,148 @@
-/* eslint-disable */
-import * as React from 'react';
-import { createMemoComparison } from '@bit.rhplus/react-memo';
-
-// Helper function moved outside component
-function getValueByPath(obj, path) {
-  if (!obj || !path) return null;
-  return path.split('.').reduce((o, k) => (o && o[k] !== undefined) ? o[k] : null, obj);
-}
-
-function StateRenderer(props) {
-  const { data, value, colDef: { stateRendererParams = {} } = {} } = props;
-
-
-  if (!stateRendererParams) return null;
-
-  const {
-    visibleGetter = () => true,
-    cellAlign = 'center',
-    bgColor, // Barva pozadí nebo funkce vracející barvu
-    color, // Barva textu nebo funkce vracející barvu (nový název)
-    textColor, // Barva textu (starý název - zpětná kompatibilita)
-    bgColorField, // Název pole obsahujícího barvu pozadí
-    colorField, // Název pole obsahujícího barvu textu (nový název)
-    textColorField, // Název pole obsahujícího barvu textu (starý název - zpětná kompatibilita)
-    displayField, // Pole pro zobrazení textu
-    minWidth = 80, // Minimální šířka kruhového pozadí
-    fontSize = 12, // Velikost fontu
-    showOnGroup = false, // Zda zobrazit na skupinových řádcích
-  } = stateRendererParams;
-  
-  // Použít nový název s fallbackem na starý pro zpětnou kompatibilitu
-  const finalColor = color || textColor || 'white';
-  const finalColorField = colorField || textColorField;
-
-  const visibleResult = React.useMemo(() =>
-    visibleGetter ? visibleGetter(data) : true,
-    [visibleGetter, data]
-  );
-
-  const computedBgColor = React.useMemo(() => {
-    // Priorita: bgColorField (hodnota z dat) -> bgColor (funkce nebo string)
-    if (bgColorField && data) {
-      const fieldValue = getValueByPath(data, bgColorField);
-      if (fieldValue) return fieldValue;
-    }
-
-    if (!bgColor) return '#666'; // default barva
-
-    // Pokud je bgColor funkce, zavolej ji s daty
-    if (typeof bgColor === 'function') {
-      return bgColor({ data, value, props });
-    }
-
-    // Pokud je bgColor string/hodnota
-    return bgColor;
-  }, [bgColor, bgColorField, data, value, props]);
-
-  const computedTextColor = React.useMemo(() => {
-    // Priorita: colorField/textColorField (hodnota z dat) -> color/textColor (funkce nebo string)
-    if (finalColorField && data) {
-      const fieldValue = getValueByPath(data, finalColorField);
-      if (fieldValue) return fieldValue;
-    }
-
-    if (!finalColor) return 'white'; // default barva
-
-    // Pokud je finalColor funkce, zavolej ji s daty
-    if (typeof finalColor === 'function') {
-      return finalColor({ data, value, props });
-    }
-
-    // Pokud je finalColor string/hodnota
-    return finalColor;
-  }, [finalColor, finalColorField, data, value, props]);
-
-  const displayText = React.useMemo(() => {
-    if (displayField) {
-      // Pokud je displayField funkce
-      if (typeof displayField === 'function') {
-        return displayField({ data, value, props });
-      }
-
-      // Pokud je displayField string (název pole)
-      if (typeof displayField === 'string') {
-        return data?.[displayField] || value;
-      }
-    }
-
-    // Fallback na value
-    return value || '';
-  }, [displayField, data, value, props]);
-
-  const showCondition = React.useMemo(() => {
-    const newItem = (data && data._rh_plus_ag_grid_new_item) || false;
-    return !newItem && (showOnGroup || !!data) && visibleResult;
-  }, [data, showOnGroup, visibleResult]);
-
-  if (!showCondition) return null;
-
-  // Pokud nemáme text k zobrazení, nevrací nic
-  if (!displayText) return null;
-
-  const containerStyle = React.useMemo(() => ({
-    width: '100%',
-    display: 'flex',
-    justifyContent: cellAlign === 'center' ? 'center' : cellAlign === 'right' ? 'flex-end' : 'flex-start',
-    alignItems: 'center',
-    height: '100%',
-  }), [cellAlign]);
-
-  const badgeStyle = React.useMemo(() => ({
-    backgroundColor: computedBgColor,
-    color: computedTextColor,
-    borderRadius: '20px',
-    padding: '2px 8px',
-    minWidth: `${minWidth}px`,
-    fontSize: `${fontSize}px`,
-    fontWeight: '500',
-    textAlign: 'center',
-    display: 'inline-block',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.1)',
-    lineHeight: '1.2',
-    height: 'auto',
-  }), [computedBgColor, computedTextColor, minWidth, fontSize]);
-
-  return (
-    <div style={containerStyle}>
-      <span style={badgeStyle}>
-        {displayText}
-      </span>
-    </div>
-  );
-}
-
-// React.memo optimalizace pro AG-Grid renderer
-// ✅ PERFORMANCE FIX: colDef NESMÍ být v kritických props!
-const arePropsEqual = createMemoComparison(
-  ['value', 'data'],
-  ['colDef'],
-  false,
-  'StateRenderer'
-);
-
-export default React.memo(StateRenderer, arePropsEqual);
+/* eslint-disable */
+import * as React from 'react';
+import { createMemoComparison } from '@bit.rhplus/react-memo';
+
+// Helper function moved outside component
+function getValueByPath(obj, path) {
+  if (!obj || !path) return null;
+  return path.split('.').reduce((o, k) => (o && o[k] !== undefined) ? o[k] : null, obj);
+}
+
+function StateRenderer(props) {
+  const { data, value, colDef: { stateRendererParams = {} } = {} } = props;
+
+
+  if (!stateRendererParams) return null;
+
+  const {
+    visibleGetter = () => true,
+    cellAlign = 'center',
+    bgColor, // Barva pozadí nebo funkce vracející barvu
+    color, // Barva textu nebo funkce vracející barvu (nový název)
+    textColor, // Barva textu (starý název - zpětná kompatibilita)
+    bgColorField, // Název pole obsahujícího barvu pozadí
+    colorField, // Název pole obsahujícího barvu textu (nový název)
+    textColorField, // Název pole obsahujícího barvu textu (starý název - zpětná kompatibilita)
+    displayField, // Pole pro zobrazení textu
+    minWidth = 80, // Minimální šířka kruhového pozadí
+    fontSize = 12, // Velikost fontu
+    showOnGroup = false, // Zda zobrazit na skupinových řádcích
+  } = stateRendererParams;
+  
+  // Použít nový název s fallbackem na starý pro zpětnou kompatibilitu
+  const finalColor = color || textColor || 'white';
+  const finalColorField = colorField || textColorField;
+
+  const visibleResult = React.useMemo(() =>
+    visibleGetter ? visibleGetter(data) : true,
+    [visibleGetter, data]
+  );
+
+  const computedBgColor = React.useMemo(() => {
+    // Priorita: bgColorField (hodnota z dat) -> bgColor (funkce nebo string)
+    if (bgColorField && data) {
+      const fieldValue = getValueByPath(data, bgColorField);
+      if (fieldValue) return fieldValue;
+    }
+
+    if (!bgColor) return '#666'; // default barva
+
+    // Pokud je bgColor funkce, zavolej ji s daty
+    if (typeof bgColor === 'function') {
+      return bgColor({ data, value, props });
+    }
+
+    // Pokud je bgColor string/hodnota
+    return bgColor;
+  }, [bgColor, bgColorField, data, value, props]);
+
+  const computedTextColor = React.useMemo(() => {
+    // Priorita: colorField/textColorField (hodnota z dat) -> color/textColor (funkce nebo string)
+    if (finalColorField && data) {
+      const fieldValue = getValueByPath(data, finalColorField);
+      if (fieldValue) return fieldValue;
+    }
+
+    if (!finalColor) return 'white'; // default barva
+
+    // Pokud je finalColor funkce, zavolej ji s daty
+    if (typeof finalColor === 'function') {
+      return finalColor({ data, value, props });
+    }
+
+    // Pokud je finalColor string/hodnota
+    return finalColor;
+  }, [finalColor, finalColorField, data, value, props]);
+
+  const displayText = React.useMemo(() => {
+    if (displayField) {
+      // Pokud je displayField funkce
+      if (typeof displayField === 'function') {
+        return displayField({ data, value, props });
+      }
+
+      // Pokud je displayField string (název pole)
+      if (typeof displayField === 'string') {
+        return data?.[displayField] || value;
+      }
+    }
+
+    // Fallback na value
+    return value || '';
+  }, [displayField, data, value, props]);
+
+  const showCondition = React.useMemo(() => {
+    const newItem = (data && data._rh_plus_ag_grid_new_item) || false;
+    return !newItem && (showOnGroup || !!data) && visibleResult;
+  }, [data, showOnGroup, visibleResult]);
+
+  if (!showCondition) return null;
+
+  // Pokud nemáme text k zobrazení, nevrací nic
+  if (!displayText) return null;
+
+  const containerStyle = React.useMemo(() => ({
+    width: '100%',
+    display: 'flex',
+    justifyContent: cellAlign === 'center' ? 'center' : cellAlign === 'right' ? 'flex-end' : 'flex-start',
+    alignItems: 'center',
+    height: '100%',
+  }), [cellAlign]);
+
+  const badgeStyle = React.useMemo(() => ({
+    backgroundColor: computedBgColor,
+    color: computedTextColor,
+    borderRadius: '20px',
+    padding: '2px 8px',
+    minWidth: `${minWidth}px`,
+    fontSize: `${fontSize}px`,
+    fontWeight: '500',
+    textAlign: 'center',
+    display: 'inline-block',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.1)',
+    lineHeight: '1.2',
+    height: 'auto',
+  }), [computedBgColor, computedTextColor, minWidth, fontSize]);
+
+  return (
+    <div style={containerStyle}>
+      <span style={badgeStyle}>
+        {displayText}
+      </span>
+    </div>
+  );
+}
+
+// React.memo optimalizace pro AG-Grid renderer
+// ✅ PERFORMANCE FIX: colDef NESMÍ být v kritických props!
+const arePropsEqual = createMemoComparison(
+  ['value', 'data'],
+  ['colDef'],
+  false,
+  'StateRenderer'
+);
+
+export default React.memo(StateRenderer, arePropsEqual);

package/dist/BulkEdit/BulkEditDatePicker.js

@@ -8,41 +8,41 @@ import 'dayjs/locale/cs';
 import styled from 'styled-components';
 import Holidays from 'date-holidays';
 dayjs.locale('cs');
-const CalendarContainer = styled.div `
-  display: flex;
-  gap: 8px;
-  margin-bottom: 12px;
-  width: 900px;
-  justify-content: space-between;
-  
-  .ant-picker-calendar {
-    max-width: 260px;
-    flex: 1;
-  }
-  
-  .ant-picker-calendar-header {
-    padding: 8px 12px;
-  }
-  
-  .ant-picker-cell-selected .ant-picker-cell-inner {
-    background: transparent !important;
-    color: inherit !important;
-    font-weight: normal !important;
-  }
-  
-  .ant-picker-cell-disabled {
-    pointer-events: none;
-  }
-  
-  .ant-picker-cell-disabled .ant-picker-cell-inner {
-    color: rgba(0, 0, 0, 0.25) !important;
-    background: transparent !important;
-  }
-  
-  .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner {
-    color: rgba(0, 0, 0, 0.25) !important;
-    background: transparent !important;
-  }
+const CalendarContainer = styled.div `
+  display: flex;
+  gap: 8px;
+  margin-bottom: 12px;
+  width: 900px;
+  justify-content: space-between;
+  
+  .ant-picker-calendar {
+    max-width: 260px;
+    flex: 1;
+  }
+  
+  .ant-picker-calendar-header {
+    padding: 8px 12px;
+  }
+  
+  .ant-picker-cell-selected .ant-picker-cell-inner {
+    background: transparent !important;
+    color: inherit !important;
+    font-weight: normal !important;
+  }
+  
+  .ant-picker-cell-disabled {
+    pointer-events: none;
+  }
+  
+  .ant-picker-cell-disabled .ant-picker-cell-inner {
+    color: rgba(0, 0, 0, 0.25) !important;
+    background: transparent !important;
+  }
+  
+  .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner {
+    color: rgba(0, 0, 0, 0.25) !important;
+    background: transparent !important;
+  }
 `;
 const BulkEditDatePicker = ({ value, onChange, onSubmit, onCancel, loading, format = 'DD.MM.YYYY', showTime = false, }) => {
     const today = dayjs();

package/dist/index.js

@@ -740,6 +740,7 @@ const AgGrid = React.forwardRef((props, ref) => {
     allGridPropsRef.current.gridId = props.gridId;
     allGridPropsRef.current.id = props.id;
     allGridPropsRef.current.gridName = props.gridName;
+    allGridPropsRef.current.getContextMenuItems = props.getContextMenuItems;
     // ✅ Detekovat změny které VYŽADUJÍ re-render AG Gridu
     React.useEffect(() => {
         const rowDataChanged = prevRowDataRef.current !== props.rowData;