@michalrakus/x-react-web-lib 1.12.0 → 1.14.0

package/lib/components/XFormDataTable2.js

@@ -82,6 +82,7 @@ var XButtonIconNarrow_1 = require("./XButtonIconNarrow");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XLocale_1 = require("./XLocale");
 var XInputIntervalDT_1 = require("./XInputIntervalDT");
+var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
 var XFormDataTable2 = /** @class */ (function (_super) {
     __extends(XFormDataTable2, _super);
     function XFormDataTable2(props) {
@@ -89,11 +90,11 @@ var XFormDataTable2 = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.props = props;
         _this.dataKey = props.dataKey;
-        var xEntityForm = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity());
-        var xAssocToMany = XUtilsMetadata_1.XUtilsMetadata.getXAssocToMany(xEntityForm, props.assocField);
+        var xEntityForm = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXEntity(props.form.getEntity());
+        var xAssocToMany = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXAssocToMany(xEntityForm, props.assocField);
         _this.entity = xAssocToMany.entityName;
         if (_this.dataKey === undefined) {
-            _this.dataKey = XUtilsMetadata_1.XUtilsMetadata.getXEntity(_this.entity).idField;
+            _this.dataKey = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXEntity(_this.entity).idField;
         }
         _this.state = {
             selectedRow: undefined,
@@ -164,19 +165,19 @@ var XFormDataTable2 = /** @class */ (function (_super) {
         }
         else if (columnProps.type === "dropdown") {
             var columnPropsDropdown = columnProps;
-            var xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(xEntity, columnPropsDropdown.assocField);
+            var xAssoc = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXAssocToOne(xEntity, columnPropsDropdown.assocField);
             isNullable = xAssoc.isNullable;
             readOnly = XFormDataTable2.isReadOnlyHeader(undefined, columnProps.readOnly);
         }
         else if (columnProps.type === "autoComplete") {
             var columnPropsAutoComplete = columnProps;
-            var xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(xEntity, columnPropsAutoComplete.assocField);
+            var xAssoc = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXAssocToOne(xEntity, columnPropsAutoComplete.assocField);
             isNullable = xAssoc.isNullable;
             readOnly = XFormDataTable2.isReadOnlyHeader(undefined, columnProps.readOnly);
         }
         else if (columnProps.type === "searchButton") {
             var columnPropsSearchButton = columnProps;
-            var xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(xEntity, columnPropsSearchButton.assocField);
+            var xAssoc = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXAssocToOne(xEntity, columnPropsSearchButton.assocField);
             isNullable = xAssoc.isNullable;
             readOnly = XFormDataTable2.isReadOnlyHeader(undefined, columnProps.readOnly);
         }
@@ -224,14 +225,14 @@ var XFormDataTable2 = /** @class */ (function (_super) {
         if (this.props.filterDisplay === "none") {
             return initFilters;
         }
-        var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.getEntity());
+        var xEntity = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXEntity(this.getEntity());
         try {
             // TODO - asi by bolo fajn si tieto field, xField niekam ulozit a iterovat ulozene hodnoty, pouziva sa to na viacerych miestach
             for (var _b = __values(this.props.children), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var child = _c.value;
                 var childColumn = child; // nevedel som to krajsie...
                 var field = this.getPathForColumn(childColumn.props);
-                var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntity, field);
+                var xField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXFieldByPath(xEntity, field);
                 // TODO column.props.dropdownInFilter - pre "menu" by bolo fajn mat zoznam "enumov"
                 var filterMatchMode = this.getFilterMatchMode(xField);
                 var filterItem = void 0;
@@ -262,7 +263,7 @@ var XFormDataTable2 = /** @class */ (function (_super) {
     XFormDataTable2.prototype.getFilterMatchMode = function (xField) {
         var filterMatchMode;
         if (xField.type === "string") {
-            filterMatchMode = api_1.FilterMatchMode.STARTS_WITH;
+            filterMatchMode = api_1.FilterMatchMode.CONTAINS;
         }
         // zatial vsetky ostatne EQUALS
         else if (xField.type === "decimal" || xField.type === "number" || xField.type === "date" || xField.type === "datetime" || xField.type === "boolean") {
@@ -349,11 +350,22 @@ var XFormDataTable2 = /** @class */ (function (_super) {
     // body={(rowData: any) => bodyTemplate(childColumn.props.field, rowData)}
     XFormDataTable2.prototype.bodyTemplate = function (columnProps, tableReadOnly, rowData, xEntity) {
         var body;
+        // columnProps.columnViewStatus "ReadOnly" has higher prio then tableReadOnly
         // tableReadOnly has higher prio then property readOnly
-        var readOnly = tableReadOnly ? true : columnProps.readOnly;
+        // (viewStatus "Hidden" - column is not rendered (bodyTemplate not called), viewStatus "ReadWrite" (default) - tableReadOnly/columnProps.readOnly is applied)
+        var readOnly;
+        if (XUtils_1.XUtils.xViewStatus(columnProps.columnViewStatus) === XUtils_1.XViewStatus.ReadOnly) {
+            readOnly = true;
+        }
+        else if (tableReadOnly) {
+            readOnly = true;
+        }
+        else {
+            readOnly = columnProps.readOnly;
+        }
         if (columnProps.type === "inputSimple") {
             var columnPropsInputSimple = columnProps;
-            var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntity, columnPropsInputSimple.field);
+            var xField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXFieldByPath(xEntity, columnPropsInputSimple.field);
             if (xField.type === "decimal" || xField.type === "number") {
                 body = react_1.default.createElement(XInputDecimalDT_1.XInputDecimalDT, { form: this.props.form, entity: this.getEntity(), field: columnPropsInputSimple.field, rowData: rowData, readOnly: readOnly, onChange: columnPropsInputSimple.onChange });
             }
@@ -496,7 +508,8 @@ var XFormDataTable2 = /** @class */ (function (_super) {
     };
     XFormDataTable2.prototype.render = function () {
         var _this = this;
-        var _a, _b;
+        var _a, _b, _c;
+        var xEntity = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXEntity(this.getEntity());
         var paginator = this.props.paginator !== undefined ? this.props.paginator : false;
         var rows = undefined;
         if (paginator) {
@@ -508,13 +521,14 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             }
         }
         var filterDisplay = this.props.filterDisplay !== "none" ? this.props.filterDisplay : undefined;
+        // default sortovanie - ak mame insert tak nesortujeme (drzime poradie v akom user zaznam vytvoril), ak mame update tak podla id zosortujeme (nech je to zobrazene vzdy rovnako)
+        var sortField = ((_a = this.props.sortField) !== null && _a !== void 0 ? _a : this.props.form.isAddRow()) ? undefined : xEntity.idField;
         var label = this.props.label !== undefined ? this.props.label : this.props.assocField;
         var readOnly = this.isReadOnly();
         // v bloku function (child) nejde pouzit priamo this, thisLocal uz ide pouzit
         var thisLocal = this;
         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 = undefined; // vypnute horizontalne scrollovanie
         var scrollHeight = undefined; // vypnute vertikalne scrollovanie
         if (this.props.scrollable) {
@@ -542,7 +556,7 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             tableStyle = __assign(__assign({}, tableStyle), { width: width });
         }
         // pre lepsiu citatelnost vytvarame stlpce uz tu
-        var columnElemList = react_1.default.Children.map(this.props.children, function (child) {
+        var columnElemList = react_1.default.Children.map(this.props.children.filter(function (child) { return XUtils_1.XUtils.xViewStatus(child.props.columnViewStatus) !== XUtils_1.XViewStatus.Hidden; }), 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}
@@ -552,7 +566,7 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             // (aj ked, da sa to prebit na stlpcoch (na elemente Column), su na to atributy)
             var field = thisLocal.getPathForColumn(childColumnProps);
             // TODO - toto by sa mohlo vytiahnut vyssie, aj v bodyTemplate sa vola metoda XUtilsMetadata.getXFieldByPath
-            var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntity, field);
+            var xField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXFieldByPath(xEntity, field);
             // *********** header ***********
             var header = XFormDataTable2.getHeader(childColumnProps, xEntity, field, xField);
             // *********** filterElement ***********
@@ -623,14 +637,14 @@ var XFormDataTable2 = /** @class */ (function (_super) {
         var removeRowLabel = undefined;
         if (this.props.showAddRemoveButtons) {
             // calling xLocaleOption does not work in standard default values initialisation place (public static defaultProps)
-            addRowLabel = (_a = this.props.addRowLabel) !== null && _a !== void 0 ? _a : (0, XLocale_1.xLocaleOption)('addRow');
-            removeRowLabel = (_b = this.props.removeRowLabel) !== null && _b !== void 0 ? _b : (0, XLocale_1.xLocaleOption)('removeRow');
+            addRowLabel = (_b = this.props.addRowLabel) !== null && _b !== void 0 ? _b : (0, XLocale_1.xLocaleOption)('addRow');
+            removeRowLabel = (_c = this.props.removeRowLabel) !== null && _c !== void 0 ? _c : (0, XLocale_1.xLocaleOption)('removeRow');
         }
         return (react_1.default.createElement("div", null,
             react_1.default.createElement("div", { className: "flex justify-content-center" },
                 react_1.default.createElement("label", null, label)),
             react_1.default.createElement("div", { className: "flex justify-content-center" },
-                react_1.default.createElement(datatable_1.DataTable, { ref: function (el) { return _this.dt = el; }, value: valueList, dataKey: this.dataKey, paginator: paginator, rows: rows, totalRecords: valueList.length, filterDisplay: filterDisplay, filters: this.state.filters, onFilter: this.onFilter, sortMode: "multiple", removableSort: true, multiSortMeta: this.props.sortField !== undefined ? [{ field: this.props.sortField, order: 1 }] : undefined, selectionMode: "single", selection: this.state.selectedRow, onSelectionChange: this.onSelectionChange, className: "p-datatable-sm x-form-datatable", resizableColumns: true, columnResizeMode: "expand", tableStyle: tableStyle, scrollable: this.props.scrollable, scrollHeight: scrollHeight, style: style }, columnElemList)),
+                react_1.default.createElement(datatable_1.DataTable, { ref: function (el) { return _this.dt = el; }, value: valueList, dataKey: this.dataKey, paginator: paginator, rows: rows, totalRecords: valueList.length, filterDisplay: filterDisplay, filters: this.state.filters, onFilter: this.onFilter, sortMode: "multiple", removableSort: true, multiSortMeta: sortField !== undefined ? [{ field: sortField, order: 1 }] : undefined, selectionMode: "single", selection: this.state.selectedRow, onSelectionChange: this.onSelectionChange, className: "p-datatable-sm x-form-datatable", resizableColumns: true, columnResizeMode: "expand", tableStyle: tableStyle, scrollable: this.props.scrollable, scrollHeight: scrollHeight, style: style }, columnElemList)),
             this.props.showAddRemoveButtons ?
                 react_1.default.createElement("div", { className: "flex justify-content-center" },
                     react_1.default.createElement(XButton_1.XButton, { icon: this.props.addRowIcon, label: addRowLabel, onClick: this.onClickAddRow, disabled: readOnly }),
@@ -638,8 +652,8 @@ var XFormDataTable2 = /** @class */ (function (_super) {
                 : undefined));
     };
     XFormDataTable2.defaultProps = {
-        filterDisplay: "row",
-        sortable: true,
+        filterDisplay: "none",
+        sortable: false,
         scrollable: true,
         scrollWidth: '100%',
         scrollHeight: '200vh',
@@ -653,35 +667,31 @@ var XFormDataTable2 = /** @class */ (function (_super) {
     return XFormDataTable2;
 }(react_1.Component));
 exports.XFormDataTable2 = XFormDataTable2;
+// default props for XFormColumnBaseProps
+var XFormColumnBase_defaultProps = {
+    columnViewStatus: true
+};
 var 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"
-};
+exports.XFormColumn.defaultProps = __assign(__assign({}, XFormColumnBase_defaultProps), { type: "inputSimple" });
 var 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"
-};
+exports.XFormDropdownColumn.defaultProps = __assign(__assign({}, XFormColumnBase_defaultProps), { type: "dropdown" });
 var XFormAutoCompleteColumn = 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.XFormAutoCompleteColumn = XFormAutoCompleteColumn;
-exports.XFormAutoCompleteColumn.defaultProps = {
-    type: "autoComplete"
-};
+exports.XFormAutoCompleteColumn.defaultProps = __assign(__assign({}, XFormColumnBase_defaultProps), { type: "autoComplete" });
 var 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"
-};
+exports.XFormSearchButtonColumn.defaultProps = __assign(__assign({}, XFormColumnBase_defaultProps), { type: "searchButton" });

package/lib/components/XFormRowCol/XFormCol.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { XFormBase } from "../XFormBase";
+export interface XFormColProps {
+    form?: XFormBase;
+    labelStyle?: React.CSSProperties;
+    children: JSX.Element | JSX.Element[];
+}
+export declare const XFormCol: (props: XFormColProps) => JSX.Element;

package/lib/components/XFormRowCol/XFormCol.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFormCol = void 0;
+var react_1 = __importDefault(require("react"));
+var XFormRowCol_1 = require("./XFormRowCol");
+var XFormCol = function (props) {
+    return react_1.default.createElement(XFormRowCol_1.XFormRowCol, { className: "x-form-col", form: props.form, labelStyle: props.labelStyle, children: props.children });
+};
+exports.XFormCol = XFormCol;

package/lib/components/XFormRowCol/XFormInlineRow.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { XFormBase } from "../XFormBase";
+export interface XFormInlineRowProps {
+    form?: XFormBase;
+    labelStyle?: React.CSSProperties;
+    children: JSX.Element | JSX.Element[];
+}
+export declare const XFormInlineRow: (props: XFormInlineRowProps) => JSX.Element;

package/lib/components/XFormRowCol/XFormInlineRow.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFormInlineRow = void 0;
+var react_1 = __importDefault(require("react"));
+var XFormRowCol_1 = require("./XFormRowCol");
+var XFormInlineRow = function (props) {
+    return react_1.default.createElement(XFormRowCol_1.XFormRowCol, { className: "x-form-inline-row", form: props.form, labelStyle: props.labelStyle, children: props.children });
+};
+exports.XFormInlineRow = XFormInlineRow;

package/lib/components/XFormRowCol/XFormRow.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { XFormBase } from "../XFormBase";
+export interface XFormRowProps {
+    form?: XFormBase;
+    labelStyle?: React.CSSProperties;
+    children: JSX.Element | JSX.Element[];
+}
+export declare const XFormRow: (props: XFormRowProps) => JSX.Element;

package/lib/components/XFormRowCol/XFormRow.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFormRow = void 0;
+var react_1 = __importDefault(require("react"));
+var XFormRowCol_1 = require("./XFormRowCol");
+var XFormRow = function (props) {
+    return react_1.default.createElement(XFormRowCol_1.XFormRowCol, { className: "x-form-row", form: props.form, labelStyle: props.labelStyle, children: props.children });
+};
+exports.XFormRow = XFormRow;

package/lib/components/XFormRowCol/XFormRowCol.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { XFormBase } from "../XFormBase";
+export interface XFormRowColProps {
+    className: "x-form-row" | "x-form-inline-row" | "x-form-col";
+    form?: XFormBase;
+    labelStyle?: React.CSSProperties;
+    children: JSX.Element | JSX.Element[];
+}
+export declare const XFormRowCol: (props: XFormRowColProps) => JSX.Element;

package/lib/components/XFormRowCol/XFormRowCol.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFormRowCol = void 0;
+var react_1 = __importDefault(require("react"));
+var XFormRowCol = function (props) {
+    var childElemList;
+    if (props.form || props.labelStyle) {
+        // 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/
+        childElemList = react_1.default.Children.map(props.children, function (child) {
+            var _a, _b;
+            // klonujeme len nase X* komponenty (napr. XInputText), child.type.name vracia nazov komponenty (napr. XInputText)
+            // ak vyklonujeme cudziu komponentu, funguje, ale prida do nej property labelstyle=[object Object]
+            if (child.type.name && child.type.name.startsWith("X")) {
+                return react_1.default.cloneElement(child, { form: (_a = child.props.form) !== null && _a !== void 0 ? _a : props.form, labelStyle: (_b = child.props.labelStyle) !== null && _b !== void 0 ? _b : props.labelStyle });
+            }
+            else {
+                return child;
+            }
+        });
+    }
+    else {
+        childElemList = props.children; // netreba klonovat - viac menej koli performance
+    }
+    return react_1.default.createElement("div", { className: props.className }, childElemList);
+};
+exports.XFormRowCol = XFormRowCol;

package/lib/components/XFtsInput.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.XFtsInput = void 0;
 var inputtext_1 = require("primereact/inputtext");
 var react_1 = __importDefault(require("react"));
-var XUtilsConversions_1 = require("./XUtilsConversions");
+var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var XFtsInput = function (props) {
     var onChange = function (e) {
         var value = (0, XUtilsConversions_1.stringFromUI)(e.target.value);

package/lib/components/XInput.js

@@ -16,14 +16,14 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XInput = void 0;
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XFormComponent_1 = require("./XFormComponent");
+var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
 // spolocna nadtrieda pre jednoduche inputy (nie asociacne)
 var XInput = /** @class */ (function (_super) {
     __extends(XInput, _super);
     function XInput(props) {
         var _this = _super.call(this, props) || this;
-        _this.xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
+        _this.xField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXFieldByPathStr(props.form.getEntity(), props.field);
         props.form.addField(props.field);
         return _this;
     }

package/lib/components/XInputDT.js

@@ -16,14 +16,14 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XInputDT = void 0;
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XFormComponentDT_1 = require("./XFormComponentDT");
+var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
 // spolocna nadtrieda pre jednoduche inputy (nie asociacne)
 var XInputDT = /** @class */ (function (_super) {
     __extends(XInputDT, _super);
     function XInputDT(props) {
         var _this = _super.call(this, props) || this;
-        _this.xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.entity, props.field);
+        _this.xField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXFieldByPathStr(props.entity, props.field);
         return _this;
     }
     XInputDT.prototype.getField = function () {

package/lib/components/XInputDateDT.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XInputDateDT = void 0;
-var XUtilsConversions_1 = require("./XUtilsConversions");
+var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var calendar_1 = require("primereact/calendar");
 var react_1 = __importDefault(require("react"));
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");

package/lib/components/XInputFileList.js

@@ -69,24 +69,24 @@ exports.XInputFileList = void 0;
 var react_1 = __importDefault(require("react"));
 var react_2 = require("react");
 var fileupload_1 = require("primereact/fileupload");
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtils_1 = require("./XUtils");
 var XButton_1 = require("./XButton");
 var XButtonIconNarrow_1 = require("./XButtonIconNarrow");
-var XUtilsConversions_1 = require("./XUtilsConversions");
+var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var XLocale_1 = require("./XLocale");
+var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
 var XInputFileList = /** @class */ (function (_super) {
     __extends(XInputFileList, _super);
     function XInputFileList(props) {
         var _this = _super.call(this, props) || this;
         _this.fileUploadRef = react_1.default.createRef();
         _this.props = props;
-        var xEntityForm = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity());
-        var xAssocToMany = XUtilsMetadata_1.XUtilsMetadata.getXAssocToMany(xEntityForm, props.assocField);
+        var xEntityForm = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXEntity(props.form.getEntity());
+        var xAssocToMany = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXAssocToMany(xEntityForm, props.assocField);
         _this.entity = xAssocToMany.entityName;
-        var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(_this.entity);
+        var xEntity = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXEntity(_this.entity);
         _this.idField = xEntity.idField;
-        _this.xFileField = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOneByAssocEntity(xEntity, 'XFile').name;
+        _this.xFileField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXAssocToOneByAssocEntity(xEntity, 'XFile').name;
         _this.onDownloadFile = _this.onDownloadFile.bind(_this);
         _this.onRemoveFile = _this.onRemoveFile.bind(_this);
         _this.uploadHandler = _this.uploadHandler.bind(_this);

package/lib/components/XInputIntervalBase.js

@@ -53,7 +53,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.XInputIntervalBase = void 0;
 var inputtext_1 = require("primereact/inputtext");
 var react_1 = __importStar(require("react"));
-var XUtilsConversions_1 = require("./XUtilsConversions");
+var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var XUtils_1 = require("./XUtils");
 // zatial podporuje len hours a minutes - TODO - pridat aj seconds, ale cez nejaky prepinac
 var XInputIntervalBase = function (props) {

package/lib/components/XInputText.js

@@ -31,7 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XInputText = void 0;
 var react_1 = __importDefault(require("react"));
-var XUtilsConversions_1 = require("./XUtilsConversions");
+var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var inputtext_1 = require("primereact/inputtext");
 var XInput_1 = require("./XInput");
 var XInputText = /** @class */ (function (_super) {

package/lib/components/XInputTextDT.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.XInputTextDT = void 0;
 var react_1 = __importDefault(require("react"));
 var inputtext_1 = require("primereact/inputtext");
-var XUtilsConversions_1 = require("./XUtilsConversions");
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XUtils_1 = require("./XUtils");
+var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
 var XInputTextDT = function (props) {
-    var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.entity, props.field);
+    var xField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXFieldByPathStr(props.entity, props.field);
     var onValueChange = function (field, rowData, newValue) {
         // zmenime hodnotu v modeli (odtial sa hodnota cita)
         rowData[field] = (0, XUtilsConversions_1.stringFromUI)(newValue);

package/lib/components/XInputTextarea.js

@@ -31,7 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XInputTextarea = void 0;
 var react_1 = __importDefault(require("react"));
-var XUtilsConversions_1 = require("./XUtilsConversions");
+var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var XInput_1 = require("./XInput");
 var inputtextarea_1 = require("primereact/inputtextarea");
 var XUtils_1 = require("./XUtils");

package/lib/components/XLazyDataTable.d.ts

@@ -1,10 +1,19 @@
 import React, { ReactChild } from 'react';
 import { DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData } from 'primereact/datatable';
 import { ColumnBodyOptions, ColumnFilterElementTemplateOptions } from 'primereact/column';
+import { XViewStatusOrBoolean } from "./XUtils";
 import { XSearchBrowseParams } from "./XSearchBrowseParams";
 import { XAggregateType, XCustomFilter } from "../serverApi/FindParam";
 import { XOnSaveOrCancelProp } from "./XFormBase";
+import { IconType } from "primereact/utils";
+import { ButtonProps } from "primereact/button";
 export type XBetweenFilterProp = "row" | "column" | undefined;
+export interface XAppButtonForRow {
+    key?: string;
+    icon?: IconType<ButtonProps>;
+    label: string;
+    onClick: (selectedRow: any) => void;
+}
 export interface XEditModeHandlers {
     onStart: () => void;
     onSave: () => void;
@@ -38,6 +47,7 @@ export interface XLazyDataTableProps {
     onEdit?: (selectedRow: any) => void;
     removeRow?: ((selectedRow: any) => Promise<boolean>) | boolean;
     onRemoveRow?: XOnSaveOrCancelProp;
+    appButtonsForRow?: XAppButtonForRow[];
     appButtons?: any;
     filters?: DataTableFilterMeta;
     customFilter?: XCustomFilter;
@@ -77,11 +87,19 @@ export interface XLazyColumnProps {
     header?: any;
     align?: "left" | "center" | "right";
     dropdownInFilter?: boolean;
+    dropdownFilter?: XCustomFilter;
+    dropdownSortField?: string;
     showFilterMenu?: boolean;
     betweenFilter?: XBetweenFilterProp | "noBetween";
     width?: string;
     aggregateType?: XAggregateType;
+    columnViewStatus: XViewStatusOrBoolean;
     filterElement?: XFilterElementProp;
     body?: React.ReactNode | ((data: any, options: ColumnBodyOptions) => React.ReactNode);
 }
-export declare const XLazyColumn: (props: XLazyColumnProps) => null;
+export declare const XLazyColumn: {
+    (props: XLazyColumnProps): null;
+    defaultProps: {
+        columnViewStatus: boolean;
+    };
+};