@michalrakus/x-react-web-lib 1.37.0 → 1.37.2

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/XInput.d.ts

@@ -4,6 +4,7 @@ import { XField } from "../serverApi/XEntityMetadata";
 export interface XInputProps<T> extends XFormComponentProps<T> {
     field: string;
     inputStyle?: React.CSSProperties;
+    inputClassName?: string;
 }
 export declare abstract class XInput<T, P extends XInputProps<T>> extends XFormComponent<T, P> {
     protected xField: XField;

package/lib/components/XInputTextarea.js

@@ -99,7 +99,7 @@ var XInputTextarea = exports.XInputTextarea = /** @class */ (function (_super) {
             react_1.default.createElement("label", { id: labelElemId, htmlFor: this.props.field, className: !this.labelOnTop ? 'col-fixed' : undefined, style: labelStyle }, this.getLabel()),
             labelTooltip ? react_1.default.createElement(tooltip_1.Tooltip, { target: "#".concat(labelElemId), content: labelTooltip }) : null,
             this.props.form.state.object ?
-                react_1.default.createElement(XInputTextareaBase_1.XInputTextareaBase, { ref: this.xInputTextareaBaseRef, id: this.props.field, value: value, onChange: this.onValueChange, readOnly: this.isReadOnly(), maxLength: this.xField.length, style: inputStyle, rows: this.props.rows, cols: cols, autoResize: this.props.autoResize, error: this.getError(), tooltip: this.props.tooltip, placeholder: (_b = this.props.placeholder) !== null && _b !== void 0 ? _b : this.props.desc })
+                react_1.default.createElement(XInputTextareaBase_1.XInputTextareaBase, { ref: this.xInputTextareaBaseRef, id: this.props.field, value: value, onChange: this.onValueChange, readOnly: this.isReadOnly(), maxLength: this.xField.length, style: inputStyle, className: this.props.inputClassName, rows: this.props.rows, cols: cols, autoResize: this.props.autoResize, error: this.getError(), tooltip: this.props.tooltip, placeholder: (_b = this.props.placeholder) !== null && _b !== void 0 ? _b : this.props.desc })
                 : null));
     };
     XInputTextarea.defaultProps = {

package/lib/components/XInputTextareaBase.d.ts

@@ -9,6 +9,7 @@ export interface XInputTextareaBaseProps {
     readOnly?: boolean;
     error?: string;
     style?: React.CSSProperties;
+    className?: string;
     maxLength?: number;
     tooltip?: string;
     placeholder?: string;

package/lib/components/XInputTextareaBase.js

@@ -99,7 +99,7 @@ var XInputTextareaBase = /** @class */ (function (_super) {
         }
     };
     XInputTextareaBase.prototype.render = function () {
-        return (react_1.default.createElement(inputtextarea_1.InputTextarea, __assign({ ref: this.inputTextareaRef, id: this.props.id, value: this.getInputValue(), onChange: this.onChange, onBlur: this.onBlur, readOnly: this.props.readOnly, maxLength: this.props.maxLength, style: this.props.style, rows: this.props.rows, cols: this.props.cols, autoResize: this.props.autoResize }, XUtils_1.XUtils.createTooltipOrErrorProps(this.props.error, this.props.tooltip), { placeholder: this.props.placeholder })));
+        return (react_1.default.createElement(inputtextarea_1.InputTextarea, __assign({ ref: this.inputTextareaRef, id: this.props.id, value: this.getInputValue(), onChange: this.onChange, onBlur: this.onBlur, readOnly: this.props.readOnly, maxLength: this.props.maxLength, style: this.props.style, rows: this.props.rows, cols: this.props.cols, autoResize: this.props.autoResize }, XUtils_1.XUtils.addClassName(XUtils_1.XUtils.createTooltipOrErrorProps(this.props.error, this.props.tooltip), this.props.className), { placeholder: this.props.placeholder })));
     };
     return XInputTextareaBase;
 }(react_1.Component));

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/XUtils.d.ts

@@ -101,7 +101,7 @@ export declare class XUtils {
     static createTooltipOrErrorProps(error: string | undefined, tooltip?: string | undefined): object;
     static addClassName(props: {
         [key: string]: any;
-    }, className: string): {
+    }, className: string | undefined): {
         [key: string]: any;
     };
     static getErrorMessages(xErrorMap: XErrorMap): string;

package/lib/components/XUtils.js

@@ -617,11 +617,13 @@ var XUtils = exports.XUtils = /** @class */ (function () {
     // pouzivame ju, lebo XUtils.createErrorProps nam prebijal className
     XUtils.addClassName = function (props, className) {
         var propsClassName = props.className;
-        if (propsClassName !== undefined) {
-            propsClassName += " " + className;
-        }
-        else {
-            propsClassName = className;
+        if (className !== undefined) {
+            if (propsClassName !== undefined) {
+                propsClassName += " " + className;
+            }
+            else {
+                propsClassName = className;
+            }
         }
         props.className = propsClassName;
         return props;

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/package.json

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