@sankhyalabs/sankhyablocks 1.3.31-beta.16 → 1.3.31-beta.18

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

@@ -1,6 +1,13 @@
 import { ApplicationContext } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
+import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 export class SnkForm {
+  constructor() {
+    this._taskbarProcessor = new TaskbarProcessor({
+      "snkForm.regular": ["PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "GRID_MODE", "INSERT"],
+      "snkForm.finish_edition": ["CANCEL", "SAVE"]
+    });
+  }
   getFormConfig() {
     return (this._dataState && this._dataState.insertionMode ? this._insertionFormConfig : this._editionFormConfig);
   }
@@ -90,11 +97,24 @@ export class SnkForm {
       parent = parent.parentElement;
     }
   }
+  componentWillRender() {
+    var _a;
+    const taskbarId = ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkForm.finish_edition" : "snkForm.regular";
+    const disabledButtons = [];
+    if (!this._dataState || !this._dataState.hasPrevious) {
+      disabledButtons.push("PREVIOUS");
+    }
+    if (!this._dataState || !this._dataState.hasNext) {
+      disabledButtons.push("NEXT");
+    }
+    this._taskbarProcessor.process(taskbarId, this.taskbarManager, this._dataState, disabledButtons);
+  }
   render() {
+    var _a;
     if (!this._configLoaded || !this._dataUnit || !this._dataState) {
       return undefined;
     }
-    return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", buttons: this._dataState.isDirty ? "CANCEL,SAVE" : "PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,INSERT", primaryButton: this._dataState.isDirty ? "SAVE" : "INSERT", disabledButtons: this.getDisabledButtons(), actionsList: this.actionsList, dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
+    return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, primaryButton: ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
   }
   static get is() { return "snk-form"; }
   static get encapsulation() { return "scoped"; }
@@ -169,6 +189,26 @@ export class SnkForm {
           "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-grid/snk-grid.css

@@ -1,5 +1,18 @@
-:host {
+.snk-grid__container{
   display: flex;
   height: 100%;
   width: 100%;
 }
+
+.snk-grid__header{
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100%;
+}
+
+.snk-grid__filter-bar{
+  width: 100%;
+}
+.snk-grid__header-divider{
+  margin-bottom: var(--space--small);
+}

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: "ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "ez-row ez-padding-bottom--medium ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-col--sd-9 ez-col--tb-9 ez-align--bottom" }, h("slot", { name: "SnkGridHeader" })), h("div", { class: "ez-col ez-col--sd-3 ez-col--tb-3 ez-align--right" }, h("snk-taskbar", { 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

@@ -1,4 +1,4 @@
-import { ErrorException } from '@sankhyalabs/core';
+import { ErrorException, WarningException } from '@sankhyalabs/core';
 import { batchRequests } from 'graphql-request';
 import UrlUtils from "../../../lib/utils/urlutils";
 import { StringUtils } from '@sankhyalabs/core';
@@ -33,6 +33,27 @@ export class DataFetcher {
       DataFetcher.requestListener.splice(index, 1);
     }
   }
+  processErrorInfo(errors) {
+    var _a, _b;
+    const POSITION_ERROR_INFO = 0;
+    const errorTitle = "Falha detectada";
+    const error = errors[POSITION_ERROR_INFO];
+    if (error.length > 0) { //As informações do erro vem no primeiro indice de um array
+      const errorInfo = error[POSITION_ERROR_INFO];
+      const errorMessage = (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message) ? errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message : "Não há mensagem de erro";
+      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? errorInfo.extensions.level : "ERROR";
+      const errorCode = ((_b = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _b === void 0 ? void 0 : _b.code) ? errorInfo.extensions.code : "";
+      switch (errorLevel) {
+        case "WARNING":
+          return new WarningException(errorTitle, errorMessage, errorCode);
+        default:
+          return new ErrorException(errorTitle, errorMessage, errorCode);
+      }
+    }
+    else {
+      return new ErrorException(errorTitle, "Não há informações sobre o erro");
+    }
+  }
   async callGraphQL(req) {
     var _a;
     const reqKey = this.getReqKey(req);
@@ -43,7 +64,8 @@ export class DataFetcher {
         let query = this.getQueryTemplate(req);
         const res = await this.fecthGrapql([{ document: query, variables: req.values }]);
         if (res.errors.length > 0) {
-          reject(new ErrorException("Falha detectada", res.errors[0][0].message));
+          const error = this.processErrorInfo(res.errors);
+          reject(error);
         }
         else {
           resolve(res.data[0][reqKey]);

package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js

@@ -146,7 +146,7 @@ export default class DataUnitFetcher {
         const { limit, offset, total, hasMore, records } = resp.data;
         let paginationInfo;
         if (limit) {
-          const firstRecord = offset + 1;
+          const firstRecord = total == 0 ? 0 : offset + 1;
           const lastRecord = offset + Math.min(records.length, limit);
           const currentPage = offset / limit;
           paginationInfo = {