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

package/lib/components/XFormComponentDT.js

@@ -1,145 +1,145 @@
-"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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XFormComponentDT = void 0;
-var XFormBase_1 = require("./XFormBase");
-var react_1 = require("react");
-var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XUtils_1 = require("./XUtils");
-var XFormComponentDT = /** @class */ (function (_super) {
-    __extends(XFormComponentDT, _super);
-    function XFormComponentDT(props) {
-        var _this = _super.call(this, props) || this;
-        XFormBase_1.XFormBase.getXRowTechData(props.rowData).xFormComponentDTList.push(_this);
-        return _this;
-    }
-    // ******** read and write from/into this.props.rowData ***********
-    // reads value from this.props.rowData
-    // can be overridden, but this should work for every component
-    XFormComponentDT.prototype.getValueFromRowData = function () {
-        var rowDataValue = null;
-        // test na undefined je tu koli insertu noveho riadku
-        if (this.props.rowData !== undefined && this.props.rowData !== null) {
-            rowDataValue = XUtilsCommon_1.XUtilsCommon.getValueByPath(this.props.rowData, this.getField());
-            //  pre istotu dame na null, null je standard
-            if (rowDataValue === undefined) {
-                rowDataValue = null;
-            }
-        }
-        return rowDataValue;
-    };
-    // writes value into form.state.object
-    XFormComponentDT.prototype.onValueChangeBase = function (value, onChange, assocObjectChange) {
-        var error = this.validateOnChange(value);
-        this.props.form.onTableFieldChange(this.props.rowData, this.getField(), value, error, onChange, assocObjectChange);
-    };
-    XFormComponentDT.prototype.isReadOnly = function () {
-        var readOnly;
-        if (!XUtilsCommon_1.XUtilsCommon.isSingleField(this.getField())) {
-            // if the length of field is 2 or more, then readOnly
-            readOnly = true;
-        }
-        // formReadOnlyBase is called on the level XFormDataTable2
-        // else if (this.props.form.formReadOnlyBase("xxx")) {
-        //     readOnly = true;
-        // }
-        else if (typeof this.props.readOnly === 'boolean') {
-            readOnly = this.props.readOnly;
-        }
-        // else if (typeof this.props.readOnly === 'function') {
-        //     // TODO - tazko povedat ci niekedy bude object === null (asi ano vid metodu getFilterBase)
-        // TODO - use also this.props.rowData
-        //     const object: XObject = this.props.form.state.object;
-        //     if (object) {
-        //         readOnly = this.props.readOnly(this.props.form.getXObject());
-        //     }
-        //     else {
-        //         readOnly = true;
-        //     }
-        // }
-        else {
-            // readOnly is undefined
-            readOnly = false;
-        }
-        return readOnly;
-    };
-    // *********** validation support ************
-    // volane po kliknuti na Save
-    // vrati (field, XError) ak nezbehne "field validacia", ak zbehne, vrati undefined
-    XFormComponentDT.prototype.validate = function () {
-        // TODO - FILOZOFICKA OTAZKA - volat validaciu aj ked je field readOnly (this.isReadOnly() === true)? zatial dame ze hej...
-        var value = this.getValueFromRowData();
-        // not null validacia + custom field validacia volana na onChange
-        var errorOnChange = this.validateOnChange(value);
-        // custom field validacia volana na onBlur (focus lost)
-        // TODO - fieldLabel
-        if (errorOnChange) {
-            return { field: this.getField(), xError: { onChange: errorOnChange, fieldLabel: undefined } };
-        }
-        return undefined;
-    };
-    XFormComponentDT.prototype.validateOnChange = function (value) {
-        var error = this.validateNotNull(value);
-        if (error) {
-            return error;
-        }
-        // custom field validacia volana na onChange
-        // TODO
-        return undefined;
-    };
-    XFormComponentDT.prototype.validateNotNull = function (value) {
-        // validacia by mala sediet s metodou getLabel(), kde sa pridava * , preto tu mame aj test !this.isReadOnly() - id fieldy pri inserte nechceme testovat
-        // otazka je ci nevypinat validaciu pre readOnly fieldy vzdy (aj ked napr. readOnly vznikne dynamicky)
-        if (this.isNotNull() && !this.isReadOnly() && value === null) {
-            return "Field is required.";
-        }
-        return undefined;
-    };
-    // vrati error message z rowData.errorMap
-    XFormComponentDT.prototype.getError = function () {
-        var error = XFormBase_1.XFormBase.getXRowTechData(this.props.rowData).errorMap[this.getField()];
-        return error ? XUtils_1.XUtils.getErrorMessage(error) : undefined;
-    };
-    XFormComponentDT.prototype.callOnChangeFromOnBlur = function () {
-        if (this.props.onChange) {
-            var object = this.props.form.getXObject();
-            // developer v onChange nastavi atributy na object-e
-            this.props.onChange({ object: object, tableRow: this.props.rowData, assocObjectChange: undefined });
-            // rovno zavolame form.setState({...}), nech to nemusi robit developer
-            this.props.form.setStateXForm();
-        }
-    };
-    // len pre assoc fieldy sa pouziva, aj to nie pre vsetky
-    XFormComponentDT.prototype.getFilterBase = function (filter) {
-        var customFilter = undefined;
-        if (typeof filter === 'object') {
-            customFilter = filter;
-        }
-        if (typeof filter === 'function') {
-            //const object: XObject = this.props.form.getXObject();
-            var object = this.props.form.state.object;
-            // zatial zakomentujeme, aby sa zavolal aj pre XAutoComplete (tam zatial nemame k dispozicii object
-            // (componentDidMount pre XAutoComplete sa vola skor ako componentDidMount pre XFormBase))
-            //if (object) {
-            customFilter = filter(object, this.props.rowData);
-            //}
-        }
-        return customFilter;
-    };
-    return XFormComponentDT;
-}(react_1.Component));
-exports.XFormComponentDT = XFormComponentDT;
+"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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFormComponentDT = void 0;
+var XFormBase_1 = require("./XFormBase");
+var react_1 = require("react");
+var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
+var XUtils_1 = require("./XUtils");
+var XFormComponentDT = /** @class */ (function (_super) {
+    __extends(XFormComponentDT, _super);
+    function XFormComponentDT(props) {
+        var _this = _super.call(this, props) || this;
+        XFormBase_1.XFormBase.getXRowTechData(props.rowData).xFormComponentDTList.push(_this);
+        return _this;
+    }
+    // ******** read and write from/into this.props.rowData ***********
+    // reads value from this.props.rowData
+    // can be overridden, but this should work for every component
+    XFormComponentDT.prototype.getValueFromRowData = function () {
+        var rowDataValue = null;
+        // test na undefined je tu koli insertu noveho riadku
+        if (this.props.rowData !== undefined && this.props.rowData !== null) {
+            rowDataValue = XUtilsCommon_1.XUtilsCommon.getValueByPath(this.props.rowData, this.getField());
+            //  pre istotu dame na null, null je standard
+            if (rowDataValue === undefined) {
+                rowDataValue = null;
+            }
+        }
+        return rowDataValue;
+    };
+    // writes value into form.state.object
+    XFormComponentDT.prototype.onValueChangeBase = function (value, onChange, assocObjectChange) {
+        var error = this.validateOnChange(value);
+        this.props.form.onTableFieldChange(this.props.rowData, this.getField(), value, error, onChange, assocObjectChange);
+    };
+    XFormComponentDT.prototype.isReadOnly = function () {
+        var readOnly;
+        if (!XUtilsCommon_1.XUtilsCommon.isSingleField(this.getField())) {
+            // if the length of field is 2 or more, then readOnly
+            readOnly = true;
+        }
+        // formReadOnlyBase is called on the level XFormDataTable2
+        // else if (this.props.form.formReadOnlyBase("xxx")) {
+        //     readOnly = true;
+        // }
+        else if (typeof this.props.readOnly === 'boolean') {
+            readOnly = this.props.readOnly;
+        }
+        // else if (typeof this.props.readOnly === 'function') {
+        //     // TODO - tazko povedat ci niekedy bude object === null (asi ano vid metodu getFilterBase)
+        // TODO - use also this.props.rowData
+        //     const object: XObject = this.props.form.state.object;
+        //     if (object) {
+        //         readOnly = this.props.readOnly(this.props.form.getXObject());
+        //     }
+        //     else {
+        //         readOnly = true;
+        //     }
+        // }
+        else {
+            // readOnly is undefined
+            readOnly = false;
+        }
+        return readOnly;
+    };
+    // *********** validation support ************
+    // volane po kliknuti na Save
+    // vrati (field, XError) ak nezbehne "field validacia", ak zbehne, vrati undefined
+    XFormComponentDT.prototype.validate = function () {
+        // TODO - FILOZOFICKA OTAZKA - volat validaciu aj ked je field readOnly (this.isReadOnly() === true)? zatial dame ze hej...
+        var value = this.getValueFromRowData();
+        // not null validacia + custom field validacia volana na onChange
+        var errorOnChange = this.validateOnChange(value);
+        // custom field validacia volana na onBlur (focus lost)
+        // TODO - fieldLabel
+        if (errorOnChange) {
+            return { field: this.getField(), xError: { onChange: errorOnChange, fieldLabel: undefined } };
+        }
+        return undefined;
+    };
+    XFormComponentDT.prototype.validateOnChange = function (value) {
+        var error = this.validateNotNull(value);
+        if (error) {
+            return error;
+        }
+        // custom field validacia volana na onChange
+        // TODO
+        return undefined;
+    };
+    XFormComponentDT.prototype.validateNotNull = function (value) {
+        // validacia by mala sediet s metodou getLabel(), kde sa pridava * , preto tu mame aj test !this.isReadOnly() - id fieldy pri inserte nechceme testovat
+        // otazka je ci nevypinat validaciu pre readOnly fieldy vzdy (aj ked napr. readOnly vznikne dynamicky)
+        if (this.isNotNull() && !this.isReadOnly() && value === null) {
+            return "Field is required.";
+        }
+        return undefined;
+    };
+    // vrati error message z rowData.errorMap
+    XFormComponentDT.prototype.getError = function () {
+        var error = XFormBase_1.XFormBase.getXRowTechData(this.props.rowData).errorMap[this.getField()];
+        return error ? XUtils_1.XUtils.getErrorMessage(error) : undefined;
+    };
+    XFormComponentDT.prototype.callOnChangeFromOnBlur = function () {
+        if (this.props.onChange) {
+            var object = this.props.form.getXObject();
+            // developer v onChange nastavi atributy na object-e
+            this.props.onChange({ object: object, tableRow: this.props.rowData, assocObjectChange: undefined });
+            // rovno zavolame form.setState({...}), nech to nemusi robit developer
+            this.props.form.setStateXForm();
+        }
+    };
+    // len pre assoc fieldy sa pouziva, aj to nie pre vsetky
+    XFormComponentDT.prototype.getFilterBase = function (filter) {
+        var customFilter = undefined;
+        if (typeof filter === 'object') {
+            customFilter = filter;
+        }
+        if (typeof filter === 'function') {
+            //const object: XObject = this.props.form.getXObject();
+            var object = this.props.form.state.object;
+            // zatial zakomentujeme, aby sa zavolal aj pre XAutoComplete (tam zatial nemame k dispozicii object
+            // (componentDidMount pre XAutoComplete sa vola skor ako componentDidMount pre XFormBase))
+            //if (object) {
+            customFilter = filter(object, this.props.rowData);
+            //}
+        }
+        return customFilter;
+    };
+    return XFormComponentDT;
+}(react_1.Component));
+exports.XFormComponentDT = XFormComponentDT;

package/lib/components/XFormDataTable2.d.ts

@@ -1,143 +1,144 @@
-import { XFormBase } from "./XFormBase";
-import { Component, ReactChild } from "react";
-import { DataTableFilterMeta } from "primereact/datatable";
-import { XEntity, XField } from "../serverApi/XEntityMetadata";
-import { FilterMatchMode } from "primereact/api";
-import { XTableFieldChangeEvent } from "./XFieldChangeEvent";
-import { XCustomFilter } from "../serverApi/FindParam";
-import { XFormComponentDT } from "./XFormComponentDT";
-import { XErrorMap } from "./XErrors";
-import { IconType } from "primereact/utils";
-import { ButtonProps } from "primereact/button";
-export interface XRowTechData {
-    xFormComponentDTList: Array<XFormComponentDT<any>>;
-    errorMap: XErrorMap;
-}
-export interface XDropdownOptionsMap {
-    [assocField: string]: any[];
-}
-export interface XFormDataTableProps {
-    form: XFormBase;
-    assocField: string;
-    dataKey?: string;
-    paginator?: boolean;
-    rows?: number;
-    filterDisplay: "menu" | "row" | "none";
-    sortable: boolean;
-    sortField?: string;
-    scrollable: boolean;
-    scrollWidth?: string;
-    scrollHeight?: string;
-    shrinkWidth: boolean;
-    label?: string;
-    readOnly?: boolean;
-    showAddRemoveButtons?: boolean;
-    onClickAddRow?: () => void;
-    onClickRemoveRow?: (row: any) => void;
-    removeButtonInRow: boolean;
-    addRowLabel?: string;
-    addRowIcon?: IconType<ButtonProps>;
-    removeRowLabel?: string;
-    removeRowIcon?: IconType<ButtonProps>;
-    width?: string;
-    children: ReactChild[];
-}
-export declare class XFormDataTable2 extends Component<XFormDataTableProps> {
-    static defaultProps: {
-        filterDisplay: string;
-        sortable: boolean;
-        scrollable: boolean;
-        scrollWidth: string;
-        scrollHeight: string;
-        shrinkWidth: boolean;
-        showAddRemoveButtons: boolean;
-        removeButtonInRow: boolean;
-        addRowIcon: string;
-        removeRowIcon: string;
-    };
-    props: XFormDataTableProps;
-    entity?: string;
-    dataKey?: string;
-    dt: any;
-    state: {
-        selectedRow: {} | undefined;
-        dropdownOptionsMap: XDropdownOptionsMap;
-        filters: DataTableFilterMeta;
-    };
-    constructor(props: XFormDataTableProps);
-    getPathForColumn(columnProps: XFormColumnProps): string;
-    getDisplayFieldOrId(columnPropsAutoComplete: XFormAutoCompleteColumnProps): string;
-    static getHeader(columnProps: XFormColumnProps, xEntity: XEntity, field: string, xField: XField): string;
-    getEntity(): string;
-    createInitFilters(): DataTableFilterMeta;
-    getFilterMatchMode(xField: XField): FilterMatchMode;
-    onSelectionChange(event: any): void;
-    onDropdownOptionsMapChange(dropdownOptionsMap: XDropdownOptionsMap): void;
-    onFilter(event: any): void;
-    onCheckboxFilterChange(field: string, checkboxValue: boolean | null): void;
-    getCheckboxFilterValue(field: string): boolean | null;
-    onDropdownFilterChange(field: string, displayValue: any): void;
-    getDropdownFilterValue(field: string): any;
-    bodyTemplate(columnProps: XFormColumnProps, tableReadOnly: boolean, rowData: any, xEntity: XEntity): any;
-    onClickAddRow(): void;
-    onClickRemoveRowBySelection(): void;
-    removeRow(row: any): void;
-    validate(): void;
-    getErrorMessages(): string;
-    isReadOnly(): boolean;
-    render(): JSX.Element;
-}
-export type TableFieldOnChange = (e: XTableFieldChangeEvent<any, any>) => void;
-export type XTableFieldFilterProp = XCustomFilter | ((object: any, rowData: any) => XCustomFilter | undefined);
-export interface XFormColumnProps {
-    type: "inputSimple" | "dropdown" | "autoComplete" | "searchButton";
-    header?: any;
-    readOnly?: boolean;
-    dropdownInFilter?: boolean;
-    showFilterMenu?: boolean;
-    width?: string;
-    onChange?: TableFieldOnChange;
-}
-export interface XFormInputSimpleColumnProps extends XFormColumnProps {
-    field: string;
-}
-export interface XFormDropdownColumnProps extends XFormColumnProps {
-    assocField: string;
-    displayField: string;
-}
-export interface XFormAutoCompleteColumnProps extends XFormColumnProps {
-    assocField: string;
-    displayField: string | ((suggestion: any) => string);
-    searchTable?: any;
-    assocForm?: any;
-    filter?: XTableFieldFilterProp;
-}
-export interface XFormSearchButtonColumnProps extends XFormColumnProps {
-    assocField: string;
-    displayField: string;
-    searchTable: any;
-}
-export declare const XFormColumn: {
-    (props: XFormInputSimpleColumnProps): null;
-    defaultProps: {
-        type: string;
-    };
-};
-export declare const XFormDropdownColumn: {
-    (props: XFormDropdownColumnProps): null;
-    defaultProps: {
-        type: string;
-    };
-};
-export declare const XFormAutoCompleteColumn: {
-    (props: XFormAutoCompleteColumnProps): null;
-    defaultProps: {
-        type: string;
-    };
-};
-export declare const XFormSearchButtonColumn: {
-    (props: XFormSearchButtonColumnProps): null;
-    defaultProps: {
-        type: string;
-    };
-};
+import { XFormBase } from "./XFormBase";
+import { Component, ReactChild } from "react";
+import { DataTableFilterMeta } from "primereact/datatable";
+import { XEntity, XField } from "../serverApi/XEntityMetadata";
+import { FilterMatchMode } from "primereact/api";
+import { XTableFieldChangeEvent } from "./XFieldChangeEvent";
+import { XCustomFilter } from "../serverApi/FindParam";
+import { XFormComponentDT } from "./XFormComponentDT";
+import { XErrorMap } from "./XErrors";
+import { IconType } from "primereact/utils";
+import { ButtonProps } from "primereact/button";
+export interface XRowTechData {
+    xFormComponentDTList: Array<XFormComponentDT<any>>;
+    errorMap: XErrorMap;
+}
+export interface XDropdownOptionsMap {
+    [assocField: string]: any[];
+}
+export interface XFormDataTableProps {
+    form: XFormBase;
+    assocField: string;
+    dataKey?: string;
+    paginator?: boolean;
+    rows?: number;
+    filterDisplay: "menu" | "row" | "none";
+    sortable: boolean;
+    sortField?: string;
+    scrollable: boolean;
+    scrollWidth?: string;
+    scrollHeight?: string;
+    shrinkWidth: boolean;
+    label?: string;
+    readOnly?: boolean;
+    showAddRemoveButtons?: boolean;
+    onClickAddRow?: () => void;
+    onClickRemoveRow?: (row: any) => void;
+    removeButtonInRow: boolean;
+    addRowLabel?: string;
+    addRowIcon?: IconType<ButtonProps>;
+    removeRowLabel?: string;
+    removeRowIcon?: IconType<ButtonProps>;
+    width?: string;
+    children: ReactChild[];
+}
+export declare class XFormDataTable2 extends Component<XFormDataTableProps> {
+    static defaultProps: {
+        filterDisplay: string;
+        sortable: boolean;
+        scrollable: boolean;
+        scrollWidth: string;
+        scrollHeight: string;
+        shrinkWidth: boolean;
+        showAddRemoveButtons: boolean;
+        removeButtonInRow: boolean;
+        addRowIcon: string;
+        removeRowIcon: string;
+    };
+    props: XFormDataTableProps;
+    entity?: string;
+    dataKey?: string;
+    dt: any;
+    state: {
+        selectedRow: {} | undefined;
+        dropdownOptionsMap: XDropdownOptionsMap;
+        filters: DataTableFilterMeta;
+    };
+    constructor(props: XFormDataTableProps);
+    getPathForColumn(columnProps: XFormColumnProps): string;
+    getDisplayFieldOrId(columnPropsAutoComplete: XFormAutoCompleteColumnProps): string;
+    static getHeader(columnProps: XFormColumnProps, xEntity: XEntity, field: string, xField: XField): string;
+    getEntity(): string;
+    createInitFilters(): DataTableFilterMeta;
+    getFilterMatchMode(xField: XField): FilterMatchMode;
+    onSelectionChange(event: any): void;
+    onDropdownOptionsMapChange(dropdownOptionsMap: XDropdownOptionsMap): void;
+    onFilter(event: any): void;
+    onCheckboxFilterChange(field: string, checkboxValue: boolean | null): void;
+    getCheckboxFilterValue(field: string): boolean | null;
+    onDropdownFilterChange(field: string, displayValue: any): void;
+    getDropdownFilterValue(field: string): any;
+    bodyTemplate(columnProps: XFormColumnProps, tableReadOnly: boolean, rowData: any, xEntity: XEntity): any;
+    onClickAddRow(): void;
+    onClickRemoveRowBySelection(): void;
+    removeRow(row: any): void;
+    validate(): void;
+    isReadOnly(): boolean;
+    render(): JSX.Element;
+}
+export type TableFieldOnChange = (e: XTableFieldChangeEvent<any, any>) => void;
+export type XTableFieldFilterProp = XCustomFilter | ((object: any, rowData: any) => XCustomFilter | undefined);
+export interface XFormColumnProps {
+    type: "inputSimple" | "dropdown" | "autoComplete" | "searchButton";
+    header?: any;
+    readOnly?: boolean;
+    dropdownInFilter?: boolean;
+    showFilterMenu?: boolean;
+    width?: string;
+    onChange?: TableFieldOnChange;
+}
+export interface XFormInputSimpleColumnProps extends XFormColumnProps {
+    field: string;
+}
+export interface XFormDropdownColumnProps extends XFormColumnProps {
+    assocField: string;
+    displayField: string;
+    sortField?: string;
+    filter?: XCustomFilter;
+}
+export interface XFormAutoCompleteColumnProps extends XFormColumnProps {
+    assocField: string;
+    displayField: string | ((suggestion: any) => string);
+    searchTable?: any;
+    assocForm?: any;
+    filter?: XTableFieldFilterProp;
+}
+export interface XFormSearchButtonColumnProps extends XFormColumnProps {
+    assocField: string;
+    displayField: string;
+    searchTable: any;
+}
+export declare const XFormColumn: {
+    (props: XFormInputSimpleColumnProps): null;
+    defaultProps: {
+        type: string;
+    };
+};
+export declare const XFormDropdownColumn: {
+    (props: XFormDropdownColumnProps): null;
+    defaultProps: {
+        type: string;
+    };
+};
+export declare const XFormAutoCompleteColumn: {
+    (props: XFormAutoCompleteColumnProps): null;
+    defaultProps: {
+        type: string;
+    };
+};
+export declare const XFormSearchButtonColumn: {
+    (props: XFormSearchButtonColumnProps): null;
+    defaultProps: {
+        type: string;
+    };
+};