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

package/lib/components/XAutoCompleteDT.d.ts

@@ -1,33 +1,33 @@
-/// <reference types="react" />
-import { XFormComponentDT, XFormComponentDTProps } from "./XFormComponentDT";
-import { XAssoc } from "../serverApi/XEntityMetadata";
-import { OperationType } from "./XUtils";
-import { XError } from "./XErrors";
-import { XTableFieldFilterProp } from "./XFormDataTable2";
-export interface XAutoCompleteDTProps extends XFormComponentDTProps {
-    assocField: string;
-    displayField: string | ((suggestion: any) => string);
-    searchTable?: any;
-    assocForm?: any;
-    filter?: XTableFieldFilterProp;
-}
-export declare class XAutoCompleteDT extends XFormComponentDT<XAutoCompleteDTProps> {
-    protected xAssoc: XAssoc;
-    protected errorInBase: string | undefined;
-    state: {
-        suggestions: any[];
-    };
-    constructor(props: XAutoCompleteDTProps);
-    componentDidMount(): void;
-    readAndSetSuggestions(): Promise<void>;
-    getField(): string;
-    isNotNull(): boolean;
-    getValue(): any | null;
-    onChangeAutoCompleteBase(object: any, objectChange: OperationType): void;
-    onErrorChangeAutoCompleteBase(error: string | undefined): void;
-    validate(): {
-        field: string;
-        xError: XError;
-    } | undefined;
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { XFormComponentDT, XFormComponentDTProps } from "./XFormComponentDT";
+import { XAssoc } from "../serverApi/XEntityMetadata";
+import { OperationType } from "./XUtils";
+import { XError } from "./XErrors";
+import { XTableFieldFilterProp } from "./XFormDataTable2";
+export interface XAutoCompleteDTProps extends XFormComponentDTProps {
+    assocField: string;
+    displayField: string | ((suggestion: any) => string);
+    searchTable?: any;
+    assocForm?: any;
+    filter?: XTableFieldFilterProp;
+}
+export declare class XAutoCompleteDT extends XFormComponentDT<XAutoCompleteDTProps> {
+    protected xAssoc: XAssoc;
+    protected errorInBase: string | undefined;
+    state: {
+        suggestions: any[];
+    };
+    constructor(props: XAutoCompleteDTProps);
+    componentDidMount(): void;
+    readAndSetSuggestions(): Promise<void>;
+    getField(): string;
+    isNotNull(): boolean;
+    getValue(): any | null;
+    onChangeAutoCompleteBase(object: any, objectChange: OperationType): void;
+    onErrorChangeAutoCompleteBase(error: string | undefined): void;
+    validate(): {
+        field: string;
+        xError: XError;
+    } | undefined;
+    render(): JSX.Element;
+}

package/lib/components/XAutoCompleteDT.js

@@ -1,140 +1,140 @@
-"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.XAutoCompleteDT = void 0;
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var react_1 = __importDefault(require("react"));
-var XFormComponentDT_1 = require("./XFormComponentDT");
-var XUtils_1 = require("./XUtils");
-var XAutoCompleteBase_1 = require("./XAutoCompleteBase");
-var XAutoCompleteDT = /** @class */ (function (_super) {
-    __extends(XAutoCompleteDT, _super);
-    function XAutoCompleteDT(props) {
-        var _this = _super.call(this, props) || this;
-        _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity), props.assocField);
-        _this.errorInBase = undefined;
-        _this.state = {
-            suggestions: []
-        };
-        _this.onChangeAutoCompleteBase = _this.onChangeAutoCompleteBase.bind(_this);
-        _this.onErrorChangeAutoCompleteBase = _this.onErrorChangeAutoCompleteBase.bind(_this);
-        return _this;
-    }
-    XAutoCompleteDT.prototype.componentDidMount = function () {
-        this.readAndSetSuggestions();
-    };
-    XAutoCompleteDT.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*/];
-                }
-            });
-        });
-    };
-    XAutoCompleteDT.prototype.getField = function () {
-        return this.props.assocField;
-    };
-    XAutoCompleteDT.prototype.isNotNull = function () {
-        return !this.xAssoc.isNullable;
-    };
-    XAutoCompleteDT.prototype.getValue = function () {
-        var assocObject = this.getValueFromRowData();
-        return assocObject;
-    };
-    XAutoCompleteDT.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();
-        }
-    };
-    XAutoCompleteDT.prototype.onErrorChangeAutoCompleteBase = function (error) {
-        this.errorInBase = error; // odlozime si error
-    };
-    // overrides method in XFormComponent
-    XAutoCompleteDT.prototype.validate = function () {
-        if (this.errorInBase) {
-            // error message dame na onChange, mohli by sme aj na onSet (predtym onBlur), je to jedno viac-menej
-            // TODO - fieldLabel
-            return { field: this.getField(), xError: { onChange: this.errorInBase, fieldLabel: undefined } };
-        }
-        // zavolame povodnu metodu
-        return _super.prototype.validate.call(this);
-    };
-    XAutoCompleteDT.prototype.render = function () {
-        var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName);
-        //const xDisplayField = XUtilsMetadata.getXFieldByPath(xEntityAssoc, this.props.displayField);
-        // 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(XAutoCompleteBase_1.XAutoCompleteBase, { value: this.getValue(), suggestions: this.state.suggestions, onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, valueForm: this.props.assocForm, idField: xEntityAssoc.idField, readOnly: this.isReadOnly(), error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase }));
-    };
-    return XAutoCompleteDT;
-}(XFormComponentDT_1.XFormComponentDT));
-exports.XAutoCompleteDT = XAutoCompleteDT;
+"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.XAutoCompleteDT = void 0;
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var react_1 = __importDefault(require("react"));
+var XFormComponentDT_1 = require("./XFormComponentDT");
+var XUtils_1 = require("./XUtils");
+var XAutoCompleteBase_1 = require("./XAutoCompleteBase");
+var XAutoCompleteDT = /** @class */ (function (_super) {
+    __extends(XAutoCompleteDT, _super);
+    function XAutoCompleteDT(props) {
+        var _this = _super.call(this, props) || this;
+        _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity), props.assocField);
+        _this.errorInBase = undefined;
+        _this.state = {
+            suggestions: []
+        };
+        _this.onChangeAutoCompleteBase = _this.onChangeAutoCompleteBase.bind(_this);
+        _this.onErrorChangeAutoCompleteBase = _this.onErrorChangeAutoCompleteBase.bind(_this);
+        return _this;
+    }
+    XAutoCompleteDT.prototype.componentDidMount = function () {
+        this.readAndSetSuggestions();
+    };
+    XAutoCompleteDT.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*/];
+                }
+            });
+        });
+    };
+    XAutoCompleteDT.prototype.getField = function () {
+        return this.props.assocField;
+    };
+    XAutoCompleteDT.prototype.isNotNull = function () {
+        return !this.xAssoc.isNullable;
+    };
+    XAutoCompleteDT.prototype.getValue = function () {
+        var assocObject = this.getValueFromRowData();
+        return assocObject;
+    };
+    XAutoCompleteDT.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();
+        }
+    };
+    XAutoCompleteDT.prototype.onErrorChangeAutoCompleteBase = function (error) {
+        this.errorInBase = error; // odlozime si error
+    };
+    // overrides method in XFormComponent
+    XAutoCompleteDT.prototype.validate = function () {
+        if (this.errorInBase) {
+            // error message dame na onChange, mohli by sme aj na onSet (predtym onBlur), je to jedno viac-menej
+            // TODO - fieldLabel
+            return { field: this.getField(), xError: { onChange: this.errorInBase, fieldLabel: undefined } };
+        }
+        // zavolame povodnu metodu
+        return _super.prototype.validate.call(this);
+    };
+    XAutoCompleteDT.prototype.render = function () {
+        var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName);
+        //const xDisplayField = XUtilsMetadata.getXFieldByPath(xEntityAssoc, this.props.displayField);
+        // 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(XAutoCompleteBase_1.XAutoCompleteBase, { value: this.getValue(), suggestions: this.state.suggestions, onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, valueForm: this.props.assocForm, idField: xEntityAssoc.idField, readOnly: this.isReadOnly(), error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase }));
+    };
+    return XAutoCompleteDT;
+}(XFormComponentDT_1.XFormComponentDT));
+exports.XAutoCompleteDT = XAutoCompleteDT;

package/lib/components/XBrowse.d.ts

@@ -1,33 +1,33 @@
-import { Component } from "react";
-import { XEditColumnDialogValues } from "./XEditColumnDialog";
-import { XBrowseMeta } from "../serverApi/XBrowseMetadata";
-export interface XBrowseProps {
-    entity: string;
-    browseId?: string;
-}
-export declare class XBrowse extends Component<XBrowseProps> {
-    state: {
-        xBrowseMeta: XBrowseMeta;
-        editMode: boolean;
-        editColumnDialogOpened: boolean;
-    };
-    indexForAddColumn?: number;
-    addColumn: boolean;
-    xEditColumnDialogValues?: XEditColumnDialogValues;
-    constructor(props: XBrowseProps);
-    getXBrowseMeta(): XBrowseMeta;
-    createDefaultXBrowseMeta(): XBrowseMeta;
-    onEditModeStart(): void;
-    onEditModeSave(): Promise<void>;
-    onEditModeCancel(): void;
-    onAddColumn(field: string): void;
-    editColumnDialogOnHide(xEditColumnDialogValues: XEditColumnDialogValues | null): void;
-    onEditColumn(field: string): void;
-    onRemoveColumn(field: string): void;
-    onMoveColumnLeft(field: string): void;
-    onMoveColumnRight(field: string): void;
-    moveColumn(field: string, offset: -1 | 1): void;
-    getIndexForColumn(field: string): number | undefined;
-    onEdit(selectedRow: any): void;
-    render(): JSX.Element;
-}
+import { Component } from "react";
+import { XEditColumnDialogValues } from "./XEditColumnDialog";
+import { XBrowseMeta } from "../serverApi/XBrowseMetadata";
+export interface XBrowseProps {
+    entity: string;
+    browseId?: string;
+}
+export declare class XBrowse extends Component<XBrowseProps> {
+    state: {
+        xBrowseMeta: XBrowseMeta;
+        editMode: boolean;
+        editColumnDialogOpened: boolean;
+    };
+    indexForAddColumn?: number;
+    addColumn: boolean;
+    xEditColumnDialogValues?: XEditColumnDialogValues;
+    constructor(props: XBrowseProps);
+    getXBrowseMeta(): XBrowseMeta;
+    createDefaultXBrowseMeta(): XBrowseMeta;
+    onEditModeStart(): void;
+    onEditModeSave(): Promise<void>;
+    onEditModeCancel(): void;
+    onAddColumn(field: string): void;
+    editColumnDialogOnHide(xEditColumnDialogValues: XEditColumnDialogValues | null): void;
+    onEditColumn(field: string): void;
+    onRemoveColumn(field: string): void;
+    onMoveColumnLeft(field: string): void;
+    onMoveColumnRight(field: string): void;
+    moveColumn(field: string, offset: -1 | 1): void;
+    getIndexForColumn(field: string): number | undefined;
+    onEdit(selectedRow: any): void;
+    render(): JSX.Element;
+}