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

package/lib/components/XBrowse.js

@@ -1,360 +1,360 @@
-"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 __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 __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.");
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XBrowse = void 0;
-var react_1 = __importStar(require("react"));
-var SourceCodeLinkEntity_1 = require("./SourceCodeLinkEntity");
-var XEditColumnDialog_1 = require("./XEditColumnDialog");
-var _ = __importStar(require("lodash"));
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XUtils_1 = require("./XUtils");
-var XLazyDataTable_1 = require("./XLazyDataTable");
-// TODO - pouzit extends XBrowseBase, ako je tomu pri CarForm?
-var XBrowse = /** @class */ (function (_super) {
-    __extends(XBrowse, _super);
-    function XBrowse(props) {
-        var _this = _super.call(this, props) || this;
-        console.log("************* XBrowse const entity = " + _this.props.entity);
-        _this.getXBrowseMeta = _this.getXBrowseMeta.bind(_this);
-        var xBrowseMeta = _this.getXBrowseMeta();
-        _this.state = {
-            xBrowseMeta: xBrowseMeta,
-            editMode: false,
-            editColumnDialogOpened: false
-        };
-        _this.addColumn = false;
-        _this.createDefaultXBrowseMeta = _this.createDefaultXBrowseMeta.bind(_this);
-        _this.onEditModeStart = _this.onEditModeStart.bind(_this);
-        _this.onEditModeSave = _this.onEditModeSave.bind(_this);
-        _this.onEditModeCancel = _this.onEditModeCancel.bind(_this);
-        _this.onAddColumn = _this.onAddColumn.bind(_this);
-        _this.editColumnDialogOnHide = _this.editColumnDialogOnHide.bind(_this);
-        _this.onEditColumn = _this.onEditColumn.bind(_this);
-        _this.onRemoveColumn = _this.onRemoveColumn.bind(_this);
-        _this.onMoveColumnLeft = _this.onMoveColumnLeft.bind(_this);
-        _this.onMoveColumnRight = _this.onMoveColumnRight.bind(_this);
-        _this.moveColumn = _this.moveColumn.bind(_this);
-        _this.onEdit = _this.onEdit.bind(_this);
-        return _this;
-    }
-    XBrowse.prototype.getXBrowseMeta = function () {
-        var xBrowseMeta = XUtilsMetadata_1.XUtilsMetadata.getXBrowseMeta(this.props.entity, this.props.browseId);
-        if (xBrowseMeta === undefined) {
-            xBrowseMeta = this.createDefaultXBrowseMeta();
-        }
-        return xBrowseMeta;
-    };
-    XBrowse.prototype.createDefaultXBrowseMeta = function () {
-        var e_1, _a;
-        var xColumnMetaList = [];
-        var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.props.entity);
-        var xFieldList = XUtilsMetadata_1.XUtilsMetadata.getXFieldList(xEntity);
-        try {
-            for (var xFieldList_1 = __values(xFieldList), xFieldList_1_1 = xFieldList_1.next(); !xFieldList_1_1.done; xFieldList_1_1 = xFieldList_1.next()) {
-                var xField = xFieldList_1_1.value;
-                xColumnMetaList.push({ field: xField.name, header: xField.name, dropdownInFilter: false });
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (xFieldList_1_1 && !xFieldList_1_1.done && (_a = xFieldList_1.return)) _a.call(xFieldList_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return { entity: this.props.entity, rows: 15, columnMetaList: xColumnMetaList };
-    };
-    XBrowse.prototype.onEditModeStart = function () {
-        // zmeny budeme robit na klonovanych datach - aby sme sa vedeli cez cancel vratit do povodneho stavu
-        var xBrowseMetaCloned = _.cloneDeep(this.state.xBrowseMeta);
-        this.setState({ xBrowseMeta: xBrowseMetaCloned, editMode: true });
-    };
-    XBrowse.prototype.onEditModeSave = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var xBrowseMeta, columnOrder, _a, _b, xColumnMeta, e_2;
-            var e_3, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        xBrowseMeta = this.state.xBrowseMeta;
-                        columnOrder = 0;
-                        try {
-                            for (_a = __values(xBrowseMeta.columnMetaList), _b = _a.next(); !_b.done; _b = _a.next()) {
-                                xColumnMeta = _b.value;
-                                columnOrder++;
-                                xColumnMeta.columnOrder = columnOrder;
-                            }
-                        }
-                        catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                        finally {
-                            try {
-                                if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
-                            }
-                            finally { if (e_3) throw e_3.error; }
-                        }
-                        console.log(xBrowseMeta);
-                        _d.label = 1;
-                    case 1:
-                        _d.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, XUtils_1.XUtils.post('saveRow', { entity: "XBrowseMeta", object: xBrowseMeta })];
-                    case 2:
-                        _d.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        e_2 = _d.sent();
-                        XUtils_1.XUtils.showErrorMessage("Save row XBrowseMeta failed.", e_2);
-                        return [2 /*return*/]; // zostavame v edit mode
-                    case 4:
-                        // zmeny ulozime aj do cache formularov
-                        XUtilsMetadata_1.XUtilsMetadata.setXBrowseMeta(this.props.entity, this.props.browseId, xBrowseMeta);
-                        this.setState({ editMode: false });
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    XBrowse.prototype.onEditModeCancel = function () {
-        // vratime formular z cache, resp. defaultny formular
-        var xBrowseMeta = this.getXBrowseMeta();
-        this.setState({ editMode: false, xBrowseMeta: xBrowseMeta });
-    };
-    XBrowse.prototype.onAddColumn = function (field) {
-        console.log("onAddColumn: " + field);
-        this.indexForAddColumn = this.getIndexForColumn(field);
-        this.addColumn = true;
-        this.xEditColumnDialogValues = { field: "", header: "", dropdownInFilter: false }; // values are used for dialog initialization
-        this.setState({ editColumnDialogOpened: true });
-    };
-    XBrowse.prototype.editColumnDialogOnHide = function (xEditColumnDialogValues) {
-        if (xEditColumnDialogValues !== null) {
-            if (this.indexForAddColumn !== undefined) {
-                var xBrowseMeta = this.state.xBrowseMeta;
-                if (this.addColumn) {
-                    xBrowseMeta.columnMetaList.splice(this.indexForAddColumn + 1, 0, {
-                        field: xEditColumnDialogValues.field,
-                        header: xEditColumnDialogValues.header,
-                        dropdownInFilter: xEditColumnDialogValues.dropdownInFilter
-                    });
-                }
-                else {
-                    var xColumnMeta = xBrowseMeta.columnMetaList[this.indexForAddColumn];
-                    xColumnMeta.header = xEditColumnDialogValues.header;
-                    xColumnMeta.dropdownInFilter = xEditColumnDialogValues.dropdownInFilter;
-                }
-                // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
-                this.setState({ xBrowseMeta: xBrowseMeta, editColumnDialogOpened: false });
-                return;
-            }
-        }
-        this.setState({ editColumnDialogOpened: false });
-    };
-    XBrowse.prototype.onEditColumn = function (field) {
-        var _a;
-        console.log("onEditColumn: " + field);
-        this.indexForAddColumn = this.getIndexForColumn(field);
-        var xBrowseMeta = this.state.xBrowseMeta;
-        if (this.indexForAddColumn !== undefined) {
-            var xColumnMeta = xBrowseMeta.columnMetaList[this.indexForAddColumn];
-            this.addColumn = false;
-            this.xEditColumnDialogValues = { field: xColumnMeta.field, header: xColumnMeta.header, dropdownInFilter: (_a = xColumnMeta.dropdownInFilter) !== null && _a !== void 0 ? _a : false }; // values are used for dialog initialization
-            this.setState({ editColumnDialogOpened: true });
-        }
-    };
-    XBrowse.prototype.onRemoveColumn = function (field) {
-        console.log("onRemoveColumn: " + field);
-        var index = this.getIndexForColumn(field);
-        if (index !== undefined) {
-            var xBrowseMeta = this.state.xBrowseMeta;
-            xBrowseMeta.columnMetaList.splice(index, 1);
-            // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
-            this.setState({ xBrowseMeta: xBrowseMeta });
-        }
-    };
-    XBrowse.prototype.onMoveColumnLeft = function (field) {
-        this.moveColumn(field, -1);
-    };
-    XBrowse.prototype.onMoveColumnRight = function (field) {
-        this.moveColumn(field, 1);
-    };
-    XBrowse.prototype.moveColumn = function (field, offset) {
-        var index = this.getIndexForColumn(field);
-        if (index !== undefined) {
-            var xBrowseMeta = this.state.xBrowseMeta;
-            XUtils_1.XUtils.arrayMoveElement(xBrowseMeta.columnMetaList, index, offset);
-            // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
-            this.setState({ xBrowseMeta: xBrowseMeta });
-        }
-    };
-    XBrowse.prototype.getIndexForColumn = function (field) {
-        var e_4, _a;
-        var searchedIndex = undefined;
-        var xBrowseMeta = this.state.xBrowseMeta;
-        try {
-            for (var _b = __values(xBrowseMeta.columnMetaList.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var _d = __read(_c.value, 2), index = _d[0], xColumnMeta = _d[1];
-                if (xColumnMeta.field.localeCompare(field) === 0) {
-                    searchedIndex = index;
-                    break;
-                }
-            }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_4) throw e_4.error; }
-        }
-        return searchedIndex;
-    };
-    XBrowse.prototype.onEdit = function (selectedRow) {
-        var formElement = XUtils_1.XUtils.getAppForm(this.props.entity);
-        if (formElement !== undefined) {
-            var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.props.entity);
-            var id = selectedRow[xEntity.idField];
-            // we add property id={selectedRow.<id>} into formElement
-            var formElementCloned = react_1.default.cloneElement(formElement, { id: id }, formElement.children);
-            // openForm pridavame automaticky v XFormNavigator3 pri renderovani komponentu
-            this.props.openForm(formElementCloned);
-        }
-        else {
-            console.log("XBrowse entity = ".concat(this.props.entity, ": form not found/registered."));
-        }
-    };
-    XBrowse.prototype.render = function () {
-        var xBrowseMeta = this.state.xBrowseMeta;
-        var xEditModeHandlers = {
-            onStart: this.onEditModeStart,
-            onSave: this.onEditModeSave,
-            onCancel: this.onEditModeCancel,
-            onAddColumn: this.onAddColumn,
-            onEditColumn: this.onEditColumn,
-            onRemoveColumn: this.onRemoveColumn,
-            onMoveColumnLeft: this.onMoveColumnLeft,
-            onMoveColumnRight: this.onMoveColumnRight
-        };
-        // for demo example classes
-        var entitySourceCodeLink;
-        if (xBrowseMeta.entity === "Brand") {
-            entitySourceCodeLink = react_1.default.createElement(SourceCodeLinkEntity_1.SourceCodeLinkEntity, { sourceCodeFile: "brand.entity.ts" });
-        }
-        else if (xBrowseMeta.entity === "Car") {
-            entitySourceCodeLink = react_1.default.createElement(SourceCodeLinkEntity_1.SourceCodeLinkEntity, { sourceCodeFile: "car.entity.ts" });
-        }
-        var formSourceCode;
-        if (entitySourceCodeLink !== undefined) {
-            formSourceCode =
-                react_1.default.createElement("div", { className: "flex justify-content-center mt-3" },
-                    react_1.default.createElement("span", { className: "source-code-link" }, "Form is saved in DB (Administration - Browses)"));
-        }
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement(XLazyDataTable_1.XLazyDataTable, { entity: xBrowseMeta.entity, rows: xBrowseMeta.rows, editMode: this.state.editMode, editModeHandlers: xEditModeHandlers, onEdit: this.onEdit, displayed: this.props.displayed }, xBrowseMeta.columnMetaList.map(function (xColumnMeta, index) {
-                return (react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { key: index, field: xColumnMeta.field, header: xColumnMeta.header, dropdownInFilter: xColumnMeta.dropdownInFilter, align: xColumnMeta.align, width: xColumnMeta.width }));
-            })),
-            formSourceCode,
-            entitySourceCodeLink,
-            react_1.default.createElement(XEditColumnDialog_1.XEditColumnDialog, { dialogOpened: this.state.editColumnDialogOpened, entity: xBrowseMeta.entity, addColumn: this.addColumn, xEditColumnDialogValues: this.xEditColumnDialogValues, onHideDialog: this.editColumnDialogOnHide })));
-    };
-    return XBrowse;
-}(react_1.Component));
-exports.XBrowse = XBrowse;
+"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 __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 __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.");
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XBrowse = void 0;
+var react_1 = __importStar(require("react"));
+var SourceCodeLinkEntity_1 = require("./SourceCodeLinkEntity");
+var XEditColumnDialog_1 = require("./XEditColumnDialog");
+var _ = __importStar(require("lodash"));
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var XUtils_1 = require("./XUtils");
+var XLazyDataTable_1 = require("./XLazyDataTable");
+// TODO - pouzit extends XBrowseBase, ako je tomu pri CarForm?
+var XBrowse = /** @class */ (function (_super) {
+    __extends(XBrowse, _super);
+    function XBrowse(props) {
+        var _this = _super.call(this, props) || this;
+        console.log("************* XBrowse const entity = " + _this.props.entity);
+        _this.getXBrowseMeta = _this.getXBrowseMeta.bind(_this);
+        var xBrowseMeta = _this.getXBrowseMeta();
+        _this.state = {
+            xBrowseMeta: xBrowseMeta,
+            editMode: false,
+            editColumnDialogOpened: false
+        };
+        _this.addColumn = false;
+        _this.createDefaultXBrowseMeta = _this.createDefaultXBrowseMeta.bind(_this);
+        _this.onEditModeStart = _this.onEditModeStart.bind(_this);
+        _this.onEditModeSave = _this.onEditModeSave.bind(_this);
+        _this.onEditModeCancel = _this.onEditModeCancel.bind(_this);
+        _this.onAddColumn = _this.onAddColumn.bind(_this);
+        _this.editColumnDialogOnHide = _this.editColumnDialogOnHide.bind(_this);
+        _this.onEditColumn = _this.onEditColumn.bind(_this);
+        _this.onRemoveColumn = _this.onRemoveColumn.bind(_this);
+        _this.onMoveColumnLeft = _this.onMoveColumnLeft.bind(_this);
+        _this.onMoveColumnRight = _this.onMoveColumnRight.bind(_this);
+        _this.moveColumn = _this.moveColumn.bind(_this);
+        _this.onEdit = _this.onEdit.bind(_this);
+        return _this;
+    }
+    XBrowse.prototype.getXBrowseMeta = function () {
+        var xBrowseMeta = XUtilsMetadata_1.XUtilsMetadata.getXBrowseMeta(this.props.entity, this.props.browseId);
+        if (xBrowseMeta === undefined) {
+            xBrowseMeta = this.createDefaultXBrowseMeta();
+        }
+        return xBrowseMeta;
+    };
+    XBrowse.prototype.createDefaultXBrowseMeta = function () {
+        var e_1, _a;
+        var xColumnMetaList = [];
+        var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.props.entity);
+        var xFieldList = XUtilsMetadata_1.XUtilsMetadata.getXFieldList(xEntity);
+        try {
+            for (var xFieldList_1 = __values(xFieldList), xFieldList_1_1 = xFieldList_1.next(); !xFieldList_1_1.done; xFieldList_1_1 = xFieldList_1.next()) {
+                var xField = xFieldList_1_1.value;
+                xColumnMetaList.push({ field: xField.name, header: xField.name, dropdownInFilter: false });
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (xFieldList_1_1 && !xFieldList_1_1.done && (_a = xFieldList_1.return)) _a.call(xFieldList_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return { entity: this.props.entity, rows: 15, columnMetaList: xColumnMetaList };
+    };
+    XBrowse.prototype.onEditModeStart = function () {
+        // zmeny budeme robit na klonovanych datach - aby sme sa vedeli cez cancel vratit do povodneho stavu
+        var xBrowseMetaCloned = _.cloneDeep(this.state.xBrowseMeta);
+        this.setState({ xBrowseMeta: xBrowseMetaCloned, editMode: true });
+    };
+    XBrowse.prototype.onEditModeSave = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var xBrowseMeta, columnOrder, _a, _b, xColumnMeta, e_2;
+            var e_3, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        xBrowseMeta = this.state.xBrowseMeta;
+                        columnOrder = 0;
+                        try {
+                            for (_a = __values(xBrowseMeta.columnMetaList), _b = _a.next(); !_b.done; _b = _a.next()) {
+                                xColumnMeta = _b.value;
+                                columnOrder++;
+                                xColumnMeta.columnOrder = columnOrder;
+                            }
+                        }
+                        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                        finally {
+                            try {
+                                if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                            }
+                            finally { if (e_3) throw e_3.error; }
+                        }
+                        console.log(xBrowseMeta);
+                        _d.label = 1;
+                    case 1:
+                        _d.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, XUtils_1.XUtils.post('saveRow', { entity: "XBrowseMeta", object: xBrowseMeta })];
+                    case 2:
+                        _d.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        e_2 = _d.sent();
+                        XUtils_1.XUtils.showErrorMessage("Save row XBrowseMeta failed.", e_2);
+                        return [2 /*return*/]; // zostavame v edit mode
+                    case 4:
+                        // zmeny ulozime aj do cache formularov
+                        XUtilsMetadata_1.XUtilsMetadata.setXBrowseMeta(this.props.entity, this.props.browseId, xBrowseMeta);
+                        this.setState({ editMode: false });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XBrowse.prototype.onEditModeCancel = function () {
+        // vratime formular z cache, resp. defaultny formular
+        var xBrowseMeta = this.getXBrowseMeta();
+        this.setState({ editMode: false, xBrowseMeta: xBrowseMeta });
+    };
+    XBrowse.prototype.onAddColumn = function (field) {
+        console.log("onAddColumn: " + field);
+        this.indexForAddColumn = this.getIndexForColumn(field);
+        this.addColumn = true;
+        this.xEditColumnDialogValues = { field: "", header: "", dropdownInFilter: false }; // values are used for dialog initialization
+        this.setState({ editColumnDialogOpened: true });
+    };
+    XBrowse.prototype.editColumnDialogOnHide = function (xEditColumnDialogValues) {
+        if (xEditColumnDialogValues !== null) {
+            if (this.indexForAddColumn !== undefined) {
+                var xBrowseMeta = this.state.xBrowseMeta;
+                if (this.addColumn) {
+                    xBrowseMeta.columnMetaList.splice(this.indexForAddColumn + 1, 0, {
+                        field: xEditColumnDialogValues.field,
+                        header: xEditColumnDialogValues.header,
+                        dropdownInFilter: xEditColumnDialogValues.dropdownInFilter
+                    });
+                }
+                else {
+                    var xColumnMeta = xBrowseMeta.columnMetaList[this.indexForAddColumn];
+                    xColumnMeta.header = xEditColumnDialogValues.header;
+                    xColumnMeta.dropdownInFilter = xEditColumnDialogValues.dropdownInFilter;
+                }
+                // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
+                this.setState({ xBrowseMeta: xBrowseMeta, editColumnDialogOpened: false });
+                return;
+            }
+        }
+        this.setState({ editColumnDialogOpened: false });
+    };
+    XBrowse.prototype.onEditColumn = function (field) {
+        var _a;
+        console.log("onEditColumn: " + field);
+        this.indexForAddColumn = this.getIndexForColumn(field);
+        var xBrowseMeta = this.state.xBrowseMeta;
+        if (this.indexForAddColumn !== undefined) {
+            var xColumnMeta = xBrowseMeta.columnMetaList[this.indexForAddColumn];
+            this.addColumn = false;
+            this.xEditColumnDialogValues = { field: xColumnMeta.field, header: xColumnMeta.header, dropdownInFilter: (_a = xColumnMeta.dropdownInFilter) !== null && _a !== void 0 ? _a : false }; // values are used for dialog initialization
+            this.setState({ editColumnDialogOpened: true });
+        }
+    };
+    XBrowse.prototype.onRemoveColumn = function (field) {
+        console.log("onRemoveColumn: " + field);
+        var index = this.getIndexForColumn(field);
+        if (index !== undefined) {
+            var xBrowseMeta = this.state.xBrowseMeta;
+            xBrowseMeta.columnMetaList.splice(index, 1);
+            // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
+            this.setState({ xBrowseMeta: xBrowseMeta });
+        }
+    };
+    XBrowse.prototype.onMoveColumnLeft = function (field) {
+        this.moveColumn(field, -1);
+    };
+    XBrowse.prototype.onMoveColumnRight = function (field) {
+        this.moveColumn(field, 1);
+    };
+    XBrowse.prototype.moveColumn = function (field, offset) {
+        var index = this.getIndexForColumn(field);
+        if (index !== undefined) {
+            var xBrowseMeta = this.state.xBrowseMeta;
+            XUtils_1.XUtils.arrayMoveElement(xBrowseMeta.columnMetaList, index, offset);
+            // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
+            this.setState({ xBrowseMeta: xBrowseMeta });
+        }
+    };
+    XBrowse.prototype.getIndexForColumn = function (field) {
+        var e_4, _a;
+        var searchedIndex = undefined;
+        var xBrowseMeta = this.state.xBrowseMeta;
+        try {
+            for (var _b = __values(xBrowseMeta.columnMetaList.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var _d = __read(_c.value, 2), index = _d[0], xColumnMeta = _d[1];
+                if (xColumnMeta.field.localeCompare(field) === 0) {
+                    searchedIndex = index;
+                    break;
+                }
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_4) throw e_4.error; }
+        }
+        return searchedIndex;
+    };
+    XBrowse.prototype.onEdit = function (selectedRow) {
+        var formElement = XUtils_1.XUtils.getAppForm(this.props.entity);
+        if (formElement !== undefined) {
+            var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.props.entity);
+            var id = selectedRow[xEntity.idField];
+            // we add property id={selectedRow.<id>} into formElement
+            var formElementCloned = react_1.default.cloneElement(formElement, { id: id }, formElement.children);
+            // openForm pridavame automaticky v XFormNavigator3 pri renderovani komponentu
+            this.props.openForm(formElementCloned);
+        }
+        else {
+            console.log("XBrowse entity = ".concat(this.props.entity, ": form not found/registered."));
+        }
+    };
+    XBrowse.prototype.render = function () {
+        var xBrowseMeta = this.state.xBrowseMeta;
+        var xEditModeHandlers = {
+            onStart: this.onEditModeStart,
+            onSave: this.onEditModeSave,
+            onCancel: this.onEditModeCancel,
+            onAddColumn: this.onAddColumn,
+            onEditColumn: this.onEditColumn,
+            onRemoveColumn: this.onRemoveColumn,
+            onMoveColumnLeft: this.onMoveColumnLeft,
+            onMoveColumnRight: this.onMoveColumnRight
+        };
+        // for demo example classes
+        var entitySourceCodeLink;
+        if (xBrowseMeta.entity === "Brand") {
+            entitySourceCodeLink = react_1.default.createElement(SourceCodeLinkEntity_1.SourceCodeLinkEntity, { sourceCodeFile: "brand.entity.ts" });
+        }
+        else if (xBrowseMeta.entity === "Car") {
+            entitySourceCodeLink = react_1.default.createElement(SourceCodeLinkEntity_1.SourceCodeLinkEntity, { sourceCodeFile: "car.entity.ts" });
+        }
+        var formSourceCode;
+        if (entitySourceCodeLink !== undefined) {
+            formSourceCode =
+                react_1.default.createElement("div", { className: "flex justify-content-center mt-3" },
+                    react_1.default.createElement("span", { className: "source-code-link" }, "Form is saved in DB (Administration - Browses)"));
+        }
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement(XLazyDataTable_1.XLazyDataTable, { entity: xBrowseMeta.entity, rows: xBrowseMeta.rows, editMode: this.state.editMode, editModeHandlers: xEditModeHandlers, onEdit: this.onEdit, displayed: this.props.displayed }, xBrowseMeta.columnMetaList.map(function (xColumnMeta, index) {
+                return (react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { key: index, field: xColumnMeta.field, header: xColumnMeta.header, dropdownInFilter: xColumnMeta.dropdownInFilter, align: xColumnMeta.align, width: xColumnMeta.width }));
+            })),
+            formSourceCode,
+            entitySourceCodeLink,
+            react_1.default.createElement(XEditColumnDialog_1.XEditColumnDialog, { dialogOpened: this.state.editColumnDialogOpened, entity: xBrowseMeta.entity, addColumn: this.addColumn, xEditColumnDialogValues: this.xEditColumnDialogValues, onHideDialog: this.editColumnDialogOnHide })));
+    };
+    return XBrowse;
+}(react_1.Component));
+exports.XBrowse = XBrowse;