@sankhyalabs/sankhyablocks 8.16.0-dev.114 → 8.16.0-dev.116

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

@@ -30,23 +30,37 @@ export 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.'
   }
 };
 export const snkFieldConfigMessages = {

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

@@ -57,7 +57,13 @@ export const TYPE_ACTIONS = {
   delete: "DELETE"
 };
 export const TAB_NAMES = {
-  main: "__main"
+  main: "__main",
+  general: "Geral",
+  newGuide: "Nova guia",
+};
+export const GROUP_NAMES = {
+  noGroup: "__no_group",
+  newGroup: "Novo Grupo",
 };
 export const TAGS_BY_TYPE = {
   LONGTEXT: "ez-text-area",

package/dist/components/SnkFormConfigManager.js

@@ -1,7 +1,7 @@
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
-import { d as TAB_NAMES } from './constants.js';
+import { T as TAB_NAMES } from './constants.js';
 
 class SnkFormConfigManager {
   constructor(configName, resourceID, onConfigChange, dataUnit) {
@@ -29,8 +29,7 @@ class SnkFormConfigManager {
     });
   }
   getEmptyConfig() {
-    const config = this.buildFormMetadataUITabs({ fields: [], emptyConfig: true }, true);
-    return config;
+    return this.buildFormMetadataUITabs({ fields: [], emptyConfig: true }, true);
   }
   saveConfig(config) {
     const configToSave = ObjectUtils.copy(config);

package/dist/components/SnkMessageBuilder.js

@@ -217,23 +217,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 = {

package/dist/components/{snk-tab-config.d.ts → config-header.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface SnkTabConfig extends Components.SnkTabConfig, HTMLElement {}
-export const SnkTabConfig: {
-  prototype: SnkTabConfig;
-  new (): SnkTabConfig;
+interface ConfigHeader extends Components.ConfigHeader, HTMLElement {}
+export const ConfigHeader: {
+  prototype: ConfigHeader;
+  new (): ConfigHeader;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/config-header.js

@@ -0,0 +1,6 @@
+import { C as ConfigHeader$1, d as defineCustomElement$1 } from './config-header2.js';
+
+const ConfigHeader = ConfigHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ConfigHeader, defineCustomElement };

package/dist/components/config-header2.js

@@ -0,0 +1,103 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { d as defineCustomElement$1 } from './configs-button2.js';
+
+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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.configClose = createEvent(this, "configClose", 7);
+    this.saveConfig = 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');
+      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 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 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 (h("div", { class: "right-group" }, h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), h("ez-button", { title: 'Salvar', label: 'Salvar', class: 'ez-button--primary ez-padding-left--medium', onClick: () => this.saveFormConfig(), size: "medium" })));
+    }
+    return (h("div", { class: "right-group" }, h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), 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 (h(Host, null, h("div", { class: 'left-group' }, 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" }), h("h1", { class: "ez-title ez-title--primary ez-title--extra-large ez-padding--small" }, this.getMessage('snkFormConfig.title')), h("configs-button", { hasChanges: this.hasChanges, configOptions: this.configOptions, selectedConfig: this.selectedConfig, messagesBuilder: this.messagesBuilder })), this.renderSaveActions()));
+  }
+  static get style() { return configHeaderCss; }
+}, [2, "config-header", {
+    "configOptions": [16],
+    "selectedConfig": [16],
+    "messagesBuilder": [1040],
+    "hasChanges": [4, "has-changes"],
+    "optionConfigChanged": [4, "option-config-changed"],
+    "isEditingGuide": [32],
+    "isEditingGroup": [32]
+  }, [[16, "isEditingGuideName", "handleIsEditingGuideName"], [16, "isEditingGroupName", "handleIsEditingGroupName"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["config-header", "configs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "config-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ConfigHeader);
+      }
+      break;
+    case "configs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { ConfigHeader as C, defineCustomElement as d };

package/dist/components/{snk-config-options.d.ts → configs-button.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface SnkConfigOptions extends Components.SnkConfigOptions, HTMLElement {}
-export const SnkConfigOptions: {
-  prototype: SnkConfigOptions;
-  new (): SnkConfigOptions;
+interface ConfigsButton extends Components.ConfigsButton, HTMLElement {}
+export const ConfigsButton: {
+  prototype: ConfigsButton;
+  new (): ConfigsButton;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/configs-button.js

@@ -0,0 +1,6 @@
+import { C as ConfigsButton$1, d as defineCustomElement$1 } from './configs-button2.js';
+
+const ConfigsButton = ConfigsButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ConfigsButton, defineCustomElement };

package/dist/components/configs-button2.js

@@ -0,0 +1,76 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.formConfigOptionSelected = 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 (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 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 (h("div", { class: `main-item`, onClick: async () => await this.handleSelectOption(option) }, h("span", { class: 'item-label' }, " ", option.name), this.renderCheckIcon(option)));
+    });
+  }
+  renderCheckIcon(option) {
+    if (this.selectedConfig && this.selectedConfig.origin === option.origin)
+      return h("ez-icon", { iconName: "check" });
+  }
+  render() {
+    return (h(Host, null, h("ez-button", { ref: ref => this._refShareConfigBtn = ref, label: this.getButtonLabel(), onClick: async () => await this.showShareConfigOptions() }, h("ez-icon", { slot: "rightIcon", iconName: "chevron-down" })), h("ez-popover-plus", { ref: ref => this._refOptionsPopover = ref, autoClose: true, overlayType: "none" }, h("div", { class: 'dropdown-container' }, this.renderConfigOptions()))));
+  }
+  static get style() { return configsButtonCss; }
+}, [2, "configs-button", {
+    "configOptions": [16],
+    "selectedConfig": [16],
+    "hasChanges": [4, "has-changes"],
+    "messagesBuilder": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["configs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "configs-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ConfigsButton);
+      }
+      break;
+  } });
+}
+
+export { ConfigsButton as C, defineCustomElement as d };

package/dist/components/constants.js

@@ -5,11 +5,6 @@ var VIEW_MODE;
   VIEW_MODE[VIEW_MODE["FORM"] = 1] = "FORM";
   VIEW_MODE[VIEW_MODE["ATTACHMENT"] = 2] = "ATTACHMENT";
 })(VIEW_MODE || (VIEW_MODE = {}));
-const ACTION_CONFIG = {
-  add: 'ADD',
-  remove: 'REMOVE',
-  configuration: 'CONFIGURATION'
-};
 const VARS_BY_TYPE = {
   UserInterface: {
     DATE: [{ label: "Data atual", value: "${data}" }],
@@ -26,35 +21,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",
@@ -100,4 +74,4 @@ var TEMPLATES_SKELETON;
   TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
 })(TEMPLATES_SKELETON || (TEMPLATES_SKELETON = {}));
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TEMPLATES_SKELETON as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAGS_BY_TYPE as b, CONFIG_SORTABLE_EVENTS as c, TAB_NAMES as d, TYPE_ACTIONS as e };
+export { DEFAULT_TYPE as D, GROUP_NAMES as G, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAB_NAMES as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAGS_BY_TYPE as b, TEMPLATES_SKELETON as c };

package/dist/components/field-config.d.ts

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

package/dist/components/field-config.js

@@ -0,0 +1,6 @@
+import { F as FieldConfig$1, d as defineCustomElement$1 } from './field-config2.js';
+
+const FieldConfig = FieldConfig$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FieldConfig, defineCustomElement };