@michalrakus/x-react-web-lib 1.8.0 → 1.10.0

package/lib/components/XDataTable.js

@@ -1,197 +1,197 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XColumn = exports.XDataTable = void 0;
-var react_1 = __importStar(require("react"));
-var XUtils_1 = require("./XUtils");
-var button_1 = require("primereact/button");
-var datatable_1 = require("primereact/datatable");
-var column_1 = require("primereact/column");
-// TODO - nedokoncena nepouzivana ne-lazy DataTable
-var XDataTable = function (props) {
-    var dataTableEl = (0, react_1.useRef)(null);
-    var _a = __read((0, react_1.useState)([]), 2), value = _a[0], setValue = _a[1];
-    var _b = __read((0, react_1.useState)(false), 2), loading = _b[0], setLoading = _b[1];
-    var _c = __read((0, react_1.useState)(null), 2), selectedRow = _c[0], setSelectedRow = _c[1];
-    // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
-    (0, react_1.useEffect)(function () {
-        loadData();
-        console.log("XDataTable - data loaded (simple)");
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    var onClickFilter = function () {
-        console.log("zavolany onClickFilter");
-        loadData();
-    };
-    var loadData = function () {
-        //loadDataBase({first: first, rows: rows, filters: filters, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields()});
-    };
-    var loadDataBase = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
-        var findResult;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    console.log("zavolany loadDataBase - startIndex = " + findParam.first + ", endIndex = " + (((_a = findParam.first) !== null && _a !== void 0 ? _a : 0) + ((_b = findParam.rows) !== null && _b !== void 0 ? _b : 0)) + ", filters = " + JSON.stringify(findParam.filters) + ", multiSortMeta = " + JSON.stringify(findParam.multiSortMeta) + ", fields = " + JSON.stringify(findParam.fields));
-                    setLoading(true);
-                    return [4 /*yield*/, findByFilter(findParam)];
-                case 1:
-                    findResult = _d.sent();
-                    setValue((_c = findResult.rowList) !== null && _c !== void 0 ? _c : []);
-                    setLoading(false);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var findByFilter = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, rowList, totalRecords;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, XUtils_1.XUtils.fetchOne('lazyDataTableFindRows', findParam)];
-                case 1:
-                    _a = _b.sent(), rowList = _a.rowList, totalRecords = _a.totalRecords;
-                    return [2 /*return*/, { rowList: rowList, totalRecords: parseInt(totalRecords) }];
-            }
-        });
-    }); };
-    var getFields = function () {
-        // krasne zobrazi cely objekt!
-        //console.log(dataTableEl.current);
-        var e_1, _a;
-        var fields = [];
-        var columns = dataTableEl.current.props.children;
-        try {
-            for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                var column = columns_1_1.value;
-                fields.push(column.props.field);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return fields;
-    };
-    var onSelectionChange = function (event) {
-        console.log("zavolany onSelectionChange");
-        console.log(event.value);
-        setSelectedRow(event.value);
-    };
-    var onRowDoubleClick = function (event) {
-        console.log("zavolany onRowDoubleClick");
-        console.log(event.data);
-        props.onSelect(event.data);
-    };
-    var onClickSelect = function () {
-        console.log("zavolany onClickSelect");
-        if (selectedRow !== null) {
-            props.onSelect(selectedRow);
-        }
-        else {
-            console.log("Nie je vyselectovany ziaden zaznam.");
-        }
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(button_1.Button, { label: "Filter", onClick: onClickFilter }),
-        react_1.default.createElement(datatable_1.DataTable, { value: value, dataKey: props.dataKey, loading: loading, sortMode: "multiple", removableSort: true, selectionMode: "single", selection: selectedRow, onSelectionChange: onSelectionChange, onRowDoubleClick: onRowDoubleClick, ref: dataTableEl }, react_1.default.Children.map(props.children, function (child) {
-            // ak chceme zmenit child element, tak treba bud vytvorit novy alebo vyklonovat
-            // priklad je na https://soshace.com/building-react-components-using-children-props-and-context-api/
-            // (vzdy musime robit manipulacie so stlpcom, lebo potrebujeme pridat filter={true} sortable={true}
-            var childColumn = child; // nevedel som to krajsie...
-            return react_1.default.createElement(column_1.Column, { field: childColumn.props.field, header: childColumn.props.header, filter: true, sortable: true });
-        })),
-        react_1.default.createElement(button_1.Button, { label: "Select", onClick: onClickSelect })));
-};
-exports.XDataTable = XDataTable;
-var XColumn = function (props) {
-    // nevadi ze tu nic nevraciame, field a header vieme precitat a zvysok by sme aj tak zahodili lebo vytvarame novy element
-    return (null);
-};
-exports.XColumn = XColumn;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XColumn = exports.XDataTable = void 0;
+var react_1 = __importStar(require("react"));
+var XUtils_1 = require("./XUtils");
+var button_1 = require("primereact/button");
+var datatable_1 = require("primereact/datatable");
+var column_1 = require("primereact/column");
+// TODO - nedokoncena nepouzivana ne-lazy DataTable
+var XDataTable = function (props) {
+    var dataTableEl = (0, react_1.useRef)(null);
+    var _a = __read((0, react_1.useState)([]), 2), value = _a[0], setValue = _a[1];
+    var _b = __read((0, react_1.useState)(false), 2), loading = _b[0], setLoading = _b[1];
+    var _c = __read((0, react_1.useState)(null), 2), selectedRow = _c[0], setSelectedRow = _c[1];
+    // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
+    (0, react_1.useEffect)(function () {
+        loadData();
+        console.log("XDataTable - data loaded (simple)");
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    var onClickFilter = function () {
+        console.log("zavolany onClickFilter");
+        loadData();
+    };
+    var loadData = function () {
+        //loadDataBase({first: first, rows: rows, filters: filters, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields()});
+    };
+    var loadDataBase = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
+        var findResult;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    console.log("zavolany loadDataBase - startIndex = " + findParam.first + ", endIndex = " + (((_a = findParam.first) !== null && _a !== void 0 ? _a : 0) + ((_b = findParam.rows) !== null && _b !== void 0 ? _b : 0)) + ", filters = " + JSON.stringify(findParam.filters) + ", multiSortMeta = " + JSON.stringify(findParam.multiSortMeta) + ", fields = " + JSON.stringify(findParam.fields));
+                    setLoading(true);
+                    return [4 /*yield*/, findByFilter(findParam)];
+                case 1:
+                    findResult = _d.sent();
+                    setValue((_c = findResult.rowList) !== null && _c !== void 0 ? _c : []);
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var findByFilter = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, rowList, totalRecords;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, XUtils_1.XUtils.fetchOne('lazyDataTableFindRows', findParam)];
+                case 1:
+                    _a = _b.sent(), rowList = _a.rowList, totalRecords = _a.totalRecords;
+                    return [2 /*return*/, { rowList: rowList, totalRecords: parseInt(totalRecords) }];
+            }
+        });
+    }); };
+    var getFields = function () {
+        // krasne zobrazi cely objekt!
+        //console.log(dataTableEl.current);
+        var e_1, _a;
+        var fields = [];
+        var columns = dataTableEl.current.props.children;
+        try {
+            for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
+                var column = columns_1_1.value;
+                fields.push(column.props.field);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return fields;
+    };
+    var onSelectionChange = function (event) {
+        console.log("zavolany onSelectionChange");
+        console.log(event.value);
+        setSelectedRow(event.value);
+    };
+    var onRowDoubleClick = function (event) {
+        console.log("zavolany onRowDoubleClick");
+        console.log(event.data);
+        props.onSelect(event.data);
+    };
+    var onClickSelect = function () {
+        console.log("zavolany onClickSelect");
+        if (selectedRow !== null) {
+            props.onSelect(selectedRow);
+        }
+        else {
+            console.log("Nie je vyselectovany ziaden zaznam.");
+        }
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(button_1.Button, { label: "Filter", onClick: onClickFilter }),
+        react_1.default.createElement(datatable_1.DataTable, { value: value, dataKey: props.dataKey, loading: loading, sortMode: "multiple", removableSort: true, selectionMode: "single", selection: selectedRow, onSelectionChange: onSelectionChange, onRowDoubleClick: onRowDoubleClick, ref: dataTableEl }, react_1.default.Children.map(props.children, function (child) {
+            // ak chceme zmenit child element, tak treba bud vytvorit novy alebo vyklonovat
+            // priklad je na https://soshace.com/building-react-components-using-children-props-and-context-api/
+            // (vzdy musime robit manipulacie so stlpcom, lebo potrebujeme pridat filter={true} sortable={true}
+            var childColumn = child; // nevedel som to krajsie...
+            return react_1.default.createElement(column_1.Column, { field: childColumn.props.field, header: childColumn.props.header, filter: true, sortable: true });
+        })),
+        react_1.default.createElement(button_1.Button, { label: "Select", onClick: onClickSelect })));
+};
+exports.XDataTable = XDataTable;
+var XColumn = function (props) {
+    // nevadi ze tu nic nevraciame, field a header vieme precitat a zvysok by sme aj tak zahodili lebo vytvarame novy element
+    return (null);
+};
+exports.XColumn = XColumn;

package/lib/components/XDropdown.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import { XFilterProp, XFormComponent, XFormComponentProps } from "./XFormComponent";
-import { XAssoc } from "../serverApi/XEntityMetadata";
-import { XObject } from "./XObject";
-export interface XDropdownProps extends XFormComponentProps<XObject> {
-    assocField: string;
-    displayField: string;
-    sortField?: string;
-    filter?: XFilterProp;
-}
-export declare class XDropdown extends XFormComponent<XObject, XDropdownProps> {
-    protected xAssoc: XAssoc;
-    constructor(props: XDropdownProps);
-    getField(): string;
-    isNotNull(): boolean;
-    getValue(): any | null;
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { XFilterProp, XFormComponent, XFormComponentProps } from "./XFormComponent";
+import { XAssoc } from "../serverApi/XEntityMetadata";
+import { XObject } from "./XObject";
+export interface XDropdownProps extends XFormComponentProps<XObject> {
+    assocField: string;
+    displayField: string;
+    sortField?: string;
+    filter?: XFilterProp;
+}
+export declare class XDropdown extends XFormComponent<XObject, XDropdownProps> {
+    protected xAssoc: XAssoc;
+    constructor(props: XDropdownProps);
+    getField(): string;
+    isNotNull(): boolean;
+    getValue(): any | null;
+    render(): JSX.Element;
+}

package/lib/components/XDropdown.js

@@ -1,57 +1,57 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XDropdown = void 0;
-var react_1 = __importDefault(require("react"));
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XFormComponent_1 = require("./XFormComponent");
-var XDropdownForEntity_1 = require("./XDropdownForEntity");
-var XDropdown = /** @class */ (function (_super) {
-    __extends(XDropdown, _super);
-    function XDropdown(props) {
-        var _this = _super.call(this, props) || this;
-        _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity()), props.assocField);
-        props.form.addField(props.assocField + '.' + props.displayField);
-        return _this;
-    }
-    XDropdown.prototype.getField = function () {
-        return this.props.assocField;
-    };
-    XDropdown.prototype.isNotNull = function () {
-        return !this.xAssoc.isNullable;
-    };
-    XDropdown.prototype.getValue = function () {
-        var assocObject = this.getValueFromObject();
-        return assocObject;
-    };
-    XDropdown.prototype.render = function () {
-        var _this = this;
-        // POZOR!
-        // this.getFilterBase(this.props.filter) - nefunguje dynamicky filter, lebo objekt potrebny vo funkcii this.props.filter sa nacitava az v XFormBase.componentDidMount()
-        // a funkcia this.props.filter sa vola skor (pri vypocitavani atributu filter)
-        // ani keby bola funkcia volana vo componentDidMount() tohto XDropdown, nepomohlo by to, tento componentDidMount() sa vola skor ako componentDidMount() parenta XFormBase
-        // planuje sa to riesit bud zavedenim cache pre options alebo vytiahnutim options na uroven XFormBase
-        return (react_1.default.createElement("div", { className: "field grid" },
-            react_1.default.createElement("label", { htmlFor: this.props.assocField, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
-            react_1.default.createElement(XDropdownForEntity_1.XDropdownForEntity, { id: this.props.assocField, entity: this.xAssoc.entityName, displayField: this.props.displayField, sortField: this.props.sortField, value: this.getValue(), onChange: function (value) { return _this.onValueChangeBase(value, _this.props.onChange); }, readOnly: this.isReadOnly(), isNotNull: this.isNotNull(), error: this.getError(), filter: this.getFilterBase(this.props.filter) })));
-    };
-    return XDropdown;
-}(XFormComponent_1.XFormComponent));
-exports.XDropdown = XDropdown;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XDropdown = void 0;
+var react_1 = __importDefault(require("react"));
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var XFormComponent_1 = require("./XFormComponent");
+var XDropdownForEntity_1 = require("./XDropdownForEntity");
+var XDropdown = /** @class */ (function (_super) {
+    __extends(XDropdown, _super);
+    function XDropdown(props) {
+        var _this = _super.call(this, props) || this;
+        _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity()), props.assocField);
+        props.form.addField(props.assocField + '.' + props.displayField);
+        return _this;
+    }
+    XDropdown.prototype.getField = function () {
+        return this.props.assocField;
+    };
+    XDropdown.prototype.isNotNull = function () {
+        return !this.xAssoc.isNullable;
+    };
+    XDropdown.prototype.getValue = function () {
+        var assocObject = this.getValueFromObject();
+        return assocObject;
+    };
+    XDropdown.prototype.render = function () {
+        var _this = this;
+        // POZOR!
+        // this.getFilterBase(this.props.filter) - nefunguje dynamicky filter, lebo objekt potrebny vo funkcii this.props.filter sa nacitava az v XFormBase.componentDidMount()
+        // a funkcia this.props.filter sa vola skor (pri vypocitavani atributu filter)
+        // ani keby bola funkcia volana vo componentDidMount() tohto XDropdown, nepomohlo by to, tento componentDidMount() sa vola skor ako componentDidMount() parenta XFormBase
+        // planuje sa to riesit bud zavedenim cache pre options alebo vytiahnutim options na uroven XFormBase
+        return (react_1.default.createElement("div", { className: "field grid" },
+            react_1.default.createElement("label", { htmlFor: this.props.assocField, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
+            react_1.default.createElement(XDropdownForEntity_1.XDropdownForEntity, { id: this.props.assocField, entity: this.xAssoc.entityName, displayField: this.props.displayField, sortField: this.props.sortField, value: this.getValue(), onChange: function (value) { return _this.onValueChangeBase(value, _this.props.onChange); }, readOnly: this.isReadOnly(), isNotNull: this.isNotNull(), error: this.getError(), filter: this.getFilterBase(this.props.filter) })));
+    };
+    return XDropdown;
+}(XFormComponent_1.XFormComponent));
+exports.XDropdown = XDropdown;

package/lib/components/XDropdownDT.d.ts

@@ -1,13 +1,16 @@
-/// <reference types="react" />
-import { XFormBase } from "./XFormBase";
-import { XDropdownOptionsMap } from "./XFormDataTable2";
-export declare const XDropdownDT: (props: {
-    form: XFormBase;
-    entity: string;
-    assocField: string;
-    displayField: string;
-    dropdownOptionsMap: XDropdownOptionsMap;
-    onDropdownOptionsMapChange: (dropdownOptionsMap: XDropdownOptionsMap) => void;
-    rowData: any;
-    readOnly?: boolean | undefined;
-}) => JSX.Element;
+/// <reference types="react" />
+import { XFormBase } from "./XFormBase";
+import { XDropdownOptionsMap } from "./XFormDataTable2";
+import { XCustomFilter } from "../serverApi/FindParam";
+export declare const XDropdownDT: (props: {
+    form: XFormBase;
+    entity: string;
+    assocField: string;
+    displayField: string;
+    sortField?: string | undefined;
+    filter?: XCustomFilter | undefined;
+    dropdownOptionsMap: XDropdownOptionsMap;
+    onDropdownOptionsMapChange: (dropdownOptionsMap: XDropdownOptionsMap) => void;
+    rowData: any;
+    readOnly?: boolean | undefined;
+}) => JSX.Element;