@bit.rhplus/ag-grid 0.0.115 → 0.0.116

package/Editors/ModuleLookupEditor.jsx

@@ -0,0 +1,65 @@
+/* eslint-disable */
+import React, { useState } from 'react';
+import { useGridCellEditor } from 'ag-grid-react';
+import ModuleDropdownList from '@bit.rhplus/ui2.module-dropdown-list';
+
+/**
+ * ModuleLookupEditor - AG Grid cell editor s ModuleDropdownList
+ * Zobrazí Select dropdown + tlačítko pro modální vyhledávání
+ * Při výběru položky ukončí editaci a vrátí celý objekt
+ */
+const ModuleLookupEditor = React.forwardRef(({
+  value,
+  onValueChange,
+  stopEditing,
+  moduleDefinition,
+}, ref) => {
+  const [selectedValue, setSelectedValue] = useState(value);
+
+  // Expose getValue method to AG Grid
+  React.useImperativeHandle(ref, () => ({
+    getValue: () => selectedValue,
+  }));
+
+  // Zrušit editaci pokud se hodnota nezměnila
+  useGridCellEditor({
+    isCancelAfterEnd: () => !selectedValue || selectedValue === value,
+  });
+
+  // Extrahovat ID z objektu pro ModuleDropdownList
+  const currentId = React.useMemo(() => {
+    if (!value) return null;
+    if (typeof value === 'object') {
+      return value[moduleDefinition?.valueField || 'id'];
+    }
+    return value;
+  }, [value, moduleDefinition]);
+
+  const handleChange = (id, fullObject) => {
+    setSelectedValue(fullObject);
+    if (onValueChange) {
+      onValueChange(fullObject);
+    }
+    setTimeout(() => {
+      stopEditing();
+    }, 0);
+  };
+
+  return (
+    <div style={{ width: '100%', minWidth: 200 }}>
+      <ModuleDropdownList
+        moduleDefinition={moduleDefinition}
+        value={currentId}
+        onChange={handleChange}
+        displayMode="full"
+        getContainer={() => document.body}
+        style={{ width: '100%' }}
+      />
+    </div>
+  );
+});
+
+ModuleLookupEditor.displayName = 'ModuleLookupEditor';
+
+export default ModuleLookupEditor;
+/* eslint-enable */

package/Editors/index.jsx

@@ -1 +1,2 @@
 export {default as DatePickerEditor} from './DatePickerEditor';
+export {default as ModuleLookupEditor} from './ModuleLookupEditor';

package/Renderers/ModuleLookupRenderer.jsx

@@ -0,0 +1,40 @@
+/* eslint-disable */
+import * as React from 'react';
+import { createMemoComparison } from '@bit.rhplus/react-memo';
+
+function ModuleLookupRenderer(props) {
+  const { value, colDef: { cellRendererParams = {} } = {} } = props;
+  const { getDisplayValue } = cellRendererParams;
+
+  const displayText = React.useMemo(() => {
+    if (!value) return '';
+    if (getDisplayValue) return getDisplayValue(value);
+    return value.code || value.name || '';
+  }, [value, getDisplayValue]);
+
+  if (!displayText) return null;
+
+  return (
+    <span style={{
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      display: 'block',
+      lineHeight: 'inherit',
+    }}>
+      {displayText}
+    </span>
+  );
+}
+
+ModuleLookupRenderer.displayName = 'ModuleLookupRenderer';
+
+const arePropsEqual = createMemoComparison(
+  ['value', 'data'],
+  ['colDef'],
+  false,
+  'ModuleLookupRenderer'
+);
+
+export default React.memo(ModuleLookupRenderer, arePropsEqual);
+/* eslint-enable */

package/Renderers/index.jsx

@@ -1 +1,2 @@
 export {default as SelectCellRenderer} from './SelectCellRenderer';
+export {default as ModuleLookupRenderer} from './ModuleLookupRenderer';

package/dist/Editors/ModuleLookupEditor.d.ts

@@ -0,0 +1,8 @@
+export default ModuleLookupEditor;
+/**
+ * ModuleLookupEditor - AG Grid cell editor s ModuleDropdownList
+ * Zobrazí Select dropdown + tlačítko pro modální vyhledávání
+ * Při výběru položky ukončí editaci a vrátí celý objekt
+ */
+declare const ModuleLookupEditor: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/dist/Editors/ModuleLookupEditor.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable */
+import React, { useState } from 'react';
+import { useGridCellEditor } from 'ag-grid-react';
+import ModuleDropdownList from '@bit.rhplus/ui2.module-dropdown-list';
+/**
+ * ModuleLookupEditor - AG Grid cell editor s ModuleDropdownList
+ * Zobrazí Select dropdown + tlačítko pro modální vyhledávání
+ * Při výběru položky ukončí editaci a vrátí celý objekt
+ */
+const ModuleLookupEditor = React.forwardRef(({ value, onValueChange, stopEditing, moduleDefinition, }, ref) => {
+    const [selectedValue, setSelectedValue] = useState(value);
+    // Expose getValue method to AG Grid
+    React.useImperativeHandle(ref, () => ({
+        getValue: () => selectedValue,
+    }));
+    // Zrušit editaci pokud se hodnota nezměnila
+    useGridCellEditor({
+        isCancelAfterEnd: () => !selectedValue || selectedValue === value,
+    });
+    // Extrahovat ID z objektu pro ModuleDropdownList
+    const currentId = React.useMemo(() => {
+        if (!value)
+            return null;
+        if (typeof value === 'object') {
+            return value[moduleDefinition?.valueField || 'id'];
+        }
+        return value;
+    }, [value, moduleDefinition]);
+    const handleChange = (id, fullObject) => {
+        setSelectedValue(fullObject);
+        if (onValueChange) {
+            onValueChange(fullObject);
+        }
+        setTimeout(() => {
+            stopEditing();
+        }, 0);
+    };
+    return (_jsx("div", { style: { width: '100%', minWidth: 200 }, children: _jsx(ModuleDropdownList, { moduleDefinition: moduleDefinition, value: currentId, onChange: handleChange, displayMode: "full", getContainer: () => document.body, style: { width: '100%' } }) }));
+});
+ModuleLookupEditor.displayName = 'ModuleLookupEditor';
+export default ModuleLookupEditor;
+//# sourceMappingURL=ModuleLookupEditor.js.map

package/dist/Editors/ModuleLookupEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleLookupEditor.js","sourceRoot":"","sources":["../../Editors/ModuleLookupEditor.jsx"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AAEtE;;;;GAIG;AACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAC3C,KAAK,EACL,aAAa,EACb,WAAW,EACX,gBAAgB,GACjB,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,oCAAoC;IACpC,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa;KAC9B,CAAC,CAAC,CAAC;IAEJ,4CAA4C;IAC5C,iBAAiB,CAAC;QAChB,gBAAgB,EAAE,GAAG,EAAE,CAAC,CAAC,aAAa,IAAI,aAAa,KAAK,KAAK;KAClE,CAAC,CAAC;IAEH,iDAAiD;IACjD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC,gBAAgB,EAAE,UAAU,IAAI,IAAI,CAAC,CAAC;QACrD,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE;QACtC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC7B,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC;QACD,UAAU,CAAC,GAAG,EAAE;YACd,WAAW,EAAE,CAAC;QAChB,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC1C,KAAC,kBAAkB,IACjB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,MAAM,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACxB,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,eAAe,kBAAkB,CAAC"}

package/dist/Editors/index.js

@@ -1,2 +1,3 @@
 export { default as DatePickerEditor } from './DatePickerEditor';
+export { default as ModuleLookupEditor } from './ModuleLookupEditor';
 //# sourceMappingURL=index.js.map

package/dist/Editors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../Editors/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../Editors/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,sBAAsB,CAAC"}

package/dist/Renderers/ModuleLookupRenderer.d.ts

@@ -0,0 +1,3 @@
+declare const _default: React.NamedExoticComponent<any>;
+export default _default;
+import * as React from 'react';

package/dist/Renderers/ModuleLookupRenderer.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable */
+import * as React from 'react';
+import { createMemoComparison } from '@bit.rhplus/react-memo';
+function ModuleLookupRenderer(props) {
+    const { value, colDef: { cellRendererParams = {} } = {} } = props;
+    const { getDisplayValue } = cellRendererParams;
+    const displayText = React.useMemo(() => {
+        if (!value)
+            return '';
+        if (getDisplayValue)
+            return getDisplayValue(value);
+        return value.code || value.name || '';
+    }, [value, getDisplayValue]);
+    if (!displayText)
+        return null;
+    return (_jsx("span", { style: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            display: 'block',
+            lineHeight: 'inherit',
+        }, children: displayText }));
+}
+ModuleLookupRenderer.displayName = 'ModuleLookupRenderer';
+const arePropsEqual = createMemoComparison(['value', 'data'], ['colDef'], false, 'ModuleLookupRenderer');
+export default React.memo(ModuleLookupRenderer, arePropsEqual);
+//# sourceMappingURL=ModuleLookupRenderer.js.map

package/dist/Renderers/ModuleLookupRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleLookupRenderer.js","sourceRoot":"","sources":["../../Renderers/ModuleLookupRenderer.jsx"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,SAAS,oBAAoB,CAAC,KAAK;IACjC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QACtB,IAAI,eAAe;YAAE,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;QACnD,OAAO,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7B,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,eAAM,KAAK,EAAE;YACX,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,SAAS;SACtB,YACE,WAAW,GACP,CACR,CAAC;AACJ,CAAC;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,aAAa,GAAG,oBAAoB,CACxC,CAAC,OAAO,EAAE,MAAM,CAAC,EACjB,CAAC,QAAQ,CAAC,EACV,KAAK,EACL,sBAAsB,CACvB,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAC"}

package/dist/Renderers/index.js

@@ -1,2 +1,3 @@
 export { default as SelectCellRenderer } from './SelectCellRenderer';
+export { default as ModuleLookupRenderer } from './ModuleLookupRenderer';
 //# sourceMappingURL=index.js.map

package/dist/Renderers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../Renderers/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../Renderers/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAC,OAAO,IAAI,oBAAoB,EAAC,MAAM,wBAAwB,CAAC"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@bit.rhplus/ag-grid",
-  "version": "0.0.115",
+  "version": "0.0.116",
   "homepage": "https://bit.cloud/remote-scope/ag-grid",
   "main": "dist/index.js",
   "componentId": {
     "scope": "remote-scope",
     "name": "ag-grid",
-    "version": "0.0.115"
+    "version": "0.0.116"
   },
   "dependencies": {
     "moment": "^2.30.1",
@@ -21,10 +21,10 @@
     "styled-components": "^6.1.19",
     "lucide-react": "^0.503.0",
     "linq": "^4.0.3",
-    "@bit.rhplus/ui.grid": "0.0.133",
+    "@bit.rhplus/ui.grid": "0.0.134",
     "@bit.rhplus/react-memo": "0.0.7",
     "@bit.rhplus/linq": "0.0.10",
-    "@bit.rhplus/ui2.module-dropdown-list": "0.1.109",
+    "@bit.rhplus/ui2.module-dropdown-list": "0.1.110",
     "@bit.rhplus/data": "0.0.87",
     "@bit.rhplus/ui.avatar": "0.0.18"
   },