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

package/lib/components/XSearchButtonDT.js

@@ -1,188 +1,188 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XSearchButtonDT = void 0;
-var react_1 = __importStar(require("react"));
-var XUtils_1 = require("./XUtils");
-var inputtext_1 = require("primereact/inputtext");
-var button_1 = require("primereact/button");
-var dialog_1 = require("primereact/dialog");
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XSearchButtonDT = function (props) {
-    var inputTextRef = (0, react_1.useRef)(null);
-    var _a = __read((0, react_1.useState)(false), 2), inputChanged = _a[0], setInputChanged = _a[1]; // priznak, ci uzivatel typovanim zmenil hodnotu v inpute
-    var _b = __read((0, react_1.useState)(null), 2), inputValueState = _b[0], setInputValueState = _b[1]; // pouzivane, len ak inputChanged === true, je tu zapisana zmenena hodnota v inpute
-    var _c = __read((0, react_1.useState)(false), 2), dialogOpened = _c[0], setDialogOpened = _c[1];
-    var computeInputValue = function () {
-        var inputValue = null;
-        if (!inputChanged) {
-            if (props.rowData !== null) {
-                // TODO - pridat cez generikum typ fieldu (ak sa da)
-                // poznamka: ak assocObject === null tak treba do inputu zapisovat prazdny retazec, ak by sme pouzili null, neprejavila by sa zmena v modeli na null
-                var assocObject = props.rowData[props.assocField];
-                inputValue = (assocObject !== null && assocObject !== undefined) ? assocObject[props.displayField] : "";
-            }
-        }
-        else {
-            inputValue = inputValueState;
-        }
-        return inputValue;
-    };
-    var readOnly = props.readOnly !== undefined ? props.readOnly : false;
-    var onInputValueChange = function (e) {
-        setInputChanged(true);
-        setInputValueState(e.target.value);
-    };
-    var onInputBlur = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var rows;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!inputChanged) return [3 /*break*/, 3];
-                    if (!(e.target.value === '')) return [3 /*break*/, 1];
-                    setValueToModel(null); // prazdny retazec znamena null hodnotu
-                    return [3 /*break*/, 3];
-                case 1: return [4 /*yield*/, XUtils_1.XUtils.fetchMany('findRowsForAssoc', { entity: props.entity, assocField: props.assocField, displayField: props.displayField, filter: e.target.value })];
-                case 2:
-                    rows = _a.sent();
-                    if (rows.length === 0) {
-                        setDialogOpened(true);
-                    }
-                    else if (rows.length === 1) {
-                        // nastavime najdeny row
-                        setValueToModel(rows[0]);
-                    }
-                    else {
-                        setDialogOpened(true);
-                    }
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var setValueToModel = function (row) {
-        // zmenime hodnotu v modeli (odtial sa hodnota cita)
-        props.rowData[props.assocField] = row;
-        // kedze "rowData" je sucastou "props.form.state.object", tak nam staci zavolat setState({object: object}), aby sa zmena prejavila
-        props.form.onObjectDataChange();
-        setInputChanged(false);
-    };
-    var onClickSearch = function (e) {
-        //console.log("zavolany onClickSearch");
-        if (!readOnly) {
-            setDialogOpened(true);
-        }
-        else {
-            if (props.assocForm !== undefined) {
-                var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity);
-                var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntityForAssocToOne(xEntity, props.assocField);
-                if (props.rowData !== null) {
-                    var assocObject = props.rowData[props.assocField];
-                    // OTAZKA - ziskavat id priamo z root objektu? potom ho vsak treba do root objektu pridat
-                    var id = (assocObject !== null && assocObject !== undefined) ? assocObject[xEntityAssoc.idField] : null;
-                    // klonovanim elementu pridame atribut id
-                    var assocForm = react_1.default.cloneElement(props.assocForm, { id: id }, props.assocForm.children);
-                    props.form.props.openForm(assocForm);
-                }
-            }
-        }
-    };
-    var onChoose = function (chosenRow) {
-        //console.log("zavolany onChoose");
-        // zavrieme search dialog
-        setDialogOpened(false);
-        // zapiseme vybraty row do objektu
-        setValueToModel(chosenRow);
-    };
-    var onHide = function () {
-        setDialogOpened(false);
-        // ak mame v inpute neplatnu hodnotu, musime vratit kurzor na input
-        if (inputChanged) {
-            inputTextRef.current.focus();
-        }
-    };
-    // {React.createElement(props.searchTable, {searchTableParams: {onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined)}, ...props.searchTableProps}, null)}
-    // <BrandSearchTable searchTableParams={{onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined)}} qqq="fiha"/>
-    // vypocitame inputValue
-    var inputValue = computeInputValue();
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { className: "x-search-button-base" },
-            react_1.default.createElement(inputtext_1.InputText, { id: props.assocField, value: inputValue, onChange: onInputValueChange, onBlur: onInputBlur, readOnly: readOnly, ref: inputTextRef }),
-            react_1.default.createElement(button_1.Button, { label: "...", onClick: onClickSearch })),
-        react_1.default.createElement(dialog_1.Dialog, { visible: dialogOpened, onHide: onHide }, react_1.default.cloneElement(props.searchTable, { searchTableParams: { onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined) } }, props.searchTable.children))));
-};
-exports.XSearchButtonDT = XSearchButtonDT;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XSearchButtonDT = void 0;
+var react_1 = __importStar(require("react"));
+var XUtils_1 = require("./XUtils");
+var inputtext_1 = require("primereact/inputtext");
+var button_1 = require("primereact/button");
+var dialog_1 = require("primereact/dialog");
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var XSearchButtonDT = function (props) {
+    var inputTextRef = (0, react_1.useRef)(null);
+    var _a = __read((0, react_1.useState)(false), 2), inputChanged = _a[0], setInputChanged = _a[1]; // priznak, ci uzivatel typovanim zmenil hodnotu v inpute
+    var _b = __read((0, react_1.useState)(null), 2), inputValueState = _b[0], setInputValueState = _b[1]; // pouzivane, len ak inputChanged === true, je tu zapisana zmenena hodnota v inpute
+    var _c = __read((0, react_1.useState)(false), 2), dialogOpened = _c[0], setDialogOpened = _c[1];
+    var computeInputValue = function () {
+        var inputValue = null;
+        if (!inputChanged) {
+            if (props.rowData !== null) {
+                // TODO - pridat cez generikum typ fieldu (ak sa da)
+                // poznamka: ak assocObject === null tak treba do inputu zapisovat prazdny retazec, ak by sme pouzili null, neprejavila by sa zmena v modeli na null
+                var assocObject = props.rowData[props.assocField];
+                inputValue = (assocObject !== null && assocObject !== undefined) ? assocObject[props.displayField] : "";
+            }
+        }
+        else {
+            inputValue = inputValueState;
+        }
+        return inputValue;
+    };
+    var readOnly = props.readOnly !== undefined ? props.readOnly : false;
+    var onInputValueChange = function (e) {
+        setInputChanged(true);
+        setInputValueState(e.target.value);
+    };
+    var onInputBlur = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var rows;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!inputChanged) return [3 /*break*/, 3];
+                    if (!(e.target.value === '')) return [3 /*break*/, 1];
+                    setValueToModel(null); // prazdny retazec znamena null hodnotu
+                    return [3 /*break*/, 3];
+                case 1: return [4 /*yield*/, XUtils_1.XUtils.fetchMany('findRowsForAssoc', { entity: props.entity, assocField: props.assocField, displayField: props.displayField, filter: e.target.value })];
+                case 2:
+                    rows = _a.sent();
+                    if (rows.length === 0) {
+                        setDialogOpened(true);
+                    }
+                    else if (rows.length === 1) {
+                        // nastavime najdeny row
+                        setValueToModel(rows[0]);
+                    }
+                    else {
+                        setDialogOpened(true);
+                    }
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var setValueToModel = function (row) {
+        // zmenime hodnotu v modeli (odtial sa hodnota cita)
+        props.rowData[props.assocField] = row;
+        // kedze "rowData" je sucastou "props.form.state.object", tak nam staci zavolat setState({object: object}), aby sa zmena prejavila
+        props.form.onObjectDataChange();
+        setInputChanged(false);
+    };
+    var onClickSearch = function (e) {
+        //console.log("zavolany onClickSearch");
+        if (!readOnly) {
+            setDialogOpened(true);
+        }
+        else {
+            if (props.assocForm !== undefined) {
+                var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity);
+                var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntityForAssocToOne(xEntity, props.assocField);
+                if (props.rowData !== null) {
+                    var assocObject = props.rowData[props.assocField];
+                    // OTAZKA - ziskavat id priamo z root objektu? potom ho vsak treba do root objektu pridat
+                    var id = (assocObject !== null && assocObject !== undefined) ? assocObject[xEntityAssoc.idField] : null;
+                    // klonovanim elementu pridame atribut id
+                    var assocForm = react_1.default.cloneElement(props.assocForm, { id: id }, props.assocForm.children);
+                    props.form.props.openForm(assocForm);
+                }
+            }
+        }
+    };
+    var onChoose = function (chosenRow) {
+        //console.log("zavolany onChoose");
+        // zavrieme search dialog
+        setDialogOpened(false);
+        // zapiseme vybraty row do objektu
+        setValueToModel(chosenRow);
+    };
+    var onHide = function () {
+        setDialogOpened(false);
+        // ak mame v inpute neplatnu hodnotu, musime vratit kurzor na input
+        if (inputChanged) {
+            inputTextRef.current.focus();
+        }
+    };
+    // {React.createElement(props.searchTable, {searchTableParams: {onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined)}, ...props.searchTableProps}, null)}
+    // <BrandSearchTable searchTableParams={{onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined)}} qqq="fiha"/>
+    // vypocitame inputValue
+    var inputValue = computeInputValue();
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "x-search-button-base" },
+            react_1.default.createElement(inputtext_1.InputText, { id: props.assocField, value: inputValue, onChange: onInputValueChange, onBlur: onInputBlur, readOnly: readOnly, ref: inputTextRef }),
+            react_1.default.createElement(button_1.Button, { label: "...", onClick: onClickSearch })),
+        react_1.default.createElement(dialog_1.Dialog, { visible: dialogOpened, onHide: onHide }, react_1.default.cloneElement(props.searchTable, { searchTableParams: { onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined) } }, props.searchTable.children))));
+};
+exports.XSearchButtonDT = XSearchButtonDT;

package/lib/components/XSearchButtonOld.d.ts

@@ -1,13 +1,13 @@
-import { XFormBase } from "./XFormBase";
-import React from "react";
-export declare const XSearchButtonOld: (props: {
-    form: XFormBase;
-    assocField: string;
-    displayField: string;
-    searchTable: any;
-    assocForm?: any;
-    label?: string | undefined;
-    readOnly?: boolean | undefined;
-    size?: number | undefined;
-    inputStyle?: React.CSSProperties | undefined;
-}) => JSX.Element;
+import { XFormBase } from "./XFormBase";
+import React from "react";
+export declare const XSearchButtonOld: (props: {
+    form: XFormBase;
+    assocField: string;
+    displayField: string;
+    searchTable: any;
+    assocForm?: any;
+    label?: string | undefined;
+    readOnly?: boolean | undefined;
+    size?: number | undefined;
+    inputStyle?: React.CSSProperties | undefined;
+}) => JSX.Element;