@bit.rhplus/ui.f7.detail-item 0.0.145 → 0.0.146

package/components/Grid.jsx

@@ -20,48 +20,48 @@ import AgGrid from '@bit.rhplus/ui.grid';
 import SaveButton from '@bit.rhplus/ui.f7.save-button';
 
 
-// Grid komponenta s modální editací - zobrazuje AG Grid pro výběr položky
+// Grid komponenta s mod�ln� editac� - zobrazuje AG Grid pro v�ber polo�ky
 export const Grid = ({ 
   children, 
   value, 
   onSave, 
-  onChange, // Přidáno pro Form.Item kompatibilitu
-  title = 'Editace výběru', 
-  placeholder = 'Vyberte položku',
+  onChange, // Prid�no pro Form.Item kompatibilitu
+  title = 'Editace v�beru', 
+  placeholder = 'Vyberte polo�ku',
   color = '#6887d3', 
   size = 16,
-  lucideIcon, // Lucide React ikona (např. Table)
-  icon, // Jakákoliv React komponenta ikony
+  lucideIcon, // Lucide React ikona (napr. Table)
+  icon, // Jak�koliv React komponenta ikony
   rowData = [], // Array dat pro grid
-  columnDefs = [], // Definice sloupců pro AG Grid
-  gridOptions = {}, // Dodatečné možnosti pro AG Grid
-  onRowDoubleClicked, // Callback pro double click na řádek
-  gridHeight = '400px', // Výška gridu
+  columnDefs = [], // Definice sloupcu pro AG Grid
+  gridOptions = {}, // Dodatecn� mo�nosti pro AG Grid
+  onRowDoubleClicked, // Callback pro double click na r�dek
+  gridHeight = '400px', // V��ka gridu
   selectionMode = 'single', // 'single' nebo 'multiple'
-  displayField = 'name', // Pole, které se zobrazí v detail-item při výběru
-  field = null // Pole pro výběr konkrétní vlastnosti objektu
+  displayField = 'name', // Pole, kter� se zobraz� v detail-item pri v�beru
+  field = null // Pole pro v�ber konkr�tn� vlastnosti objektu
 }) => {
   const [popupOpened, setPopupOpened] = useState(false);
   
-  // Najíst objekty na základě value (pokud je field nastaven, value může být jen pole konkrétních vlastností)
+  // Naj�st objekty na z�klade value (pokud je field nastaven, value mu�e b�t jen pole konkr�tn�ch vlastnost�)
   const findRowsByValue = (val) => {
     if (!val || !rowData.length) return [];
     
     const valueArray = Array.isArray(val) ? val : [val];
     
     if (field) {
-      // Pokud je field nastaven, hledej objekty podle této vlastnosti
+      // Pokud je field nastaven, hledej objekty podle t�to vlastnosti
       return valueArray.map(v => rowData.find(row => row[field] === v)).filter(Boolean);
     } else {
-      // Pokud field není nastaven, očekáváme objekty
+      // Pokud field nen� nastaven, ocek�v�me objekty
       return valueArray;
     }
   };
   
-  // Inicializuj selectedRows pouze jednou při mount
+  // Inicializuj selectedRows pouze jednou pri mount
   const initialSelectedRows = useMemo(() => {
     return findRowsByValue(value);
-  }, []); // Prázdné dependency array - pouze při mount
+  }, []); // Pr�zdn� dependency array - pouze pri mount
 
   const [selectedRows, setSelectedRows] = useState(initialSelectedRows);
 
@@ -74,13 +74,13 @@ export const Grid = ({
   };
 
   const handleCancel = () => {
-    // Při zrušení resetuj na původní hodnoty
+    // Pri zru�en� resetuj na puvodn� hodnoty
     setSelectedRows(findRowsByValue(value));
     setPopupOpened(false);
   };
 
   const handleOpenPopup = () => {
-    // Při otevření nastav aktuální hodnotu
+    // Pri otevren� nastav aktu�ln� hodnotu
     setSelectedRows(findRowsByValue(value));
     setPopupOpened(true);
   };
@@ -91,13 +91,13 @@ export const Grid = ({
       const selectedNodes = event.api.getSelectedNodes();
       const selectedData = selectedNodes.map(node => node.data);
             
-      // Pro oba režimy pouze aktualizujeme stav - uložení bude přes Save button
+      // Pro oba re�imy pouze aktualizujeme stav - ulo�en� bude pres Save button
       setSelectedRows(selectedData);
     }
   };
 
   const handleSaveSelection = () => {
-    // Uložení vybraných položek pro oba režimy
+    // Ulo�en� vybran�ch polo�ek pro oba re�imy
     let result;
     
     if (selectionMode === 'single') {
@@ -106,10 +106,10 @@ export const Grid = ({
       result = selectedRows.length === 1 ? selectedRows[0] : selectedRows;
     }
     
-    // Rozhodni jakou hodnotu vrátit podle field parametru
+    // Rozhodni jakou hodnotu vr�tit podle field parametru
     const returnValue = field && result ? (Array.isArray(result) ? result.map(item => item[field]) : result[field]) : result;
     
-    // Debug pouze při uložení
+    // Debug pouze pri ulo�en�
     if (onChange) {
       onChange(returnValue);
     } else if (onSave) {
@@ -120,7 +120,7 @@ export const Grid = ({
   };
 
 
-  // Určí jakou ikonu použít - priorita: icon > lucideIcon > výchozí Table
+  // Urc� jakou ikonu pou��t - priorita: icon > lucideIcon > v�choz� Table
   const renderIcon = () => {
     if (icon) {
       return React.cloneElement(icon, { size, color, ...icon.props });
@@ -133,12 +133,12 @@ export const Grid = ({
   };
 
 
-  // Kombinované grid options
+  // Kombinovan� grid options
   const combinedGridOptions = {
     rowSelection: selectionMode,
     onSelectionChanged: handleRowSelection,
     onRowDoubleClicked: onRowDoubleClicked,
-    suppressRowClickSelection: false, // Umožní výběr kliknutím na řádek pro oba režimy
+    suppressRowClickSelection: false, // Umo�n� v�ber kliknut�m na r�dek pro oba re�imy
     ...gridOptions
   };
 
@@ -147,15 +147,15 @@ export const Grid = ({
       <Link onClick={handleOpenPopup} className="link" style={linkStyle}>
         {renderIcon()}
         {(() => {
-          // Použij objekty pro zobrazení (převedené z value)
+          // Pou�ij objekty pro zobrazen� (preveden� z value)
           const currentRows = findRowsByValue(value);
           
           if (currentRows.length === 1) {
-            // Pokud je vybraná jedna položka, zobraz hodnotu z displayField
+            // Pokud je vybran� jedna polo�ka, zobraz hodnotu z displayField
             const item = currentRows[0];
-            return item[displayField] || item.name || item.title || item.id || 'Vybraná položka';
+            return item[displayField] || item.name || item.title || item.id || 'Vybran� polo�ka';
           } else if (currentRows.length > 1) {
-            return `${currentRows.length} vybraných položek`;
+            return `${currentRows.length} vybran�ch polo�ek`;
           }
           return placeholder;
         })()}
@@ -191,7 +191,7 @@ export const Grid = ({
                 flex: 1, 
                 display: 'flex', 
                 flexDirection: 'column',
-                height: 'calc(100vh - 230px)', // Více prostoru pro SaveButton
+                height: 'calc(100vh - 230px)', // V�ce prostoru pro SaveButton
                 padding: '0'
               }}>
             <div 
@@ -209,9 +209,9 @@ export const Grid = ({
                 rowData={rowData}
                 gridOptions={{
                   ...combinedGridOptions,
-                  popupParent: document.body, // Popup menu se zobrazí v body, ne v popup
-                  rowHeight: 48, // Explicitní výška řádku
-                  headerHeight: 56 // Explicitní výška hlavičky
+                  popupParent: document.body, // Popup menu se zobraz� v body, ne v popup
+                  rowHeight: 48, // Explicitn� v��ka r�dku
+                  headerHeight: 56 // Explicitn� v��ka hlavicky
                 }}
                 height="100%"
                 // appearance="ag-theme-quartz"
@@ -219,7 +219,7 @@ export const Grid = ({
                   sortable: true,
                   filter: true,
                   resizable: true,
-                  minWidth: 100, // Minimální šířka sloupců pro mobil
+                  minWidth: 100, // Minim�ln� ��rka sloupcu pro mobil
                   ...gridOptions.defaultColDef
                 }}
               />

package/dist/components/Grid.js

@@ -5,38 +5,38 @@ import { Link, Icon, Popup, Navbar, NavLeft, NavTitle, NavTitleLarge, NavRight,
 import { Table } from 'lucide-react';
 import AgGrid from '@bit.rhplus/ui.grid';
 import SaveButton from '@bit.rhplus/ui.f7.save-button';
-// Grid komponenta s modální editací - zobrazuje AG Grid pro výběr položky
-export const Grid = ({ children, value, onSave, onChange, // Přidáno pro Form.Item kompatibilitu
-title = 'Editace výběru', placeholder = 'Vyberte položku', color = '#6887d3', size = 16, lucideIcon, // Lucide React ikona (např. Table)
-icon, // Jakákoliv React komponenta ikony
+// Grid komponenta s mod�ln� editac� - zobrazuje AG Grid pro v�ber polo�ky
+export const Grid = ({ children, value, onSave, onChange, // Prid�no pro Form.Item kompatibilitu
+title = 'Editace v�beru', placeholder = 'Vyberte polo�ku', color = '#6887d3', size = 16, lucideIcon, // Lucide React ikona (napr. Table)
+icon, // Jak�koliv React komponenta ikony
 rowData = [], // Array dat pro grid
-columnDefs = [], // Definice sloupců pro AG Grid
-gridOptions = {}, // Dodatečné možnosti pro AG Grid
-onRowDoubleClicked, // Callback pro double click na řádek
-gridHeight = '400px', // Výška gridu
+columnDefs = [], // Definice sloupcu pro AG Grid
+gridOptions = {}, // Dodatecn� mo�nosti pro AG Grid
+onRowDoubleClicked, // Callback pro double click na r�dek
+gridHeight = '400px', // V��ka gridu
 selectionMode = 'single', // 'single' nebo 'multiple'
-displayField = 'name', // Pole, které se zobrazí v detail-item při výběru
-field = null // Pole pro výběr konkrétní vlastnosti objektu
+displayField = 'name', // Pole, kter� se zobraz� v detail-item pri v�beru
+field = null // Pole pro v�ber konkr�tn� vlastnosti objektu
  }) => {
     const [popupOpened, setPopupOpened] = useState(false);
-    // Najíst objekty na základě value (pokud je field nastaven, value může být jen pole konkrétních vlastností)
+    // Naj�st objekty na z�klade value (pokud je field nastaven, value mu�e b�t jen pole konkr�tn�ch vlastnost�)
     const findRowsByValue = (val) => {
         if (!val || !rowData.length)
             return [];
         const valueArray = Array.isArray(val) ? val : [val];
         if (field) {
-            // Pokud je field nastaven, hledej objekty podle této vlastnosti
+            // Pokud je field nastaven, hledej objekty podle t�to vlastnosti
             return valueArray.map(v => rowData.find(row => row[field] === v)).filter(Boolean);
         }
         else {
-            // Pokud field není nastaven, očekáváme objekty
+            // Pokud field nen� nastaven, ocek�v�me objekty
             return valueArray;
         }
     };
-    // Inicializuj selectedRows pouze jednou při mount
+    // Inicializuj selectedRows pouze jednou pri mount
     const initialSelectedRows = useMemo(() => {
         return findRowsByValue(value);
-    }, []); // Prázdné dependency array - pouze při mount
+    }, []); // Pr�zdn� dependency array - pouze pri mount
     const [selectedRows, setSelectedRows] = useState(initialSelectedRows);
     const linkStyle = {
         color,
@@ -46,12 +46,12 @@ field = null // Pole pro výběr konkrétní vlastnosti objektu
         gap: '6px'
     };
     const handleCancel = () => {
-        // Při zrušení resetuj na původní hodnoty
+        // Pri zru�en� resetuj na puvodn� hodnoty
         setSelectedRows(findRowsByValue(value));
         setPopupOpened(false);
     };
     const handleOpenPopup = () => {
-        // Při otevření nastav aktuální hodnotu
+        // Pri otevren� nastav aktu�ln� hodnotu
         setSelectedRows(findRowsByValue(value));
         setPopupOpened(true);
     };
@@ -59,12 +59,12 @@ field = null // Pole pro výběr konkrétní vlastnosti objektu
         if (event && event.api) {
             const selectedNodes = event.api.getSelectedNodes();
             const selectedData = selectedNodes.map(node => node.data);
-            // Pro oba režimy pouze aktualizujeme stav - uložení bude přes Save button
+            // Pro oba re�imy pouze aktualizujeme stav - ulo�en� bude pres Save button
             setSelectedRows(selectedData);
         }
     };
     const handleSaveSelection = () => {
-        // Uložení vybraných položek pro oba režimy
+        // Ulo�en� vybran�ch polo�ek pro oba re�imy
         let result;
         if (selectionMode === 'single') {
             result = selectedRows.length > 0 ? selectedRows[0] : null;
@@ -72,9 +72,9 @@ field = null // Pole pro výběr konkrétní vlastnosti objektu
         else {
             result = selectedRows.length === 1 ? selectedRows[0] : selectedRows;
         }
-        // Rozhodni jakou hodnotu vrátit podle field parametru
+        // Rozhodni jakou hodnotu vr�tit podle field parametru
         const returnValue = field && result ? (Array.isArray(result) ? result.map(item => item[field]) : result[field]) : result;
-        // Debug pouze při uložení
+        // Debug pouze pri ulo�en�
         if (onChange) {
             onChange(returnValue);
         }
@@ -83,7 +83,7 @@ field = null // Pole pro výběr konkrétní vlastnosti objektu
         }
         setPopupOpened(false);
     };
-    // Určí jakou ikonu použít - priorita: icon > lucideIcon > výchozí Table
+    // Urc� jakou ikonu pou��t - priorita: icon > lucideIcon > v�choz� Table
     const renderIcon = () => {
         if (icon) {
             return React.cloneElement(icon, { size, color, ...icon.props });
@@ -94,24 +94,24 @@ field = null // Pole pro výběr konkrétní vlastnosti objektu
         }
         return _jsx(Table, { size: size, color: color });
     };
-    // Kombinované grid options
+    // Kombinovan� grid options
     const combinedGridOptions = {
         rowSelection: selectionMode,
         onSelectionChanged: handleRowSelection,
         onRowDoubleClicked: onRowDoubleClicked,
-        suppressRowClickSelection: false, // Umožní výběr kliknutím na řádek pro oba režimy
+        suppressRowClickSelection: false, // Umo�n� v�ber kliknut�m na r�dek pro oba re�imy
         ...gridOptions
     };
     return (_jsxs(_Fragment, { children: [_jsxs(Link, { onClick: handleOpenPopup, className: "link", style: linkStyle, children: [renderIcon(), (() => {
-                        // Použij objekty pro zobrazení (převedené z value)
+                        // Pou�ij objekty pro zobrazen� (preveden� z value)
                         const currentRows = findRowsByValue(value);
                         if (currentRows.length === 1) {
-                            // Pokud je vybraná jedna položka, zobraz hodnotu z displayField
+                            // Pokud je vybran� jedna polo�ka, zobraz hodnotu z displayField
                             const item = currentRows[0];
-                            return item[displayField] || item.name || item.title || item.id || 'Vybraná položka';
+                            return item[displayField] || item.name || item.title || item.id || 'Vybran� polo�ka';
                         }
                         else if (currentRows.length > 1) {
-                            return `${currentRows.length} vybraných položek`;
+                            return `${currentRows.length} vybran�ch polo�ek`;
                         }
                         return placeholder;
                     })()] }), _jsx(Popup, { opened: popupOpened, onPopupClosed: () => setPopupOpened(false), animate: true, backdrop: true, push: false, className: "f7-parallax grid-popup", style: {
@@ -121,7 +121,7 @@ field = null // Pole pro výběr konkrétní vlastnosti objektu
                                             flex: 1,
                                             display: 'flex',
                                             flexDirection: 'column',
-                                            height: 'calc(100vh - 230px)', // Více prostoru pro SaveButton
+                                            height: 'calc(100vh - 230px)', // V�ce prostoru pro SaveButton
                                             padding: '0'
                                         }, children: _jsx("div", { className: "ag-theme-quartz", style: {
                                                 height: '100%',
@@ -131,16 +131,16 @@ field = null // Pole pro výběr konkrétní vlastnosti objektu
                                                 '--ag-odd-row-background-color': 'transparent'
                                             }, children: _jsx(AgGrid, { columnDefs: columnDefs, rowData: rowData, gridOptions: {
                                                     ...combinedGridOptions,
-                                                    popupParent: document.body, // Popup menu se zobrazí v body, ne v popup
-                                                    rowHeight: 48, // Explicitní výška řádku
-                                                    headerHeight: 56 // Explicitní výška hlavičky
+                                                    popupParent: document.body, // Popup menu se zobraz� v body, ne v popup
+                                                    rowHeight: 48, // Explicitn� v��ka r�dku
+                                                    headerHeight: 56 // Explicitn� v��ka hlavicky
                                                 }, height: "100%", 
                                                 // appearance="ag-theme-quartz"
                                                 defaultColDef: {
                                                     sortable: true,
                                                     filter: true,
                                                     resizable: true,
-                                                    minWidth: 100, // Minimální šířka sloupců pro mobil
+                                                    minWidth: 100, // Minim�ln� ��rka sloupcu pro mobil
                                                     ...gridOptions.defaultColDef
                                                 } }) }) }), _jsx(SaveButton, { onClick: handleSaveSelection, variant: "black" })] })] }) }) })] }));
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bit.rhplus/ui.f7.detail-item",
-  "version": "0.0.145",
+  "version": "0.0.146",
   "homepage": "https://bit.cloud/remote-scope/ui/f7/detail-item",
   "main": "dist/index.js",
   "componentId": {
     "scope": "remote-scope",
     "name": "ui/f7/detail-item",
-    "version": "0.0.145"
+    "version": "0.0.146"
   },
   "dependencies": {
     "lucide-react": "^0.503.0",
@@ -17,7 +17,7 @@
     "@bit.rhplus/ui.f7.small-button": "0.0.13",
     "@bit.rhplus/ui.circle-button": "0.0.20",
     "@bit.rhplus/ui.f7.category": "0.0.6",
-    "@bit.rhplus/ui.grid": "0.0.170",
+    "@bit.rhplus/ui.grid": "0.0.171",
     "@bit.rhplus/ui.f7.filter": "0.0.8",
     "@bit.rhplus/ui.f7.segmented": "0.0.15"
   },