@sankhyalabs/sankhyablocks 1.3.31-beta.17 → 1.3.31-beta.19

package/dist/collection/components/snk-grid/snk-grid.js

@@ -1,9 +1,16 @@
 import { ApplicationContext } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
+import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 export class SnkGrid {
-  getHeaderButtons() {
-    return this._dataState && this._dataState.selectedRecords.length > 0 ? "UPDATE,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,REFRESH" : "REFRESH";
+  constructor() {
+    this._topTaskbarProcessor = new TaskbarProcessor({
+      "snkGridTopTaskbar": ["FORM_MODE", "CONFIG_GRID", "INSERT"]
+    });
+    this._headerTaskbarProcessor = new TaskbarProcessor({
+      "snkGridHeaderTaskbar.unselected": ["REFRESH"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
+    });
   }
   actionClickHandler(evt) {
     if (evt.detail === TaskbarElement.CONFIG_GRID && this._grid) {
@@ -44,11 +51,16 @@ export class SnkGrid {
       parent = parent.parentElement;
     }
   }
+  componentWillRender() {
+    const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
+    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState);
+    this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState);
+  }
   render() {
     if (!this._configLoaded || !this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { class: "snk-grid__filter-bar ez-align--top" }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { class: "snk-grid__filter-bar ez-align--top" }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -103,6 +115,26 @@ export class SnkGrid {
           "tags": [],
           "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
         }
+      },
+      "taskbarManager": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TaskbarManager",
+          "resolved": "TaskbarManager",
+          "references": {
+            "TaskbarManager": {
+              "location": "import",
+              "path": "../snk-taskbar/snk-taskbar"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Gerenciador das barras de tarefas. \u00C9 poss\u00EDvel determinar bot\u00F5es espec\u00EDficos\nou mesmo gerenciar o estado dos bot\u00F5es."
+        }
       }
     };
   }

package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js

@@ -28,41 +28,59 @@ export var VisibleWhenForbidden;
 (function (VisibleWhenForbidden) {
   VisibleWhenForbidden["CONFIG_GRID"] = "CONFIG_GRID";
 })(VisibleWhenForbidden || (VisibleWhenForbidden = {}));
+export const buildCustomButton = (def, className, action, isEnabled) => {
+  const { hint, text, iconName } = def;
+  if (iconName) {
+    if (text) {
+      return iconTextButton(iconName, def.name, className, hint, text, action, isEnabled);
+    }
+    else {
+      return iconButton(iconName, def.name, className, hint, action, isEnabled);
+    }
+  }
+  else {
+    return textButton(def.name, className, text, hint, action, isEnabled);
+  }
+};
 export const buildElem = (element, className, getTitle, action, isEnabled, actions) => {
+  const title = getTitle(element);
   switch (element) {
     case TaskbarElement.PREVIOUS:
-      return iconButton("chevron-left", element, className, getTitle, action, isEnabled);
+      return iconButton("chevron-left", element, className, title, action, isEnabled);
     case TaskbarElement.NEXT:
-      return iconButton("chevron-right", element, className, getTitle, action, isEnabled);
+      return iconButton("chevron-right", element, className, title, action, isEnabled);
     case TaskbarElement.REFRESH:
-      return iconButton("sync", element, className, getTitle, action, isEnabled);
+      return iconButton("sync", element, className, title, action, isEnabled);
     case TaskbarElement.UPDATE:
-      return iconButton("edit", element, className, getTitle, action, isEnabled);
+      return iconButton("edit", element, className, title, action, isEnabled);
     case TaskbarElement.CLONE:
-      return iconButton("copy", element, className, getTitle, action, isEnabled);
+      return iconButton("copy", element, className, title, action, isEnabled);
     case TaskbarElement.REMOVE:
-      return iconButton("delete", element, className, getTitle, action, isEnabled);
+      return iconButton("delete", element, className, title, action, isEnabled);
     case TaskbarElement.INSERT:
-      return iconTextButton("plus", element, className, getTitle, action, isEnabled);
+      return iconTextButton("plus", element, className, title, title, action, isEnabled);
     case TaskbarElement.CANCEL:
-      return h("ez-button", { title: getTitle(element), label: getTitle(element), size: "small", enabled: isEnabled(element), onClick: () => action(element) });
+      return textButton(element, className, title, title, action, isEnabled);
     case TaskbarElement.SAVE:
-      return iconTextButton("save", element, className, getTitle, action, isEnabled);
+      return iconTextButton("save", element, className, title, title, action, isEnabled);
     case TaskbarElement.GRID_MODE:
-      return iconButton("table", element, className, getTitle, action, isEnabled);
+      return iconButton("table", element, className, title, action, isEnabled);
     case TaskbarElement.FORM_MODE:
-      return iconButton("list", element, className, getTitle, action, isEnabled);
+      return iconButton("list", element, className, title, action, isEnabled);
     case TaskbarElement.CONFIG_GRID:
-      return iconButton("settings-inverted", element, className, getTitle, action, isEnabled);
+      return iconButton("settings-inverted", element, className, title, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
-      return actions && actions.length > 0 ? h("ez-actions-button", { title: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
+      return actions && actions.length > 0 ? h("ez-actions-button", { title: title, size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
     case TaskbarElement.DIVIDER:
       return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
   }
 };
-function iconButton(iconName, element, className, getTitle, action, isEnabled) {
-  return h("ez-button", { key: iconName, title: getTitle(element), mode: "icon", size: "small", class: className, iconName: iconName, enabled: isEnabled(element), onClick: () => action(element) });
+function textButton(name, className, text, title, action, isEnabled) {
+  return h("ez-button", { title: title, label: text, size: "small", class: className, enabled: isEnabled(name), onClick: () => action(name) });
+}
+function iconButton(iconName, name, className, title, action, isEnabled) {
+  return h("ez-button", { name: iconName, title: title, mode: "icon", size: "small", class: className, iconName: iconName, enabled: isEnabled(name), onClick: () => action(name) });
 }
-function iconTextButton(iconName, element, className, getTitle, action, isEnabled) {
-  return h("ez-button", { key: iconName, title: getTitle(element), label: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onClick: () => action(element) }, h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
+function iconTextButton(iconName, name, className, text, title, action, isEnabled) {
+  return h("ez-button", { name: iconName, title: title, label: text, size: "small", class: className, enabled: isEnabled(name), onClick: () => action(name) }, h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }

package/dist/collection/components/snk-taskbar/processor/taskbar-processor.js

@@ -0,0 +1,43 @@
+export default class TaskbarProcessor {
+  constructor(defaultButtons) {
+    this._defaultButtons = defaultButtons;
+  }
+  process(taskbarId, taskbarManager, dataState, disabledButtons = []) {
+    var _a;
+    this.customButtons = new Map();
+    this.buttons = "";
+    this.disabledButtons = [];
+    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
+      let buttonName;
+      if (typeof btnDef === "string") {
+        buttonName = btnDef;
+      }
+      else {
+        const customBtn = btnDef;
+        this.customButtons.set(customBtn.name, customBtn);
+        buttonName = customBtn.name;
+      }
+      if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
+        this.disabledButtons.push(buttonName);
+      }
+      if (this.buttons.length > 0) {
+        this.buttons += ",";
+      }
+      this.buttons += buttonName;
+    });
+  }
+  getButtonsArray(taskbarId, taskbarManager, dataState) {
+    const defaults = this._defaultButtons[taskbarId];
+    if (taskbarManager) {
+      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
+    }
+    return defaults;
+  }
+  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
+    const originalValue = disabled.includes(buttonName) ? false : true;
+    if (taskbarManager && taskbarManager.isEnabled) {
+      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
+    }
+    return originalValue;
+  }
+}

package/dist/collection/components/snk-taskbar/snk-taskbar.js

@@ -1,6 +1,6 @@
 import { ApplicationContext } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
-import { TaskbarElement, buildElem, AuthorizationElements, VisibleWhenForbidden } from './elements/taskbar-elements';
+import { TaskbarElement, buildElem, AuthorizationElements, buildCustomButton, VisibleWhenForbidden } from './elements/taskbar-elements';
 export class SnkTaskbar {
   constructor() {
     this._titleKeyByElement = {
@@ -95,13 +95,16 @@ export class SnkTaskbar {
     return !(this.disabledButtons && this.disabledButtons.includes(elem));
   }
   getElement(index, def) {
-    let element;
     let className = def === this.primaryButton ? "ez-button--primary " : "";
     if (index > 1) {
       className += "ez-padding-left--medium";
     }
-    element = buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList);
-    return element;
+    if (TaskbarElement[def.toString()]) {
+      return buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList);
+    }
+    else {
+      return buildCustomButton(def, className, elem => this.elementClick(elem), elem => this.isEnabled(elem));
+    }
   }
   // Lifecycle
   componentWillLoad() {
@@ -123,20 +126,20 @@ export class SnkTaskbar {
       return undefined;
     }
     let index = 0;
-    return (h(Host, null, this._definitions.map((btn) => {
-      if (btn === TaskbarElement.DIVIDER) {
+    return (h(Host, null, this._definitions.map((elem) => {
+      if (elem === TaskbarElement.DIVIDER) {
         index = 0;
       }
       else {
         index++;
       }
-      if (TaskbarElement[btn]) {
-        return this.getElement(index, TaskbarElement[btn]);
+      if (TaskbarElement[elem]) {
+        return this.getElement(index, TaskbarElement[elem]);
       }
-      else {
-        index;
-        return h("slot", { name: btn });
+      if (this.customButtons.has(elem)) {
+        return this.getElement(index, this.customButtons.get(elem));
       }
+      return h("slot", { name: elem });
     })));
   }
   static get is() { return "snk-taskbar"; }
@@ -170,6 +173,28 @@ export class SnkTaskbar {
         "attribute": "buttons",
         "reflect": false
       },
+      "customButtons": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Map<string, CustomButton>",
+          "resolved": "Map<string, CustomButton>",
+          "references": {
+            "Map": {
+              "location": "global"
+            },
+            "CustomButton": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mapa com defini\u00E7\u00E3o de bot\u00F5es personalizados. A chave do mapa deve ser \npassada na lista \"buttons\" no lugar onde o bot\u00E3o ir\u00E1 aparecer."
+        }
+      },
       "actionsList": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -101,7 +101,7 @@ export class DataFetcher {
       const url = `${ctx.baseUrl}?serviceName=${name}&counter=21&application=${ctx.appName}&outputType=json&preventTransform=false&mgeSession=${ctx.mgeSession}&resourceID=${ctx.resourceID}&globalID=${ctx.globalID}&allowConcurrentCalls=true`;
       document.cookie = `JSESSIONID=${ctx.mgeSession};`;
       const http = new XMLHttpRequest();
-      DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url }));
+      DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: payload }));
       http.open("POST", url, true);
       http.withCredentials = true;
       http.send(payload);
@@ -120,11 +120,11 @@ export class DataFetcher {
             console.warn(`callServiceBroker error to parser response to JSON ${e}`);
             reject(this.responseText);
           }
-          DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url }));
+          DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload }));
         }
         else if (this.readyState == 4 && this.status != 200) {
           reject(this.responseText);
-          DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url }));
+          DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload }));
         }
       };
     });
@@ -180,7 +180,7 @@ export class DataFetcher {
     if (window['skw_session']) {
       url += `?mgeSession=${window['skw_session']}`;
     }
-    DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url }));
+    DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: request }));
     try {
       res = await batchRequests(url, request, { 'Content-Type': `application/json; charset=${window['SERVER_ENCODING'] || 'UTF-8'}` });
       res.forEach((resItem, index) => {
@@ -211,11 +211,11 @@ export class DataFetcher {
         });
       }
       else {
-        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url }));
+        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: request }));
         throw new ErrorException("Falha de comunicação", err.message);
       }
     }
-    DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url }));
+    DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: request }));
     return { data: dataResponse, errors: errorsResponse };
   }
   isHttpError(err) {