@michalrakus/x-react-web-lib 1.37.1 → 1.37.3

package/lib/components/XAutoComplete.d.ts

@@ -13,6 +13,9 @@ export interface XAutoCompleteProps extends XFormComponentProps<XObject> {
     searchBrowse?: JSX.Element;
     assocForm?: JSX.Element;
     dropdownButtonEnabled?: boolean;
+    insertButtonTooltip?: string;
+    updateButtonTooltip?: string;
+    searchButtonTooltip?: string;
     suggestions?: any[];
     suggestionsLoad?: XSuggestionsLoadProp;
     lazyLoadMaxRows?: number;

package/lib/components/XAutoComplete.js

@@ -70,7 +70,7 @@ var XAutoComplete = /** @class */ (function (_super) {
         // div className="col" nam zabezpeci aby XAutoCompleteBase nezaberal celu dlzku grid-u (ma nastaveny width=100% vdaka "formgroup-inline")
         return (react_1.default.createElement("div", { className: "field grid" },
             react_1.default.createElement("label", { htmlFor: this.props.assocField, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
-            react_1.default.createElement(XAutoCompleteBase_1.XAutoCompleteBase, { value: this.getValue(), onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, itemTemplate: this.props.itemTemplate, searchBrowse: this.props.searchBrowse, valueForm: this.props.assocForm, dropdownButtonEnabled: this.props.dropdownButtonEnabled, idField: xEntityAssoc.idField, readOnly: this.isReadOnly(), error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase, width: this.props.width, scrollHeight: this.props.scrollHeight, suggestions: this.props.suggestions, suggestionsLoad: this.props.suggestionsLoad, lazyLoadMaxRows: this.props.lazyLoadMaxRows, splitQueryValue: this.props.splitQueryValue, minLength: this.props.minLength, suggestionsQuery: { entity: this.xAssoc.entityName, filter: function () { return _this.getFilterBase(_this.props.filter); }, sortField: this.props.sortField, fields: this.props.fields }, inputClassName: this.props.inputClassName, setFocusOnCreate: this.props.setFocusOnCreate })));
+            react_1.default.createElement(XAutoCompleteBase_1.XAutoCompleteBase, { value: this.getValue(), onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, itemTemplate: this.props.itemTemplate, searchBrowse: this.props.searchBrowse, valueForm: this.props.assocForm, dropdownButtonEnabled: this.props.dropdownButtonEnabled, insertButtonTooltip: this.props.insertButtonTooltip, updateButtonTooltip: this.props.updateButtonTooltip, searchButtonTooltip: this.props.searchButtonTooltip, idField: xEntityAssoc.idField, readOnly: this.isReadOnly(), error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase, width: this.props.width, scrollHeight: this.props.scrollHeight, suggestions: this.props.suggestions, suggestionsLoad: this.props.suggestionsLoad, lazyLoadMaxRows: this.props.lazyLoadMaxRows, splitQueryValue: this.props.splitQueryValue, minLength: this.props.minLength, suggestionsQuery: { entity: this.xAssoc.entityName, filter: function () { return _this.getFilterBase(_this.props.filter); }, sortField: this.props.sortField, fields: this.props.fields }, inputClassName: this.props.inputClassName, setFocusOnCreate: this.props.setFocusOnCreate })));
     };
     return XAutoComplete;
 }(XFormComponent_1.XFormComponent));

package/lib/components/XFormDataTable2.js

@@ -284,7 +284,7 @@ var XFormDataTable2 = exports.XFormDataTable2 = /** @class */ (function (_super)
             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") {
+        else if (xField.type === "decimal" || xField.type === "number" || xField.type === "interval" || xField.type === "date" || xField.type === "datetime" || xField.type === "boolean") {
             filterMatchMode = api_1.FilterMatchMode.EQUALS;
         }
         else {

package/lib/components/XFtsInput.js

@@ -18,6 +18,7 @@ exports.XFtsInput = void 0;
 var react_1 = __importDefault(require("react"));
 var XInputTextBase_1 = require("./XInputTextBase");
 var XUtils_1 = require("./XUtils");
+var XLocale_1 = require("./XLocale");
 var XFtsInput = function (props) {
     var onChange = function (value) {
         props.value.value = value;
@@ -25,6 +26,6 @@ var XFtsInput = function (props) {
     };
     // TODO - pridat input na zmenu matchMode
     // we use XInputTextBase - we save onChange calls
-    return (react_1.default.createElement(XInputTextBase_1.XInputTextBase, { value: props.value.value, onChange: onChange, style: { height: '2.5rem', width: XUtils_1.XUtils.isMobile() ? '7rem' : '17rem' }, className: "m-1" }));
+    return (react_1.default.createElement(XInputTextBase_1.XInputTextBase, { value: props.value.value, onChange: onChange, style: { height: '2.5rem', width: XUtils_1.XUtils.isMobile() ? '7rem' : '17rem' }, className: "m-1", placeholder: (0, XLocale_1.xLocaleOption)('searchInAllFields') }));
 };
 exports.XFtsInput = XFtsInput;

package/lib/components/XLazyDataTable/XLazyDataTable.d.ts

@@ -96,6 +96,8 @@ export interface XLazyDataTableProps {
     multilineSwitchInitValue?: XMultilineRenderType;
     multilineSwitchFewLinesCount?: number;
     multilineSwitchValue?: [XMultilineRenderType, React.Dispatch<React.SetStateAction<XMultilineRenderType>>];
+    headerBodyTop?: React.ReactNode;
+    headerBodyLeft?: React.ReactNode;
     headerBodyRight?: React.ReactNode;
     searchBrowseParams?: XSearchBrowseParams;
     width?: string;

package/lib/components/XLazyDataTable/XLazyDataTable.js

@@ -243,7 +243,7 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
             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") {
+        else if (xField.type === "decimal" || xField.type === "number" || xField.type === "interval" || xField.type === "date" || xField.type === "datetime" || xField.type === "boolean") {
             filterMatchMode = api_1.FilterMatchMode.EQUALS;
         }
         else {
@@ -1449,8 +1449,11 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
     // align-items-center centruje vertikalne (posuva smerom dolu do stredu)
     // x-lazy-datatable-label-right-compensation - vyvazuje label, aby item-y v strede isli aspon priblizne do stredu
     return (react_1.default.createElement("div", null,
+        props.headerBodyTop ?
+            react_1.default.createElement("div", { className: "flex justify-content-center align-items-center" }, props.headerBodyTop) : null,
         react_1.default.createElement("div", { className: "flex justify-content-center align-items-center" },
             props.label ? react_1.default.createElement("div", { className: "x-lazy-datatable-label", style: props.labelStyle }, props.label) : null,
+            props.headerBodyLeft,
             ftsInputValue ? react_1.default.createElement(XFtsInput_1.XFtsInput, { value: ftsInputValue, onChange: function (value) { return setFtsInputValue(value); } }) : null,
             props.showFilterButtons ? react_1.default.createElement(XButton_1.XButton, { key: "filter", icon: isMobile ? "pi pi-search" : undefined, label: !isMobile ? (0, XLocale_1.xLocaleOption)('filter') : undefined, onClick: onClickFilter }) : null,
             props.showFilterButtons ? react_1.default.createElement(XButton_1.XButton, { key: "resetTable", icon: isMobile ? "pi pi-ban" : undefined, label: !isMobile ? (0, XLocale_1.xLocaleOption)('resetTable') : undefined, onClick: onClickResetTable }) : null,

package/lib/components/locale/x-en.json

@@ -1,5 +1,6 @@
 {
     "en": {
+        "searchInAllFields": "Search in all fields",
         "filter": "Filter",
         "resetTable": "Reset filter",
         "addRow": "Add",

package/lib/serverApi/XUtilsConversions.js

@@ -342,11 +342,16 @@ function intervalFromUI(valueString) {
     else {
         var posColon = valueString.indexOf(':');
         if (posColon === -1) {
-            var minutes = parseInt(valueString);
-            if (!isNaN(minutes)) {
-                var hours = Math.floor(minutes / 60);
-                minutes = minutes - (hours * 60);
-                valueInterval = { hours: hours, minutes: minutes };
+            // for depaul project, we use hours as default value - TODO - some param/env value to have both types of init value
+            // let minutes: number = parseInt(valueString);
+            // if (!isNaN(minutes)) {
+            //     const hours = Math.floor(minutes / 60);
+            //     minutes = minutes - (hours * 60);
+            //     valueInterval = {hours: hours, minutes: minutes} as IPostgresInterval;
+            // }
+            var hours = parseInt(valueString);
+            if (!isNaN(hours)) {
+                valueInterval = { hours: hours, minutes: 0 };
             }
         }
         else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@michalrakus/x-react-web-lib",
-  "version": "1.37.1",
+  "version": "1.37.3",
   "description": "",
   "scripts": {
     "clean": "rimraf lib",