@michalrakus/x-react-web-lib 1.34.0 → 1.35.1

package/lib/components/XUtils.js

@@ -81,6 +81,7 @@ var ExportImportParam_1 = require("../serverApi/ExportImportParam");
 var XResponseError_1 = require("./XResponseError");
 var FindParam_1 = require("../serverApi/FindParam");
 var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
+var XLocale_1 = require("./XLocale");
 var OperationType;
 (function (OperationType) {
     OperationType[OperationType["None"] = 0] = "None";
@@ -104,7 +105,9 @@ var XUtils = /** @class */ (function () {
         // extra small displays (podla https://www.w3schools.com/howto/howto_css_media_query_breakpoints.asp)
         // mozno tu treba dat (window.screen.width * window.devicePixelRatio)
         // bolo 600 ($sm = 576 (primeflex)) - len ak bol mobil na vysku, 768 ma byt aj pre mobil na sirku
-        return typeof window !== 'undefined' && window.screen.availWidth < 768; // $sm = 576 (primeflex)
+        //return typeof window !== 'undefined' && window.screen.availWidth < 768; // $sm = 576 (primeflex)
+        // blblo mi window.screen.availWidth (vracalo 1920 v mobile mode v browseri)
+        return XUtils.getViewWidth() < 768;
     };
     XUtils.mobileCssSuffix = function () {
         return XUtils.isMobile() ? '-mobile' : '';
@@ -169,7 +172,9 @@ var XUtils = /** @class */ (function () {
         var breakpointsToFind;
         var availWidth;
         if (typeof window !== 'undefined') {
-            availWidth = window.screen.availWidth; // pouzivame availWidth, nie width, availWidth odratava napr. taskbar
+            //availWidth = window.screen.availWidth; // pouzivame availWidth, nie width, availWidth odratava napr. taskbar
+            // blblo mi window.screen.availWidth (vracalo 1920 v mobile mode v browseri) - mozno by tu malo byt window.outerWidth
+            availWidth = XUtils.getViewWidth();
             if (availWidth < 576) {
                 breakpointsToFind = ['xs:'];
             }
@@ -335,7 +340,17 @@ var XUtils = /** @class */ (function () {
     };
     XUtils.openExcelReport = function (apiPath, requestPayload, fileName) {
         return __awaiter(this, void 0, void 0, function () {
-            var response, e_5, fileNameExt, respBlob, url, a;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, XUtils.downloadFile(apiPath, requestPayload, "".concat(fileName !== null && fileName !== void 0 ? fileName : apiPath, ".xlsx"))];
+            });
+        });
+    };
+    // general method for file download
+    // returns true if the download finished successfully (often we don´t need this info)
+    // it would be nice if the fileName could be taken also from backend, from the service call
+    XUtils.downloadFile = function (apiPath, requestPayload, fileName) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response, e_5, respBlob, url, a;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -346,17 +361,15 @@ var XUtils = /** @class */ (function () {
                         return [3 /*break*/, 3];
                     case 2:
                         e_5 = _a.sent();
-                        XUtils.showErrorMessage("Nepodarilo sa vytvori\u0165/stiahnu\u0165 xlsx s\u00FAbor.", e_5); // dalsie info (apiPath, payload) by mali byt v "e"
+                        XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('fileDownloadFailed'), e_5); // next info (apiPath, payload) should be in "e"
                         return [2 /*return*/, false];
-                    case 3:
-                        fileNameExt = "".concat(fileName !== null && fileName !== void 0 ? fileName : apiPath, ".xlsx");
-                        return [4 /*yield*/, response.blob()];
+                    case 3: return [4 /*yield*/, response.blob()];
                     case 4:
                         respBlob = _a.sent();
                         url = window.URL.createObjectURL(respBlob);
                         a = document.createElement('a');
                         a.href = url;
-                        a.download = fileNameExt;
+                        a.download = fileName;
                         a.click();
                         return [2 /*return*/, true];
                 }

package/lib/modules/docTemplates/XDocTemplateButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { XtDocTemplate } from "./xt-doc-template";
+export declare const XDocTemplateButton: (props: {
+    entity: string;
+    rowId: number | undefined;
+    docTemplates?: ((entity: string) => Promise<XtDocTemplate[]>) | undefined;
+}) => React.JSX.Element | null;

package/lib/modules/docTemplates/XDocTemplateButton.js

@@ -0,0 +1,150 @@
+"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.XDocTemplateButton = void 0;
+var react_1 = __importStar(require("react"));
+var button_1 = require("primereact/button");
+var splitbutton_1 = require("primereact/splitbutton");
+var XUtils_1 = require("../../components/XUtils");
+var XUtilsCommon_1 = require("../../serverApi/XUtilsCommon");
+var XLocale_1 = require("../../components/XLocale");
+var XDocTemplateButton = function (props) {
+    var _a = __read((0, react_1.useState)([]), 2), docTemplateList = _a[0], setDocTemplateList = _a[1];
+    // parameter [] - works like componentDidMount
+    (0, react_1.useEffect)(function () {
+        loadDocTemplates();
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    var loadDocTemplates = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var docTemplateListLocal;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!props.docTemplates) return [3 /*break*/, 2];
+                    return [4 /*yield*/, props.docTemplates(props.entity)];
+                case 1:
+                    docTemplateListLocal = _a.sent();
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, XUtils_1.XUtils.fetchRows('XtDocTemplate', XUtilsCommon_1.XUtilsCommon.createCustomFilter("[entity] = '".concat(props.entity, "' AND [availableInForms] = TRUE")), "label", ["templateXFile.name"])];
+                case 3:
+                    // default
+                    docTemplateListLocal = _a.sent();
+                    _a.label = 4;
+                case 4:
+                    setDocTemplateList(docTemplateListLocal);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onClickButton = function (xtDocTemplate) { return __awaiter(void 0, void 0, void 0, function () {
+        var xtRunDocTemplateRequest;
+        var _a;
+        return __generator(this, function (_b) {
+            // in XLazyDataTable if no row is selected
+            if (!props.rowId) {
+                alert((0, XLocale_1.xLocaleOption)('pleaseSelectRow'));
+                return [2 /*return*/];
+            }
+            xtRunDocTemplateRequest = { xtDocTemplateId: xtDocTemplate.id, rowId: props.rowId, xUser: (_a = XUtils_1.XUtils.getXToken()) === null || _a === void 0 ? void 0 : _a.xUser };
+            // TODO - pridat id-cko do nazvu? alebo na XtDocTemplate vytvorit nejaky atribut pre nazov suboru vo forme Klient-{klient.meno}-{klient.priezvisko}.xlsx
+            // ale to by chcelo vytvorit ten nazov v service (po tom co bude nacitany row) a nejako ho dostat sem
+            XUtils_1.XUtils.downloadFile('xt-run-doc-template', xtRunDocTemplateRequest, xtDocTemplate.templateXFile.name);
+            return [2 /*return*/];
+        });
+    }); };
+    if (docTemplateList.length === 0) {
+        return null;
+    }
+    else if (docTemplateList.length === 1) {
+        // simple button
+        var docTemplate_1 = docTemplateList[0];
+        return (react_1.default.createElement(button_1.Button, { icon: "pi pi-file-export", label: docTemplate_1.label, onClick: function () { return onClickButton(docTemplate_1); }, className: "m-1" }));
+    }
+    else {
+        // split button
+        var docTemplate0_1 = docTemplateList[0];
+        var items = [];
+        var _loop_1 = function (index) {
+            var docTemplate = docTemplateList[index];
+            items.push({ icon: "pi pi-file-export", label: docTemplate.label, command: function () { return onClickButton(docTemplate); } });
+        };
+        for (var index = 1; index < docTemplateList.length; index++) {
+            _loop_1(index);
+        }
+        return (react_1.default.createElement(splitbutton_1.SplitButton, { icon: "pi pi-file-export", label: docTemplate0_1.label, onClick: function () { return onClickButton(docTemplate0_1); }, model: items, className: "m-1" }));
+    }
+};
+exports.XDocTemplateButton = XDocTemplateButton;

package/lib/modules/docTemplates/xt-doc-template-field-to-join.d.ts

@@ -0,0 +1,6 @@
+import { XtDocTemplate } from "./xt-doc-template";
+export interface XtDocTemplateFieldToJoin {
+    id: number;
+    xtDocTemplate: XtDocTemplate;
+    field: string;
+}

package/lib/modules/docTemplates/xt-doc-template-field-to-join.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/modules/docTemplates/xt-doc-template.d.ts

@@ -0,0 +1,18 @@
+import { XtDocTemplateFieldToJoin } from "./xt-doc-template-field-to-join";
+import { XUser } from "../../serverApi/XUser";
+import { XFile } from "../files/x-file";
+import { XEnum } from "../../administration/x-enum";
+export interface XtDocTemplate {
+    id: number;
+    label: string;
+    comment: string | null;
+    entity: string;
+    xtDocTemplateFieldToJoinList: XtDocTemplateFieldToJoin[];
+    templateId: string | null;
+    templateType: XEnum;
+    templateXFile: XFile;
+    availableInForms: boolean;
+    modifDate: Date | null;
+    modifXUser: XUser | null;
+    version: number;
+}

package/lib/modules/docTemplates/xt-doc-template.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/modules/files/x-file.d.ts

@@ -0,0 +1,8 @@
+export interface XFile {
+    id: number;
+    name: string;
+    size: number;
+    pathName: string;
+    modifDate: Date;
+    modifXUser: number;
+}

package/lib/modules/files/x-file.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/serverApi/FindParam.d.ts

@@ -14,7 +14,8 @@ export interface XCustomFilterItem {
 }
 export type XCustomFilter = XCustomFilterItem | XCustomFilterItem[];
 export declare enum XFilterMatchMode {
-    X_AUTO_COMPLETE = "xAutoComplete"
+    X_AUTO_COMPLETE = "xAutoComplete",
+    X_FILTER_ELEMENT = "xFilterElement"
 }
 export interface XDataTableFilterMetaData extends DataTableFilterMetaData {
     customFilterItems?: XCustomFilterItem[];

package/lib/serverApi/FindParam.js

@@ -12,6 +12,7 @@ var ResultType;
 var XFilterMatchMode;
 (function (XFilterMatchMode) {
     XFilterMatchMode["X_AUTO_COMPLETE"] = "xAutoComplete";
+    XFilterMatchMode["X_FILTER_ELEMENT"] = "xFilterElement"; // custom filter element (defined in filterElement property)
 })(XFilterMatchMode = exports.XFilterMatchMode || (exports.XFilterMatchMode = {}));
 var XAggregateFunction;
 (function (XAggregateFunction) {

package/lib/serverApi/x-lib-api.d.ts

@@ -1,6 +1,12 @@
+import { XUser } from "./XUser";
 export interface XGetSequenceValueRequest {
     name: string;
 }
 export interface XGetSequenceValueResponse {
     value: number;
 }
+export interface XtRunDocTemplateRequest {
+    xtDocTemplateId: number;
+    rowId: number;
+    xUser?: XUser;
+}

package/lib/serverApi/x-lib-api.js

@@ -1,3 +1,2 @@
 "use strict";
-// misc api used in lib
 Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

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

package/xt-doc-template.d.ts

@@ -0,0 +1,3 @@
+// generated by gulp
+
+export * from './lib/modules/docTemplates/xt-doc-template';

package/xt-doc-template.js

@@ -0,0 +1,5 @@
+// generated by gulp
+
+'use strict';
+
+module.exports = require('./lib/modules/docTemplates/xt-doc-template.js');