@sankhyalabs/sankhyablocks 1.3.31-beta.2 → 1.3.31-beta.20

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

@@ -1,5 +1,5 @@
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
-import { Component, h, Host, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class SnkPesquisa {
   constructor() {
     this._mdByName = {};
@@ -291,89 +291,94 @@ export class SnkPesquisa {
         : 'Os resultados de sua pesquisa aparecerão aqui...';
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "snk-pesquisa" },
-        h("div", { class: "snk-pesquisa__input" },
-          h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument },
-            h("ez-icon", { slot: "leftIcon", iconName: "search" }),
-            h("ez-icon", { class: "snk-pesquisa__input-close", slot: "rightIcon", iconName: "close", onClick: () => { this.clearSearch(); } })),
-          h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })),
-        h("label", { class: "snk-pesquisa__records" }, this.getMessageView()),
-        h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
-          return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-        })))));
+    var _a;
+    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
+      ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
+      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })), h("label", { class: "snk-pesquisa__records" }, this.getMessageView()), h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
+      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    })))));
   }
   static get is() { return "snk-pesquisa"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["snk-pesquisa.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["snk-pesquisa.css"]
-  }; }
-  static get properties() { return {
-    "searchLoader": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Function",
-        "resolved": "Function",
-        "references": {
-          "Function": {
-            "location": "global"
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-pesquisa.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-pesquisa.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "searchLoader": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Function",
+          "resolved": "Function",
+          "references": {
+            "Function": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "selectItem": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Function",
-        "resolved": "Function",
-        "references": {
-          "Function": {
-            "location": "global"
+      "selectItem": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Function",
+          "resolved": "Function",
+          "references": {
+            "Function": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "argument": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "argument",
+        "reflect": false
       }
-    },
-    "argument": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "argument",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "_itemList": {},
-    "_startLoading": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "argument",
-      "methodName": "observeArgument"
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "_itemList": {},
+      "_startLoading": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "argument",
+        "methodName": "observeArgument"
+      }];
+  }
 }

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

@@ -0,0 +1,86 @@
+import { h } from "@stencil/core";
+export var TaskbarElement;
+(function (TaskbarElement) {
+  TaskbarElement["PREVIOUS"] = "PREVIOUS";
+  TaskbarElement["NEXT"] = "NEXT";
+  TaskbarElement["REFRESH"] = "REFRESH";
+  TaskbarElement["UPDATE"] = "UPDATE";
+  TaskbarElement["CLONE"] = "CLONE";
+  TaskbarElement["REMOVE"] = "REMOVE";
+  TaskbarElement["INSERT"] = "INSERT";
+  TaskbarElement["CANCEL"] = "CANCEL";
+  TaskbarElement["SAVE"] = "SAVE";
+  TaskbarElement["GRID_MODE"] = "GRID_MODE";
+  TaskbarElement["FORM_MODE"] = "FORM_MODE";
+  TaskbarElement["CONFIG_GRID"] = "CONFIG_GRID";
+  TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
+  TaskbarElement["DIVIDER"] = "DIVIDER";
+})(TaskbarElement || (TaskbarElement = {}));
+export var AuthorizationElements;
+(function (AuthorizationElements) {
+  AuthorizationElements["UPDATE"] = "UPDATE";
+  AuthorizationElements["CLONE"] = "CLONE";
+  AuthorizationElements["REMOVE"] = "REMOVE";
+  AuthorizationElements["INSERT"] = "INSERT";
+  AuthorizationElements["CONFIG_GRID"] = "CONFIG_GRID";
+})(AuthorizationElements || (AuthorizationElements = {}));
+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, title, action, isEnabled);
+    case TaskbarElement.NEXT:
+      return iconButton("chevron-right", element, className, title, action, isEnabled);
+    case TaskbarElement.REFRESH:
+      return iconButton("sync", element, className, title, action, isEnabled);
+    case TaskbarElement.UPDATE:
+      return iconButton("edit", element, className, title, action, isEnabled);
+    case TaskbarElement.CLONE:
+      return iconButton("copy", element, className, title, action, isEnabled);
+    case TaskbarElement.REMOVE:
+      return iconButton("delete", element, className, title, action, isEnabled);
+    case TaskbarElement.INSERT:
+      return iconTextButton("plus", element, className, title, title, action, isEnabled);
+    case TaskbarElement.CANCEL:
+      return textButton(element, className, title, title, action, isEnabled);
+    case TaskbarElement.SAVE:
+      return iconTextButton("save", element, className, title, title, action, isEnabled);
+    case TaskbarElement.GRID_MODE:
+      return iconButton("table", element, className, title, action, isEnabled);
+    case TaskbarElement.FORM_MODE:
+      return iconButton("list", element, className, title, action, isEnabled);
+    case TaskbarElement.CONFIG_GRID:
+      return iconButton("settings-inverted", element, className, title, action, isEnabled);
+    case TaskbarElement.MORE_OPTIONS:
+      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 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, 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.css

@@ -0,0 +1,3 @@
+:host {
+  display: flex;
+}

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

@@ -0,0 +1,307 @@
+import { ApplicationContext } from '@sankhyalabs/core';
+import { h, Host } from '@stencil/core';
+import { TaskbarElement, buildElem, AuthorizationElements, buildCustomButton, VisibleWhenForbidden } from './elements/taskbar-elements';
+export class SnkTaskbar {
+  constructor() {
+    this._titleKeyByElement = {
+      [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
+      [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
+      [TaskbarElement.NEXT]: "snkTaskbar.titleNext",
+      [TaskbarElement.REFRESH]: "snkTaskbar.titleRefresh",
+      [TaskbarElement.CLONE]: "snkTaskbar.titleClone",
+      [TaskbarElement.REMOVE]: "snkTaskbar.titleRemove",
+      [TaskbarElement.MORE_OPTIONS]: "snkTaskbar.titleMoreOptions",
+      [TaskbarElement.INSERT]: "snkTaskbar.titleInsert",
+      [TaskbarElement.CANCEL]: "snkTaskbar.titleCancel",
+      [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
+      [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
+      [TaskbarElement.CONFIG_GRID]: "snkTaskbar.titleConfigGrid",
+      [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode"
+    };
+  }
+  observeButtons() {
+    this._definitions = undefined;
+  }
+  // Internal methods
+  elementsFromString(strButtons) {
+    const elements = [];
+    if (strButtons) {
+      strButtons.split(",").forEach(buttonName => {
+        buttonName = buttonName.trim();
+        if (VisibleWhenForbidden[buttonName] || this.isAllowed(buttonName)) {
+          elements.push(buttonName.trim());
+        }
+      });
+    }
+    return elements;
+  }
+  isAllowed(buttonName) {
+    if (AuthorizationElements[buttonName]) {
+      return this._permissions ? this._permissions.isSup || this._permissions[buttonName] : false;
+    }
+    return true;
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-taskbar.msg.ts"
+   */
+  getTitle(element) {
+    let key;
+    if (this.isAllowed(element)) {
+      key = this._titleKeyByElement[element];
+    }
+    else {
+      key = "snkTaskbar.forbidden";
+    }
+    return key ? this._application.messagesBuilder.getMessage(key, {}) : "";
+  }
+  elementClick(elem) {
+    if (this.dataUnit) {
+      switch (elem) {
+        case TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case TaskbarElement.SAVE:
+          this.dataUnit.saveData();
+          break;
+      }
+    }
+    this.actionClick.emit(elem);
+  }
+  isEnabled(elem) {
+    if (!this.isAllowed(elem)) {
+      return false;
+    }
+    return !(this.disabledButtons && this.disabledButtons.includes(elem));
+  }
+  getElement(index, def) {
+    let className = def === this.primaryButton ? "ez-button--primary " : "";
+    if (index > 1) {
+      className += "ez-padding-left--medium";
+    }
+    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() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application) {
+      this._application.getAllAccess().then(access => this._permissions = access);
+    }
+    else {
+      this._permissions = {};
+    }
+  }
+  componentWillRender() {
+    if (this._definitions == undefined && this._permissions) {
+      this._definitions = this.elementsFromString(this.buttons);
+    }
+  }
+  render() {
+    if (this._definitions === undefined) {
+      return undefined;
+    }
+    let index = 0;
+    return (h(Host, null, this._definitions.map((elem) => {
+      if (elem === TaskbarElement.DIVIDER) {
+        index = 0;
+      }
+      else {
+        index++;
+      }
+      if (TaskbarElement[elem]) {
+        return this.getElement(index, TaskbarElement[elem]);
+      }
+      if (this.customButtons.has(elem)) {
+        return this.getElement(index, this.customButtons.get(elem));
+      }
+      return h("slot", { name: elem });
+    })));
+  }
+  static get is() { return "snk-taskbar"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-taskbar.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-taskbar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "buttons": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista separada por virgula, contendo todos os elementos a serem criados"
+        },
+        "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,
+        "complexType": {
+          "original": "Array<Action>",
+          "resolved": "Action[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "Action": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
+        }
+      },
+      "primaryButton": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Qual bot\u00E3o deve ter apar\u00EAncia prim\u00E1ria"
+        },
+        "attribute": "primary-button",
+        "reflect": false
+      },
+      "disabledButtons": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<string>",
+          "resolved": "string[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Array contendo todos os bot\u00F5es a serem desabilitados"
+        }
+      },
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Inst\u00E2ncia do DataUnit"
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_permissions": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "actionClick",
+        "name": "actionClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "buttons",
+        "methodName": "observeButtons"
+      }];
+  }
+}

package/dist/collection/components/teste-pesquisa/teste-pesquisa.js

@@ -1,5 +1,5 @@
 import { DataType, DataUnit, UserInterface } from '@sankhyalabs/core';
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class TestePesquisa {
   componentWillLoad() {
     this.dataUnit = new DataUnit("testes_com_formulario");
@@ -19,15 +19,18 @@ export class TestePesquisa {
     };
   }
   render() {
-    return (h("snk-application", null,
-      h("ez-form", { dataUnit: this.dataUnit })));
+    return (h("snk-application", null, h("ez-form", { dataUnit: this.dataUnit })));
   }
   static get is() { return "teste-pesquisa"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["teste-pesquisa.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["teste-pesquisa.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["teste-pesquisa.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["teste-pesquisa.css"]
+    };
+  }
 }