@michalrakus/x-react-web-lib 0.24.0 → 1.0.0

package/lib/components/XExportRowsDialog.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -44,11 +44,13 @@ var dropdown_1 = require("primereact/dropdown");
 var checkbox_1 = require("primereact/checkbox");
 var XButton_1 = require("./XButton");
 var XUtils_1 = require("./XUtils");
-var XExportRowsDialog = function (props) {
-    var _a = __read(react_1.useState(ExportImportParam_1.ExportType.Csv), 2), exportType = _a[0], setExportType = _a[1];
-    var _b = __read(react_1.useState(false), 2), createHeaderLine = _b[0], setCreateHeaderLine = _b[1];
-    var _c = __read(react_1.useState(ExportImportParam_1.CsvSeparator.Semicolon), 2), csvSeparator = _c[0], setCsvSeparator = _c[1];
-    var _d = __read(react_1.useState(ExportImportParam_1.CsvDecimalFormat.Comma), 2), decimalFormat = _d[0], setDecimalFormat = _d[1];
+var XUtilsConversions_1 = require("./XUtilsConversions");
+exports.XExportRowsDialog = function (props) {
+    var _a;
+    var _b = __read(react_1.useState(ExportImportParam_1.ExportType.Csv), 2), exportType = _b[0], setExportType = _b[1];
+    var _c = __read(react_1.useState(false), 2), createHeaderLine = _c[0], setCreateHeaderLine = _c[1];
+    var _d = __read(react_1.useState(ExportImportParam_1.CsvSeparator.Semicolon), 2), csvSeparator = _d[0], setCsvSeparator = _d[1];
+    var _e = __read(react_1.useState(ExportImportParam_1.CsvDecimalFormat.Comma), 2), decimalFormat = _e[0], setDecimalFormat = _e[1];
     // bez tejto metody by pri opetovnom otvoreni dialogu ponechal povodne hodnoty
     var onShow = function () {
         setExportType(ExportImportParam_1.ExportType.Csv);
@@ -79,11 +81,11 @@ var XExportRowsDialog = function (props) {
     return (react_1.default.createElement(dialog_1.Dialog, { visible: props.dialogOpened, onShow: onShow, onHide: function () { return props.onHideDialog(false, undefined, undefined); } },
         react_1.default.createElement("div", { className: "field grid" },
             react_1.default.createElement("label", { className: "col-fixed", style: { width: '9.3rem' } }, "Row count"),
-            react_1.default.createElement(inputtext_1.InputText, { value: props.rowCount, readOnly: true })),
+            react_1.default.createElement(inputtext_1.InputText, { value: XUtilsConversions_1.numberAsUI((_a = props.rowCount) !== null && _a !== void 0 ? _a : null), readOnly: true })),
         react_1.default.createElement("div", { className: "field grid" },
             react_1.default.createElement("label", { className: "col-fixed", style: { width: '9.3rem' } }, "Export type"),
             react_1.default.createElement(dropdown_1.Dropdown, { value: exportType, options: XUtils_1.XUtils.exportTypeOptions, onChange: function (e) { return setExportType(e.value); } })),
         elem,
-        react_1.default.createElement(XButton_1.XButton, { label: "Export", onClick: onExport })));
+        react_1.default.createElement("div", { className: "flex justify-content-center" },
+            react_1.default.createElement(XButton_1.XButton, { label: "Export", onClick: onExport }))));
 };
-exports.XExportRowsDialog = XExportRowsDialog;

package/lib/components/XFieldSelector.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -51,7 +51,7 @@ var react_1 = __importStar(require("react"));
 var treetable_1 = require("primereact/treetable");
 var column_1 = require("primereact/column");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XFieldSelector = function (props) {
+exports.XFieldSelector = function (props) {
     // poznamka: treeNodeList by sme mohli vypocitavat priamo, ale ked pouzijeme useState/useEffect tak sa createTreeNodeList zavola len raz pri vytvoreni komponentu
     var _a = __read(react_1.useState([]), 2), treeNodeList = _a[0], setTreeNodeList = _a[1];
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
@@ -105,4 +105,3 @@ var XFieldSelector = function (props) {
         react_1.default.createElement(column_1.Column, { field: "name", header: "Field name", headerStyle: { width: "15.7rem" }, expander: true }),
         react_1.default.createElement(column_1.Column, { field: "type", header: "Type", headerStyle: { width: "9.3rem" } })));
 };
-exports.XFieldSelector = XFieldSelector;

package/lib/components/XFormBase.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XFormBaseT.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XFormComponent.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XFormDataTable2.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());
@@ -40,7 +38,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -305,11 +303,15 @@ var XFormDataTable2 = /** @class */ (function (_super) {
         var object = this.props.form.state.object;
         var valueList = object !== null ? object[this.props.assocField] : [];
         var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.getEntity());
-        var scrollWidth;
-        var scrollHeight;
+        var scrollWidth = undefined; // vypnute horizontalne scrollovanie
+        var scrollHeight = undefined; // vypnute vertikalne scrollovanie
         if (this.props.scrollable) {
-            scrollWidth = this.props.scrollWidth;
-            scrollHeight = this.props.scrollHeight;
+            if (this.props.scrollWidth !== "none") {
+                scrollWidth = this.props.scrollWidth;
+            }
+            if (this.props.scrollHeight !== "none") {
+                scrollHeight = this.props.scrollHeight;
+            }
         }
         var style = {};
         if (scrollWidth !== undefined) {
@@ -355,7 +357,7 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             if (width === undefined || width === "default") {
                 width = XUtilsMetadata_1.XUtilsMetadata.computeColumnWidth(xField, childColumnProps.type, header);
             }
-            var headerStyle;
+            var headerStyle = {};
             if (width !== undefined) {
                 headerStyle = { width: width };
             }
@@ -376,10 +378,10 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             }
             // }
             // *********** style ***********
-            var style;
+            var style = {};
             // TODO - pouzit className a nie style
             if (align === "center" || align === "right") {
-                style = { 'textAlign': align };
+                style = { textAlign: align };
                 headerStyle = __assign(__assign({}, headerStyle), style); // headerStyle overrides style in TH cell
             }
             return react_1.default.createElement(column_1.Column, { field: field, header: header, filter: true, sortable: true, filterElement: filterElement, headerStyle: headerStyle, style: style, body: function (rowData) { return thisLocal.bodyTemplate(childColumnProps, rowData, xEntity); } });
@@ -403,27 +405,24 @@ var XFormDataTable2 = /** @class */ (function (_super) {
     return XFormDataTable2;
 }(react_1.Component));
 exports.XFormDataTable2 = XFormDataTable2;
-var XFormColumn = function (props) {
+exports.XFormColumn = 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.XFormColumn = XFormColumn;
 exports.XFormColumn.defaultProps = {
     type: "inputSimple"
 };
-var XFormDropdownColumn = function (props) {
+exports.XFormDropdownColumn = 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.XFormDropdownColumn = XFormDropdownColumn;
 exports.XFormDropdownColumn.defaultProps = {
     type: "dropdown"
 };
-var XFormSearchButtonColumn = function (props) {
+exports.XFormSearchButtonColumn = 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.XFormSearchButtonColumn = XFormSearchButtonColumn;
 exports.XFormSearchButtonColumn.defaultProps = {
     type: "searchButton"
 };

package/lib/components/XFormFooter.js

@@ -7,9 +7,8 @@ exports.XFormFooter = void 0;
 var react_1 = __importDefault(require("react"));
 var XButton_1 = require("./XButton");
 // helper wrapper
-var XFormFooter = function (props) {
+exports.XFormFooter = function (props) {
     return (react_1.default.createElement("div", { className: "flex justify-content-center" },
         react_1.default.createElement(XButton_1.XButton, { label: "Save", onClick: props.form.onClickSave }),
         react_1.default.createElement(XButton_1.XButton, { label: "Cancel", onClick: props.form.onClickCancel })));
 };
-exports.XFormFooter = XFormFooter;

package/lib/components/XFormNavigator3.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());
@@ -29,7 +27,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -49,10 +47,9 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XFormNavigator3 = void 0;
@@ -86,11 +83,23 @@ var XFormNavigator3 = /** @class */ (function (_super) {
                 console.log("neocakavana chyba - pole formElements je prazdne");
             }
         }
-        this.setState({ formElements: formElementsCloned });
+        this.setState({ formElements: formElementsCloned }, function () {
+            // ked sa na mobile preklikavame medzi formularmi, tak browser drzi nascrollovanu poziciu ale my sa chceme vratit na zaciatok stranky
+            // (tento callback sa zavola po refreshnuti stranky)
+            // taketo nieco nezafungovalo, neviem preco...
+            // setTimeout(function() {
+            //     window.scrollTo(0,0);
+            // }, 100);
+            // tak scrollujeme k menu, ktore je v hornej casti
+            var menuElem = document.getElementById("menuId");
+            if (menuElem !== null) {
+                menuElem.scrollIntoView();
+            }
+        });
     };
     XFormNavigator3.prototype.render = function () {
         var _this = this;
-        var formElements = this.props.rootFormElement !== null ? __spreadArray([this.props.rootFormElement], __read(this.state.formElements)) : this.state.formElements;
+        var formElements = this.props.rootFormElement !== null ? __spread([this.props.rootFormElement], this.state.formElements) : this.state.formElements;
         var forms = formElements.map(function (formElement, index) {
             var displayed = (index === formElements.length - 1);
             // klonovanim elementu pridame atribut openForm={this.openForm} (nemusime tento atribut pridavat pri vytvarani elementu)
@@ -100,7 +109,8 @@ var XFormNavigator3 = /** @class */ (function (_super) {
             var display = (displayed ? "block" : "none");
             // TODO - neviem ci naisto treba key={index}
             // max-width: 100% - koli chybe ked sa na mobile nezobrazovala lava cast tabulky/formularu (nedalo sa k nej doscrollovat)
-            return react_1.default.createElement("div", { key: index, style: { display: display, maxWidth: "100%" } }, formElementCloned);
+            // poznamka2: tento problem sa vyskytoval v suvislosti s flex-direction: column na .App-form - ten sme zrusili a preto maxWidth (zatial) odstranujeme
+            return react_1.default.createElement("div", { key: index, style: { display: display /*, maxWidth: "100%"*/ } }, formElementCloned);
         });
         return (react_1.default.createElement("div", { className: "App-form" }, forms));
     };

package/lib/components/XHolders.js

@@ -5,11 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XHolder2 = exports.XHolder1 = void 0;
 var react_1 = __importDefault(require("react"));
-var XHolder1 = function (props) {
+exports.XHolder1 = function (props) {
     return react_1.default.createElement("div", null, props.element);
 };
-exports.XHolder1 = XHolder1;
-var XHolder2 = function (props) {
+exports.XHolder2 = function (props) {
     return react_1.default.createElement("div", null, props.element);
 };
-exports.XHolder2 = XHolder2;

package/lib/components/XInputDate.js

@@ -10,7 +10,7 @@ var XUtilsConversions_1 = require("./XUtilsConversions");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XUtils_1 = require("./XUtils");
-var XInputDate = function (props) {
+exports.XInputDate = function (props) {
     var _a;
     props.form.addField(props.field);
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
@@ -53,4 +53,3 @@ var XInputDate = function (props) {
         react_1.default.createElement("label", { htmlFor: props.field, className: "col-fixed", style: { width: XUtils_1.XUtils.FIELD_LABEL_WIDTH } }, label),
         react_1.default.createElement(calendar_1.Calendar, { id: props.field, value: fieldValue, onChange: onValueChange, disabled: readOnly, showIcon: true, dateFormat: XUtilsConversions_1.dateFormatCalendar(), showTime: showTime, showSeconds: showTime, inputClassName: cssClassName, showOnFocus: false })));
 };
-exports.XInputDate = XInputDate;

package/lib/components/XInputDateDT.js

@@ -8,7 +8,7 @@ var XUtilsConversions_1 = require("./XUtilsConversions");
 var calendar_1 = require("primereact/calendar");
 var react_1 = __importDefault(require("react"));
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XInputDateDT = function (props) {
+exports.XInputDateDT = function (props) {
     var showTime = (props.xField.type === 'datetime');
     var cssClassName = showTime ? 'x-input-datetime' : 'x-input-date';
     // ak mame path, field je vzdy readOnly
@@ -52,4 +52,3 @@ var XInputDateDT = function (props) {
     // appendTo={document.body} appenduje overlay panel na element body - eliminuje problem s overflow (pozri poznamku v XDropdownDTFilter)
     return (react_1.default.createElement(calendar_1.Calendar, { appendTo: document.body, id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.value); }, disabled: readOnly, showIcon: true, dateFormat: XUtilsConversions_1.dateFormatCalendar(), showTime: showTime, showSeconds: showTime, inputClassName: cssClassName, showOnFocus: false }));
 };
-exports.XInputDateDT = XInputDateDT;

package/lib/components/XInputDecimal.js

@@ -9,7 +9,7 @@ var inputnumber_1 = require("primereact/inputnumber");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XUtils_1 = require("./XUtils");
-var XInputDecimal = function (props) {
+exports.XInputDecimal = function (props) {
     var _a, _b, _c;
     props.form.addField(props.field);
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
@@ -58,4 +58,3 @@ var XInputDecimal = function (props) {
         react_1.default.createElement("label", { htmlFor: props.field, className: "col-fixed", style: labelStyle }, label),
         react_1.default.createElement(inputnumber_1.InputNumber, { id: props.field, value: fieldValue, onChange: onValueChange, disabled: readOnly, mode: "decimal", locale: "de-DE", useGrouping: useGrouping, minFractionDigits: fractionDigits, maxFractionDigits: fractionDigits, min: min, max: max, size: sizeInput, style: props.inputStyle })));
 };
-exports.XInputDecimal = XInputDecimal;

package/lib/components/XInputDecimalDT.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var inputnumber_1 = require("primereact/inputnumber");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XInputDecimalDT = function (props) {
+exports.XInputDecimalDT = function (props) {
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.entity, props.field);
     var _a = XUtilsMetadata_1.XUtilsMetadata.getParamsForInputNumber(xField), useGrouping = _a.useGrouping, fractionDigits = _a.fractionDigits, min = _a.min, max = _a.max;
     // ak mame path, field je vzdy readOnly
@@ -49,4 +49,3 @@ var XInputDecimalDT = function (props) {
     }
     return (react_1.default.createElement(inputnumber_1.InputNumber, { id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.value); }, disabled: readOnly, mode: "decimal", locale: "de-DE", useGrouping: useGrouping, minFractionDigits: fractionDigits, maxFractionDigits: fractionDigits, min: min, max: max, className: "x-input-to-resize" }));
 };
-exports.XInputDecimalDT = XInputDecimalDT;

package/lib/components/XInputText.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XInputTextDT.js

@@ -9,7 +9,7 @@ var inputtext_1 = require("primereact/inputtext");
 var XUtilsConversions_1 = require("./XUtilsConversions");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XInputTextDT = function (props) {
+exports.XInputTextDT = function (props) {
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.entity, props.field);
     // ak mame path, field je vzdy readOnly
     var readOnly;
@@ -40,4 +40,3 @@ var XInputTextDT = function (props) {
     }
     return (react_1.default.createElement(inputtext_1.InputText, { id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.target.value); }, readOnly: readOnly, maxLength: xField.length, className: "x-input-to-resize" }));
 };
-exports.XInputTextDT = XInputTextDT;

package/lib/components/XLazyDataTable.d.ts

@@ -13,10 +13,11 @@ export interface XEditModeHandlers {
 export interface XLazyDataTableProps {
     entity: string;
     dataKey?: string;
-    rows?: number;
+    paginator: boolean;
+    rows: number;
     scrollable: boolean;
-    scrollWidth?: string;
-    scrollHeight?: string;
+    scrollWidth: string;
+    scrollHeight: string;
     formFooterHeight?: string;
     shrinkWidth: boolean;
     onAddRow?: () => void;
@@ -33,7 +34,11 @@ export interface XLazyDataTableProps {
 export declare const XLazyDataTable: {
     (props: XLazyDataTableProps): JSX.Element;
     defaultProps: {
+        paginator: boolean;
+        rows: number;
         scrollable: boolean;
+        scrollWidth: string;
+        scrollHeight: string;
         shrinkWidth: boolean;
     };
 };

package/lib/components/XLazyDataTable.js

@@ -25,7 +25,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -107,12 +107,12 @@ var XButtonIconSmall_1 = require("./XButtonIconSmall");
 var tristatecheckbox_1 = require("primereact/tristatecheckbox");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XExportRowsDialog_1 = require("./XExportRowsDialog");
-var XLazyDataTable = function (props) {
+exports.XLazyDataTable = function (props) {
     var dataTableEl = react_1.useRef(null);
     var _a = __read(react_1.useState({ rowList: [], totalRecords: 0 }), 2), value = _a[0], setValue = _a[1];
     var _b = __read(react_1.useState(false), 2), loading = _b[0], setLoading = _b[1];
     var _c = __read(react_1.useState(0), 2), first = _c[0], setFirst = _c[1];
-    var _d = __read(react_1.useState(props.rows !== undefined ? props.rows : 10), 2), rows = _d[0], setRows = _d[1];
+    var _d = __read(react_1.useState(props.paginator ? props.rows : undefined), 2), rows = _d[0], setRows = _d[1];
     var filtersInit = {};
     if (props.searchTableParams !== undefined && props.searchTableParams.filter !== undefined) {
         filtersInit[props.searchTableParams.displayField] = { value: props.searchTableParams.filter, matchMode: "startsWith" };
@@ -488,29 +488,54 @@ var XLazyDataTable = function (props) {
         return bodyValue;
     };
     var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity);
-    // ak nemame scrollWidth/scrollHeight zadane, vyratame scrollWidth/scrollHeight tak aby tabulka "sadla" okna (viewport-u)
-    var scrollWidth;
-    var scrollHeight;
+    // ak mame scrollWidth/scrollHeight = viewport (default), vyratame scrollWidth/scrollHeight tak aby tabulka "sadla" okna (viewport-u)
+    var scrollWidth = undefined; // vypnute horizontalne scrollovanie
+    var scrollHeight = undefined; // vypnute vertikalne scrollovanie
     if (props.scrollable) {
-        scrollWidth = props.scrollWidth;
-        if (scrollWidth === undefined || scrollWidth === "default") {
-            scrollWidth = 'calc(100vw - 1.4rem)'; // 20px okraje
-        }
-        scrollHeight = props.scrollHeight;
-        if (scrollHeight === undefined || scrollHeight === "default") {
-            // vypocet je priblizny, robeny na mobil, desktop bude mat mozno iny
-            //const headerHeight = XUtils.toPX0('12.7rem');
-            //let footerHeight = XUtils.toPX0('3.7rem') + XUtils.toPX0('3rem'); // table footer (paging) + buttons Add row, Edit, ...
-            // na desktope mi nechce odpocitat vysku taskbar-u od window.screen.availHeight, tak to poriesime takymto hack-om:
-            // if (!XUtils.isMobile()) {
-            //     footerHeight += XUtils.toPX0('6rem'); // priblizna vyska taskbaru (ak mam 2 rady buttonov)
-            // }
-            var headerFooterHeight = 344.35 - XUtils_1.XUtils.toPX0('4.43rem'); // experimentalne zistena vyska header/footer (body - table body) bez formFooterHeight
-            // este pridame vysku linkov na zdrojaky, ak treba
-            if (props.formFooterHeight !== undefined) {
-                headerFooterHeight += XUtils_1.XUtils.toPX0(XUtils_1.XUtils.processGridBreakpoints(props.formFooterHeight));
+        if (props.scrollWidth !== "none") {
+            scrollWidth = props.scrollWidth;
+            if (scrollWidth === "viewport") {
+                scrollWidth = 'calc(100vw - 1.4rem)'; // 20px okraje
+            }
+        }
+        if (props.scrollHeight !== "none") {
+            scrollHeight = props.scrollHeight;
+            if (scrollHeight === "viewport") {
+                // vypocet je priblizny, robeny na mobil, desktop bude mat mozno iny
+                //const headerHeight = XUtils.toPX0('12.7rem');
+                //let footerHeight = XUtils.toPX0('3.7rem') + XUtils.toPX0('3rem'); // table footer (paging) + buttons Add row, Edit, ...
+                // na desktope mi nechce odpocitat vysku taskbar-u od window.screen.availHeight, tak to poriesime takymto hack-om:
+                // if (!XUtils.isMobile()) {
+                //     footerHeight += XUtils.toPX0('6rem'); // priblizna vyska taskbaru (ak mam 2 rady buttonov)
+                // }
+                var viewHeight = void 0;
+                var headerFooterHeight = void 0;
+                if (props.searchTableParams === undefined) {
+                    // sme v standardnom formulari
+                    viewHeight = '100vh';
+                    headerFooterHeight = XUtils_1.XUtils.toPX0('20.89rem') - XUtils_1.XUtils.toPX0('4.43rem'); // experimentalne zistena vyska header/footer (body - table body) bez formFooterHeight
+                }
+                else {
+                    // sme v dialogu
+                    if (XUtils_1.XUtils.isMobile()) {
+                        viewHeight = '98vh'; // .p-dialog pre mobil ma max-height: 98%
+                        headerFooterHeight = XUtils_1.XUtils.toPX0('17.60rem'); // rucne zratane
+                    }
+                    else {
+                        viewHeight = '90vh'; // .p-dialog pre desktop ma max-height: 90%
+                        headerFooterHeight = XUtils_1.XUtils.toPX0('18.60rem'); // rucne zratane (desktop ma vecsi margin dole na dialogu)
+                    }
+                }
+                // pridame vysku paging-u, ak treba
+                if (props.paginator) {
+                    headerFooterHeight += XUtils_1.XUtils.toPX0('3.71rem');
+                }
+                // este pridame vysku linkov na zdrojaky, ak treba
+                if (props.formFooterHeight !== undefined) {
+                    headerFooterHeight += XUtils_1.XUtils.toPX0(XUtils_1.XUtils.processGridBreakpoints(props.formFooterHeight));
+                }
+                scrollHeight = "calc(" + viewHeight + " - " + headerFooterHeight + "px)";
             }
-            scrollHeight = "calc(100vh - " + headerFooterHeight + "px)";
         }
     }
     var style = {};
@@ -545,6 +570,8 @@ var XLazyDataTable = function (props) {
         paginatorRight = react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-pencil", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onStart(); }, tooltip: "Edit form" });
     }
     // else -> editMode is undefined - browse is not editable
+    // export pre search button-y zatial vypneme
+    var exportRows = (props.searchTableParams === undefined);
     // pre lepsiu citatelnost vytvarame stlpce uz tu
     var columnElemList = react_1.default.Children.map(props.children, function (child) {
         // ak chceme zmenit child element, tak treba bud vytvorit novy alebo vyklonovat
@@ -590,7 +617,7 @@ var XLazyDataTable = function (props) {
         if (width === undefined || width === "default") {
             width = XUtilsMetadata_1.XUtilsMetadata.computeColumnWidth(xField, undefined, headerLabel);
         }
-        var headerStyle;
+        var headerStyle = {};
         if (width !== undefined) {
             headerStyle = { width: width };
         }
@@ -609,7 +636,7 @@ var XLazyDataTable = function (props) {
             }
         }
         // *********** style ***********
-        var style;
+        var style = {};
         // TODO - pouzit className a nie style
         if (align === "center" || align === "right") {
             style = { 'textAlign': align };
@@ -621,24 +648,26 @@ var XLazyDataTable = function (props) {
         react_1.default.createElement("div", { className: "flex justify-content-center" },
             react_1.default.createElement(XButton_1.XButton, { label: "Filter", onClick: onClickFilter })),
         react_1.default.createElement("div", { className: "flex justify-content-center" },
-            react_1.default.createElement(datatable_1.DataTable, { value: value.rowList, dataKey: dataKey, paginator: true, rows: rows, totalRecords: value.totalRecords, lazy: true, first: first, onPage: onPage, loading: loading, filters: filters, onFilter: onFilter, sortMode: "multiple", removableSort: true, multiSortMeta: multiSortMeta, onSort: onSort, selectionMode: "single", selection: selectedRow, onSelectionChange: onSelectionChange, onRowDoubleClick: onRowDoubleClick, ref: dataTableEl, className: "p-datatable-sm x-lazy-datatable", resizableColumns: true, columnResizeMode: "expand", tableStyle: tableStyle, paginatorLeft: paginatorLeft, paginatorRight: paginatorRight, scrollable: props.scrollable, scrollHeight: scrollHeight, style: style }, columnElemList)),
+            react_1.default.createElement(datatable_1.DataTable, { value: value.rowList, dataKey: dataKey, paginator: props.paginator, rows: rows, totalRecords: value.totalRecords, lazy: true, first: first, onPage: onPage, loading: loading, filters: filters, onFilter: onFilter, sortMode: "multiple", removableSort: true, multiSortMeta: multiSortMeta, onSort: onSort, selectionMode: "single", selection: selectedRow, onSelectionChange: onSelectionChange, onRowDoubleClick: onRowDoubleClick, ref: dataTableEl, className: "p-datatable-sm x-lazy-datatable", resizableColumns: true, columnResizeMode: "expand", tableStyle: tableStyle, paginatorLeft: paginatorLeft, paginatorRight: paginatorRight, scrollable: props.scrollable, scrollHeight: scrollHeight, style: style }, columnElemList)),
         react_1.default.createElement("div", { className: "flex justify-content-center" },
             props.onAddRow !== undefined ? react_1.default.createElement(XButton_1.XButton, { label: "Add row", onClick: onClickAddRow }) : null,
             props.onEdit !== undefined ? react_1.default.createElement(XButton_1.XButton, { label: "Edit", onClick: onClickEdit }) : null,
             props.removeRow !== undefined && props.removeRow !== false ? react_1.default.createElement(XButton_1.XButton, { label: "Remove row", onClick: onClickRemoveRow }) : null,
-            react_1.default.createElement(XButton_1.XButton, { label: "Export rows", onClick: onClickExport }),
+            exportRows ? react_1.default.createElement(XButton_1.XButton, { label: "Export rows", onClick: onClickExport }) : null,
             props.appButtons,
-            react_1.default.createElement(XExportRowsDialog_1.XExportRowsDialog, { dialogOpened: exportRowsDialogOpened, rowCount: exportRowsDialogRowCount, onHideDialog: exportRowsDialogOnHide }),
-            props.searchTableParams !== undefined ? react_1.default.createElement(XButton_1.XButton, { label: "Choose", onClick: onClickChoose }) : null)));
+            props.searchTableParams !== undefined ? react_1.default.createElement(XButton_1.XButton, { label: "Choose", onClick: onClickChoose }) : null,
+            exportRows ? react_1.default.createElement(XExportRowsDialog_1.XExportRowsDialog, { dialogOpened: exportRowsDialogOpened, rowCount: exportRowsDialogRowCount, onHideDialog: exportRowsDialogOnHide }) : null)));
 };
-exports.XLazyDataTable = XLazyDataTable;
 exports.XLazyDataTable.defaultProps = {
+    paginator: true,
+    rows: 10,
     scrollable: true,
+    scrollWidth: 'viewport',
+    scrollHeight: 'viewport',
     shrinkWidth: true
 };
 // TODO - XLazyColumn neni idealny nazov, lepsi je XColumn (ale zatial nechame XLazyColumn)
-var XLazyColumn = function (props) {
+exports.XLazyColumn = 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.XLazyColumn = XLazyColumn;

package/lib/components/XLoginDialog.js

@@ -7,7 +7,7 @@ exports.XLoginDialog = void 0;
 var react_1 = __importDefault(require("react"));
 var dialog_1 = require("primereact/dialog");
 var XLoginForm_1 = require("./XLoginForm");
-var XLoginDialog = function (props) {
+exports.XLoginDialog = function (props) {
     // bez tejto metody by pri opetovnom otvoreni dialogu ponechal povodne hodnoty
     var onShow = function () {
     };
@@ -18,4 +18,3 @@ var XLoginDialog = function (props) {
     return (react_1.default.createElement(dialog_1.Dialog, { visible: props.dialogOpened, onShow: onShow, onHide: function () { return props.onHideDialog(false); } },
         react_1.default.createElement(XLoginForm_1.XLoginForm, { setXToken: props.setXToken, onLogin: onLogin, customUserService: props.customUserService })));
 };
-exports.XLoginDialog = XLoginDialog;