@sankhyalabs/sankhyablocks 1.4.0-beta.7 → 1.4.0-beta.9

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

@@ -15,8 +15,8 @@ export class SnkTaskbar {
       [TaskbarElement.CANCEL]: "snkTaskbar.titleCancel",
       [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
       [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
-      [TaskbarElement.CONFIG_GRID]: "snkTaskbar.titleConfigGrid",
-      [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode"
+      [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
+      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator"
     };
   }
   observeButtons() {
@@ -100,7 +100,7 @@ export class SnkTaskbar {
       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);
+      return buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList, this.configName);
     }
     else {
       return buildCustomButton(def, className, elem => this.elementClick(elem), elem => this.isEnabled(elem));
@@ -156,6 +156,23 @@ export class SnkTaskbar {
   }
   static get properties() {
     return {
+      "configName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome usado para guardar/recuperar as configura\u00E7\u00F5es do formul\u00E1rio"
+        },
+        "attribute": "config-name",
+        "reflect": false
+      },
       "buttons": {
         "type": "string",
         "mutable": false,
@@ -296,6 +313,21 @@ export class SnkTaskbar {
           "resolved": "string",
           "references": {}
         }
+      }, {
+        "method": "actionChange",
+        "name": "actionChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver altera\u00E7\u00E3o em algum elemento aberto pelo bot\u00E3o de a\u00E7\u00E3o"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get watchers() {

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

@@ -1,5 +1,34 @@
+import { gql } from "graphql-request";
 import { ResourceFetcher } from "./resource-fetcher";
+import { DataFetcher } from "../DataFetcher";
+import { ObjectUtils } from "@sankhyalabs/core";
 export class FormConfigFetcher extends ResourceFetcher {
+  constructor() {
+    super();
+    this.queryConfig = new Map();
+    this.buildTemplatesConfig();
+  }
+  buildTemplatesConfig() {
+    this.queryConfig.set("fetchUserAvailableConfigs", gql `query($name: String!) {
+                    $queryAlias$: fetchUserAvailableConfigs(name: $name){
+                        name
+                        origin
+                        key
+                  }
+                }`);
+    this.queryConfig.set("fetchLegacyConfig", gql `query($name: String!) {
+                    $queryAlias$: fetchLegacyConfig(name: $name){
+                        name
+                        resource
+                  }
+                }`);
+    this.queryConfig.set("fetchDefaultConfig", gql `query($name: String!) {
+                    $queryAlias$: fetchDefaultConfig(name: $name){
+                        name
+                        resource
+                  }
+                }`);
+  }
   loadFormConfig(formName, resourceID) {
     return new Promise((accept, reject) => {
       this.loadResource(`cfg://form/${resourceID}/${formName}`)
@@ -9,9 +38,17 @@ export class FormConfigFetcher extends ResourceFetcher {
           const { tabs, fields } = config;
           if (tabs) {
             const allTabs = new Map(tabs.map(t => [t.label, t]));
-            fields.forEach(f => f.tab = allTabs.get(this.getTabName(f.tab)));
+            fields === null || fields === void 0 ? void 0 : fields.forEach(f => { var _a; return f.tab = ((_a = allTabs.get(this.getTabName(f.tab))) === null || _a === void 0 ? void 0 : _a.label) || allTabs.get(this.getTabName(f.tab)); });
           }
-          accept(fields);
+          config.fields = fields === null || fields === void 0 ? void 0 : fields.map((field) => {
+            if ("readonly" in field) {
+              const readOnly = field['readonly'];
+              delete field['readonly'];
+              field.readOnly = readOnly;
+            }
+            return field;
+          });
+          accept(config);
         }
         else {
           reject(`Sem configuração pro formulário "${formName}".`);
@@ -23,9 +60,75 @@ export class FormConfigFetcher extends ResourceFetcher {
     });
   }
   getTabName(tab) {
-    if (typeof tab === 'object') { // TabConfig type
+    if (typeof tab === 'object') { // ITabConfig type
       return tab.label;
     }
     return tab; //string type
   }
+  saveConfig(config, formName, resourceID) {
+    const completePath = `cfg://form/${resourceID}/${formName}`;
+    return new Promise((resolve, reject) => {
+      this.saveResource(config, completePath)
+        .then((resp) => {
+        resolve(resp);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  fetchUserAvailableConfigs(formName, resourceID) {
+    const name = `cfg://form/${resourceID}/${formName}`;
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: { name },
+        query: this.queryConfig.get("fetchUserAvailableConfigs"),
+      })
+        .then((result) => {
+        resolve(result);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  fetchLegacyConfig(formName, resourceID) {
+    const name = `cfg://form/${resourceID}/${formName}`;
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: { name },
+        query: this.queryConfig.get("fetchLegacyConfig"),
+      })
+        .then((result) => {
+        resolve(ObjectUtils.stringToObject((result === null || result === void 0 ? void 0 : result.resource) || ''));
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  fetchDefaultConfig(formName, resourceID) {
+    const name = `cfg://form/${resourceID}/${formName}`;
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: { name },
+        query: this.queryConfig.get("fetchDefaultConfig"),
+      })
+        .then((result) => {
+        resolve(ObjectUtils.stringToObject((result === null || result === void 0 ? void 0 : result.resource) || ''));
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }
+export var UserConfigType;
+(function (UserConfigType) {
+  UserConfigType["USER"] = "USER";
+  UserConfigType["DEFAULT"] = "DEFAULT";
+  UserConfigType["SHARED"] = "SHARED";
+})(UserConfigType || (UserConfigType = {}));

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

@@ -19,7 +19,10 @@ export class ResourceFetcher {
               }`);
   }
   loadResource(name) {
-    return new Promise((resolve, reject) => {
+    if (ResourceFetcher._loadingResource.has(name)) {
+      return ResourceFetcher._loadingResource.get(name);
+    }
+    const promiseLoadResource = new Promise((resolve, reject) => {
       DataFetcher.get()
         .callGraphQL({
         values: { name },
@@ -27,11 +30,15 @@ export class ResourceFetcher {
       })
         .then((result) => {
         resolve(result === null || result === void 0 ? void 0 : result.resource);
+        ResourceFetcher._loadingResource.delete(name);
       })
         .catch((error) => {
         reject(error);
+        ResourceFetcher._loadingResource.delete(name);
       });
     });
+    ResourceFetcher._loadingResource.set(name, promiseLoadResource);
+    return promiseLoadResource;
   }
   saveResource(resource, name) {
     return new Promise((resolve, reject) => {
@@ -54,3 +61,4 @@ export class ResourceFetcher {
     });
   }
 }
+ResourceFetcher._loadingResource = new Map();

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

@@ -1,15 +1,22 @@
 import snkDataUnitMessages from "./resources/snk-data-unit.msg.js";
 import snkFilterBarMessages from "./resources/snk-filter-bar.msg.js";
-import snkFormMessages from "./resources/snk-form.msg.js";
 import snkTaskbarMessages from "./resources/snk-taskbar.msg.js";
 import crudUtilsMessages from "./resources/crud-utils.msg.js";
+import { snkFormMessages, snkFormConfigMessages, snkConfigOptionsMessages, snkFieldConfigMessages, snkTabConfigMessages } from "./resources/snk-form.msg.js";
+import { snkConfiguratorMessages, snkConfigModalMessages } from "./resources/snk-configurator.msg.js";
 export class SnkMessageBuilder {
   constructor() {
     this._defaults = {
       snkDataUnit: snkDataUnitMessages,
       snkForm: snkFormMessages,
+      snkFormConfig: snkFormConfigMessages,
+      snkConfigOptions: snkConfigOptionsMessages,
       snkTaskbar: snkTaskbarMessages,
+      snkConfigModal: snkConfigModalMessages,
+      snkFieldConfig: snkFieldConfigMessages,
       snkFilterBar: snkFilterBarMessages,
+      snkConfigurator: snkConfiguratorMessages,
+      snkTabConfig: snkTabConfigMessages,
       crudUtils: crudUtilsMessages
     };
     this._currentOperation = OperationMap.CLEAN;

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

@@ -0,0 +1,11 @@
+export const snkConfiguratorMessages = {
+  msgSaveSuccessfully: "As configurações foram salvas com sucesso!"
+};
+export const snkConfigModalMessages = {
+  titleConfigurations: "Configurações",
+  subTitleModeConfig: "Modo de visualização",
+  labelConfigGrid: "Configurar grade",
+  labelConfigForm: "Configurar formulário",
+  labelGrid: "Grade",
+  labelForm: "Formulário"
+};

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

@@ -1,4 +1,4 @@
-const snkFormMessages = {
+export const snkFormMessages = {
   title: {
     clone: "Duplicar registro",
     insert: "Cadastrar registro",
@@ -7,4 +7,61 @@ const snkFormMessages = {
   },
   goBackTitle: "Voltar"
 };
-export default snkFormMessages;
+export const snkConfigOptionsMessages = {
+  label: {
+    nameField: "Nome do Campo *",
+    typeValueDefault: "Tipo de valor padrão *",
+    valueDefault: "Valor Padrão",
+    clearDuplicate: "Limpar ao Duplicar",
+    requiredField: "Campo Obrigatório",
+    protectedField: "Campo Protegido"
+  },
+  options: {
+    valueFixed: "Valor Fixo",
+    variable: "Variável"
+  }
+};
+export const snkFormConfigMessages = {
+  title: "Configuração do formulário",
+  applyConfig: "Aplicar configuração",
+  availableFields: {
+    title: "Campos disponíveis",
+    labelNoFields: "Nenhum campo disponível",
+    labelOneField: "1 campo disponível",
+    labelAvailableFields: "Campos disponíveis",
+    labelSearchField: "Procurar campo"
+  },
+  form: {
+    subTitleInfo: "Inclua estes campos nos grupos ou deixe-os separados no topo do formulário!",
+    labelDropField: "Arraste e solte um campo aqui",
+    labelNewGroup: "Adicionar novo grupo",
+    mainArea: "Área principal",
+    tabGeneral: "Geral"
+  },
+  confirm: {
+    title: "Aviso",
+    deleteTab: "A aba selecionada será excluída.<br/><br/> Tem certeza que deseja excluir aba",
+    cancel: "As alterações realizadas serão descartadas.<br/><br/><b>Gostaria de continuar?</b>",
+    exit: "Ao sair as alterações serão descartadas.<br/><br/><b>Você realmente gostaria de sair?</b>",
+    apply: "A <b>{0}</b> irá substituir a sua configuração {1}!<br/><br/><b>Deseja continuar?</b>",
+    group: "Não é possível salvar as configurações com um grupo vazio!",
+    labelYes: "Sim",
+    labelNo: "Não"
+  },
+  alert: {
+    titleGroupExists: "Já existe um grupo com título",
+    infoValidTitle: "Por favor, digite um título válido.",
+    inTab: "na aba"
+  }
+};
+export const snkFieldConfigMessages = {
+  titleRemove: "Remover",
+  titleConfigurations: "Configurações",
+  titleAdd: "Adicionar"
+};
+export const snkTabConfigMessages = {
+  labelRename: "Renomear",
+  labelHide: "Ocultar",
+  labelShow: "Exibir",
+  labelDelete: "Excluir"
+};

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

@@ -11,7 +11,7 @@ const snkTaskbarMessages = {
   titleSave: "Salvar",
   titleGridMode: "Modo Grade",
   titleFormMode: "Modo Formulário",
-  titleConfigGrid: "Configuração da grade",
+  titleConfigurator: "Configurações",
   forbidden: "Permissão não liberada"
 };
 export default snkTaskbarMessages;

package/dist/collection/lib/utils/constants.js

@@ -0,0 +1,72 @@
+export const VIEW_MODE = {
+  grid: {
+    index: 0,
+    name: "GRID_MODE"
+  },
+  form: {
+    index: 1,
+    name: "FORM_MODE"
+  }
+};
+export const ACTION_CONFIG = {
+  add: 'ADD',
+  remove: 'REMOVE',
+  configuration: 'CONFIGURATION'
+};
+export const VARS_BY_TYPE = {
+  UserInterface: {
+    DATE: [{ label: "Data atual", value: "${data}" }],
+    DATETIME: [{ label: "Data e hora atuais", value: "${datahora}" }],
+    INTEGERNUMBER: [
+      { label: "Código do usuário logado", value: "${usuario}" },
+      { label: "Empresa do usuário logado", value: "${usuario.empresa}" },
+      { label: "Vendedor para o usuário logado", value: "${usuario.vendedor}" },
+      { label: "Cent. Resultado usuário logado", value: "${usuario.centroresultado}" }
+    ]
+  }
+};
+export const DEFAULT_TYPE = {
+  fixed: "F",
+  variable: "V"
+};
+export const CONFIG_EVENTS = {
+  closeModal: "ezCloseModal",
+  cancelConfig: "cancelConfig",
+  changeConfig: "changeConfig",
+  configChanged: "configChanged",
+  fieldChanged: "ezChange",
+  dragStart: "sortable:start",
+  dragSort: "sortable:sort",
+  dragSorted: "sortable:sorted",
+  dragStop: "sortable:stop"
+};
+export const KEY_EVENTS = {
+  enter: "Enter",
+  arrowLeft: "ArrowLeft",
+  arrowRight: "ArrowRight",
+  tab: "Tab",
+  escape: "Escape"
+};
+export const TYPE_ACTIONS = {
+  rename: "RENAME",
+  hide: "HIDE",
+  show: "SHOW",
+  delete: "DELETE"
+};
+export const TAB_NAMES = {
+  main: "__main"
+};
+export const TAGS_BY_TYPE = {
+  LONGTEXT: "ez-text-area",
+  FILE: "ez-upload",
+  DATE: "ez-date-input",
+  TIME: "ez-time",
+  DATETIME: "ez-date-time-input",
+  DEFAULT: "ez-text-input",
+  SWITCH: "ez-check",
+  CHECKBOX: "ez-check",
+  OPTIONSELECTOR: "ez-combo-box",
+  SEARCH: "ez-search",
+  INTEGERNUMBER: "ez-number-input",
+  DECIMALNUMBER: "ez-number-input"
+};

package/dist/components/SnkMessageBuilder.js

@@ -51,16 +51,6 @@ const snkFilterBarMessages = {
   "modalCancelButtonLabel": "Limpar"
 };
 
-const snkFormMessages = {
-  title: {
-    clone: "Duplicar registro",
-    insert: "Cadastrar registro",
-    update: "Alterar registro",
-    clean: "{{ENTITY_NAME}}"
-  },
-  goBackTitle: "Voltar"
-};
-
 const snkTaskbarMessages = {
   titleUpdate: "Editar",
   titlePrevious: "Anterior",
@@ -74,7 +64,7 @@ const snkTaskbarMessages = {
   titleSave: "Salvar",
   titleGridMode: "Modo Grade",
   titleFormMode: "Modo Formulário",
-  titleConfigGrid: "Configuração da grade",
+  titleConfigurator: "Configurações",
   forbidden: "Permissão não liberada"
 };
 
@@ -82,13 +72,99 @@ const crudUtilsMessages = {
   errorArray: "CrudUtils.find deve receber um array de fields, ou uma lista separada por virgula.",
 };
 
+const snkFormMessages = {
+  title: {
+    clone: "Duplicar registro",
+    insert: "Cadastrar registro",
+    update: "Alterar registro",
+    clean: "{{ENTITY_NAME}}"
+  },
+  goBackTitle: "Voltar"
+};
+const snkConfigOptionsMessages = {
+  label: {
+    nameField: "Nome do Campo *",
+    typeValueDefault: "Tipo de valor padrão *",
+    valueDefault: "Valor Padrão",
+    clearDuplicate: "Limpar ao Duplicar",
+    requiredField: "Campo Obrigatório",
+    protectedField: "Campo Protegido"
+  },
+  options: {
+    valueFixed: "Valor Fixo",
+    variable: "Variável"
+  }
+};
+const snkFormConfigMessages = {
+  title: "Configuração do formulário",
+  applyConfig: "Aplicar configuração",
+  availableFields: {
+    title: "Campos disponíveis",
+    labelNoFields: "Nenhum campo disponível",
+    labelOneField: "1 campo disponível",
+    labelAvailableFields: "Campos disponíveis",
+    labelSearchField: "Procurar campo"
+  },
+  form: {
+    subTitleInfo: "Inclua estes campos nos grupos ou deixe-os separados no topo do formulário!",
+    labelDropField: "Arraste e solte um campo aqui",
+    labelNewGroup: "Adicionar novo grupo",
+    mainArea: "Área principal",
+    tabGeneral: "Geral"
+  },
+  confirm: {
+    title: "Aviso",
+    deleteTab: "A aba selecionada será excluída.<br/><br/> Tem certeza que deseja excluir aba",
+    cancel: "As alterações realizadas serão descartadas.<br/><br/><b>Gostaria de continuar?</b>",
+    exit: "Ao sair as alterações serão descartadas.<br/><br/><b>Você realmente gostaria de sair?</b>",
+    apply: "A <b>{0}</b> irá substituir a sua configuração {1}!<br/><br/><b>Deseja continuar?</b>",
+    group: "Não é possível salvar as configurações com um grupo vazio!",
+    labelYes: "Sim",
+    labelNo: "Não"
+  },
+  alert: {
+    titleGroupExists: "Já existe um grupo com título",
+    infoValidTitle: "Por favor, digite um título válido.",
+    inTab: "na aba"
+  }
+};
+const snkFieldConfigMessages = {
+  titleRemove: "Remover",
+  titleConfigurations: "Configurações",
+  titleAdd: "Adicionar"
+};
+const snkTabConfigMessages = {
+  labelRename: "Renomear",
+  labelHide: "Ocultar",
+  labelShow: "Exibir",
+  labelDelete: "Excluir"
+};
+
+const snkConfiguratorMessages = {
+  msgSaveSuccessfully: "As configurações foram salvas com sucesso!"
+};
+const snkConfigModalMessages = {
+  titleConfigurations: "Configurações",
+  subTitleModeConfig: "Modo de visualização",
+  labelConfigGrid: "Configurar grade",
+  labelConfigForm: "Configurar formulário",
+  labelGrid: "Grade",
+  labelForm: "Formulário"
+};
+
 class SnkMessageBuilder {
   constructor() {
     this._defaults = {
       snkDataUnit: snkDataUnitMessages,
       snkForm: snkFormMessages,
+      snkFormConfig: snkFormConfigMessages,
+      snkConfigOptions: snkConfigOptionsMessages,
       snkTaskbar: snkTaskbarMessages,
+      snkConfigModal: snkConfigModalMessages,
+      snkFieldConfig: snkFieldConfigMessages,
       snkFilterBar: snkFilterBarMessages,
+      snkConfigurator: snkConfiguratorMessages,
+      snkTabConfig: snkTabConfigMessages,
       crudUtils: crudUtilsMessages
     };
     this._currentOperation = OperationMap.CLEAN;

package/dist/components/_commonjsHelpers.js

@@ -0,0 +1,17 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+export { commonjsGlobal as a, createCommonjsModule as c };

package/dist/components/constants.js

@@ -0,0 +1,74 @@
+const VIEW_MODE = {
+  grid: {
+    index: 0,
+    name: "GRID_MODE"
+  },
+  form: {
+    index: 1,
+    name: "FORM_MODE"
+  }
+};
+const ACTION_CONFIG = {
+  add: 'ADD',
+  remove: 'REMOVE',
+  configuration: 'CONFIGURATION'
+};
+const VARS_BY_TYPE = {
+  UserInterface: {
+    DATE: [{ label: "Data atual", value: "${data}" }],
+    DATETIME: [{ label: "Data e hora atuais", value: "${datahora}" }],
+    INTEGERNUMBER: [
+      { label: "Código do usuário logado", value: "${usuario}" },
+      { label: "Empresa do usuário logado", value: "${usuario.empresa}" },
+      { label: "Vendedor para o usuário logado", value: "${usuario.vendedor}" },
+      { label: "Cent. Resultado usuário logado", value: "${usuario.centroresultado}" }
+    ]
+  }
+};
+const DEFAULT_TYPE = {
+  fixed: "F",
+  variable: "V"
+};
+const CONFIG_EVENTS = {
+  closeModal: "ezCloseModal",
+  cancelConfig: "cancelConfig",
+  changeConfig: "changeConfig",
+  configChanged: "configChanged",
+  fieldChanged: "ezChange",
+  dragStart: "sortable:start",
+  dragSort: "sortable:sort",
+  dragSorted: "sortable:sorted",
+  dragStop: "sortable:stop"
+};
+const KEY_EVENTS = {
+  enter: "Enter",
+  arrowLeft: "ArrowLeft",
+  arrowRight: "ArrowRight",
+  tab: "Tab",
+  escape: "Escape"
+};
+const TYPE_ACTIONS = {
+  rename: "RENAME",
+  hide: "HIDE",
+  show: "SHOW",
+  delete: "DELETE"
+};
+const TAB_NAMES = {
+  main: "__main"
+};
+const TAGS_BY_TYPE = {
+  LONGTEXT: "ez-text-area",
+  FILE: "ez-upload",
+  DATE: "ez-date-input",
+  TIME: "ez-time",
+  DATETIME: "ez-date-time-input",
+  DEFAULT: "ez-text-input",
+  SWITCH: "ez-check",
+  CHECKBOX: "ez-check",
+  OPTIONSELECTOR: "ez-combo-box",
+  SEARCH: "ez-search",
+  INTEGERNUMBER: "ez-number-input",
+  DECIMALNUMBER: "ez-number-input"
+};
+
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, TAGS_BY_TYPE as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAB_NAMES as b, TYPE_ACTIONS as c };