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

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/XInputDecimalBase.d.ts

@@ -10,4 +10,5 @@ export declare const XInputDecimalBase: (props: {
     max?: number | undefined;
     size?: number | undefined;
     className?: string | undefined;
+    inputStyle?: React.CSSProperties | undefined;
 }) => React.JSX.Element;

package/lib/components/XInputDecimalBase.js

@@ -13,6 +13,6 @@ var XInputDecimalBase = function (props) {
         props.onChange(e.value);
     };
     // null konvertujeme na undefined (zevraj InputNumber nechce null)
-    return (react_1.default.createElement(inputnumber_1.InputNumber, { id: props.id, value: props.value !== null ? props.value : undefined, onChange: onChange, readOnly: props.readOnly, mode: "decimal", locale: "de-DE", useGrouping: props.useGrouping, minFractionDigits: props.fractionDigits, maxFractionDigits: props.fractionDigits, min: props.min, max: props.max, size: props.size, className: props.className }));
+    return (react_1.default.createElement(inputnumber_1.InputNumber, { id: props.id, value: props.value !== null ? props.value : undefined, onChange: onChange, readOnly: props.readOnly, mode: "decimal", locale: "de-DE", useGrouping: props.useGrouping, minFractionDigits: props.fractionDigits, maxFractionDigits: props.fractionDigits, min: props.min, max: props.max, size: props.size, className: props.className, inputStyle: props.inputStyle }));
 };
 exports.XInputDecimalBase = XInputDecimalBase;

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/lib/components/XUtilsMetadata.d.ts

@@ -12,6 +12,14 @@ export declare class XUtilsMetadata {
         max?: number;
         size?: number;
     };
+    static getParamsForInputNumberBase(useGrouping: boolean, scale: number | undefined, precision: number | undefined, // total number of digits (before + after decimal point (scale))
+    size: number | undefined): {
+        useGrouping: boolean;
+        fractionDigits?: number;
+        min?: number;
+        max?: number;
+        size?: number;
+    };
     static CHAR_SIZE: number;
     static computeColumnWidth(xField: XField, betweenFilter: XBetweenFilterProp, filterMenuInFilterRow: boolean, formColumnType: string | undefined, header: string | undefined, sortableButtonInHeader: boolean, filterButtonInHeader: boolean): string | undefined;
     static computeColumnWidthBase(charSize?: number, paddingAndOther?: number): number | undefined;

package/lib/components/XUtilsMetadata.js

@@ -82,12 +82,12 @@ var XUtilsMetadata = /** @class */ (function () {
     // docasne sem, kym nemame jednotny XInputDecimal/XInputDecimalDT
     XUtilsMetadata.getParamsForInputNumber = function (xField) {
         var useGrouping = true;
-        var fractionDigits = undefined;
+        var scale = undefined;
         var precision = undefined; // total number of digits (before + after decimal point (scale))
         var size = undefined;
         if (xField.type === "decimal") {
             useGrouping = true;
-            fractionDigits = xField.scale;
+            scale = xField.scale;
             precision = xField.precision;
             if (precision !== undefined) {
                 size = precision + Math.floor(precision / 3); // approximatly for 123.456.789,12
@@ -95,7 +95,7 @@ var XUtilsMetadata = /** @class */ (function () {
         }
         else if (xField.type === "number") {
             useGrouping = false;
-            fractionDigits = 0;
+            scale = 0;
             precision = xField.width; // number pouziva width
             if (precision === undefined) {
                 precision = xField.precision; // nech to aj takto zafunguje...
@@ -105,14 +105,18 @@ var XUtilsMetadata = /** @class */ (function () {
         else {
             throw "XInputDecimal: field ".concat(xField.name, " has unsupported type ").concat(xField.type, ". Supported types are decimal and number.");
         }
+        return XUtilsMetadata.getParamsForInputNumberBase(useGrouping, scale, precision, size);
+    };
+    XUtilsMetadata.getParamsForInputNumberBase = function (useGrouping, scale, precision, // total number of digits (before + after decimal point (scale))
+    size) {
         var min = undefined;
         var max = undefined;
-        if (precision !== undefined && fractionDigits !== undefined) {
-            var digits = precision - fractionDigits;
+        if (precision !== undefined && scale !== undefined) {
+            var digits = precision - scale;
             min = -(Math.pow(10, digits) - 1);
             max = Math.pow(10, digits) - 1;
         }
-        return { useGrouping: useGrouping, fractionDigits: fractionDigits, min: min, max: max, size: size };
+        return { useGrouping: useGrouping, fractionDigits: scale, min: min, max: max, size: size };
     };
     XUtilsMetadata.computeColumnWidth = function (xField, betweenFilter, filterMenuInFilterRow, formColumnType, header, sortableButtonInHeader, filterButtonInHeader) {
         var width;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@michalrakus/x-react-web-lib",
-  "version": "1.26.0",
+  "version": "1.27.1",
   "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",