@sankhyalabs/sankhyablocks 8.16.0-dev.12 → 8.16.0-dev.120

package/dist/cjs/{SnkMessageBuilder-cceebbae.js → SnkMessageBuilder-e3b7850b.js}

@@ -24,34 +24,39 @@ function _interopNamespace(e) {
 
 const snkDataUnitMessages = {
   saveInfo: {
-    clone: "Duplicação realizada!",
-    insert: "Inclusão realizada!",
-    update: "Alteração realizada!"
+    clone: 'Duplicação realizada!',
+    insert: 'Inclusão realizada!',
+    update: 'Alteração realizada!',
+    updateMultiples: 'Múltiplos registros alterados com sucesso!'
   },
   cancelInfo: {
-    clone: "Duplicação descartada!",
-    insert: "A inclusão foi descartada!",
-    update: "A edição foi descartada!"
+    clone: 'Duplicação descartada!',
+    insert: 'A inclusão foi descartada!',
+    update: 'A edição foi descartada!',
+    updateMultiples: 'A edição de múltiplos registros foi descartada com sucesso!'
   },
   confirm: {
-    cancel: "Cancelar",
-    delete: "Excluir",
-    yes: "Sim",
-    no: "Não"
-  },
-  removeInfo: "Registro removido com sucesso!",
-  cancelConfirmationTitle: "Aviso",
-  cancelConfirmation: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?",
-  removeConfirmationTitle: "Aviso",
-  removeConfirmation: "Deseja realmente excluir o registro atual?",
-  forbidden: "Sem permissão",
-  forbiddenUpdate: "Não é possível fazer alterações. Verifique as permissões de acesso.",
-  forbiddenInsert: "Não é possível incluir. Verifique as permissões de acesso.",
-  forbiddenClone: "Não é possível duplicar. Verifique as permissões de acesso.",
-  forbiddenRemove: "Não é possível remover. Verifique as permissões de acesso.",
-  removeAllConfirmation: "Os <strong>{{size}} registros selecionados</strong> serão excluídos.<br/><br/><strong>Você realmente gostaria de continuar?</strong>",
-  removeAllInfo: "Os {{size}} registros foram removidos com sucesso!",
-  fieldNameRequired: "É necessário informar o nome da coluna."
+    cancel: 'Cancelar',
+    delete: 'Excluir',
+    updateMultipleConfirm: 'Confirmar edição',
+    yes: 'Sim',
+    no: 'Não',
+  },
+  removeInfo: 'Registro removido com sucesso!',
+  cancelConfirmationTitle: 'Aviso',
+  cancelConfirmation: 'As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?',
+  removeConfirmationTitle: 'Aviso',
+  removeConfirmation: 'Deseja realmente excluir o registro atual?',
+  multipleUpdateConfirmationTitle: 'Confirmar edição múltipla',
+  multipleUpdateConfirmationMessage: 'As informações dos campos abaixo foram alteradas e serão aplicadas a {{size}} registros',
+  forbidden: 'Sem permissão',
+  forbiddenUpdate: 'Não é possível fazer alterações. Verifique as permissões de acesso.',
+  forbiddenInsert: 'Não é possível incluir. Verifique as permissões de acesso.',
+  forbiddenClone: 'Não é possível duplicar. Verifique as permissões de acesso.',
+  forbiddenRemove: 'Não é possível remover. Verifique as permissões de acesso.',
+  removeAllConfirmation: 'Os <strong>{{size}} registros selecionados</strong> serão excluídos.<br/><br/><strong>Você realmente gostaria de continuar?</strong>',
+  removeAllInfo: 'Os {{size}} registros foram removidos com sucesso!',
+  fieldNameRequired: 'É necessário informar o nome da coluna.',
 };
 
 const snkFilterBarMessages = {
@@ -100,6 +105,12 @@ const snkFilterBarMessages = {
     "cancelButtonLabel": "Limpar tudo",
     "customFilters": "Filtros personalizados",
     "quickFilters": "Filtros rápidos",
+    "defaultFilter": {
+      "title": "Filtro padrão",
+      "edit": "Editar filtro",
+      "remove": "Excluir filtro",
+      "create": "Criar filtro padrão",
+    },
     "validations": {
       "notFullFilled": {
         "title": "Filtro parcialmente preenchido",
@@ -114,6 +125,7 @@ const snkFilterBarMessages = {
 };
 
 const snkTaskbarMessages = {
+  titleUpdateMultiple: "Editar Múltiplos",
   titleUpdate: "Editar",
   titlePrevious: "Anterior",
   titleNext: "Próximo",
@@ -163,12 +175,13 @@ const snkCrudMessages = {
     update: "Alterar registro",
     clean: "{{ENTITY_NAME}}"
   },
-  findColumn: "Buscar campos",
+  findColumn: "Buscar campos (Ctrl+F)",
   goBackTitle: "Voltar"
 };
 
 const snkSimpleCrudMessages = {
-  findColumn: "Busca de colunas",
+  findColumn: "Busca de colunas (Ctrl+F)",
+  findFields: "Busca de campos (Ctrl+F)",
   formConfigUnavaliable: {
     title: "Aviso",
     message: 'A opção "Configurar formulário" será disponibilizada em breve. Enquanto isso, acesse a configuração do fomulário através dos layouts anteriores, HTML5 ou Flex.'
@@ -226,23 +239,37 @@ const snkFormConfigMessages = {
     mainArea: "Área principal",
     tabGeneral: "Geral"
   },
+  configs: {
+    buttonLabel: "Configurações",
+    selectedConfig: "configuração selecionada"
+  },
   confirm: {
     title: "Aviso",
     deleteTab: "Você realmente deseja excluir a aba",
+    deleteGuide: "Deseja realmente excluir a guia <b>{0}</b>?",
     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>",
+    apply: "A <b>{0}</b> irá substituir a configuração atual!<br/><br/><b>Deseja continuar?</b>",
     group: "Não é possível salvar as configurações com um grupo vazio!",
     labelCancel: "Cancelar",
     labelDelete: "Excluir"
   },
+  noGuideSelected: {
+    title: "Atenção",
+    message: "Selecione uma guia para iniciar a configuração!"
+  },
   alert: {
     titleGroupExists: "Já existe um grupo com título",
+    titleGroupEditing: "Há um <b>grupo<b/> em edição. <br/> Finalize a edição para salvar as configurações.",
+    titleGuideExists: "Já existe uma guia com título",
+    titleGuideEditing: "Há uma <b>guia<b/> em edição. <br/> Finalize a edição para salvar as configurações.",
+    titleGuideReservedName: "Este título é reservado para configurações internas do sistema e não pode ser utilizado.",
     infoValidTitle: "Por favor, digite um título válido.",
     inTab: "na aba"
   },
   info: {
-    successfullyConfigSaved: "As configurações foram salvas com sucesso!"
+    successfullyConfigSaved: "As configurações foram salvas com sucesso!",
+    successfullyGuideDeleted: 'A guia "{0}" foi excluída. Salve para confirmar a alteração.'
   }
 };
 const snkFieldConfigMessages = {
@@ -267,7 +294,11 @@ const snkConfiguratorMessages = {
 };
 
 const snkGridMessages = {
-  findColumn: "Busca de colunas"
+  findColumn: "Busca de colunas (Ctrl+F)",
+  cancelConfirmation: {
+    title: "Aviso",
+    message: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?</b>",
+  }
 };
 const snkGridConfigMessages = {
   gridConfiguration: "Configuração da Grade",
@@ -406,6 +437,8 @@ const snkPersonalizedFilterMessages = {
   info: {
     titleEdit: "Editar filtro personalizado",
     titleAdd: "Criar filtro personalizado",
+    titleCreateDefault: "Aplicar filtro padrão",
+    titleEditDefault: "Editar filtro padrão",
     titleCollapsible: "Expressão a ser aplicada (gerada pelo assistente)",
     labelSearchField: "Buscar campo",
     labelOperator: "Operador",
@@ -428,7 +461,10 @@ const snkPersonalizedFilterMessages = {
     applyExpression: "Expressão a ser aplicada:",
     tooltipDisabledAssistentMode: "Expressão não suportada pelo assistente.",
     activeModeAdvanced: "Ativar modo avançado",
-    activeModeAssistent: "Ativar modo assistente"
+    activeModeAssistent: "Ativar modo assistente",
+    textInputDisabled: "Campo desabilitado para filtros padrões",
+    checkVariableDisabled: "Filtro padrão não pode ser variável.",
+    deleteDefaultFilterConfirm: "Deseja excluir o <b>filtro padrão</b>?",
   },
   confirmExpression: {
     title: "Aviso",
@@ -681,6 +717,7 @@ exports.OperationMap = void 0;
   OperationMap["INSERT"] = "insert";
   OperationMap["UPDATE"] = "update";
   OperationMap["CLEAN"] = "clean";
+  OperationMap["UPDATE_MULTIPLES"] = "updateMultiples";
 })(exports.OperationMap || (exports.OperationMap = {}));
 
 exports.SnkMessageBuilder = SnkMessageBuilder;

package/dist/cjs/{auth-fetcher-29bb791c.js → auth-fetcher-1687ac0a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const core = require('@sankhyalabs/core');
-const formConfigFetcher = require('./form-config-fetcher-feb08214.js');
+const formConfigFetcher = require('./form-config-fetcher-40d3f752.js');
 
 class AuthFetcher extends formConfigFetcher.ResourceFetcher {
   getData(resourceID) {

package/dist/cjs/config-header.cjs.entry.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1cf293c1.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+
+const configHeaderCss = ".sc-config-header-h{display:flex;padding-top:12px;padding-left:12px;align-items:center;width:100%;justify-content:space-between}.left-group.sc-config-header{display:flex;gap:8px}.right-group.sc-config-header{padding-right:18px;display:flex}";
+
+const ConfigHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.configClose = index.createEvent(this, "configClose", 7);
+    this.saveConfig = index.createEvent(this, "saveConfig", 7);
+    this.isEditingGuide = false;
+    this.isEditingGroup = false;
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.messagesBuilder = undefined;
+    this.hasChanges = false;
+    this.optionConfigChanged = false;
+  }
+  handleIsEditingGuideName({ detail }) {
+    this.isEditingGuide = detail;
+  }
+  handleIsEditingGroupName({ detail }) {
+    this.isEditingGroup = detail;
+  }
+  saveFormConfig() {
+    if (this.isEditingGuide || this.isEditingGroup) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const message = this.isEditingGuide
+        ? this.getMessage('snkFormConfig.alert.titleGuideEditing')
+        : this.getMessage('snkFormConfig.alert.titleGroupEditing');
+      utils.ApplicationUtils.alert(title, message);
+      return;
+    }
+    this.saveConfig.emit();
+  }
+  async closeFormConfig() {
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await utils.ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.configClose.emit();
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  openConfirmDialog(msg = '', title = this.getMessage('snkFormConfig.confirm.title')) {
+    return utils.ApplicationUtils.confirm(title, msg);
+  }
+  async applyOptionConfig() {
+    var _a, _b;
+    const name = (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.selectedConfig');
+    const msg = this.getMessage('snkFormConfig.confirm.apply').replace('{0}', name);
+    const confirm = await this.openConfirmDialog(msg);
+    if (confirm) {
+      this.saveConfig.emit();
+    }
+  }
+  renderSaveActions() {
+    if (!this.hasChanges && !this.optionConfigChanged)
+      return;
+    if (this.hasChanges) {
+      return (index.h("div", { class: "right-group" }, index.h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), index.h("ez-button", { title: 'Salvar', label: 'Salvar', class: 'ez-button--primary ez-padding-left--medium', onClick: () => this.saveFormConfig(), size: "medium" })));
+    }
+    return (index.h("div", { class: "right-group" }, index.h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), index.h("ez-button", { title: 'Salvar', label: this.getMessage('snkFormConfig.applyConfig'), class: 'ez-button--primary ez-padding-left--medium', onClick: async () => await this.applyOptionConfig(), size: "medium" })));
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: 'left-group' }, index.h("ez-button", { mode: "icon", title: this.getMessage('snkFormConfig.goBackTitle'), iconName: "arrow_back", class: "ez-padding--small", size: "small", onClick: this.closeFormConfig.bind(this), id: "formConfigToBack" }), index.h("h1", { class: "ez-title ez-title--primary ez-title--extra-large ez-padding--small" }, this.getMessage('snkFormConfig.title')), index.h("configs-button", { hasChanges: this.hasChanges, configOptions: this.configOptions, selectedConfig: this.selectedConfig, messagesBuilder: this.messagesBuilder })), this.renderSaveActions()));
+  }
+};
+ConfigHeader.style = configHeaderCss;
+
+exports.config_header = ConfigHeader;

package/dist/cjs/configs-button.cjs.entry.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1cf293c1.js');
+const core = require('@sankhyalabs/core');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+
+const configsButtonCss = ".dropdown-container.sc-configs-button{font-family:'Roboto';font-size:12px;font-weight:400;display:flex;flex-direction:column;color:#2b3a54;width:200px}.main-item.sc-configs-button{padding:12px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:start}.main-item.sc-configs-button ez-icon.sc-configs-button{--ez-icon--color:#008561}.main-item.sc-configs-button:nth-of-type(1){padding-bottom:6px}.main-item.sc-configs-button:nth-of-type(2){padding-top:6px}.main-item.sc-configs-button:hover{background-color:#FAFCFF}.item-label.sc-configs-button{display:flex}";
+
+const ConfigsButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.formConfigOptionSelected = index.createEvent(this, "formConfigOptionSelected", 7);
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.hasChanges = false;
+    this.messagesBuilder = undefined;
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async showShareConfigOptions() {
+    if (this._refOptionsPopover && this._refShareConfigBtn) {
+      await this._refOptionsPopover.showUnder(this._refShareConfigBtn);
+    }
+  }
+  async handleSelectOption(option) {
+    if (core.ObjectUtils.equals(option, this.selectedConfig))
+      return;
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await utils.ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.selectedConfig = option;
+    this.formConfigOptionSelected.emit(option);
+    await this._refOptionsPopover.hide();
+  }
+  getButtonLabel() {
+    var _a, _b;
+    return (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.buttonLabel');
+  }
+  renderConfigOptions() {
+    return this.configOptions.map((option) => {
+      return (index.h("div", { class: `main-item`, onClick: async () => await this.handleSelectOption(option) }, index.h("span", { class: 'item-label' }, " ", option.name), this.renderCheckIcon(option)));
+    });
+  }
+  renderCheckIcon(option) {
+    if (this.selectedConfig && this.selectedConfig.origin === option.origin)
+      return index.h("ez-icon", { iconName: "check" });
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("ez-button", { ref: ref => this._refShareConfigBtn = ref, label: this.getButtonLabel(), onClick: async () => await this.showShareConfigOptions() }, index.h("ez-icon", { slot: "rightIcon", iconName: "chevron-down" })), index.h("ez-popover-plus", { ref: ref => this._refOptionsPopover = ref, autoClose: true, overlayType: "none" }, index.h("div", { class: 'dropdown-container' }, this.renderConfigOptions()))));
+  }
+};
+ConfigsButton.style = configsButtonCss;
+
+exports.configs_button = ConfigsButton;

package/dist/cjs/{constants-35ddd366.js → constants-6d82e405.js}

@@ -7,11 +7,6 @@ exports.VIEW_MODE = void 0;
   VIEW_MODE[VIEW_MODE["FORM"] = 1] = "FORM";
   VIEW_MODE[VIEW_MODE["ATTACHMENT"] = 2] = "ATTACHMENT";
 })(exports.VIEW_MODE || (exports.VIEW_MODE = {}));
-const ACTION_CONFIG = {
-  add: 'ADD',
-  remove: 'REMOVE',
-  configuration: 'CONFIGURATION'
-};
 const VARS_BY_TYPE = {
   UserInterface: {
     DATE: [{ label: "Data atual", value: "${data}" }],
@@ -28,35 +23,14 @@ const DEFAULT_TYPE = {
   fixed: "F",
   variable: "V"
 };
-const CONFIG_EVENTS = {
-  closeModal: "ezCloseModal",
-  cancelConfig: "cancelConfig",
-  changeConfig: "changeConfig",
-  configChanged: "configChanged",
-  fieldChanged: "ezChange",
-  dragStartDistance: 40
-};
-const CONFIG_SORTABLE_EVENTS = {
-  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"
+  main: "__main",
+  general: "Geral",
+  newGuide: "Nova guia",
+};
+const GROUP_NAMES = {
+  noGroup: "__no_group",
+  newGroup: "Novo Grupo",
 };
 const TAGS_BY_TYPE = {
   LONGTEXT: "ez-text-area",
@@ -69,6 +43,7 @@ const TAGS_BY_TYPE = {
   CHECKBOX: "ez-check",
   OPTIONSELECTOR: "ez-combo-box",
   SEARCH: "ez-search",
+  SEARCHPLUS: "ez-search-plus",
   INTEGERNUMBER: "ez-number-input",
   DECIMALNUMBER: "ez-number-input"
 };
@@ -91,15 +66,20 @@ exports.SIMPLE_CRUD_MODE = void 0;
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["SERVER"] = 0] = "SERVER";
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
 })(exports.SIMPLE_CRUD_MODE || (exports.SIMPLE_CRUD_MODE = {}));
+// TODO: validar forma de compartilhar os templates com outros projetos
+exports.TEMPLATES_SKELETON = void 0;
+(function (TEMPLATES_SKELETON) {
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["CUSTOM_TEMPLATE"] = 0] = "CUSTOM_TEMPLATE";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID"] = 1] = "GRID";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_SIDEBAR"] = 2] = "GRID_WITH_SIDEBAR";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_PANEL"] = 3] = "GRID_WITH_PANEL";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
+})(exports.TEMPLATES_SKELETON || (exports.TEMPLATES_SKELETON = {}));
 
-exports.ACTION_CONFIG = ACTION_CONFIG;
-exports.CONFIG_EVENTS = CONFIG_EVENTS;
-exports.CONFIG_SORTABLE_EVENTS = CONFIG_SORTABLE_EVENTS;
 exports.DEFAULT_TYPE = DEFAULT_TYPE;
-exports.KEY_EVENTS = KEY_EVENTS;
+exports.GROUP_NAMES = GROUP_NAMES;
 exports.ORDER_VALUES = ORDER_VALUES;
 exports.REPORT_LAUNCHER_RESOURCE_ID = REPORT_LAUNCHER_RESOURCE_ID;
 exports.TAB_NAMES = TAB_NAMES;
 exports.TAGS_BY_TYPE = TAGS_BY_TYPE;
-exports.TYPE_ACTIONS = TYPE_ACTIONS;
 exports.VARS_BY_TYPE = VARS_BY_TYPE;