npm - sf-i-reporting - Versions diffs - 1.0.62 → 1.0.64 - Mend

sf-i-reporting 1.0.62 → 1.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dev/index.html CHANGED Viewed

@@ -18,7 +18,7 @@
       import {LitElement, html, css} from 'https://esm.run/lit-element/lit-element.js';
       import {SfIElasticText} from 'https://esm.run/sf-i-elastic-text@1.0.17/sf-i-elastic-text.js';
       import {SfIForm} from 'https://esm.run/sf-i-form@1.0.183/sf-i-form.js';
-      import {SfIBricks} from 'https://esm.run/sf-i-bricks@1.0.7/sf-i-bricks.js';
+      import {SfIBricks} from 'https://esm.run/sf-i-bricks@1.0.9/sf-i-bricks.js';
       import {SfIUploader} from 'https://esm.run/sf-i-uploader@1.0.103/sf-i-uploader.js';
     </script>
     <style>

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-reporting",
   "private": false,
-  "version": "1.0.62",
+  "version": "1.0.64",
   "description": "Superflows Reporting Component",
   "main": "sf-i-reporting.js",
   "module": "sf-i-reporting.js",

package/sf-i-reporting.d.ts CHANGED Viewed

@@ -49,6 +49,7 @@ export declare class SfIReporting extends LitElement {
     _SfRowNotifMessage: any;
     _SfLoader: any;
     _SfIReportingC: any;
+    _SfIReportingCCopy: any;
     _SfReportingContainer: any;
     _SfReportingContainerShort: any;
     _SfReportingButtonSubmit: any;
@@ -125,6 +126,8 @@ export declare class SfIReporting extends LitElement {
     initDecryptListeners: () => void;
     evalDecrypt: () => void;
     submitDecrypt: () => Promise<void>;
+    showLoader: () => Promise<void>;
+    hideLoader: () => Promise<void>;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;

package/sf-i-reporting.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sf-i-reporting.d.ts","sourceRoot":"","sources":["src/sf-i-reporting.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAa,gBAAgB,EAAC,MAAM,KAAK,CAAC;AAO5D,OAAO,EAAC,UAAU,EAAE,eAAe,EAA6D,MAAM,eAAe,CAAC;AAYtH;;;;;;;;;;GAUG;AACH,qBACa,YAAa,SAAQ,UAAU;IAE1C,KAAK,EAAE,MAAM,CAAM;IAGnB,SAAS,EAAE,MAAM,CAAM;IAGvB,WAAW,EAAE,MAAM,CAAM;IAGzB,UAAU,EAAE,MAAM,CAAQ;IAO1B,aAAa,YAGZ;IAGD,kBAAkB,EAAE,MAAM,CAAQ;IAGlC,kBAAkB,YAEjB;IAGD,IAAI,EAAE,MAAM,CAAM;IAGlB,IAAI,EAAE,MAAM,CAAM;IAGlB,IAAI,EAAE,MAAM,CAAe;IAG3B,iBAAiB,EAAE,MAAM,CAAQ;IAGjC,WAAW,EAAE,MAAM,CAAM;IAEzB,oBAAoB,YAEnB;IAGD,OAAO,EAAE,MAAM,CAAO;IAEtB,UAAU,YAET;IAGD,aAAa,EAAE,MAAM,CAAa;IAElC,SAAS,EAAE,GAAG,EAAE,CAAM;IAEtB,IAAI,EAAE,GAAG,EAAE,CAAM;IAEjB,SAAS,EAAE,OAAO,CAAS;IAE3B,qBAAqB,EAAE,MAAM,CAAK;IAClC,qBAAqB,EAAE,MAAM,CAAK;IAElC,YAAY,EAAE,GAAG,CAA+C;IAEhE,eAAe,EAAE,GAAG,CAAM;IAE1B,OAAgB,MAAM,~~0BAgUpB~~;IAGF,WAAW,EAAE,GAAG,CAAC;IAGjB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,aAAa,EAAE,GAAG,CAAC;IAGnB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,WAAW,EAAE,GAAG,CAAC;IAGjB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,SAAS,EAAE,GAAG,CAAC;IAGf,cAAc,EAAE,GAAG,CAAC;IAGpB,qBAAqB,EAAE,GAAG,CAAC;IAG3B,0BAA0B,EAAE,GAAG,CAAC;IAGhC,wBAAwB,EAAE,GAAG,CAAC;IAG9B,+BAA+B,EAAE,GAAG,CAAC;IAGrC,8BAA8B,EAAE,GAAG,CAAC;IAGpC,sBAAsB,EAAE,GAAG,CAAC;IAG5B,4BAA4B,EAAE,GAAG,CAAC;IAGlC,wBAAwB,EAAE,GAAG,CAAC;IAG9B,8BAA8B,EAAE,GAAG,CAAC;IAGpC,+BAA+B,EAAE,GAAG,CAAC;IAGrC,qBAAqB,EAAE,GAAG,CAAC;IAG3B,sBAAsB,EAAE,GAAG,CAAC;IAG5B,mBAAmB,EAAE,GAAG,CAAC;IAGzB,sBAAsB,EAAE,GAAG,CAAC;IAG5B,mBAAmB,EAAE,GAAG,CAAC;IAGzB,gBAAgB,EAAE,GAAG,CAAC;IAGtB,gBAAgB,EAAE,MAAM,CAAM;IAG9B,eAAe,EAAE,MAAM,CAAM;;IAM7B,QAAQ,QAAU,MAAM,KAAK,MAAM,mBAAmB,OAAO,YAM3D;IAEF,cAAc;;~~MA6Eb~~;IACD,WAAW,aAIV;IACD,iBAAiB,aAIhB;IACD,kBAAkB,aAOjB;IAED,SAAS,aAGR;IAED,eAAe,aAGd;IAED,YAAY,aAGX;IAED,QAAQ,aAIP;IAED,SAAS,aAIR;IAED,WAAW,aAIV;IAED,iBAAiB,aAIhB;IAED,kBAAkB,aAEjB;IAED,eAAe,YAAa,UAAU,mBAAiB,MAAM,EAAE,aA2E9D;IAED,aAAa,aAcZ;IAED,iBAAiB,aAGhB;IAED,gBAAgB,aAGf;IACD,oBAAoB,aAoBnB;IACD,iBAAiB,aAKhB;IAED,iBAAiB,aAsBhB;IAED,YAAY,qBAAqB,MAAM,~~UA4RtC~~;IAED,iBAAiB,~~aAkEhB~~;IAED,gBAAgB,aA4Gf;IACD,WAAW,EAAE,GAAG,CAAC;IACjB,kBAAkB,aA4RjB;IAED,iBAAiB,OAAc,MAAM,mBAsCpC;IAED,8BAA8B,OAAQ,MAAM,UAuC3C;IAED,oBAAoB,~~aAuBnB~~;IAED,gBAAgB,WAAY,eAAe,QAAQ,MAAM,YAGxD;IAED,sBAAsB,WAAY,eAAe,YAGhD;IAED,eAAe,WAAY,eAAe,YAGzC;IACD,aAAa,YAAa,UAAU,~~YAuEnC~~;IAED,iBAAiB,aAoBhB;IAED,YAAY,aA+EX;IAED,QAAQ,sBA0CP;IAED,sBAAsB,QAAe,MAAM,iBAAiB,GAAG,eAAc,MAAM,sBASlF;IAED,yBAAyB,QAAe,MAAM,iBAAiB,GAAG,eAAc,MAAM,sBASrF;IAED,UAAU,SAAgB,GAAG,OAAO,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,sBAQjF;IAED,iBAAiB,QAAe,MAAM,kBAQrC;IAED,uBAAuB,QAAe,MAAM,kBAQ3C;IAED,aAAa,aAKZ;IAED,QAAQ,QAAS,MAAM,UAOtB;IAED,UAAU,QAAS,MAAM,UAOxB;IAED,QAAQ,QAAS,MAAM,UAOtB;IAED,WAAW,sBAgBV;IAED,SAAS,sBAoBR;IAED,YAAY,sBAoBX;IAED,SAAS,sBAoBR;IAED,UAAU,sBAkBT;IAED,YAAY,sBAkBX;IAED,aAAa,sBAsBZ;IAED,eAAe,aAOd;IAED,oBAAoB,aAenB;IAED,WAAW,aAQV;IAED,aAAa,sBA4CZ;cAEkB,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAMnG,iBAAiB;IAIjB,MAAM;~~CA6JhB~~;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
1	+ {"version":3,"file":"sf-i-reporting.d.ts","sourceRoot":"","sources":["src/sf-i-reporting.ts"],"names":[],"mappings":"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"}

package/sf-i-reporting.js CHANGED Viewed

@@ -155,12 +155,18 @@ let SfIReporting = class SfIReporting extends LitElement {
                         }
                         else if (element.type == "sf-i-form-select") {
                             valueObj[element.id] = element.value;
-                            for (let field of element.selectfields) {
-                                valueObj[field] = element.value[field];
+                            if (element.savenameseparate == "yes") {
+                                valueObj[element.id] = element.value;
+                            }
+                            else {
+                                for (let field of element.selectfields) {
+                                    valueObj[field] = element.value[field];
+                                }
                             }
                         }
                         else if (element.type == "sf-i-bricks") {
                             let bricks = this._SfReportingContainer.querySelector('#' + element.id);
+                            console.log('sf-i-bricks id', element.id);
                             if (element.savenameseparate == "yes") {
                                 valueObj[element.id + 'id'] = (_j = bricks.selectedValues()[0]) !== null && _j !== void 0 ? _j : "";
                                 valueObj[element.id + 'name'] = (_k = bricks.selectedTexts()[0]) !== null && _k !== void 0 ? _k : "";
@@ -558,7 +564,7 @@ let SfIReporting = class SfIReporting extends LitElement {
             <div part="date-container" class="d-flex flex-col flex-grow mt-20">
               <label id="${element.id}-label" part="date-label">${element.label}</label>
               <div part="td-body-2"><sf-i-elastic-text text="${element.hint}" minLength="50"></sf-i-elastic-text></div>
-              <sf-i-form exportparts="td-action:form-td-action, td-body" id="${element.id}" class="reporting-sf-i-form" part="input-sf-i-form" name="${element.name}" label="" apiId="${element.apiid}" mode="${element.mode}" searchPhrase="${(element.mode == "multiselect-dropdown" ? (this.projectname + "&") : "") + element.searchstring}" selectProjection="${element.selectprojection}" ignoreProjections="${element.ignoredprojections}" ${parseInt(element.maxselect) == 0 ? "" : `maxselect="${element.maxselect}"`} ${element.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-form>
+              <sf-i-form exportparts="td-action:form-td-action, td-body" id="${element.id}" class="reporting-sf-i-form" part="input-sf-i-form" name="${element.name}" label="" apiId="${element.apiid}" mode="${element.mode}" searchPhrase="${((element.mode == "multiselect-dropdown" || element.searchstring != "") ? (this.projectname + "&") : "") + element.searchstring}" selectProjection="${element.selectprojection}" ignoreProjections="${element.ignoredprojections}" ${parseInt(element.maxselect) == 0 ? "" : `maxselect="${element.maxselect}"`} ${element.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-form>
             </div>
           `;
                         let formContainer = this._SfReportingContainer.querySelector('#sf-i-form-container');
@@ -571,6 +577,10 @@ let SfIReporting = class SfIReporting extends LitElement {
                         });
                         let formSaveButton = this._SfReportingContainer.querySelector('#button-save-form');
                         let formObj = formContainer.querySelector('#' + element.id);
+                        console.log('formobj searchPhrase', formObj.searchPhrase);
+                        // if(formObj.searchPhrase != ''){
+                        //   formObj.loadMode();
+                        // }
                         console.log('selectedsearchid', element.value);
                         if (((_a = element.value.id) !== null && _a !== void 0 ? _a : '') != '') {
                             formObj.selectedSearchId = element.value.id;
@@ -603,14 +613,22 @@ let SfIReporting = class SfIReporting extends LitElement {
                                     for (let [i, col] of cols.entries()) {
                                         valObj[col] = data[i];
                                     }
-                                    dataElement.value = valObj;
+                                    if (dataElement.savenameseparate == "yes") {
+                                        console.log('populating dataelement', valObj);
+                                        dataElement.value = [valObj.name + ';' + valObj.id];
+                                    }
+                                    else {
+                                        dataElement.value = valObj;
+                                    }
                                 }
                             }
                             if (formContainer != null) {
                                 this.populateView(formContainer.scrollTop);
                             }
                         });
-                        this.updateShortlistedSearchPhrases(element.id);
+                        if (element.dependencies != null && element.dependencies.length > 0) {
+                            this.updateShortlistedSearchPhrases(element.id);
+                        }
                     });
                 }
             }
@@ -672,6 +690,7 @@ let SfIReporting = class SfIReporting extends LitElement {
             setTimeout(() => {
                 this.evalShowProgress();
                 this._SfReportingContainer.querySelector('.form-container').scrollTo({ top: scrollTopTarget, left: 0 });
+                this.hideLoader();
             }, 500);
         };
         this.prepopulateValues = () => {
@@ -707,7 +726,12 @@ let SfIReporting = class SfIReporting extends LitElement {
                             this.dataModel[i].value = (_c = this.getPrepopulateJson()[element.id]) !== null && _c !== void 0 ? _c : '';
                         }
                         else if (element.type == "sf-i-form-select") {
+                            // if(element.savenameseparate == "yes"){
+                            //   console.log('prepopulating sf-i-form-select', this.getPrepopulateJson()[element.id])
+                            //   this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? ''
+                            // }else{
                             this.dataModel[i].value = (_d = this.getPrepopulateJson()[element.id]) !== null && _d !== void 0 ? _d : '';
+                            // }
                         }
                         else if (element.type == "sf-i-form") {
                             if (element.savenameseparate == "yes") {
@@ -748,10 +772,7 @@ let SfIReporting = class SfIReporting extends LitElement {
             this.evalTimeout = setTimeout(() => {
                 this.evalShowProgress();
             }, 2000);
-            let formContainer = this._SfReportingContainer.querySelector('.form-container');
-            if (formContainer != null) {
-                this.populateView(formContainer.scrollTop);
-            }
+            this.populateView();
         };
         this.evalShowProgress = () => {
             let total = 0;
@@ -853,7 +874,7 @@ let SfIReporting = class SfIReporting extends LitElement {
             if (this.editdisable == "true") {
                 this._SfReportingContainer.querySelector('.progress-bar').style.display = 'none';
             }
-            else {
+            else if (this._SfReportingContainer.querySelector('.progress-bar') != null) {
                 this._SfReportingContainer.querySelector('.progress-bar').style.display = 'flex';
                 let progress = Math.floor((filled / total) * 100);
                 if (progress == 100) {
@@ -1242,7 +1263,8 @@ let SfIReporting = class SfIReporting extends LitElement {
         this.initSectionListeners = () => {
             let sectionHeads = (this._SfReportingContainer.querySelectorAll('.section-head'));
             for (let sectionHead of sectionHeads) {
-                sectionHead.addEventListener('click', () => {
+                sectionHead.addEventListener('click', async () => {
+                    await this.showLoader();
                     console.log('scroll position', this._SfReportingContainer.querySelector('.form-container').scrollTop);
                     for (let dataObj of this.dataModel) {
                         if (dataObj.id == sectionHead.id) {
@@ -1275,7 +1297,7 @@ let SfIReporting = class SfIReporting extends LitElement {
             return elementHtml;
         };
         this.renderElement = (dataObj) => {
-            var _a, _b, _c, _d;
+            var _a, _b;
             let elementHtml = "";
             console.log('rendering obj', dataObj.type);
             if (dataObj.type == "section") {
@@ -1318,6 +1340,18 @@ let SfIReporting = class SfIReporting extends LitElement {
                       </div>`;
             }
             else if (dataObj.type == "sf-i-form-select") {
+                let valToBeShown = "";
+                if (dataObj.savenameseparate == "yes") {
+                    if (dataObj.value[0] != null && dataObj.value[0].split(';').length > 0) {
+                        valToBeShown = dataObj.value[0].split(';')[0];
+                    }
+                }
+                else if (dataObj.value.name != null) {
+                    valToBeShown = dataObj.value.name;
+                }
+                else {
+                    valToBeShown = dataObj.value.reference;
+                }
                 elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
                         <label id="${dataObj.id}-label" part="date-label">${dataObj.label}</label>
                         <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
@@ -1326,7 +1360,7 @@ let SfIReporting = class SfIReporting extends LitElement {
                             ${((_b = Object.keys(dataObj.value)) !== null && _b !== void 0 ? _b : []).length > 0 ? (`
                               <div class="selected-option d-flex justtify-center align-center" part="selected-option" id="selected-option-${dataObj.id}">
                                 ${this.flow == "details" ? '' : '<span class="material-icons selected-option-icon mr-10">cancel</span>'}
-                                <label class="selected-option-label" part="selected-option-label">${(_c = dataObj.value.name) !== null && _c !== void 0 ? _c : ((_d = dataObj.value.reference) !== null && _d !== void 0 ? _d : "")}</label>
+                                <label class="selected-option-label" part="selected-option-label">${valToBeShown}</label>
                               </div>`) : (`
                                 ${(this.flow == "details") ? '' :
                     `<button id="button-edit-form-${dataObj.id}" part="button-icon" class="material-icons button-edit-form button-icon-click">edit</button>`}
@@ -1789,6 +1823,19 @@ let SfIReporting = class SfIReporting extends LitElement {
                 }, 5000);
             }
         };
+        this.showLoader = async () => {
+            if (this._SfIReportingCCopy != null) {
+                let loaderContainer = this._SfIReportingCCopy;
+                loaderContainer.style.backgroundColor = "#efefef";
+                loaderContainer.style.display = 'flex';
+            }
+        };
+        this.hideLoader = async () => {
+            if (this._SfIReportingCCopy != null) {
+                let loaderContainer = this._SfIReportingCCopy;
+                loaderContainer.style.display = 'none';
+            }
+        };
     }
     firstUpdated(_changedProperties) {
         this.loadMode();
@@ -1850,6 +1897,9 @@ let SfIReporting = class SfIReporting extends LitElement {
             return html `
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+      <div part="reporting-container-outer-copy" class="SfIReportingCCopy align-center d-flex flex-col justify-center hide">
+        <div class="lds-dual-ring"></div>
+      </div>
       <div part="reporting-container-outer" class="SfIReportingC d-flex flex-col align-center">
         <div id="reporting-container" part="reporting-container" class="w-100-m-0 hide"></div>
         <div class="loader-element"></div>
@@ -1875,6 +1925,9 @@ let SfIReporting = class SfIReporting extends LitElement {
             return html `
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+      <div part="reporting-container-outer-copy" class="SfIReportingCCopy align-center d-flex flex-col justify-center hide">
+        <div class="lds-dual-ring"></div>
+      </div>
       <div part="reporting-container-outer" class="SfIReportingC d-flex flex-col align-center">
         <div id="reporting-container" part="reporting-container" class="w-100-m-0 hide"></div>
         <div class="loader-element"></div>
@@ -1900,6 +1953,9 @@ let SfIReporting = class SfIReporting extends LitElement {
             return html `
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+      <div part="reporting-container-outer-copy" class="SfIReportingCCopy align-center d-flex flex-col justify-center hide">
+        <div class="lds-dual-ring"></div>
+      </div>
       <div part="reporting-container-outer" class="SfIReportingC d-flex flex-col align-center">
         <div id="reporting-container" part="reporting-container" class="w-100-m-0 hide"></div>
         <div class="loader-element"></div>
@@ -1963,6 +2019,14 @@ SfIReporting.styles = css `
     .SfIReportingC {
     }
+    .SfIReportingCCopy {
+      width: 100%;
+      height: 100%;
+      z-index: 10;
+      display: none;
+      position: absolute;
+    }
     .invisible {
       visibility: hidden;
     }
@@ -2338,6 +2402,9 @@ __decorate([
 __decorate([
     query('.SfIReportingC')
 ], SfIReporting.prototype, "_SfIReportingC", void 0);
+__decorate([
+    query('.SfIReportingCCopy')
+], SfIReporting.prototype, "_SfIReportingCCopy", void 0);
 __decorate([
     query('#reporting-container')
 ], SfIReporting.prototype, "_SfReportingContainer", void 0);