@sankhyalabs/sankhyablocks 2.1.3 → 2.1.5

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

@@ -1,187 +1,94 @@
-import { ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationContext } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
-import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
-import { CONFIG_EVENTS, VIEW_MODE } from '../../lib/utils/constants';
-import ConfigurableElementsStorage from './subcomponents/configModalProvider/configurableElementsStorage';
+import { VIEW_MODE } from '../../lib/utils/constants';
+import { AuthorizationConfig } from './AuthorizationConfig';
 const GRID_MODE = VIEW_MODE.grid;
 const FORM_MODE = VIEW_MODE.form;
 export class SnkConfigurator {
   constructor() {
+    this._opened = false;
     /**
-     * Nome do componente que será vinculado ao `data-configurator-parent` para controlar o modal de configurações.
+     * Define qual modo de visualização está ativo.
      */
-    this.name = "snkConfigurator";
-    /**
-     * Define se o campo está habilitado.
-     */
-    this.enabled = true;
+    this.viewMode = GRID_MODE.name;
   }
-  /**
-   * 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-configurator.msg.ts"
-   */
-  getMessage(key) {
-    return this._application.messagesBuilder.getMessage(key, {});
+  async open() {
+    this._opened = true;
+    this.configSelected.emit(this.getViewModeValue());
   }
-  controlConfigModal(opened) {
-    var _a;
-    if (this._modal != undefined) {
-      this._modal.opened = opened;
-      if (this._configModal != undefined) {
-        this._configModal.gridMode = ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.offsetParent) != undefined;
-      }
-    }
+  async close() {
+    this.closeConfig();
   }
-  changeConfigModal(evt) {
-    const data = evt === null || evt === void 0 ? void 0 : evt.detail;
-    if (data === null || data === void 0 ? void 0 : data.openConfig) {
-      this.controlConfigModal(false);
-      this.callShowConfig(data === null || data === void 0 ? void 0 : data.viewMode);
-    }
-    else if ((data === null || data === void 0 ? void 0 : data.viewMode) === GRID_MODE.index) {
-      this.changeViewMode.emit(GRID_MODE.name);
-    }
-    else if ((data === null || data === void 0 ? void 0 : data.viewMode) === FORM_MODE.index) {
-      this.changeViewMode.emit(FORM_MODE.name);
-    }
+  closeConfig() {
+    this._opened = false;
   }
-  callShowConfig(viewMode) {
-    if (viewMode === GRID_MODE.index) {
-      if (this._grid == undefined) {
-        this.findGrid();
-      }
-      if (this._grid != undefined) {
-        this._grid.setShowGridConfig(true);
-      }
-    }
-    else if (viewMode === FORM_MODE.index) {
-      if (this._form == undefined) {
-        this.findForm();
-      }
-      if (this._form != undefined) {
-        this._form.setShowFormConfig(true);
-      }
-    }
+  onViewModeChanged(evt) {
+    const value = evt === null || evt === void 0 ? void 0 : evt.detail;
+    this.viewMode = value;
+    this.configSelected.emit(value);
   }
-  getConfigModal() {
-    const modalContainer = document.createElement("ez-modal");
-    modalContainer.modalSize = "small";
-    modalContainer.opened = false;
-    modalContainer.closeEsc = false;
-    modalContainer.closeOutsideClick = false;
-    modalContainer.dataset.configuratorModal = this.name;
-    modalContainer.addEventListener(CONFIG_EVENTS.closeModal, () => {
-      this.controlConfigModal(false);
-    });
-    const modalContent = document.createElement("snk-config-modal");
-    modalContent.addEventListener(CONFIG_EVENTS.cancelConfig, () => {
-      this.controlConfigModal(false);
-    });
-    modalContent.addEventListener(CONFIG_EVENTS.changeConfig, (evt) => {
-      this.changeConfigModal(evt);
-    });
-    modalContent.configName = this.configName;
-    modalContainer.append(modalContent);
-    return modalContainer;
+  onClickOpenConfig() {
+    this.openConfig.emit(this.viewMode);
   }
-  findConfigModal() {
-    let modalContainer = document.body.querySelector(`[data-configurator-modal="${this.name}"]`);
-    if (modalContainer == undefined) {
-      modalContainer = this.getConfigModal();
-      document.body.appendChild(modalContainer);
+  isAllowed(configName) {
+    if (AuthorizationConfig[configName]) {
+      return this._permissions ? this._permissions.isSup || this._permissions[configName] : false;
     }
-    this._modal = modalContainer;
-    this._configModal = modalContainer.querySelector("snk-config-modal");
+    return true;
   }
-  findGrid() {
-    if (this._grid != undefined) {
-      return;
-    }
-    this._grid = ConfigurableElementsStorage.getGrid(this.configName);
-    if (this._grid != undefined && this._grid.dataset.eventConfigChanged == undefined) {
-      this._grid.dataset.eventConfigChanged = "true";
-      this._grid.addEventListener(CONFIG_EVENTS.configChanged, (evt) => {
-        this.saveConfig(evt);
-      });
+  enableModeConfig() {
+    if (!this.isAllowed(AuthorizationConfig.CONFIG_GRID) || !this.isAllowed(AuthorizationConfig.CONFIG)) {
+      return false;
     }
+    return true;
   }
-  findForm() {
-    if (this._form != undefined) {
-      return;
-    }
-    this._form = ConfigurableElementsStorage.getForm(this.configName);
-    if (this._form != undefined && this._form.dataset.eventConfigChanged == undefined) {
-      this._form.dataset.eventConfigChanged = "true";
-      this._form.addEventListener(CONFIG_EVENTS.configChanged, (evt) => {
-        this.saveConfig(evt);
-      });
-    }
-  }
-  saveConfig(evt) {
-    const config = evt === null || evt === void 0 ? void 0 : evt.detail;
-    if (this._application != undefined && config != undefined) {
-      if ((config === null || config === void 0 ? void 0 : config.fields) != undefined) {
-        this._application.saveFormConfig(config, this.configName)
-          .then((response) => {
-          if ((response === null || response === void 0 ? void 0 : response.resource) != undefined) {
-            this.loadFormConfig(true);
-          }
-        });
+  getViewModeValue() {
+    if (this._permissions != undefined) {
+      if (!this.isAllowed(AuthorizationConfig.CONFIG_GRID)) {
+        this.viewMode = FORM_MODE.name;
       }
-      else if ((config === null || config === void 0 ? void 0 : config.columns) != undefined) {
-        this._application.saveGridConfig(config)
-          .then((response) => {
-          if ((response === null || response === void 0 ? void 0 : response.resource) != undefined) {
-            this.setGridConfig(response.resource);
-          }
-        });
+      else if (!this.isAllowed(AuthorizationConfig.CONFIG)) {
+        this.viewMode = GRID_MODE.name;
       }
     }
+    return this.viewMode;
   }
-  setGridConfig(strConfig) {
-    if (this._grid != undefined) {
-      const config = ObjectUtils.stringToObject(strConfig);
-      this._grid.setConfig(config).then(() => {
-        ApplicationUtils.info(this.getMessage("snkConfigurator.msgSaveSuccessfully"), { iconName: "check" });
-      });
-    }
+  /**
+   * 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-configurator.msg.ts"
+   */
+  getMessage(key) {
+    var _a, _b;
+    return (_b = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder) === null || _b === void 0 ? void 0 : _b.getMessage(key, {});
   }
-  loadGridConfig() {
-    if (this._application != undefined && this.configName != undefined && this._grid != undefined) {
-      this._application.loadGridConfig(this.configName).then((config) => {
-        this._grid.setConfig(config);
-      });
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application) {
+      this._application.getAllAccess().then(access => this._permissions = access);
     }
-  }
-  loadFormConfig(showInfoSuccess = false) {
-    if (this._application != undefined && this.configName != undefined && this._form != undefined) {
-      this._application.loadFormConfig(this.configName).then((config) => {
-        this._form.setConfig(config).then(() => {
-          if (showInfoSuccess) {
-            ApplicationUtils.info(this.getMessage("snkConfigurator.msgSaveSuccessfully"), { iconName: "check" });
-          }
-        });
-      });
+    else {
+      this._permissions = {};
     }
   }
-  loadConfig() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this.loadGridConfig();
-    this.loadFormConfig();
-  }
-  componentDidLoad() {
-    this.findConfigModal();
-    this.findGrid();
-    this.findForm();
-    this.loadConfig();
-  }
   render() {
-    return (h("ez-button", { mode: "icon", iconName: "settings-inverted", size: "small", enabled: this.enabled, onClick: () => this.controlConfigModal(true) }));
+    return (h("ez-modal", { opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small" }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage("snkConfigurator.titleConfigurations")), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-radio-button", { class: "ez-margin-top--medium", label: this.getMessage("snkConfigurator.subTitleModeConfig"), value: this.getViewModeValue(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelGrid"), value: GRID_MODE.name }), h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelForm"), value: FORM_MODE.name })), h("ez-button", { mode: "slim", label: this.viewMode === GRID_MODE.name
+        ? this.getMessage("snkConfigurator.labelConfigGrid")
+        : this.getMessage("snkConfigurator.labelConfigForm"), class: "snk-configurator__button-config ez-button--primary", onClick: () => this.onClickOpenConfig() }), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" })))));
   }
   static get is() { return "snk-configurator"; }
   static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-configurator.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-configurator.css"]
+    };
+  }
   static get properties() {
     return {
       "configName": {
@@ -201,7 +108,7 @@ export class SnkConfigurator {
         "attribute": "config-name",
         "reflect": false
       },
-      "name": {
+      "viewMode": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -213,42 +120,45 @@ export class SnkConfigurator {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Nome do componente que ser\u00E1 vinculado ao `data-configurator-parent` para controlar o modal de configura\u00E7\u00F5es."
-        },
-        "attribute": "name",
-        "reflect": false,
-        "defaultValue": "\"snkConfigurator\""
-      },
-      "enabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define se o campo est\u00E1 habilitado."
+          "text": "Define qual modo de visualiza\u00E7\u00E3o est\u00E1 ativo."
         },
-        "attribute": "enabled",
+        "attribute": "view-mode",
         "reflect": false,
-        "defaultValue": "true"
+        "defaultValue": "GRID_MODE.name"
       }
     };
   }
+  static get states() {
+    return {
+      "_opened": {},
+      "_permissions": {}
+    };
+  }
   static get events() {
     return [{
-        "method": "changeViewMode",
-        "name": "changeViewMode",
+        "method": "configSelected",
+        "name": "configSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento disparado quando seleciona modo de visualiza\u00E7\u00E3o"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "openConfig",
+        "name": "openConfig",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Evento disparado quando h\u00E1 altera\u00E7\u00E3o no modo de visualiza\u00E7\u00E3o."
+          "text": "Evento disparado quando clicar para abrir uma configura\u00E7\u00E3o"
         },
         "complexType": {
           "original": "string",
@@ -257,5 +167,40 @@ export class SnkConfigurator {
         }
       }];
   }
-  static get elementRef() { return "_element"; }
+  static get methods() {
+    return {
+      "open": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "close": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
 }

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

@@ -11,6 +11,7 @@ const FORM_MODE = VIEW_MODE.form;
  */
 export class SnkCrud {
   constructor() {
+    this._viewMode = GRID_MODE.name;
     /**
      * Determina se pode haver mais de uma linha selecionada na grade
      */
@@ -24,22 +25,38 @@ export class SnkCrud {
   }
   async gridToForm(keepFormMode = false) {
     this._backToGrid = !keepFormMode && await this._viewStack.getSelectedIndex() === GRID_MODE.index;
-    this._viewStack.show(FORM_MODE.index);
+    this.setViewMode(FORM_MODE);
   }
   async executeAction(act) {
     if (act === TaskbarElement.GRID_MODE) {
-      this._viewStack.show(GRID_MODE.index);
+      this.setViewMode(GRID_MODE);
     }
     else if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE) {
       this.gridToForm(act !== TaskbarElement.UPDATE);
     }
+    else if (act === TaskbarElement.CONFIGURATOR) {
+      this._snkConfigurator.open();
+    }
+  }
+  setViewMode(viewMode) {
+    this._viewStack.show(viewMode.index);
+    this._viewMode = viewMode.name;
+  }
+  openConfig(viewMode) {
+    this._snkConfigurator.close();
+    if (viewMode === GRID_MODE.name) {
+      this._snkGrid.showConfig();
+    }
+    else if (viewMode === FORM_MODE.name) {
+      this._snkForm.showConfig();
+    }
   }
   insertionModeHandler() {
     this.gridToForm();
   }
   cancelHandler() {
     if (this._backToGrid) {
-      this._viewStack.show(GRID_MODE.index);
+      this.setViewMode(GRID_MODE);
     }
   }
   componentWillLoad() {
@@ -69,7 +86,7 @@ export class SnkCrud {
     }
   }
   render() {
-    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-configurator-parent": "snkConfigurator" }, h("stack-item", null, h("snk-grid", { configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-form", { configName: this.configName, actionsList: this.actionsList, onExit: () => this._viewStack.show(GRID_MODE.index), recordsValidator: this.recordsValidator, taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail) }, h("slot", { name: "SnkFormTaskBar" })))));
+    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-form", { ref: (ref) => this._snkForm = ref, configName: this.configName, actionsList: this.actionsList, onExit: () => this.setViewMode(GRID_MODE), recordsValidator: this.recordsValidator, taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail) }, h("slot", { name: "SnkFormTaskBar" }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._viewMode, onConfigSelected: (evt) => this.executeAction(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -208,7 +225,8 @@ export class SnkCrud {
   static get states() {
     return {
       "_dataUnit": {},
-      "_dataState": {}
+      "_dataState": {},
+      "_viewMode": {}
     };
   }
   static get events() {

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

@@ -1,7 +1,7 @@
 import { ApplicationContext, DateUtils, ObjectUtils } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
-import ConfigurableElementsStorage from '../snk-configurator/subcomponents/configModalProvider/configurableElementsStorage';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
+import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 export class SnkForm {
   constructor() {
     this._renderTimer = 500;
@@ -14,21 +14,30 @@ export class SnkForm {
     this._showFormConfig = false;
   }
   /**
-   * Método responsável em abrir ou fechar o modal de configurações do form.
+   * Método responsável em abrir o modal de configurações do form.
    */
-  async setShowFormConfig(value) {
-    this._showFormConfig = value;
+  async showConfig() {
+    this._showFormConfig = true;
   }
   /**
-   * Método responsável por setar as configurações do form.
+   * Método responsável em fechar o modal de configurações do form.
    */
-  async setConfig(config) {
-    this._editionFormConfig = {};
-    if (!this.loadConfig(config)) {
-      this.loadInsertionConfig();
-    }
+  async hideConfig() {
+    this._showFormConfig = false;
   }
-  loadConfig(config) {
+  loadConfig() {
+    ConfigStorage.get()
+      .loadFormConfig(this.configName)
+      .then((config) => {
+      if (!this.setConfig(config)) {
+        this.loadInsertionConfig();
+      }
+    })
+      .catch((error) => {
+      console.warn(error);
+    });
+  }
+  setConfig(config) {
     if ((config === null || config === void 0 ? void 0 : config.fields) == undefined) {
       return false;
     }
@@ -106,7 +115,13 @@ export class SnkForm {
     return ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectedRecords) ? this._dataState.selectedRecords[0] : undefined;
   }
   changeConfig(config) {
-    this.configChanged.emit(config);
+    this._editionFormConfig = {};
+    if (!this.setConfig(config)) {
+      this.loadInsertionConfig();
+    }
+  }
+  closeConfig() {
+    this.hideConfig();
   }
   getDisabledButtons() {
     const disabled = [];
@@ -118,9 +133,6 @@ export class SnkForm {
     }
     return disabled;
   }
-  componentDidRender() {
-    ConfigurableElementsStorage.setForm(this.configName, this._element);
-  }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     let parent = this._element.parentElement;
@@ -145,6 +157,7 @@ export class SnkForm {
       }
       parent = parent.parentElement;
     }
+    this.loadConfig();
   }
   componentWillRender() {
     var _a;
@@ -164,7 +177,7 @@ export class SnkForm {
       return undefined;
     }
     return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, primaryButton: ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
-      h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), parentForm: this._element, onConfigChange: (evt) => { this.changeConfig(evt.detail); } }))))));
+      h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), configName: this.configName, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigClose: () => this.closeConfig() }))))));
   }
   static get is() { return "snk-form"; }
   static get encapsulation() { return "scoped"; }
@@ -302,37 +315,14 @@ export class SnkForm {
           "resolved": "string",
           "references": {}
         }
-      }, {
-        "method": "configChanged",
-        "name": "configChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Evento disparado quando as configura\u00E7\u00F5es s\u00E3o alteradas."
-        },
-        "complexType": {
-          "original": "IFormConfig",
-          "resolved": "IFormConfig",
-          "references": {
-            "IFormConfig": {
-              "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
-            }
-          }
-        }
       }];
   }
   static get methods() {
     return {
-      "setShowFormConfig": {
+      "showConfig": {
         "complexType": {
-          "signature": "(value: boolean) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
+          "signature": "() => Promise<void>",
+          "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
@@ -341,30 +331,23 @@ export class SnkForm {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "M\u00E9todo respons\u00E1vel em abrir ou fechar o modal de configura\u00E7\u00F5es do form.",
+          "text": "M\u00E9todo respons\u00E1vel em abrir o modal de configura\u00E7\u00F5es do form.",
           "tags": []
         }
       },
-      "setConfig": {
+      "hideConfig": {
         "complexType": {
-          "signature": "(config: IFormConfig) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
+          "signature": "() => Promise<void>",
+          "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "IFormConfig": {
-              "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
             }
           },
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "M\u00E9todo respons\u00E1vel por setar as configura\u00E7\u00F5es do form.",
+          "text": "M\u00E9todo respons\u00E1vel em fechar o modal de configura\u00E7\u00F5es do form.",
           "tags": []
         }
       }

package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.css

@@ -107,7 +107,7 @@ ez-icon .left-icon {
 }
 
 .form-config__actions-button {
-  --ez-actions-button__btn-action--min-width: 250px;
+  --ez-actions-button__btn-action--min-width: 235px;
 }
 
 .form-config__add-group {