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

package/lib/components/XSearchButton.d.ts

@@ -1,26 +1,26 @@
-import React from "react";
-import { XFilterProp, XFormComponent, XFormComponentProps } from "./XFormComponent";
-import { XAssoc } from "../serverApi/XEntityMetadata";
-import { XObject } from "./XObject";
-export interface XSearchButtonProps extends XFormComponentProps<XObject> {
-    assocField: string;
-    displayField: string;
-    searchTable: any;
-    assocForm?: any;
-    filter?: XFilterProp;
-    size?: number;
-    inputStyle?: React.CSSProperties;
-}
-export declare class XSearchButton extends XFormComponent<XObject, XSearchButtonProps> {
-    protected xAssoc: XAssoc;
-    inputTextRef: any;
-    state: {
-        inputChanged: boolean;
-        inputValueState: any;
-        dialogOpened: boolean;
-    };
-    constructor(props: XSearchButtonProps);
-    getField(): string;
-    isNotNull(): boolean;
-    render(): JSX.Element;
-}
+import React from "react";
+import { XFilterProp, XFormComponent, XFormComponentProps } from "./XFormComponent";
+import { XAssoc } from "../serverApi/XEntityMetadata";
+import { XObject } from "./XObject";
+export interface XSearchButtonProps extends XFormComponentProps<XObject> {
+    assocField: string;
+    displayField: string;
+    searchTable: any;
+    assocForm?: any;
+    filter?: XFilterProp;
+    size?: number;
+    inputStyle?: React.CSSProperties;
+}
+export declare class XSearchButton extends XFormComponent<XObject, XSearchButtonProps> {
+    protected xAssoc: XAssoc;
+    inputTextRef: any;
+    state: {
+        inputChanged: boolean;
+        inputValueState: any;
+        dialogOpened: boolean;
+    };
+    constructor(props: XSearchButtonProps);
+    getField(): string;
+    isNotNull(): boolean;
+    render(): JSX.Element;
+}

package/lib/components/XSearchButton.js

@@ -1,225 +1,225 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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.XSearchButton = void 0;
-var react_1 = __importDefault(require("react"));
-var inputtext_1 = require("primereact/inputtext");
-var button_1 = require("primereact/button");
-var XUtils_1 = require("./XUtils");
-var dialog_1 = require("primereact/dialog");
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XFormComponent_1 = require("./XFormComponent");
-var XSearchButton = /** @class */ (function (_super) {
-    __extends(XSearchButton, _super);
-    function XSearchButton(props) {
-        var _this = _super.call(this, props) || this;
-        _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity()), props.assocField);
-        _this.inputTextRef = react_1.default.createRef();
-        // POVODNY KOD
-        //this.overlayPanelEl = React.createRef();
-        _this.state = {
-            inputChanged: false,
-            inputValueState: null,
-            dialogOpened: false
-        };
-        props.form.addField(props.assocField + '.' + props.displayField);
-        return _this;
-    }
-    XSearchButton.prototype.getField = function () {
-        return this.props.assocField;
-    };
-    XSearchButton.prototype.isNotNull = function () {
-        return !this.xAssoc.isNullable;
-    };
-    XSearchButton.prototype.render = function () {
-        var _this = this;
-        var _a;
-        var props = this.props;
-        var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName);
-        var xDisplayField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntityAssoc, props.displayField);
-        // tu boli hook-y kedysi...
-        var inputChanged = this.state.inputChanged;
-        var setInputChanged = function (inputChanged) { _this.setState({ inputChanged: inputChanged }); };
-        var inputValueState = this.state.inputValueState;
-        var setInputValueState = function (inputValueState) { _this.setState({ inputValueState: inputValueState }); };
-        var dialogOpened = this.state.dialogOpened;
-        var setDialogOpened = function (dialogOpened) { _this.setState({ dialogOpened: dialogOpened }); };
-        var computeInputValue = function () {
-            var inputValue;
-            if (!inputChanged) {
-                // 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 = _this.getValueFromObject();
-                inputValue = (assocObject !== null) ? assocObject[props.displayField] : "";
-            }
-            else {
-                inputValue = inputValueState;
-            }
-            return inputValue;
-        };
-        var size = (_a = props.size) !== null && _a !== void 0 ? _a : xDisplayField.length;
-        var onInputValueChange = function (e) {
-            setInputChanged(true);
-            setInputValueState(e.target.value);
-        };
-        var onInputBlur = function (e) { return __awaiter(_this, void 0, void 0, function () {
-            var displayFieldFilter, customFilter, rows;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!inputChanged) return [3 /*break*/, 3];
-                        if (!(e.target.value === '' || e.target.value === undefined || e.target.value === null)) return [3 /*break*/, 1];
-                        setValueToModel(null); // prazdny retazec znamena null hodnotu
-                        return [3 /*break*/, 3];
-                    case 1:
-                        displayFieldFilter = { filter: "[".concat(props.displayField, "] LIKE :xDisplayFieldValue"), values: { "xDisplayFieldValue": "".concat(e.target.value, "%") } };
-                        customFilter = this.getFilterBase(this.props.filter);
-                        return [4 /*yield*/, XUtils_1.XUtils.fetchRows(this.xAssoc.entityName, XUtils_1.XUtils.filterAnd(displayFieldFilter, customFilter))];
-                    case 2:
-                        rows = _a.sent();
-                        if (rows.length === 0) {
-                            // POVODNY KOD
-                            //overlayPanelEl.current.toggle(e);
-                            setDialogOpened(true);
-                        }
-                        else if (rows.length === 1) {
-                            // nastavime najdeny row
-                            setValueToModel(rows[0]);
-                            setInputChanged(false);
-                        }
-                        else {
-                            // POVODNY KOD
-                            //overlayPanelEl.current.toggle(e);
-                            setDialogOpened(true);
-                        }
-                        _a.label = 3;
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
-        var setValueToModel = function (row) {
-            _this.onValueChangeBase(row, _this.props.onChange);
-            setInputChanged(false);
-        };
-        var onClickSearch = function (e) {
-            console.log("zavolany onClickSearch");
-            if (!_this.isReadOnly()) {
-                setDialogOpened(true);
-                // POVODNY KOD
-                //overlayPanelEl.current.toggle(e);
-            }
-            else {
-                if (props.assocForm !== undefined) {
-                    var assocObject = _this.getValueFromObject();
-                    // OTAZKA - ziskavat id priamo z root objektu? potom ho vsak treba do root objektu pridat
-                    var id = (assocObject !== null) ? 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
-            // POVODNY KOD
-            //overlayPanelEl.current.hide();
-            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) {
-                _this.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"/>
-        // takto cez metodku, mozno sa metodka vola len ked sa otvori dialog a usetrime nieco...
-        var createSearchTableParams = function () {
-            return {
-                onChoose: onChoose,
-                displayFieldFilter: (inputChanged ? { field: props.displayField, constraint: { value: inputValueState, matchMode: "startsWith" } } : undefined),
-                customFilter: _this.getFilterBase(_this.props.filter)
-            };
-        };
-        // vypocitame inputValue
-        var inputValue = computeInputValue();
-        return (react_1.default.createElement("div", { className: "field grid" },
-            react_1.default.createElement("label", { htmlFor: props.assocField, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
-            react_1.default.createElement("div", { className: "x-search-button-base" },
-                react_1.default.createElement(inputtext_1.InputText, __assign({ id: props.assocField, value: inputValue, onChange: onInputValueChange, onBlur: onInputBlur, readOnly: this.isReadOnly(), ref: this.inputTextRef, maxLength: xDisplayField.length, size: size, style: props.inputStyle }, this.getClassNameTooltip())),
-                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: createSearchTableParams()
-            }, props.searchTable.children))));
-    };
-    return XSearchButton;
-}(XFormComponent_1.XFormComponent));
-exports.XSearchButton = XSearchButton;
+"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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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.XSearchButton = void 0;
+var react_1 = __importDefault(require("react"));
+var inputtext_1 = require("primereact/inputtext");
+var button_1 = require("primereact/button");
+var XUtils_1 = require("./XUtils");
+var dialog_1 = require("primereact/dialog");
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var XFormComponent_1 = require("./XFormComponent");
+var XSearchButton = /** @class */ (function (_super) {
+    __extends(XSearchButton, _super);
+    function XSearchButton(props) {
+        var _this = _super.call(this, props) || this;
+        _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity()), props.assocField);
+        _this.inputTextRef = react_1.default.createRef();
+        // POVODNY KOD
+        //this.overlayPanelEl = React.createRef();
+        _this.state = {
+            inputChanged: false,
+            inputValueState: null,
+            dialogOpened: false
+        };
+        props.form.addField(props.assocField + '.' + props.displayField);
+        return _this;
+    }
+    XSearchButton.prototype.getField = function () {
+        return this.props.assocField;
+    };
+    XSearchButton.prototype.isNotNull = function () {
+        return !this.xAssoc.isNullable;
+    };
+    XSearchButton.prototype.render = function () {
+        var _this = this;
+        var _a;
+        var props = this.props;
+        var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName);
+        var xDisplayField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntityAssoc, props.displayField);
+        // tu boli hook-y kedysi...
+        var inputChanged = this.state.inputChanged;
+        var setInputChanged = function (inputChanged) { _this.setState({ inputChanged: inputChanged }); };
+        var inputValueState = this.state.inputValueState;
+        var setInputValueState = function (inputValueState) { _this.setState({ inputValueState: inputValueState }); };
+        var dialogOpened = this.state.dialogOpened;
+        var setDialogOpened = function (dialogOpened) { _this.setState({ dialogOpened: dialogOpened }); };
+        var computeInputValue = function () {
+            var inputValue;
+            if (!inputChanged) {
+                // 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 = _this.getValueFromObject();
+                inputValue = (assocObject !== null) ? assocObject[props.displayField] : "";
+            }
+            else {
+                inputValue = inputValueState;
+            }
+            return inputValue;
+        };
+        var size = (_a = props.size) !== null && _a !== void 0 ? _a : xDisplayField.length;
+        var onInputValueChange = function (e) {
+            setInputChanged(true);
+            setInputValueState(e.target.value);
+        };
+        var onInputBlur = function (e) { return __awaiter(_this, void 0, void 0, function () {
+            var displayFieldFilter, customFilter, rows;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!inputChanged) return [3 /*break*/, 3];
+                        if (!(e.target.value === '' || e.target.value === undefined || e.target.value === null)) return [3 /*break*/, 1];
+                        setValueToModel(null); // prazdny retazec znamena null hodnotu
+                        return [3 /*break*/, 3];
+                    case 1:
+                        displayFieldFilter = { filter: "[".concat(props.displayField, "] LIKE :xDisplayFieldValue"), values: { "xDisplayFieldValue": "".concat(e.target.value, "%") } };
+                        customFilter = this.getFilterBase(this.props.filter);
+                        return [4 /*yield*/, XUtils_1.XUtils.fetchRows(this.xAssoc.entityName, XUtils_1.XUtils.filterAnd(displayFieldFilter, customFilter))];
+                    case 2:
+                        rows = _a.sent();
+                        if (rows.length === 0) {
+                            // POVODNY KOD
+                            //overlayPanelEl.current.toggle(e);
+                            setDialogOpened(true);
+                        }
+                        else if (rows.length === 1) {
+                            // nastavime najdeny row
+                            setValueToModel(rows[0]);
+                            setInputChanged(false);
+                        }
+                        else {
+                            // POVODNY KOD
+                            //overlayPanelEl.current.toggle(e);
+                            setDialogOpened(true);
+                        }
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        var setValueToModel = function (row) {
+            _this.onValueChangeBase(row, _this.props.onChange);
+            setInputChanged(false);
+        };
+        var onClickSearch = function (e) {
+            console.log("zavolany onClickSearch");
+            if (!_this.isReadOnly()) {
+                setDialogOpened(true);
+                // POVODNY KOD
+                //overlayPanelEl.current.toggle(e);
+            }
+            else {
+                if (props.assocForm !== undefined) {
+                    var assocObject = _this.getValueFromObject();
+                    // OTAZKA - ziskavat id priamo z root objektu? potom ho vsak treba do root objektu pridat
+                    var id = (assocObject !== null) ? 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
+            // POVODNY KOD
+            //overlayPanelEl.current.hide();
+            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) {
+                _this.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"/>
+        // takto cez metodku, mozno sa metodka vola len ked sa otvori dialog a usetrime nieco...
+        var createSearchTableParams = function () {
+            return {
+                onChoose: onChoose,
+                displayFieldFilter: (inputChanged ? { field: props.displayField, constraint: { value: inputValueState, matchMode: "startsWith" } } : undefined),
+                customFilter: _this.getFilterBase(_this.props.filter)
+            };
+        };
+        // vypocitame inputValue
+        var inputValue = computeInputValue();
+        return (react_1.default.createElement("div", { className: "field grid" },
+            react_1.default.createElement("label", { htmlFor: props.assocField, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
+            react_1.default.createElement("div", { className: "x-search-button-base" },
+                react_1.default.createElement(inputtext_1.InputText, __assign({ id: props.assocField, value: inputValue, onChange: onInputValueChange, onBlur: onInputBlur, readOnly: this.isReadOnly(), ref: this.inputTextRef, maxLength: xDisplayField.length, size: size, style: props.inputStyle }, this.getClassNameTooltip())),
+                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: createSearchTableParams()
+            }, props.searchTable.children))));
+    };
+    return XSearchButton;
+}(XFormComponent_1.XFormComponent));
+exports.XSearchButton = XSearchButton;

package/lib/components/XSearchButtonDT.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { XFormBase } from "./XFormBase";
-export declare const XSearchButtonDT: (props: {
-    form: XFormBase;
-    entity: string;
-    assocField: string;
-    displayField: string;
-    searchTable: any;
-    assocForm?: any;
-    rowData: any;
-    readOnly?: boolean | undefined;
-}) => JSX.Element;
+/// <reference types="react" />
+import { XFormBase } from "./XFormBase";
+export declare const XSearchButtonDT: (props: {
+    form: XFormBase;
+    entity: string;
+    assocField: string;
+    displayField: string;
+    searchTable: any;
+    assocForm?: any;
+    rowData: any;
+    readOnly?: boolean | undefined;
+}) => JSX.Element;