sf-i-reporting 1.0.56 → 1.0.57

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sf-i-reporting",
3
3
  "private": false,
4
- "version": "1.0.56",
4
+ "version": "1.0.57",
5
5
  "description": "Superflows Reporting Component",
6
6
  "main": "sf-i-reporting.js",
7
7
  "module": "sf-i-reporting.js",
@@ -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,0BAgSpB;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,UA6PtC;IAED,iBAAiB,aA+DhB;IAED,gBAAgB,aA4Gf;IACD,WAAW,EAAE,GAAG,CAAC;IACjB,kBAAkB,aAsRjB;IAED,iBAAiB,OAAc,MAAM,mBAsCpC;IAED,8BAA8B,OAAQ,MAAM,UAuC3C;IAED,oBAAoB,aAoBnB;IAED,gBAAgB,WAAY,eAAe,QAAQ,MAAM,YAGxD;IAED,sBAAsB,WAAY,eAAe,YAGhD;IAED,eAAe,WAAY,eAAe,YAGzC;IACD,aAAa,YAAa,UAAU,YAgEnC;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
@@ -538,7 +538,7 @@ let SfIReporting = class SfIReporting extends LitElement {
538
538
  }
539
539
  console.log('bricks element values', bricks.prepopulateValJson, element.id);
540
540
  if (this.flow == "details") {
541
- bricks.flow = "read";
541
+ bricks.flow = "view";
542
542
  }
543
543
  else {
544
544
  bricks.flow = "edit";
@@ -555,7 +555,7 @@ let SfIReporting = class SfIReporting extends LitElement {
555
555
  buttonEditForm === null || buttonEditForm === void 0 ? void 0 : buttonEditForm.addEventListener('click', () => {
556
556
  var _a;
557
557
  let formHtml = `
558
- <div part="date-container" class="d-flex flex-col flex-grow">
558
+ <div part="date-container" class="d-flex flex-col flex-grow mt-20">
559
559
  <label id="${element.id}-label" part="date-label">${element.label}</label>
560
560
  <div part="td-body-2"><sf-i-elastic-text text="${element.hint}" minLength="50"></sf-i-elastic-text></div>
561
561
  <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>
@@ -575,7 +575,19 @@ let SfIReporting = class SfIReporting extends LitElement {
575
575
  if (((_a = element.value.id) !== null && _a !== void 0 ? _a : '') != '') {
576
576
  formObj.selectedSearchId = element.value.id;
577
577
  console.log('form selectedsearchid', formObj.selectedSearchId);
578
+ formSaveButton.style.visibility = 'visible';
578
579
  }
580
+ else {
581
+ formSaveButton.style.visibility = 'hidden';
582
+ }
583
+ formObj.addEventListener('valueChanged', () => {
584
+ if (formObj.selectedEntireValues() != null && Object.keys(formObj.selectedEntireValues()).length > 0) {
585
+ formSaveButton.style.visibility = 'visible';
586
+ }
587
+ else {
588
+ formSaveButton.style.visibility = 'hidden';
589
+ }
590
+ });
579
591
  formSaveButton.addEventListener('click', () => {
580
592
  var _a, _b, _c, _d;
581
593
  formModalContainer.style.display = 'none';
@@ -600,6 +612,22 @@ let SfIReporting = class SfIReporting extends LitElement {
600
612
  });
601
613
  }
602
614
  }
615
+ if (this.flow != 'details') {
616
+ let selectedOptions = this._SfReportingContainer.querySelectorAll('.selected-option');
617
+ for (let selectedOption of selectedOptions) {
618
+ selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.addEventListener('click', (ev) => {
619
+ let target = ev.target;
620
+ let elementId = target.id;
621
+ let id = elementId.split('-')[2];
622
+ for (let [i, dataObj] of this.dataModel.entries()) {
623
+ if (dataObj.id == id) {
624
+ this.dataModel[i].value = '';
625
+ }
626
+ }
627
+ this.populateView();
628
+ });
629
+ }
630
+ }
603
631
  let checkboxPublish = this._SfReportingContainer.querySelector('#input-publish-checkbox');
604
632
  checkboxPublish === null || checkboxPublish === void 0 ? void 0 : checkboxPublish.addEventListener('click', (ev) => {
605
633
  let target = ev.target;
@@ -1230,7 +1258,7 @@ let SfIReporting = class SfIReporting extends LitElement {
1230
1258
  return elementHtml;
1231
1259
  };
1232
1260
  this.renderElement = (dataObj) => {
1233
- var _a, _b, _c;
1261
+ var _a, _b, _c, _d;
1234
1262
  let elementHtml = "";
1235
1263
  console.log('rendering obj', dataObj.type);
1236
1264
  if (dataObj.type == "section") {
@@ -1278,10 +1306,15 @@ let SfIReporting = class SfIReporting extends LitElement {
1278
1306
  <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
1279
1307
  <div class="d-flex flex-col align-start" part="form-select-container">
1280
1308
  <div class"d-flex align-center" part="form-selected-value">
1281
- ${(_b = dataObj.value.name) !== null && _b !== void 0 ? _b : ((_c = dataObj.value.reference) !== null && _c !== void 0 ? _c : "")}
1282
- </div>
1283
- ${(this.flow == "details") ? '' :
1309
+ ${((_b = Object.keys(dataObj.value)) !== null && _b !== void 0 ? _b : []).length > 0 ? (`
1310
+ <div class="selected-option d-flex justtify-center align-center" part="selected-option" id="selected-option-${dataObj.id}">
1311
+ ${this.flow == "details" ? '' : '<span class="material-icons selected-option-icon mr-10">cancel</span>'}
1312
+ <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>
1313
+ </div>`) : (`
1314
+ ${(this.flow == "details") ? '' :
1284
1315
  `<button id="button-edit-form-${dataObj.id}" part="button-icon" class="material-icons button-edit-form button-icon-click">edit</button>`}
1316
+ `)}
1317
+ </div>
1285
1318
  </div>
1286
1319
  </div>`;
1287
1320
  }
@@ -1289,7 +1322,8 @@ let SfIReporting = class SfIReporting extends LitElement {
1289
1322
  elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
1290
1323
  <label id="${dataObj.id}-label" part="date-label">${dataObj.label}</label>
1291
1324
  <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
1292
- <sf-i-bricks exportparts="input-select-single, selected-container, selected-option, input-select-multi-option, select-option-label, selected-option-label" id="${dataObj.id}" mode="${dataObj.mode}" class="reporting-sf-i-bricks" part="input-sf-i-bricks" name="${dataObj.name}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-bricks>
1325
+ <sf-i-bricks exportparts="input-select-single, selected-container, selected-option, input-select-multi-option, select-option-label, selected-option-label" id="${dataObj.id}" mode="${dataObj.mode}"
1326
+ ${this.flow == 'details' ? 'flow="view"' : ''} class="reporting-sf-i-bricks" part="input-sf-i-bricks" name="${dataObj.name}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-bricks>
1293
1327
  </div>`;
1294
1328
  }
1295
1329
  else if (dataObj.type == "sf-i-uploader") {
@@ -2194,6 +2228,23 @@ SfIReporting.styles = css `
2194
2228
  border: 1px solid #888;
2195
2229
  overflow: scroll;
2196
2230
  }
2231
+
2232
+ .selected-option {
2233
+ font-size: 70%;
2234
+ padding: 5px;
2235
+ border-radius: 10px;
2236
+ border: solid 1px #dddddd;
2237
+ white-space: nowrap;
2238
+ overflow: hidden !important;
2239
+ min-width: 50px;
2240
+ }
2241
+ .selected-option-icon{
2242
+ pointer-events: none
2243
+ }
2244
+
2245
+ .selected-option-label{
2246
+ pointer-events: none
2247
+ }
2197
2248
  `;
2198
2249
  __decorate([
2199
2250
  property()