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

package/lib/components/XAutoComplete.js

@@ -1,155 +1,155 @@
-"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 __());
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XAutoComplete = void 0;
-var react_1 = __importDefault(require("react"));
-var XFormComponent_1 = require("./XFormComponent");
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XUtils_1 = require("./XUtils");
-var XAutoCompleteBase_1 = require("./XAutoCompleteBase");
-var XAutoComplete = /** @class */ (function (_super) {
-    __extends(XAutoComplete, _super);
-    function XAutoComplete(props) {
-        var _this = _super.call(this, props) || this;
-        _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity()), props.assocField);
-        _this.errorInBase = undefined;
-        _this.state = {
-            suggestions: []
-        };
-        _this.onChangeAutoCompleteBase = _this.onChangeAutoCompleteBase.bind(_this);
-        _this.onErrorChangeAutoCompleteBase = _this.onErrorChangeAutoCompleteBase.bind(_this);
-        props.form.addField(props.assocField + '.' + _this.getDisplayFieldOrId());
-        return _this;
-    }
-    XAutoComplete.prototype.getDisplayFieldOrId = function () {
-        // toto je hack - ak ratame displayField cez funkciu, tak nam potom chyba (hociaky) atribut asociovaneho objektu
-        // podobne ako na XFormDataTable2, podsunieme id-ckovy atribut
-        if (typeof this.props.displayField === 'string') {
-            return this.props.displayField; // vsetko ok
-        }
-        else {
-            // v displayField mame funkciu, zistime id-ckovy atribut
-            return XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName).idField;
-        }
-    };
-    XAutoComplete.prototype.componentDidMount = function () {
-        console.log("volany XAutoComplete.componentDidMount()");
-        this.readAndSetSuggestions();
-    };
-    XAutoComplete.prototype.readAndSetSuggestions = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var suggestions;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XUtils_1.XUtils.fetchRows(this.xAssoc.entityName, this.getFilterBase(this.props.filter), typeof this.props.displayField === 'string' ? this.props.displayField : undefined)];
-                    case 1:
-                        suggestions = _a.sent();
-                        // ak mame funkciu, zosortujeme tu
-                        if (typeof this.props.displayField === 'function') {
-                            suggestions = XUtils_1.XUtils.arraySort(suggestions, this.props.displayField);
-                        }
-                        this.setState({ suggestions: suggestions });
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    XAutoComplete.prototype.getField = function () {
-        return this.props.assocField;
-    };
-    XAutoComplete.prototype.isNotNull = function () {
-        return !this.xAssoc.isNullable;
-    };
-    XAutoComplete.prototype.getValue = function () {
-        var assocObject = this.getValueFromObject();
-        return assocObject;
-    };
-    XAutoComplete.prototype.onChangeAutoCompleteBase = function (object, objectChange) {
-        this.onValueChangeBase(object, this.props.onChange, objectChange);
-        if (objectChange !== XUtils_1.OperationType.None) {
-            // zmenil sa zaznam dobrovolnika v DB
-            // zatial len refreshneme z DB
-            // ak by bol reqest pomaly, mozme pri inserte (nove id) / update (existujuce id) upravit zoznam a usetrime tym request do DB
-            // ak bol delete (dobrovolnik === null), treba urobit refresh do DB (alebo si poslat id-cko zmazaneho zaznamu)
-            this.readAndSetSuggestions();
-        }
-    };
-    XAutoComplete.prototype.onErrorChangeAutoCompleteBase = function (error) {
-        this.errorInBase = error; // odlozime si error
-    };
-    // overrides method in XFormComponent
-    XAutoComplete.prototype.validate = function () {
-        if (this.errorInBase) {
-            // error message dame na onChange, mohli by sme aj na onSet (predtym onBlur), je to jedno viac-menej
-            return { field: this.getField(), xError: { onChange: this.errorInBase, fieldLabel: this.getLabel() } };
-        }
-        // zavolame povodnu metodu
-        return _super.prototype.validate.call(this);
-    };
-    XAutoComplete.prototype.render = function () {
-        var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName);
-        //const xDisplayField = XUtilsMetadata.getXFieldByPath(xEntityAssoc, this.props.displayField);
-        // TODO - readOnly
-        // TODO - size
-        //const size = this.props.size ?? xDisplayField.length;
-        // 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(), suggestions: this.state.suggestions, onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, valueForm: this.props.assocForm, idField: xEntityAssoc.idField, error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase })));
-    };
-    return XAutoComplete;
-}(XFormComponent_1.XFormComponent));
-exports.XAutoComplete = XAutoComplete;
+"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 __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XAutoComplete = void 0;
+var react_1 = __importDefault(require("react"));
+var XFormComponent_1 = require("./XFormComponent");
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var XUtils_1 = require("./XUtils");
+var XAutoCompleteBase_1 = require("./XAutoCompleteBase");
+var XAutoComplete = /** @class */ (function (_super) {
+    __extends(XAutoComplete, _super);
+    function XAutoComplete(props) {
+        var _this = _super.call(this, props) || this;
+        _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity()), props.assocField);
+        _this.errorInBase = undefined;
+        _this.state = {
+            suggestions: []
+        };
+        _this.onChangeAutoCompleteBase = _this.onChangeAutoCompleteBase.bind(_this);
+        _this.onErrorChangeAutoCompleteBase = _this.onErrorChangeAutoCompleteBase.bind(_this);
+        props.form.addField(props.assocField + '.' + _this.getDisplayFieldOrId());
+        return _this;
+    }
+    XAutoComplete.prototype.getDisplayFieldOrId = function () {
+        // toto je hack - ak ratame displayField cez funkciu, tak nam potom chyba (hociaky) atribut asociovaneho objektu
+        // podobne ako na XFormDataTable2, podsunieme id-ckovy atribut
+        if (typeof this.props.displayField === 'string') {
+            return this.props.displayField; // vsetko ok
+        }
+        else {
+            // v displayField mame funkciu, zistime id-ckovy atribut
+            return XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName).idField;
+        }
+    };
+    XAutoComplete.prototype.componentDidMount = function () {
+        console.log("volany XAutoComplete.componentDidMount()");
+        this.readAndSetSuggestions();
+    };
+    XAutoComplete.prototype.readAndSetSuggestions = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var suggestions;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, XUtils_1.XUtils.fetchRows(this.xAssoc.entityName, this.getFilterBase(this.props.filter), typeof this.props.displayField === 'string' ? this.props.displayField : undefined)];
+                    case 1:
+                        suggestions = _a.sent();
+                        // ak mame funkciu, zosortujeme tu
+                        if (typeof this.props.displayField === 'function') {
+                            suggestions = XUtils_1.XUtils.arraySort(suggestions, this.props.displayField);
+                        }
+                        this.setState({ suggestions: suggestions });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XAutoComplete.prototype.getField = function () {
+        return this.props.assocField;
+    };
+    XAutoComplete.prototype.isNotNull = function () {
+        return !this.xAssoc.isNullable;
+    };
+    XAutoComplete.prototype.getValue = function () {
+        var assocObject = this.getValueFromObject();
+        return assocObject;
+    };
+    XAutoComplete.prototype.onChangeAutoCompleteBase = function (object, objectChange) {
+        this.onValueChangeBase(object, this.props.onChange, objectChange);
+        if (objectChange !== XUtils_1.OperationType.None) {
+            // zmenil sa zaznam dobrovolnika v DB
+            // zatial len refreshneme z DB
+            // ak by bol reqest pomaly, mozme pri inserte (nove id) / update (existujuce id) upravit zoznam a usetrime tym request do DB
+            // ak bol delete (dobrovolnik === null), treba urobit refresh do DB (alebo si poslat id-cko zmazaneho zaznamu)
+            this.readAndSetSuggestions();
+        }
+    };
+    XAutoComplete.prototype.onErrorChangeAutoCompleteBase = function (error) {
+        this.errorInBase = error; // odlozime si error
+    };
+    // overrides method in XFormComponent
+    XAutoComplete.prototype.validate = function () {
+        if (this.errorInBase) {
+            // error message dame na onChange, mohli by sme aj na onSet (predtym onBlur), je to jedno viac-menej
+            return { field: this.getField(), xError: { onChange: this.errorInBase, fieldLabel: this.getLabel() } };
+        }
+        // zavolame povodnu metodu
+        return _super.prototype.validate.call(this);
+    };
+    XAutoComplete.prototype.render = function () {
+        var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName);
+        //const xDisplayField = XUtilsMetadata.getXFieldByPath(xEntityAssoc, this.props.displayField);
+        // TODO - readOnly
+        // TODO - size
+        //const size = this.props.size ?? xDisplayField.length;
+        // 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(), suggestions: this.state.suggestions, onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, valueForm: this.props.assocForm, idField: xEntityAssoc.idField, error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase })));
+    };
+    return XAutoComplete;
+}(XFormComponent_1.XFormComponent));
+exports.XAutoComplete = XAutoComplete;

package/lib/components/XAutoCompleteBase.d.ts

@@ -1,45 +1,45 @@
-import React, { Component } from "react";
-import { AutoCompleteChangeEvent } from "primereact/autocomplete";
-import { OperationType } from "./XUtils";
-export interface XAutoCompleteBaseProps {
-    value: any;
-    suggestions: any[];
-    onChange: (object: any, objectChange: OperationType) => void;
-    field: string | ((suggestion: any) => string);
-    valueForm?: any;
-    idField?: string;
-    maxLength?: number;
-    readOnly?: boolean;
-    error?: string;
-    onErrorChange: (error: string | undefined) => void;
-    setFocusOnCreate?: boolean;
-}
-export declare class XAutoCompleteBase extends Component<XAutoCompleteBaseProps> {
-    autoCompleteRef: any;
-    state: {
-        inputChanged: boolean;
-        inputValueState: string | undefined;
-        notValid: boolean;
-        filteredSuggestions: any[] | undefined;
-        formDialogOpened: boolean;
-    };
-    formDialogObjectId: number | undefined;
-    formDialogInitObjectForInsert: any | undefined;
-    constructor(props: XAutoCompleteBaseProps);
-    componentDidMount(): void;
-    getDisplayValue(suggestion: any): string;
-    completeMethod(event: {
-        query: string;
-    }): void;
-    onChange(e: AutoCompleteChangeEvent): void;
-    onSelect(e: any): void;
-    onBlur(e: React.FocusEvent<HTMLInputElement>): void;
-    createErrorMessage(): string;
-    setFocusToInput(): void;
-    setObjectValue(object: any, objectChange: OperationType): void;
-    formDialogOnSaveOrCancel(object: any | null, objectChange: OperationType): void;
-    formDialogOnHide(): void;
-    computeInputValue(): any;
-    itemTemplate(suggestion: any, index: number): React.ReactNode;
-    render(): JSX.Element;
-}
+import React, { Component } from "react";
+import { AutoCompleteChangeEvent } from "primereact/autocomplete";
+import { OperationType } from "./XUtils";
+export interface XAutoCompleteBaseProps {
+    value: any;
+    suggestions: any[];
+    onChange: (object: any, objectChange: OperationType) => void;
+    field: string | ((suggestion: any) => string);
+    valueForm?: any;
+    idField?: string;
+    maxLength?: number;
+    readOnly?: boolean;
+    error?: string;
+    onErrorChange: (error: string | undefined) => void;
+    setFocusOnCreate?: boolean;
+}
+export declare class XAutoCompleteBase extends Component<XAutoCompleteBaseProps> {
+    autoCompleteRef: any;
+    state: {
+        inputChanged: boolean;
+        inputValueState: string | undefined;
+        notValid: boolean;
+        filteredSuggestions: any[] | undefined;
+        formDialogOpened: boolean;
+    };
+    formDialogObjectId: number | undefined;
+    formDialogInitObjectForInsert: any | undefined;
+    constructor(props: XAutoCompleteBaseProps);
+    componentDidMount(): void;
+    getDisplayValue(suggestion: any): string;
+    completeMethod(event: {
+        query: string;
+    }): void;
+    onChange(e: AutoCompleteChangeEvent): void;
+    onSelect(e: any): void;
+    onBlur(e: React.FocusEvent<HTMLInputElement>): void;
+    createErrorMessage(): string;
+    setFocusToInput(): void;
+    setObjectValue(object: any, objectChange: OperationType): void;
+    formDialogOnSaveOrCancel(object: any | null, objectChange: OperationType): void;
+    formDialogOnHide(): void;
+    computeInputValue(): any;
+    itemTemplate(suggestion: any, index: number): React.ReactNode;
+    render(): JSX.Element;
+}