npm - @bit.rhplus/ui.grid - Versions diffs - 0.0.11 → 0.0.12 - Mend

@bit.rhplus/ui.grid 0.0.11 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/AgGridColumns.js +2 -7
package/ColumnBuilder.jsx +106 -15
package/dist/AgGridColumns.js +2 -7
package/dist/AgGridColumns.js.map +1 -1
package/dist/ColumnBuilder.d.ts +8 -11
package/dist/ColumnBuilder.js +97 -13
package/dist/ColumnBuilder.js.map +1 -1
package/dist/index.js +112 -7
package/dist/index.js.map +1 -1
package/index.jsx +153 -16
package/package.json +5 -4
/package/dist/{preview-1741295560948.js → preview-1742309881548.js} +0 -0

package/AgGridColumns.js CHANGED Viewed

@@ -22,12 +22,8 @@ export const AgGridColumn = (column) => {
   React.useEffect(() => {
     const loadComponent = async () => {
       if (column.contentTooltip) {
-        try {
-          const module = InvokeTooltip(column.contentTooltip);
-          setTooltipComponent(() => module); // Nastavení komponenty
-        } catch (error) {
-          console.error('Chyba při načítání tooltip komponenty2:', error);
-        }
+        const module = InvokeTooltip(column.contentTooltip);
+        setTooltipComponent(() => module); // Nastavení komponenty
       }
     };
@@ -49,7 +45,6 @@ export const AgGridColumns = (columnDefs, options) => {
   const resolvedColumnDefs = columnDefs instanceof ColumnBuilder && typeof columnDefs.build === 'function'
     ? columnDefs.build()
     : columnDefs;
   const cols = resolvedColumnDefs && resolvedColumnDefs.map((column) => AgGridColumn(column, options));
   return cols;
 };

package/ColumnBuilder.jsx CHANGED Viewed

@@ -17,7 +17,7 @@ class ColumnBuilder {
     return this;
   }
-  addCurrencyColumn({currency, position, currencyStyle, cellAlign = 'right', ...restProps}) {
+  addCurrencyColumn({currency, position, currencyStyle, cellAlign = 'right', editable, ...restProps}) {
     const cellRenderer = (params) => {
       const currencyValue = typeof currency === 'function' ? currency(params) : currency;
       const symbol = currencySymbols[currencyValue] || currencyValue;
@@ -42,45 +42,136 @@ class ColumnBuilder {
       );
     };
-    this.#addPreparedColumn({ cellAlign, cellRenderer, ...restProps });
+    this.#addPreparedColumn({
+      cellAlign,
+      cellRenderer,
+      editable: this.#resolveEditable(editable),
+      ...restProps
+    });
     return this;
   }
-  addDateColumn({dateFormat = "DD.MM.YYYY", ...restProps}) {
-    this.#addPreparedColumn({ dateRenderer: dateFormat, ...restProps });
+  addDateColumn({dateFormat = "DD.MM.YYYY", editable, ...restProps}) {
+    this.#addPreparedColumn({
+      dateRenderer: dateFormat,
+      editable: this.#resolveEditable(editable),
+      ...restProps
+    });
     return this;
   }
-  addObjectColumn({contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay = 100, ...restProps}) {
-    this.#addPreparedColumn({ contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay, ...restProps });
-    return this;
-  }
-  addBooleanColumn({visibleFalse = true, visibleTrue = true, cellAlign, visibleGetter = () => true, ...restProps}) {
+  // addObjectColumn({contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay = 100, editable, onEditClick, ...restProps}) {
+  //   const cellRenderer = (params) => {
+  //     const [isHovered, setIsHovered] = React.useState(false);
+  //     const handleMouseEnter = () => {
+  //       setIsHovered(true);
+  //     };
+  //     const handleMouseLeave = () => {
+  //       setIsHovered(false);
+  //     };
+  //     const handleEditClick = (event) => {
+  //       event.stopPropagation();
+  //       if (onEditClick) {
+  //         onEditClick(params);
+  //       }
+  //     };
+  //     return (
+  //       <div
+  //         className="object-cell-container"
+  //         style={{
+  //           position: 'relative',
+  //           width: '100%',
+  //           height: '100%',
+  //           display: 'flex',
+  //           alignItems: 'center'
+  //         }}
+  //         onMouseEnter={handleMouseEnter}
+  //         onMouseLeave={handleMouseLeave}
+  //       >
+  //         <div style={{ flexGrow: 1 }}>
+  //           {params.value}
+  //         </div>
+  //         {isHovered && editable && (
+  //           <button
+  //             className="edit-object-button"
+  //             style={{
+  //               position: 'absolute',
+  //               right: '4px',
+  //               background: 'transparent',
+  //               border: 'none',
+  //               cursor: 'pointer',
+  //               padding: '4px',
+  //               display: 'flex',
+  //               alignItems: 'center',
+  //               justifyContent: 'center'
+  //             }}
+  //             onClick={handleEditClick}
+  //             title="Upravit"
+  //           >
+  //             <span style={{ fontSize: '16px' }}>⋮</span>
+  //           </button>
+  //         )}
+  //       </div>
+  //     );
+  //   };
+  //   this.#addPreparedColumn({
+  //     contentTooltip,
+  //     tooltipField,
+  //     tooltipInteraction,
+  //     tooltipShowDelay,
+  //     cellRenderer,
+  //     editable: this.#resolveEditable(editable),
+  //     ...restProps
+  //   });
+  //   return this;
+  // }
+  addBooleanColumn({visibleFalse = true, visibleTrue = true, cellAlign, visibleGetter = () => true, editable, ...restProps}) {
     const booleanRendererParams = {
       cellAlign,
       visibleFalse,
       visibleTrue,
       visibleGetter
     }
-    this.#addPreparedColumn({ booleanRenderer: true, booleanRendererParams, ...restProps });
+    this.#addPreparedColumn({
+      booleanRenderer: true,
+      booleanRendererParams,
+      editable: this.#resolveEditable(editable),
+      ...restProps
+    });
     return this;
   }
-  addButtonColumn({buttons, visibleGetter = () => true, ...restProps}) {
+  addButtonColumn({buttons, visibleGetter = () => true, editable, ...restProps}) {
     const buttonRendererParams = {
       buttons,
       visibleGetter
     }
-    this.#addPreparedColumn({ buttonRenderer: true, buttonRendererParams, ...restProps})
+    this.#addPreparedColumn({
+      buttonRenderer: true,
+      buttonRendererParams,
+      editable: this.#resolveEditable(editable),
+      ...restProps
+    })
     return this;
   }
+  // Pomocná metoda pro správné nastavení editable vlastnosti
+  #resolveEditable(editable) {
+    if (!editable)
+      return false;
+    return editable;
+  }
   build() {
     return this.columns;
   }
 }
-export default ColumnBuilder;
+export default ColumnBuilder;

package/dist/AgGridColumns.js CHANGED Viewed

@@ -18,13 +18,8 @@ export const AgGridColumn = (column) => {
     React.useEffect(() => {
         const loadComponent = async () => {
             if (column.contentTooltip) {
-                try {
-                    const module = InvokeTooltip(column.contentTooltip);
-                    setTooltipComponent(() => module); // Nastavení komponenty
-                }
-                catch (error) {
-                    console.error('Chyba při načítání tooltip komponenty2:', error);
-                }
+                const module = InvokeTooltip(column.contentTooltip);
+                setTooltipComponent(() => module); // Nastavení komponenty
             }
         };
         loadComponent();

package/dist/AgGridColumns.js.map CHANGED Viewed

	@@ -1 +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,~~IAAI,CAAC;oBACH,~~MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;~~oBACpD~~,mBAAmB,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB;~~gBAC5D~~,CAAC;~~gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,KAAK,CAAC,CAAC;gBAClE,CAAC;YACH,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;~~IAEf~~,MAAM,IAAI,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrG,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
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;IACf,MAAM,IAAI,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrG,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/ColumnBuilder.d.ts CHANGED Viewed

@@ -4,35 +4,32 @@ declare class ColumnBuilder {
     columns: any[];
     intl: any;
     addColumn(props: any): this;
-    addCurrencyColumn({ currency, position, currencyStyle, cellAlign, ...restProps }: {
+    addCurrencyColumn({ currency, position, currencyStyle, cellAlign, editable, ...restProps }: {
         [x: string]: any;
         currency: any;
         position: any;
         currencyStyle: any;
         cellAlign?: string | undefined;
+        editable: any;
     }): this;
-    addDateColumn({ dateFormat, ...restProps }: {
+    addDateColumn({ dateFormat, editable, ...restProps }: {
         [x: string]: any;
         dateFormat?: string | undefined;
+        editable: any;
     }): this;
-    addObjectColumn({ contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay, ...restProps }: {
-        [x: string]: any;
-        contentTooltip: any;
-        tooltipField: any;
-        tooltipInteraction: any;
-        tooltipShowDelay?: number | undefined;
-    }): this;
-    addBooleanColumn({ visibleFalse, visibleTrue, cellAlign, visibleGetter, ...restProps }: {
+    addBooleanColumn({ visibleFalse, visibleTrue, cellAlign, visibleGetter, editable, ...restProps }: {
         [x: string]: any;
         visibleFalse?: boolean | undefined;
         visibleTrue?: boolean | undefined;
         cellAlign: any;
         visibleGetter?: (() => boolean) | undefined;
+        editable: any;
     }): this;
-    addButtonColumn({ buttons, visibleGetter, ...restProps }: {
+    addButtonColumn({ buttons, visibleGetter, editable, ...restProps }: {
         [x: string]: any;
         buttons: any;
         visibleGetter?: (() => boolean) | undefined;
+        editable: any;
     }): this;
     build(): any[];
     #private;

package/dist/ColumnBuilder.js CHANGED Viewed

@@ -3,7 +3,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _ColumnBuilder_instances, _ColumnBuilder_addPreparedColumn;
+var _ColumnBuilder_instances, _ColumnBuilder_addPreparedColumn, _ColumnBuilder_resolveEditable;
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { prepareColDef } from './utils';
@@ -18,7 +18,7 @@ class ColumnBuilder {
         __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, props);
         return this;
     }
-    addCurrencyColumn({ currency, position, currencyStyle, cellAlign = 'right', ...restProps }) {
+    addCurrencyColumn({ currency, position, currencyStyle, cellAlign = 'right', editable, ...restProps }) {
         const cellRenderer = (params) => {
             const currencyValue = typeof currency === 'function' ? currency(params) : currency;
             const symbol = currencySymbols[currencyValue] || currencyValue;
@@ -27,33 +27,113 @@ class ColumnBuilder {
             const style = typeof currencyStyle === 'function' ? currencyStyle(params) : currencyStyle;
             return (_jsx("span", { children: position === 'left' ? (_jsxs(_Fragment, { children: [_jsx("span", { style: style, children: symbol }), " ", value] })) : (_jsxs(_Fragment, { children: [value, " ", _jsx("span", { style: style, children: symbol })] })) }));
         };
-        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { cellAlign, cellRenderer, ...restProps });
-        return this;
-    }
-    addDateColumn({ dateFormat = "DD.MM.YYYY", ...restProps }) {
-        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { dateRenderer: dateFormat, ...restProps });
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
+            cellAlign,
+            cellRenderer,
+            editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
+            ...restProps
+        });
         return this;
     }
-    addObjectColumn({ contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay = 100, ...restProps }) {
-        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay, ...restProps });
+    addDateColumn({ dateFormat = "DD.MM.YYYY", editable, ...restProps }) {
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
+            dateRenderer: dateFormat,
+            editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
+            ...restProps
+        });
         return this;
     }
-    addBooleanColumn({ visibleFalse = true, visibleTrue = true, cellAlign, visibleGetter = () => true, ...restProps }) {
+    // addObjectColumn({contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay = 100, editable, onEditClick, ...restProps}) {
+    //   const cellRenderer = (params) => {
+    //     const [isHovered, setIsHovered] = React.useState(false);
+    //     const handleMouseEnter = () => {
+    //       setIsHovered(true);
+    //     };
+    //     const handleMouseLeave = () => {
+    //       setIsHovered(false);
+    //     };
+    //     const handleEditClick = (event) => {
+    //       event.stopPropagation();
+    //       if (onEditClick) {
+    //         onEditClick(params);
+    //       }
+    //     };
+    //     return (
+    //       <div
+    //         className="object-cell-container"
+    //         style={{
+    //           position: 'relative',
+    //           width: '100%',
+    //           height: '100%',
+    //           display: 'flex',
+    //           alignItems: 'center'
+    //         }}
+    //         onMouseEnter={handleMouseEnter}
+    //         onMouseLeave={handleMouseLeave}
+    //       >
+    //         <div style={{ flexGrow: 1 }}>
+    //           {params.value}
+    //         </div>
+    //         {isHovered && editable && (
+    //           <button
+    //             className="edit-object-button"
+    //             style={{
+    //               position: 'absolute',
+    //               right: '4px',
+    //               background: 'transparent',
+    //               border: 'none',
+    //               cursor: 'pointer',
+    //               padding: '4px',
+    //               display: 'flex',
+    //               alignItems: 'center',
+    //               justifyContent: 'center'
+    //             }}
+    //             onClick={handleEditClick}
+    //             title="Upravit"
+    //           >
+    //             <span style={{ fontSize: '16px' }}>⋮</span>
+    //           </button>
+    //         )}
+    //       </div>
+    //     );
+    //   };
+    //   this.#addPreparedColumn({
+    //     contentTooltip,
+    //     tooltipField,
+    //     tooltipInteraction,
+    //     tooltipShowDelay,
+    //     cellRenderer,
+    //     editable: this.#resolveEditable(editable),
+    //     ...restProps
+    //   });
+    //   return this;
+    // }
+    addBooleanColumn({ visibleFalse = true, visibleTrue = true, cellAlign, visibleGetter = () => true, editable, ...restProps }) {
         const booleanRendererParams = {
             cellAlign,
             visibleFalse,
             visibleTrue,
             visibleGetter
         };
-        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { booleanRenderer: true, booleanRendererParams, ...restProps });
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
+            booleanRenderer: true,
+            booleanRendererParams,
+            editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
+            ...restProps
+        });
         return this;
     }
-    addButtonColumn({ buttons, visibleGetter = () => true, ...restProps }) {
+    addButtonColumn({ buttons, visibleGetter = () => true, editable, ...restProps }) {
         const buttonRendererParams = {
             buttons,
             visibleGetter
         };
-        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { buttonRenderer: true, buttonRendererParams, ...restProps });
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
+            buttonRenderer: true,
+            buttonRendererParams,
+            editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
+            ...restProps
+        });
         return this;
     }
     build() {
@@ -62,6 +142,10 @@ class ColumnBuilder {
 }
 _ColumnBuilder_instances = new WeakSet(), _ColumnBuilder_addPreparedColumn = function _ColumnBuilder_addPreparedColumn(props) {
     this.columns.push(prepareColDef(this.intl, props));
+}, _ColumnBuilder_resolveEditable = function _ColumnBuilder_resolveEditable(editable) {
+    if (!editable)
+        return false;
+    return editable;
 };
 export default ColumnBuilder;
 //# sourceMappingURL=ColumnBuilder.js.map

package/dist/ColumnBuilder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColumnBuilder.js","sourceRoot":"","sources":["../ColumnBuilder.jsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,MAAM,aAAa;IAKjB,YAAY,IAAI;;QACd,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,SAAS,CAAC,KAAK;QACb,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,KAAK,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iBAAiB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,GAAG,OAAO,EAAE,GAAG,SAAS,EAAC;~~QACtF~~,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;YAC9B,MAAM,aAAa,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;YACnF,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC;YAE/D,4CAA4C;YAC5C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YAE7G,MAAM,KAAK,GAAG,OAAO,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;YAE1F,OAAO,CACL,yBACG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CACrB,8BACE,eAAM,KAAK,EAAE,KAAK,YAAG,MAAM,GAAQ,OAAE,KAAK,IACzC,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,KAAK,OAAE,eAAM,KAAK,EAAE,KAAK,YAAG,MAAM,GAAQ,IAC1C,CACJ,GACI,CACR,CAAC;QACJ,CAAC,CAAC;QAEF,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,~~EAAE,~~SAAS,~~EAAE,~~YAAY,EAAE,GAAG,SAAS,~~EAAE,~~CAAC,CAAC;~~QACnE~~,OAAO,IAAI,CAAC;IACd,CAAC;~~IAGD~~,aAAa,CAAC,EAAC,UAAU,GAAG,YAAY,EAAE,GAAG,SAAS,EAAC;~~QACrD~~,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,~~EAAE,~~YAAY,EAAE,UAAU,EAAE,GAAG,SAAS,~~EAAE,~~CAAC,CAAC;~~QACpE~~,OAAO,IAAI,CAAC;IACd,CAAC;IAED,~~eAAe~~,~~CAAC~~,~~EAAC~~,cAAc,~~EAAE~~,~~YAAY~~,~~EAAE~~,~~kBAAkB~~,~~EAAE~~,~~gBAAgB~~,~~GAAG~~,~~GAAG~~,~~EAAE~~,~~GAAG~~,~~SAAS~~,~~EAAC~~;~~QACtG~~,~~uBAAA~~,~~IAAI~~,~~kEAAmB~~,~~MAAvB~~,~~IAAI~~,~~EAAoB~~,~~EAAE~~,~~cAAc~~,~~EAAE~~,~~YAAY~~,~~EAAE~~,~~kBAAkB~~,~~EAAE~~,~~gBAAgB~~,~~EAAE~~,~~GAAG~~,~~SAAS~~,~~EAAE~~,~~CAAC~~,~~CAAC~~;~~QAC9G~~,OAAO,~~IAAI~~,~~CAAC~~;~~IACd~~,~~CAAC~~;~~IAED~~,gBAAgB,CAAC,EAAC,YAAY,GAAG,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,SAAS,EAAC;~~QAC7G~~,MAAM,qBAAqB,GAAG;YAC5B,SAAS;YACT,YAAY;YACZ,WAAW;YACX,aAAa;SACd,CAAA;QACD,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,~~EAAE,~~eAAe,EAAE,IAAI,~~EAAE,~~qBAAqB,EAAE,GAAG,SAAS,~~EAAE,~~CAAC,CAAC;~~QAExF~~,OAAO,IAAI,CAAC;IACd,CAAC;IAED,eAAe,CAAC,EAAC,OAAO,EAAE,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,SAAS,EAAC;~~QACjE~~,MAAM,oBAAoB,GAAG;YAC3B,OAAO;YACP,aAAa;SACd,CAAA;QACD,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,~~EAAE,~~cAAc,EAAE,IAAI,~~EAAE,~~oBAAoB,EAAE,GAAG,SAAS,~~EAAC,~~CAAC,CAAA;~~QACpF~~,OAAO,IAAI,CAAC;IACd,CAAC;~~IAED~~,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF;~~uHA9EoB~~,KAAK;IACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AACrD,CAAC;~~AA8EH~~,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"ColumnBuilder.js","sourceRoot":"","sources":["../ColumnBuilder.jsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,MAAM,aAAa;IAKjB,YAAY,IAAI;;QACd,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,SAAS,CAAC,KAAK;QACb,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,KAAK,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iBAAiB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC;QAChG,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;YAC9B,MAAM,aAAa,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;YACnF,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC;YAE/D,4CAA4C;YAC5C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YAE7G,MAAM,KAAK,GAAG,OAAO,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;YAE1F,OAAO,CACL,yBACG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CACrB,8BACE,eAAM,KAAK,EAAE,KAAK,YAAG,MAAM,GAAQ,OAAE,KAAK,IACzC,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,KAAK,OAAE,eAAM,KAAK,EAAE,KAAK,YAAG,MAAM,GAAQ,IAC1C,CACJ,GACI,CACR,CAAC;QACJ,CAAC,CAAC;QAEF,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB;YACtB,SAAS;YACT,YAAY;YACZ,QAAQ,EAAE,uBAAA,IAAI,gEAAiB,MAArB,IAAI,EAAkB,QAAQ,CAAC;YACzC,GAAG,SAAS;SACb,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAED,aAAa,CAAC,EAAC,UAAU,GAAG,YAAY,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC;QAC/D,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB;YACtB,YAAY,EAAE,UAAU;YACxB,QAAQ,EAAE,uBAAA,IAAI,gEAAiB,MAArB,IAAI,EAAkB,QAAQ,CAAC;YACzC,GAAG,SAAS;SACb,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yIAAyI;IACzI,uCAAuC;IACvC,+DAA+D;IAE/D,uCAAuC;IACvC,4BAA4B;IAC5B,SAAS;IAET,uCAAuC;IACvC,6BAA6B;IAC7B,SAAS;IAET,2CAA2C;IAC3C,iCAAiC;IACjC,2BAA2B;IAC3B,+BAA+B;IAC/B,UAAU;IACV,SAAS;IAET,eAAe;IACf,cAAc;IACd,6CAA6C;IAC7C,oBAAoB;IACpB,mCAAmC;IACnC,4BAA4B;IAC5B,6BAA6B;IAC7B,8BAA8B;IAC9B,kCAAkC;IAClC,aAAa;IACb,0CAA0C;IAC1C,0CAA0C;IAC1C,UAAU;IACV,wCAAwC;IACxC,2BAA2B;IAC3B,iBAAiB;IACjB,sCAAsC;IACtC,qBAAqB;IACrB,6CAA6C;IAC7C,uBAAuB;IACvB,sCAAsC;IACtC,8BAA8B;IAC9B,2CAA2C;IAC3C,gCAAgC;IAChC,mCAAmC;IACnC,gCAAgC;IAChC,iCAAiC;IACjC,sCAAsC;IACtC,yCAAyC;IACzC,iBAAiB;IACjB,wCAAwC;IACxC,8BAA8B;IAC9B,cAAc;IACd,0DAA0D;IAC1D,sBAAsB;IACtB,aAAa;IACb,eAAe;IACf,SAAS;IACT,OAAO;IAEP,+BAA+B;IAC/B,uBAAuB;IACvB,qBAAqB;IACrB,2BAA2B;IAC3B,wBAAwB;IACxB,oBAAoB;IACpB,iDAAiD;IACjD,oBAAoB;IACpB,QAAQ;IACR,iBAAiB;IACjB,IAAI;IAEJ,gBAAgB,CAAC,EAAC,YAAY,GAAG,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC;QACvH,MAAM,qBAAqB,GAAG;YAC5B,SAAS;YACT,YAAY;YACZ,WAAW;YACX,aAAa;SACd,CAAA;QACD,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB;YACtB,eAAe,EAAE,IAAI;YACrB,qBAAqB;YACrB,QAAQ,EAAE,uBAAA,IAAI,gEAAiB,MAArB,IAAI,EAAkB,QAAQ,CAAC;YACzC,GAAG,SAAS;SACb,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;IAED,eAAe,CAAC,EAAC,OAAO,EAAE,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC;QAC3E,MAAM,oBAAoB,GAAG;YAC3B,OAAO;YACP,aAAa;SACd,CAAA;QACD,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB;YACtB,cAAc,EAAE,IAAI;YACpB,oBAAoB;YACpB,QAAQ,EAAE,uBAAA,IAAI,gEAAiB,MAArB,IAAI,EAAkB,QAAQ,CAAC;YACzC,GAAG,SAAS;SACb,CAAC,CAAA;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IASD,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF;uHAzKoB,KAAK;IACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AACrD,CAAC,2EA8JgB,QAAQ;IACvB,IAAI,CAAC,QAAQ;QACX,OAAO,KAAK,CAAC;IACf,OAAO,QAAQ,CAAC;AAClB,CAAC;AAOH,eAAe,aAAa,CAAC"}

package/dist/index.js CHANGED Viewed

@@ -1,15 +1,120 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import AgGrid from '@bit.rhplus/ag-grid';
 import classnames from 'classnames';
+import { OperationType, useSharedGrid } from '@bit.rhplus/shared-grid-form';
 import { AgGridColumns } from './AgGridColumns';
-const Grid = props => {
+const Grid = (props) => {
     const gridRef = React.useRef(null);
-    const { appearance = 'ag-theme-alpine', columnDefs, height = '100%' } = props;
-    return (_jsx("div", { className: classnames(appearance), style: { height }, children: _jsx(AgGrid, { context: {
-                componentParent: this
-            }, getRowId: params => params.data.id, defaultColDef: {
-                enableCellChangeFlash: true
+    const { appearance = 'ag-theme-alpine', columnDefs, height = '100%', defaultColDef, gridOptions, rowClassRules, editableDefault = true, onRowDoubleClicked, } = props;
+    const { items, onGridReady, addItem, updateItem, deleteItem, pendingChanges = [], isCellEditable } = useSharedGrid();
+    const [gridApi, setGridApi] = useState(null);
+    // Handler pro připravení gridu
+    const handleGridReady = useCallback((params) => {
+        setGridApi(params.api);
+        if (onGridReady) {
+            onGridReady(params);
+        }
+    }, [onGridReady]);
+    // Handler pro změnu hodnoty buňky
+    const handleCellValueChanged = useCallback((params) => {
+        const { data, colDef, newValue } = params;
+        // Extrahujeme pouze změněné pole
+        const changes = { [colDef.field]: newValue };
+        updateItem(data.id, changes);
+    }, [updateItem]);
+    // Handler pro dvojklik na buňku
+    const handleCellDoubleClicked = useCallback((params) => {
+        const { colDef } = params;
+        // Pokud je buňka needitovatelná, vyvoláme událost onRowDoubleClicked
+        let isEditable = true;
+        if (typeof colDef.editable === 'function') {
+            isEditable = colDef.editable(params);
+        }
+        else if (typeof colDef.editable === 'boolean') {
+            isEditable = colDef.editable;
+        }
+        else {
+            isEditable = editableDefault;
+        }
+        // Pokud buňka není editovatelná a máme definován callback pro dvojklik na řádek
+        if (!isEditable && onRowDoubleClicked) {
+            // Simulujeme událost dvojkliku na řádek
+            onRowDoubleClicked({
+                ...params,
+                // Přidáme data, která by normálně obsahovala událost onRowDoubleClicked
+                api: params.api,
+                node: params.node,
+                rowIndex: params.rowIndex,
+                data: params.data,
+                event: params.event
+            });
+            // Zastavíme výchozí zpracování událostí, aby se nezobrazil editor buňky
+            if (params.event) {
+                params.event.preventDefault();
+            }
+        }
+    }, [onRowDoubleClicked, editableDefault]);
+    // Handler pro přidání nového řádku
+    const handleAddRow = useCallback((rowData = {}) => {
+        const newItemId = addItem(rowData);
+        // Může být potřeba aktualizovat grid pro zobrazení nového řádku
+        if (gridApi) {
+            gridApi.setRowData(items);
+            // Volitelně: přejít na nově přidanou položku
+            setTimeout(() => {
+                const rowNode = gridApi.getRowNode(newItemId);
+                if (rowNode) {
+                    gridApi.ensureNodeVisible(rowNode);
+                }
+            }, 100);
+        }
+        return newItemId;
+    }, [addItem, gridApi, items]);
+    // Handler pro odstranění řádku
+    const handleDeleteRow = useCallback((id) => {
+        deleteItem(id);
+        // Může být potřeba aktualizovat grid
+        if (gridApi) {
+            gridApi.setRowData(items);
+        }
+    }, [deleteItem, gridApi, items]);
+    // Vlastní CSS třídy pro řádky s čekajícími změnami
+    const defaultRowClassRules = {
+        'row-pending-add': (params) => {
+            return pendingChanges[params.data.id] &&
+                pendingChanges[params.data.id].operation === OperationType.ADD;
+        },
+        'row-pending-update': (params) => {
+            return pendingChanges[params.data.id] &&
+                pendingChanges[params.data.id].operation === OperationType.UPDATE;
+        },
+        'row-pending-delete': (params) => {
+            return pendingChanges[params.data.id] &&
+                pendingChanges[params.data.id].operation === OperationType.DELETE;
+        }
+    };
+    // Kombinované rowClassRules
+    const combinedRowClassRules = { ...defaultRowClassRules, ...rowClassRules };
+    // Exportovat metody pro přidání/odstranění řádků
+    useEffect(() => {
+        if (gridApi) {
+            // Metody můžeme přidat přímo do gridApi pro použití z vnějšku
+            gridApi.addRow = handleAddRow;
+            gridApi.deleteRow = handleDeleteRow;
+        }
+    }, [gridApi, handleAddRow, handleDeleteRow]);
+    return (_jsx("div", { className: classnames(appearance), style: { height }, children: _jsx(AgGrid, { rowData: items, defaultColDef: {
+                enableCellChangeFlash: true,
+                editable: editableDefault,
+                resizable: true,
+                ...defaultColDef,
+            }, isRowSelectable: (params) => {
+                // Neselektovatelné řádky čekající na odstranění
+                return !pendingChanges[params.data.id] ||
+                    pendingChanges[params.data.id].operation !== OperationType.DELETE;
+            }, isEditable: isCellEditable, onGridReady: handleGridReady, onCellValueChanged: handleCellValueChanged, onCellDoubleClicked: handleCellDoubleClicked, rowClassRules: combinedRowClassRules, getRowId: (params) => params.data.id, ...gridOptions, context: {
+                componentParent: this,
             }, ...props, ref: gridRef, columnDefs: AgGridColumns(columnDefs, props) }) }));
 };
 export default Grid;

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,~~KAAK~~,MAAM,OAAO,CAAC;~~AAC/B~~,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAAG,KAAK,~~CAAC~~,EAAE;~~IACnB~~,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,EACJ,UAAU,GAAG,iBAAiB,EAC9B,UAAU,EACV,MAAM,GAAG,MAAM,~~EAChB~~,GAAG,KAAK,CAAC;~~IAEV~~,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,~~EACpC~~,KAAK,EAAE,EAAE,MAAM,EAAE,~~YAEjB~~,KAAC,MAAM,IACL,OAAO,EAAE;~~gBACP~~,eAAe,EAAE,IAAI;~~aACtB~~,EACD,~~QAAQ~~,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,~~EAClC~~,aAAa,~~EAAE~~;~~gBACb~~,qBAAqB,EAAE,IAAI;~~aAC5B~~,KACG,KAAK,EACT,GAAG,EAAE,OAAO,EACZ,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,GAC5C,GACE,CACP,CAAC;AACJ,CAAC,~~CAAA~~;~~AAGD~~,eAAe,IAAI,CAAC;AACpB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":"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"}

package/index.jsx CHANGED Viewed

@@ -1,27 +1,165 @@
-import * as React from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import AgGrid from '@bit.rhplus/ag-grid';
 import classnames from 'classnames';
+import { OperationType, useSharedGrid } from '@bit.rhplus/shared-grid-form';
 import { AgGridColumns } from './AgGridColumns';
-const Grid = props => {
+const Grid = (props) => {
   const gridRef = React.useRef(null);
-  const {
-    appearance = 'ag-theme-alpine',
-    columnDefs,
-    height = '100%'
+  const {
+    appearance = 'ag-theme-alpine',
+    columnDefs,
+    height = '100%',
+    defaultColDef,
+    gridOptions,
+    rowClassRules,
+    editableDefault = true,
+    onRowDoubleClicked,
   } = props;
+  const {
+    items,
+    onGridReady,
+    addItem,
+    updateItem,
+    deleteItem,
+    pendingChanges = [],
+    isCellEditable
+  } = useSharedGrid();
+  const [gridApi, setGridApi] = useState(null);
+  // Handler pro připravení gridu
+  const handleGridReady = useCallback((params) => {
+    setGridApi(params.api);
+    if (onGridReady) {
+      onGridReady(params);
+    }
+  }, [onGridReady]);
+  // Handler pro změnu hodnoty buňky
+  const handleCellValueChanged = useCallback((params) => {
+    const { data, colDef, newValue } = params;
+    // Extrahujeme pouze změněné pole
+    const changes = { [colDef.field]: newValue };
+    updateItem(data.id, changes);
+  }, [updateItem]);
+  // Handler pro dvojklik na buňku
+  const handleCellDoubleClicked = useCallback((params) => {
+    const { colDef } = params;
+    // Pokud je buňka needitovatelná, vyvoláme událost onRowDoubleClicked
+    let isEditable = true;
+    if (typeof colDef.editable === 'function') {
+      isEditable = colDef.editable(params);
+    } else if (typeof colDef.editable === 'boolean') {
+      isEditable = colDef.editable;
+    } else {
+      isEditable = editableDefault;
+    }
+    // Pokud buňka není editovatelná a máme definován callback pro dvojklik na řádek
+    if (!isEditable && onRowDoubleClicked) {
+      // Simulujeme událost dvojkliku na řádek
+      onRowDoubleClicked({
+        ...params,
+        // Přidáme data, která by normálně obsahovala událost onRowDoubleClicked
+        api: params.api,
+        node: params.node,
+        rowIndex: params.rowIndex,
+        data: params.data,
+        event: params.event
+      });
+      // Zastavíme výchozí zpracování událostí, aby se nezobrazil editor buňky
+      if (params.event) {
+        params.event.preventDefault();
+      }
+    }
+  }, [onRowDoubleClicked, editableDefault]);
+  // Handler pro přidání nového řádku
+  const handleAddRow = useCallback((rowData = {}) => {
+    const newItemId = addItem(rowData);
+    // Může být potřeba aktualizovat grid pro zobrazení nového řádku
+    if (gridApi) {
+      gridApi.setRowData(items);
+      // Volitelně: přejít na nově přidanou položku
+      setTimeout(() => {
+        const rowNode = gridApi.getRowNode(newItemId);
+        if (rowNode) {
+          gridApi.ensureNodeVisible(rowNode);
+        }
+      }, 100);
+    }
+    return newItemId;
+  }, [addItem, gridApi, items]);
+  // Handler pro odstranění řádku
+  const handleDeleteRow = useCallback((id) => {
+    deleteItem(id);
+    // Může být potřeba aktualizovat grid
+    if (gridApi) {
+      gridApi.setRowData(items);
+    }
+  }, [deleteItem, gridApi, items]);
+  // Vlastní CSS třídy pro řádky s čekajícími změnami
+  const defaultRowClassRules = {
+    'row-pending-add': (params) => {
+      return pendingChanges[params.data.id] &&
+             pendingChanges[params.data.id].operation === OperationType.ADD;
+    },
+    'row-pending-update': (params) => {
+      return pendingChanges[params.data.id] &&
+             pendingChanges[params.data.id].operation === OperationType.UPDATE;
+    },
+    'row-pending-delete': (params) => {
+      return pendingChanges[params.data.id] &&
+             pendingChanges[params.data.id].operation === OperationType.DELETE;
+    }
+  };
+  // Kombinované rowClassRules
+  const combinedRowClassRules = { ...defaultRowClassRules, ...rowClassRules };
+  // Exportovat metody pro přidání/odstranění řádků
+  useEffect(() => {
+    if (gridApi) {
+      // Metody můžeme přidat přímo do gridApi pro použití z vnějšku
+      gridApi.addRow = handleAddRow;
+      gridApi.deleteRow = handleDeleteRow;
+    }
+  }, [gridApi, handleAddRow, handleDeleteRow]);
   return (
-    <div className={classnames(appearance)}
-      style={{ height }}
-    >
+    <div className={classnames(appearance)} style={{ height }}>
       <AgGrid
-        context={{
-          componentParent: this
+        rowData={items}
+        defaultColDef={{
+          enableCellChangeFlash: true,
+          editable: editableDefault,
+          resizable: true,
+          ...defaultColDef,
+        }}
+        isRowSelectable={(params) => {
+          // Neselektovatelné řádky čekající na odstranění
+          return !pendingChanges[params.data.id] ||
+                 pendingChanges[params.data.id].operation !== OperationType.DELETE;
         }}
-        getRowId={params => params.data.id}
-        defaultColDef={{
-          enableCellChangeFlash: true
+        isEditable={isCellEditable}
+        onGridReady={handleGridReady}
+        onCellValueChanged={handleCellValueChanged}
+        onCellDoubleClicked={handleCellDoubleClicked}
+        rowClassRules={combinedRowClassRules}
+        getRowId={(params) => params.data.id}
+        {...gridOptions}
+        context={{
+          componentParent: this,
         }}
         {...props}
         ref={gridRef}
@@ -29,8 +167,7 @@ const Grid = props => {
       />
     </div>
   );
-}
+};
 export default Grid;
 export * from './enums';

package/package.json CHANGED Viewed

@@ -1,19 +1,20 @@
 {
   "name": "@bit.rhplus/ui.grid",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "homepage": "https://bit.cloud/remote-scope/ui/grid",
   "main": "dist/index.js",
   "componentId": {
     "scope": "remote-scope",
     "name": "ui/grid",
-    "version": "0.0.11"
+    "version": "0.0.12"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@bit.rhplus/ag-grid": "0.0.16"
+    "@bit.rhplus/ag-grid": "0.0.16",
+    "@bit.rhplus/shared-grid-form": "0.0.1"
   },
   "devDependencies": {
-    "@teambit/react.react-env": "1.0.111"
+    "@teambit/react.react-env": "1.0.119"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0"

/package/dist/{preview-1741295560948.js → preview-1742309881548.js} RENAMED Viewed

File without changes