@michalrakus/x-react-web-lib 1.26.0 → 1.27.0

package/lib/components/XAutoCompleteBase.d.ts

@@ -26,6 +26,7 @@ export interface XAutoCompleteBaseProps {
     searchBrowse?: JSX.Element;
     valueForm?: JSX.Element;
     idField?: string;
+    addRowEnabled: boolean;
     onAddRow?: (inputValue: string) => void;
     insertButtonTooltip?: string;
     updateButtonTooltip?: string;
@@ -33,6 +34,7 @@ export interface XAutoCompleteBaseProps {
     minLength?: number;
     buttonsLayout: "splitButton" | "buttons";
     width?: string;
+    maxWidth?: string;
     scrollHeight?: string;
     inputClassName?: string;
     readOnly?: boolean;
@@ -45,6 +47,7 @@ export declare class XAutoCompleteBase extends Component<XAutoCompleteBaseProps>
     static defaultProps: {
         lazyLoadMaxRows: number;
         splitQueryValue: boolean;
+        addRowEnabled: boolean;
         minLength: number;
         buttonsLayout: string;
         scrollHeight: string;

package/lib/components/XAutoCompleteBase.js

@@ -674,16 +674,17 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
         var readOnly = (_a = this.props.readOnly) !== null && _a !== void 0 ? _a : false;
         var buttons;
         if (!readOnly) {
-            if (this.props.searchBrowse || this.props.valueForm || this.props.onAddRow) {
+            var createInsertItem = (this.props.addRowEnabled && (this.props.valueForm !== undefined || this.props.onAddRow !== undefined));
+            if (createInsertItem || this.props.valueForm || this.props.searchBrowse) {
                 // mame searchBrowse alebo CRUD operacie, potrebujeme viac buttonov alebo SplitButton
                 var buttonItems = [];
-                if (this.props.valueForm || this.props.onAddRow) {
+                if (createInsertItem) {
                     this.createInsertItem(buttonItems);
                 }
                 if (this.props.valueForm) {
                     this.createUpdateItem(buttonItems);
                 }
-                if (this.props.searchBrowse && !readOnly) {
+                if (this.props.searchBrowse) {
                     this.createSearchItem(buttonItems);
                 }
                 this.createDropdownItem(buttonItems);
@@ -726,7 +727,7 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
         // Dialog pre konkretny form:
         // <DobrovolnikForm id={this.formDialogObjectId} object={this.formDialogInitValuesForInsert} onSaveOrCancel={this.formDialogOnSaveOrCancel}/>
         // formgroup-inline lepi SplitButton na autocomplete a zarovna jeho vysku
-        return (react_1.default.createElement("div", { className: "x-auto-complete-base", style: { width: this.props.width } },
+        return (react_1.default.createElement("div", { className: "x-auto-complete-base", style: { width: this.props.width, maxWidth: this.props.maxWidth } },
             react_1.default.createElement(autocomplete_1.AutoComplete, __assign({ value: inputValue, suggestions: this.state.filteredSuggestions, completeMethod: this.completeMethod, itemTemplate: this.itemTemplate, onChange: this.onChange, onSelect: this.onSelect, onBlur: this.onBlur, minLength: this.props.minLength, scrollHeight: this.props.scrollHeight, ref: this.autoCompleteRef, readOnly: readOnly, disabled: readOnly }, XUtils_1.XUtils.createTooltipOrErrorProps(error), { inputClassName: this.props.inputClassName, showEmptyMessage: true })),
             buttons,
             this.props.valueForm != undefined ?
@@ -742,6 +743,7 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
     XAutoCompleteBase.defaultProps = {
         lazyLoadMaxRows: 10,
         splitQueryValue: true,
+        addRowEnabled: true,
         minLength: 1,
         buttonsLayout: "buttons",
         scrollHeight: '15rem' // primereact has 200px

package/lib/components/XFormHeader.d.ts

@@ -5,6 +5,7 @@ export declare const XFormHeader: {
         form?: XFormBase;
         label: string;
         appendNewRow: boolean;
+        style?: React.CSSProperties;
     }): React.JSX.Element;
     defaultProps: {
         appendNewRow: boolean;

package/lib/components/XFormHeader.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var XLocale_1 = require("./XLocale");
 var XFormHeader = function (props) {
     var _a;
-    return (react_1.default.createElement("div", { className: "x-form-header" }, props.label + (props.appendNewRow && ((_a = props.form) === null || _a === void 0 ? void 0 : _a.isAddRow()) ? " - " + (0, XLocale_1.xLocaleOption)('newRow') : "")));
+    return (react_1.default.createElement("div", { className: "x-form-header", style: props.style }, props.label + (props.appendNewRow && ((_a = props.form) === null || _a === void 0 ? void 0 : _a.isAddRow()) ? " - " + (0, XLocale_1.xLocaleOption)('newRow') : "")));
 };
 exports.XFormHeader = XFormHeader;
 exports.XFormHeader.defaultProps = {

package/lib/components/XUtils.d.ts

@@ -15,9 +15,9 @@ export declare enum OperationType {
     Remove = 3
 }
 export declare enum XViewStatus {
-    ReadWrite = 0,
-    ReadOnly = 1,
-    Hidden = 2
+    ReadWrite = "readWrite",
+    ReadOnly = "readOnly",
+    Hidden = "hidden"
 }
 export type XViewStatusOrBoolean = XViewStatus | boolean;
 export interface IPostgresInterval {

package/lib/components/XUtils.js

@@ -99,9 +99,9 @@ var OperationType;
 })(OperationType = exports.OperationType || (exports.OperationType = {}));
 var XViewStatus;
 (function (XViewStatus) {
-    XViewStatus[XViewStatus["ReadWrite"] = 0] = "ReadWrite";
-    XViewStatus[XViewStatus["ReadOnly"] = 1] = "ReadOnly";
-    XViewStatus[XViewStatus["Hidden"] = 2] = "Hidden";
+    XViewStatus["ReadWrite"] = "readWrite";
+    XViewStatus["ReadOnly"] = "readOnly";
+    XViewStatus["Hidden"] = "hidden";
 })(XViewStatus = exports.XViewStatus || (exports.XViewStatus = {}));
 var XUtils = /** @class */ (function () {
     function XUtils() {
@@ -652,8 +652,12 @@ var XUtils = /** @class */ (function () {
     XUtils.showErrorMessage = function (message, e) {
         var msg = message + XUtilsCommon_1.XUtilsCommon.newLine;
         if (e instanceof XResponseError_1.XResponseError) {
-            // better error message for optimistic locking
-            if (e.xResponseErrorBody.exceptionName === 'OptimisticLockVersionMismatchError') {
+            if (e.xResponseErrorBody.exceptionName === 'XAppError') {
+                // app error from backend, we show only the error message
+                msg += e.xResponseErrorBody.message;
+            }
+            else if (e.xResponseErrorBody.exceptionName === 'OptimisticLockVersionMismatchError') {
+                // better error message for optimistic locking
                 msg += "The optimistic lock failed, someone else has changed the row during the editation. Sorry, you have to cancel the editation and start the editation again.";
             }
             else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@michalrakus/x-react-web-lib",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "description": "",
   "scripts": {
     "clean": "rimraf lib",
@@ -40,7 +40,7 @@
   "peerDependencies": {
     "primeflex": "^3.3.1",
     "primeicons": "^7.0.0",
-    "primereact": "~10.6.5",
+    "primereact": "~10.4.0",
     "quill": "^1.3.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",