@michalrakus/x-react-web-lib 1.7.0 → 1.7.2

package/lib/components/XFormBase.js

@@ -147,7 +147,7 @@ var XFormBase = /** @class */ (function (_super) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        console.log("volany XFormBase.componentDidMount()");
+                        //console.log("volany XFormBase.componentDidMount()");
                         // kontrola (musi byt tu, v konstruktore este property nie je nastavena)
                         if (this.entity === undefined) {
                             throw "XFormBase: Property entity is not defined - use decorator @Form.";
@@ -167,8 +167,8 @@ var XFormBase = /** @class */ (function (_super) {
                         _a.label = 3;
                     case 3:
                         this.preInitForm(object, operationType);
-                        console.log("volany XFormBase.componentDidMount() - ideme setnut object");
-                        this.setState({ object: object }, function () { return console.log("volany XFormBase.componentDidMount() - callback setState"); });
+                        //console.log("volany XFormBase.componentDidMount() - ideme setnut object");
+                        this.setState({ object: object } /*, () => console.log("volany XFormBase.componentDidMount() - callback setState")*/);
                         return [2 /*return*/];
                 }
             });

package/lib/components/XFormDataTable2.js

@@ -261,8 +261,8 @@ var XFormDataTable2 = /** @class */ (function (_super) {
         return filterMatchMode;
     };
     XFormDataTable2.prototype.onSelectionChange = function (event) {
-        console.log("zavolany onSelectionChange");
-        console.log(event.value);
+        //console.log("zavolany onSelectionChange");
+        //console.log(event.value);
         this.setState({ selectedRow: event.value });
     };
     XFormDataTable2.prototype.onDropdownOptionsMapChange = function (dropdownOptionsMap) {

package/lib/components/XFormFooter.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { XFormBase } from "./XFormBase";
+export declare const xSaveButtonId: string;
 export declare const XFormFooter: (props: {
     form: XFormBase;
 }) => JSX.Element;

package/lib/components/XFormFooter.js

@@ -3,13 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.XFormFooter = void 0;
+exports.XFormFooter = exports.xSaveButtonId = void 0;
 var react_1 = __importDefault(require("react"));
 var XButton_1 = require("./XButton");
+// constant to be used in method formReadOnly to identify save button
+exports.xSaveButtonId = "x-save-button-id";
 // helper wrapper
 var XFormFooter = function (props) {
+    var readOnly = props.form.formReadOnlyBase(exports.xSaveButtonId);
     return (react_1.default.createElement("div", { className: "flex justify-content-center" },
-        react_1.default.createElement(XButton_1.XButton, { label: "Save", onClick: props.form.onClickSave }),
+        react_1.default.createElement(XButton_1.XButton, { label: "Save", onClick: props.form.onClickSave, disabled: readOnly }),
         react_1.default.createElement(XButton_1.XButton, { label: "Cancel", onClick: props.form.onClickCancel })));
 };
 exports.XFormFooter = XFormFooter;

package/lib/components/XInputFileList.d.ts

@@ -15,6 +15,7 @@ export interface XInputFileListProps {
     readOnly?: boolean;
     saveDest: "fileSystem" | "database";
     subdir?: string;
+    maxFileSize?: number;
 }
 export declare class XInputFileList extends Component<XInputFileListProps> {
     static defaultProps: {
@@ -28,6 +29,7 @@ export declare class XInputFileList extends Component<XInputFileListProps> {
     xFileField: string;
     constructor(props: XInputFileListProps);
     uploadHandler(event: FileUploadHandlerEvent): Promise<void>;
+    static sizeInMB(size: number): string;
     onDownloadFile(xFile: XFile): Promise<void>;
     onRemoveFile(fileItem: any): Promise<void>;
     render(): JSX.Element;

package/lib/components/XInputFileList.js

@@ -73,6 +73,7 @@ var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtils_1 = require("./XUtils");
 var XButton_1 = require("./XButton");
 var XButtonIconNarrow_1 = require("./XButtonIconNarrow");
+var XUtilsConversions_1 = require("./XUtilsConversions");
 var XInputFileList = /** @class */ (function (_super) {
     __extends(XInputFileList, _super);
     function XInputFileList(props) {
@@ -108,6 +109,11 @@ var XInputFileList = /** @class */ (function (_super) {
                     case 2:
                         if (!!_b.done) return [3 /*break*/, 8];
                         file = _b.value;
+                        // skontrolujeme velkost - robime to tuto, lebo ked nastavime maxFileSize na komponente FileUpload, tak prilis velky subor sem do handlera ani neposle
+                        if (this.props.maxFileSize !== undefined && file.size > this.props.maxFileSize) {
+                            alert("Upload of file \"".concat(file.name, "\" was canceled: file size ").concat(XInputFileList.sizeInMB(file.size), " is more than maximum allowed size ").concat(XInputFileList.sizeInMB(this.props.maxFileSize), "."));
+                            return [3 /*break*/, 7]; // ideme na dalsi subor
+                        }
                         xFile = void 0;
                         _d.label = 3;
                     case 3:
@@ -148,6 +154,10 @@ var XInputFileList = /** @class */ (function (_super) {
             });
         });
     };
+    XInputFileList.sizeInMB = function (size) {
+        var sizeInMB = size / (Math.pow(10, 6));
+        return (0, XUtilsConversions_1.numberAsUI)(sizeInMB, 2) + ' MB'; // zobrazime 2 desatinky
+    };
     XInputFileList.prototype.onDownloadFile = function (xFile) {
         return __awaiter(this, void 0, void 0, function () {
             var response, e_3, fileName, respBlob, url, a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@michalrakus/x-react-web-lib",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "",
   "scripts": {
     "clean": "rimraf lib",