@sankhyalabs/sankhyablocks 5.16.0 → 5.18.0

package/dist/collection/components/snk-actions-button/subcomponents/snk-actions-form.js

@@ -0,0 +1,263 @@
+import { ApplicationContext, DataType, DataUnit, UserInterface } from '@sankhyalabs/core';
+import { h } from '@stencil/core';
+import { ParamType } from '../actions/enum/ParamType';
+export class SnkActionsForm {
+  constructor() {
+    this.APPLY = 'OK';
+    this.CANCEL = 'CANCEL';
+    this.CLOSE = 'CLOSE';
+    this.action = undefined;
+    this.applyParameters = undefined;
+    this.dataUnit = new DataUnit();
+  }
+  /**
+   * Responsável por abrir a popup.
+   */
+  async openPopup() {
+    this._ezPopup.opened = true;
+  }
+  ;
+  exitPopup() {
+    this._ezPopup.opened = false;
+  }
+  async handleApply() {
+    try {
+      await this._ezForm.validate();
+      let row = this.dataUnit.getSelectedRecord();
+      if (row) {
+        this._params.forEach((param, index) => {
+          if (row.hasOwnProperty(param.name)) {
+            if (param.paramType == ParamType.ENTITY) {
+              let searchValue = row[param.name];
+              if (!searchValue) {
+                param.value = null;
+                return;
+              }
+              param.value = typeof searchValue === 'object' ? searchValue.value : searchValue;
+              return;
+            }
+            this._params[index].value = row[param.name];
+          }
+          else {
+            this._params[index].value = undefined;
+          }
+        });
+        this.action.actionConfig.params.promptParam = this._params;
+      }
+      this.exitPopup();
+      this.applyParameters(this.action);
+    }
+    catch (e) {
+      // exceção ignorada, quando o validate() falha.
+    }
+  }
+  searchLoader(evt, param) {
+    const options = {
+      entity: param.entityName,
+      entityDescription: param.label
+    };
+    return this._application.executePreparedSearch(evt.mode, evt.argument, options);
+  }
+  ;
+  getUserInterface(paramType) {
+    switch (paramType) {
+      case ParamType.TEXT:
+        return UserInterface.SHORTTEXT;
+      case ParamType.INTEGER:
+        return UserInterface.INTEGERNUMBER;
+      case ParamType.DECIMAL:
+        return UserInterface.DECIMALNUMBER;
+      case ParamType.DATE:
+        return UserInterface.DATE;
+      case ParamType.DATETIME:
+        return UserInterface.DATETIME;
+      case ParamType.BOOLEAN:
+        return UserInterface.CHECKBOX;
+      case ParamType.ENTITY:
+        return UserInterface.SEARCH;
+      case ParamType.OPTIONS:
+        return UserInterface.OPTIONSELECTOR;
+    }
+  }
+  getDataType(paramType) {
+    switch (paramType) {
+      case ParamType.TEXT:
+      case ParamType.OPTIONS:
+        return DataType.TEXT;
+      case ParamType.INTEGER:
+      case ParamType.DECIMAL:
+        return DataType.NUMBER;
+      case ParamType.DATE:
+      case ParamType.DATETIME:
+        return DataType.DATE;
+      case ParamType.BOOLEAN:
+        return DataType.BOOLEAN;
+      case ParamType.ENTITY:
+        return DataType.OBJECT;
+    }
+  }
+  getProps(param) {
+    switch (param.paramType) {
+      case ParamType.DECIMAL:
+        return param.precision ? { precision: Number(param.precision) } : undefined;
+      case ParamType.ENTITY:
+        return { ENTITYNAME: param.entityName };
+      case ParamType.OPTIONS:
+        return { options: this.prepareOptions(param.options) };
+      default:
+        return undefined;
+    }
+  }
+  buildFields() {
+    let fields = [];
+    this._params.forEach((param, index) => {
+      const hasName = !!param.name;
+      let paramName = hasName ? param.name : `param_${index}`;
+      fields.push({
+        name: paramName,
+        label: param.label,
+        dataType: this.getDataType(param.paramType),
+        userInterface: this.getUserInterface(param.paramType),
+        readOnly: false,
+        required: param.paramType == 'B' ? false : param.required === "true",
+        properties: this.getProps(param)
+      });
+      this._params[index].name = paramName;
+      this._params[index].isGeneratedName = !hasName;
+    });
+    const metadata = {
+      name: 'params',
+      label: 'params',
+      fields: fields
+    };
+    this._metadata = metadata;
+  }
+  fillFields() {
+    this._params.forEach((param) => {
+      if (param.saveLast == 'true') {
+        this.dataUnit.setFieldValue(param.name, param.value);
+      }
+    });
+  }
+  prepareOptions(options) {
+    const optionsArray = options.split(";");
+    let optionsList = optionsArray.map(function (opc, index) {
+      let value;
+      let label;
+      if (opc.indexOf('=') > -1) {
+        let opcArr = opc.split('=');
+        value = opcArr[0];
+        label = opcArr[1];
+      }
+      else {
+        value = (index + 1).toString();
+        label = opc;
+      }
+      return {
+        value: value,
+        label: label
+      };
+    });
+    return optionsList;
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._params = [...this.action.actionConfig.params.promptParam];
+    this.dataUnit.metadataLoader = this.metadataLoader.bind(this);
+    this.dataUnit.loadMetadata().then(() => {
+      this.fillFields();
+    });
+    this.dataUnit.addRecord();
+  }
+  async metadataLoader() {
+    return new Promise((resolve) => {
+      this.buildFields();
+      resolve(this._metadata);
+    });
+  }
+  handleModalAction(evt) {
+    switch (evt) {
+      case this.APPLY:
+        this.handleApply();
+        break;
+      case this.CANCEL:
+      case this.CLOSE:
+        this.exitPopup();
+        break;
+    }
+  }
+  render() {
+    return (h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, ref: (ref) => this._ezPopup = ref }, h("ez-modal-container", { modalTitle: this._application.messagesBuilder.getMessage("snkActionsButton.form.fillParams", undefined), okButtonLabel: this._application.messagesBuilder.getMessage("snkActionsButton.buttons.apply", undefined), cancelButtonLabel: this._application.messagesBuilder.getMessage("snkActionsButton.buttons.cancel", undefined), onEzModalAction: (evt) => this.handleModalAction(evt.detail) }, h("div", { class: "ez-margin-vertical--medium" }, h("ez-form", { ref: (ref) => this._ezForm = ref, dataUnit: this.dataUnit })))));
+  }
+  static get is() { return "snk-actions-form"; }
+  static get encapsulation() { return "scoped"; }
+  static get properties() {
+    return {
+      "action": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IAction",
+          "resolved": "IAction",
+          "references": {
+            "IAction": {
+              "location": "import",
+              "path": "../actions/interfaces/IAction"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "A\u00E7\u00E3o na qual os par\u00E2metros ser\u00E3o preenchidos."
+        }
+      },
+      "applyParameters": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(action: IAction) => void",
+          "resolved": "(action: IAction) => void",
+          "references": {
+            "IAction": {
+              "location": "import",
+              "path": "../actions/interfaces/IAction"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por retornar a a\u00E7\u00E3o com os par\u00E2metros preenchidos."
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "dataUnit": {}
+    };
+  }
+  static get methods() {
+    return {
+      "openPopup": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Respons\u00E1vel por abrir a popup.",
+          "tags": []
+        }
+      }
+    };
+  }
+}

package/dist/collection/components/snk-actions-button/subcomponents/snk-client-confirm.js

@@ -0,0 +1,134 @@
+import { ApplicationContext } from '@sankhyalabs/core';
+import { h } from '@stencil/core';
+export class SnkActionsForm {
+  constructor() {
+    this.APLICAR = 'OK';
+    this.CANCELAR = 'CANCEL';
+    this.FECHAR = 'CLOSE';
+    this.titleMessage = undefined;
+    this.message = undefined;
+    this.accept = undefined;
+    this.cancel = undefined;
+  }
+  /**
+   * Responsável por abrir a popup.
+   */
+  async openPopup() {
+    this._ezPopup.opened = true;
+  }
+  ;
+  exitPopup() {
+    this._ezPopup.opened = false;
+  }
+  handleModalAction(evt) {
+    switch (evt) {
+      case this.APLICAR:
+        this.exitPopup();
+        this.accept();
+        break;
+      case this.CANCELAR:
+        this.exitPopup();
+        this.cancel();
+        break;
+      case this.FECHAR:
+        this.exitPopup();
+        break;
+    }
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    return (h("ez-popup", { size: "small", heightMode: "auto", useHeader: false, ref: (ref) => this._ezPopup = ref }, h("ez-modal-container", { modalTitle: this.titleMessage, okButtonLabel: this._application.messagesBuilder.getMessage("snkActionsButton.buttons.yes", undefined), cancelButtonLabel: this._application.messagesBuilder.getMessage("snkActionsButton.buttons.no", undefined), onEzModalAction: (evt) => this.handleModalAction(evt.detail) }, h("div", { class: "ez-margin-bottom--large ez-flex ez-flex--column" }, h("label", { class: "ez-text ez-text--large ez-text--primary" }, this.message), h("label", { class: "ez-text ez-text--large ez-text--primary" }, h("br", null), this._application.messagesBuilder.getMessage("snkActionsButton.clientEvent.cancelMessage", undefined))))));
+  }
+  static get is() { return "snk-client-confirm"; }
+  static get encapsulation() { return "scoped"; }
+  static get properties() {
+    return {
+      "titleMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "T\u00EDtulo da popup."
+        },
+        "attribute": "title-message",
+        "reflect": false
+      },
+      "message": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mensagem da popup."
+        },
+        "attribute": "message",
+        "reflect": false
+      },
+      "accept": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => void",
+          "resolved": "() => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Retorno quando usu\u00E1rio confirmar."
+        }
+      },
+      "cancel": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => void",
+          "resolved": "() => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Retorno quando usu\u00E1rio cancelar."
+        }
+      }
+    };
+  }
+  static get methods() {
+    return {
+      "openPopup": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Respons\u00E1vel por abrir a popup.",
+          "tags": []
+        }
+      }
+    };
+  }
+}

package/dist/collection/components/snk-configurator/snk-configurator.css

@@ -61,7 +61,7 @@
 
 .snk-configurator__outline {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   gap: var(--space--small);
   margin-top: var(--space--small);
   margin-bottom: var(--space--large);

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

@@ -15,8 +15,8 @@ export class SnkGrid {
       "snkGridTopTaskbar.finish_edition.secondary": []
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER"],
+      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH"],
       "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
     });

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

@@ -19,6 +19,7 @@ export var TaskbarElement;
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
   TaskbarElement["ATTACH"] = "ATTACH";
+  TaskbarElement["ACTIONS_BUTTON"] = "ACTIONS_BUTTON";
 })(TaskbarElement || (TaskbarElement = {}));
 export var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -93,6 +94,8 @@ export const buildElem = (element, className, dataElementId, getTitle, action, i
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId });
     case TaskbarElement.ATTACH:
       return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);
+    case TaskbarElement.ACTIONS_BUTTON:
+      return h("snk-actions-button", { "data-element-id": dataElementId });
   }
 };
 function textButton(name, className, dataElementId, text, title, action, isEnabled) {

package/dist/collection/lib/message/SnkMessageBuilder.js

@@ -15,6 +15,7 @@ import { snkSimpleBarMessages } from './resources/snk-simple-bar.msg.js';
 import { snkAttachMessages } from "./resources/snk-attach.msg";
 import { snkPersonalizedFilterMessages } from "./resources/snk-personalized-filter.msg.js";
 import { snkEntityListMessages } from "./resources/snk-entity-list.msg.js";
+import { snkActionsButtonMessages } from "./resources/snk-actions-button.msg.js";
 export class SnkMessageBuilder {
   constructor(domainName) {
     this._defaults = {
@@ -38,7 +39,8 @@ export class SnkMessageBuilder {
       snkSimpleBar: snkSimpleBarMessages,
       snkAttach: snkAttachMessages,
       snkPersonalizedFilter: snkPersonalizedFilterMessages,
-      snkEntityList: snkEntityListMessages
+      snkEntityList: snkEntityListMessages,
+      snkActionsButton: snkActionsButtonMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this._domainName = domainName;

package/dist/collection/lib/message/resources/snk-actions-button.msg.js

@@ -0,0 +1,27 @@
+export const snkActionsButtonMessages = {
+  title: {
+    actions: "Ações",
+    error: "Erro",
+    warning: "Aviso"
+  },
+  action: {
+    incorrectAction: "A ação \"{{description}}\" não pode ser executada porque ela não foi salva corretamente.",
+    emptyParamName: "<b>Regra Personalizada:</b><br/><br/>É necessário informar o atributo 'paramName'",
+    nonExistentType: "Tipo de ação não implementada: {{this.actionType}}"
+  },
+  launchScreen: {
+    emptyField: "A ação \"{{description}}\" não pôde ser executada porque o campo \"{{localFieldLabel}}\" está vazio."
+  },
+  form: {
+    fillParams: "Informe os parâmetros"
+  },
+  clientEvent: {
+    cancelMessage: "Caso queira cancelar, feche esta mensagem."
+  },
+  buttons: {
+    apply: "Aplicar",
+    cancel: "Cancelar",
+    yes: "Sim",
+    no: "Não"
+  }
+};

package/dist/components/ParamType.js

@@ -0,0 +1,13 @@
+var ParamType;
+(function (ParamType) {
+  ParamType["TEXT"] = "S";
+  ParamType["INTEGER"] = "I";
+  ParamType["DECIMAL"] = "D";
+  ParamType["DATE"] = "DT";
+  ParamType["DATETIME"] = "DH";
+  ParamType["BOOLEAN"] = "B";
+  ParamType["ENTITY"] = "ENTITY";
+  ParamType["OPTIONS"] = "SO";
+})(ParamType || (ParamType = {}));
+
+export { ParamType as P };

package/dist/components/SnkMessageBuilder.js

@@ -342,6 +342,34 @@ const snkEntityListMessages = {
   selected: "Selecionados:"
 };
 
+const snkActionsButtonMessages = {
+  title: {
+    actions: "Ações",
+    error: "Erro",
+    warning: "Aviso"
+  },
+  action: {
+    incorrectAction: "A ação \"{{description}}\" não pode ser executada porque ela não foi salva corretamente.",
+    emptyParamName: "<b>Regra Personalizada:</b><br/><br/>É necessário informar o atributo 'paramName'",
+    nonExistentType: "Tipo de ação não implementada: {{this.actionType}}"
+  },
+  launchScreen: {
+    emptyField: "A ação \"{{description}}\" não pôde ser executada porque o campo \"{{localFieldLabel}}\" está vazio."
+  },
+  form: {
+    fillParams: "Informe os parâmetros"
+  },
+  clientEvent: {
+    cancelMessage: "Caso queira cancelar, feche esta mensagem."
+  },
+  buttons: {
+    apply: "Aplicar",
+    cancel: "Cancelar",
+    yes: "Sim",
+    no: "Não"
+  }
+};
+
 class SnkMessageBuilder {
   constructor(domainName) {
     this._defaults = {
@@ -365,7 +393,8 @@ class SnkMessageBuilder {
       snkSimpleBar: snkSimpleBarMessages,
       snkAttach: snkAttachMessages,
       snkPersonalizedFilter: snkPersonalizedFilterMessages,
-      snkEntityList: snkEntityListMessages
+      snkEntityList: snkEntityListMessages,
+      snkActionsButton: snkActionsButtonMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this._domainName = domainName;

package/dist/components/index.d.ts

@@ -1,6 +1,9 @@
 /* sankhyablocks custom elements */
+export { SnkActionsButton as SnkActionsButton } from '../types/components/snk-actions-button/snk-actions-button';
+export { SnkActionsForm as SnkActionsForm } from '../types/components/snk-actions-button/subcomponents/snk-actions-form';
 export { SnkApplication as SnkApplication } from '../types/components/snk-application/snk-application';
 export { SnkAttach as SnkAttach } from '../types/components/snk-attach/snk-attach';
+export { SnkActionsForm as SnkClientConfirm } from '../types/components/snk-actions-button/subcomponents/snk-client-confirm';
 export { SnkConfigOptions as SnkConfigOptions } from '../types/components/snk-form/subcomponents/snk-config-options/snk-config-options';
 export { SnkConfigurator as SnkConfigurator } from '../types/components/snk-configurator/snk-configurator';
 export { SnkCrud as SnkCrud } from '../types/components/snk-crud/snk-crud';

package/dist/components/index.js

@@ -1,6 +1,9 @@
 export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { SnkActionsButton, defineCustomElement as defineCustomElementSnkActionsButton } from './snk-actions-button.js';
+export { SnkActionsForm, defineCustomElement as defineCustomElementSnkActionsForm } from './snk-actions-form.js';
 export { SnkApplication, defineCustomElement as defineCustomElementSnkApplication } from './snk-application.js';
 export { SnkAttach, defineCustomElement as defineCustomElementSnkAttach } from './snk-attach.js';
+export { SnkClientConfirm, defineCustomElement as defineCustomElementSnkClientConfirm } from './snk-client-confirm.js';
 export { SnkConfigOptions, defineCustomElement as defineCustomElementSnkConfigOptions } from './snk-config-options.js';
 export { SnkConfigurator, defineCustomElement as defineCustomElementSnkConfigurator } from './snk-configurator.js';
 export { SnkCrud, defineCustomElement as defineCustomElementSnkCrud } from './snk-crud.js';

package/dist/components/snk-actions-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkActionsButton extends Components.SnkActionsButton, HTMLElement {}
+export const SnkActionsButton: {
+  prototype: SnkActionsButton;
+  new (): SnkActionsButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-actions-button.js

@@ -0,0 +1,6 @@
+import { S as SnkActionsButton$1, d as defineCustomElement$1 } from './snk-actions-button2.js';
+
+const SnkActionsButton = SnkActionsButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkActionsButton, defineCustomElement };