@sankhyalabs/sankhyablocks 8.15.3 → 8.16.0-dev.10

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

@@ -11,16 +11,21 @@ import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { SnkFormConfigManager } from '../snk-form-config/SnkFormConfigManager';
 import { REGULAR_DEFAULT_BTNS, REGULAR_SELECTED_BTNS } from './regular-buttons';
+import RmPrecisionCustomValueFormatter from '../../lib/DefaultCustomFormatters/RmPrecisionCustomValueFormatter';
+import ClientSideExporterProvider from '../snk-data-exporter/providers/ClientSideExporterProvider';
+import store from "../../lib/store";
 export class SnkSimpleCrud {
   constructor() {
     this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._keyDownHandler = (event) => this.keyDownListener(event);
     this._formConfigFetcher = new FormConfigFetcher();
+    this._customEditors = new Map();
+    this._customRenders = new Map();
     this._taskbarProcessor = new TaskbarProcessor({
-      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, TaskbarElement.GRID_MODE),
-      "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, TaskbarElement.FORM_MODE),
-      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, TaskbarElement.GRID_MODE),
-      "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, TaskbarElement.FORM_MODE),
+      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, [TaskbarElement.GRID_MODE]),
+      "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]),
+      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, [TaskbarElement.GRID_MODE]),
+      "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]),
       "snkSimpleCrudTaskbar.finish_edition": ["CANCEL", "SAVE"]
     });
     this._showPopUpGridConfig = false;
@@ -31,12 +36,15 @@ export class SnkSimpleCrud {
     this._customContainerId = `SNK-SIMPLE-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
     this.dataState = undefined;
     this.dataUnit = undefined;
+    this.entityName = undefined;
     this.mode = SIMPLE_CRUD_MODE.SERVER;
     this.gridConfig = undefined;
     this.formConfig = undefined;
     this._formFields = [];
+    this._fieldsProps = new Map();
     this.multipleSelection = undefined;
     this.useCancelConfirm = true;
+    this.pageSize = 150;
     this.resourceID = undefined;
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
@@ -47,6 +55,34 @@ export class SnkSimpleCrud {
     this.gridLegacyConfigName = undefined;
     this.formLegacyConfigName = undefined;
     this.ignoreReadOnlyFormFields = false;
+    this.autoFocus = true;
+    this.domainMessagesBuilder = undefined;
+    this.autoLoad = undefined;
+  }
+  /**
+   * Registra um editor customizado para campos da grade e formulário.
+   */
+  async addCustomEditor(fieldName, customEditor) {
+    if (this._grid && this._form) {
+      this._grid.addCustomEditor(fieldName, customEditor);
+      this._form.addCustomEditor(fieldName, customEditor);
+      return;
+    }
+    const newCustomEditors = new Map(this._customEditors);
+    newCustomEditors.set(fieldName, customEditor);
+    this._customEditors = newCustomEditors;
+  }
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  async addGridCustomRender(fieldName, customRender) {
+    if (this._grid) {
+      this._grid.addGridCustomRender(fieldName, customRender);
+      return;
+    }
+    const newCustomRenders = new Map(this._customRenders);
+    newCustomRenders.set(fieldName, customRender);
+    this._customRenders = newCustomRenders;
   }
   handleResourceIDChanged(newValue, oldValue) {
     if (StringUtils.isEmpty(newValue)) {
@@ -58,9 +94,30 @@ export class SnkSimpleCrud {
     this.loadFormConfig(true);
     this.loadGridConfig(true);
   }
-  getButtons(selected, changeModeBtn) {
+  /**
+   * Registra um formatador de valores para uma coluna da grid.
+   */
+  async addCustomValueFormatter(columnName, customFormatter) {
+    this._grid.addCustomValueFormatter(columnName, customFormatter);
+  }
+  /**
+   * Remove o formatador de valores de uma coluna da grid.
+   */
+  async removeCustomValueFormatter(columnName) {
+    this._grid.removeCustomValueFormatter(columnName);
+  }
+  /**
+   * Altera/adiciona uma propriedade nos metadados do campo.
+   */
+  async setFieldProp(fieldName, propName, value) {
+    const newCustomFieldProps = new Map(this._fieldsProps);
+    const currentProps = this._fieldsProps.get(fieldName);
+    newCustomFieldProps.set(fieldName, Object.assign(Object.assign({}, currentProps), { [propName]: value }));
+    this._fieldsProps = newCustomFieldProps;
+  }
+  getButtons(selected, extraButtons) {
     return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
-      .concat(changeModeBtn));
+      .concat(extraButtons));
   }
   addConfigButton(buttons) {
     if (this.configName === undefined) {
@@ -100,15 +157,19 @@ export class SnkSimpleCrud {
     }
     evt.stopPropagation();
   }
+  async onChangeEntityName(newValue) {
+    if (this.dataUnit)
+      return;
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.dataUnit = await application.getDataUnit(newValue, null, null, this.configName);
+  }
   onModeChange() {
     if (this.mode == SIMPLE_CRUD_MODE.IN_MEMORY) {
       this.initInMemoryDataUnit();
     }
   }
   observeDataState(newValue, oldValue) {
-    if (ObjectUtils.objectToString(oldValue) != ObjectUtils.objectToString(newValue)) {
-      this.dataStateChange.emit(newValue);
-    }
+    this.handleDataStateChange(newValue, oldValue);
   }
   async observeFormLegacy(newValue, oldValue) {
     await this.handleUpdateFormLegacyConfig(newValue, oldValue);
@@ -116,6 +177,29 @@ export class SnkSimpleCrud {
   async observeGridLegacy(newValue, oldValue) {
     await this.handleUpdateGridLegacyConfig(newValue, oldValue);
   }
+  async handleDataStateChange(newValue, oldValue) {
+    if (ObjectUtils.objectToString(oldValue) != ObjectUtils.objectToString(newValue)) {
+      this.dataStateChange.emit(newValue);
+    }
+    await this.processRmPrecision();
+  }
+  async processRmPrecision() {
+    var _a, _b;
+    const fieldsWithRmPrecision = await this._snkDataUnit.getFieldsWithRmPrecision();
+    for (const field of fieldsWithRmPrecision || []) {
+      if (!field) {
+        continue;
+      }
+      const rmPrecision = (_b = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.rowMetadata) === null || _b === void 0 ? void 0 : _b.getProp('rm_precision', field);
+      if (!rmPrecision && rmPrecision !== 0) {
+        continue;
+      }
+      await this.setFieldProp(field, 'precision', rmPrecision);
+      await this.setFieldProp(field, 'prettyPrecision', rmPrecision);
+    }
+    ;
+    this._rmPrecisionCustomValueFormatter.setDataState(this.dataState);
+  }
   async handleUpdateGridLegacyConfig(newValue, oldValue) {
     if (newValue == undefined || newValue == oldValue) {
       return;
@@ -212,6 +296,7 @@ export class SnkSimpleCrud {
   }
   async componentWillRender() {
     this._resourceID = await this.application.getResourceID();
+    this.dataExporterProviderStore();
     this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
     if (this.configName === undefined) {
       return;
@@ -223,32 +308,70 @@ export class SnkSimpleCrud {
     this.loadGridConfig();
     this.loadFormConfig();
   }
+  componentDidRender() {
+    this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
+    this.addGridCustomValueFormattters();
+    this.setFieldsProps();
+    this.setCustomRenders();
+    this.setCustomEditors();
+  }
   componentWillLoad() {
     this.processMetadata();
     this.onModeChange();
     this.configDatasource();
+    this._rmPrecisionCustomValueFormatter = new RmPrecisionCustomValueFormatter();
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsGrid(this._element, this._grid);
   }
+  setCustomRenders() {
+    if (!this._grid) {
+      return;
+    }
+    for (const [fieldName, customRender] of this._customRenders) {
+      this._grid.addGridCustomRender(fieldName, customRender);
+      this._customRenders.delete(fieldName);
+    }
+  }
+  setCustomEditors() {
+    if (!this._grid || !this._form) {
+      return;
+    }
+    for (const [fieldName, customEditor] of this._customEditors) {
+      this._grid.addCustomEditor(fieldName, customEditor);
+      this._form.addCustomEditor(fieldName, customEditor);
+      this._customEditors.delete(fieldName);
+    }
+  }
   configDatasource() {
     this._multiSelectionListDataSource.setApplication(this.application);
     this._multiSelectionListDataSource.setDataUnit(this.dataUnit);
   }
+  setFieldsProps() {
+    if (!this._form) {
+      return;
+    }
+    for (const [fieldName, props] of this._fieldsProps) {
+      for (const prop in props) {
+        this._form.setFieldProp(fieldName, prop, props[prop]);
+      }
+      this._fieldsProps.delete(fieldName);
+    }
+  }
   getTaskBarId() {
-    var _a, _b, _c;
+    var _a, _b;
     if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
       return "snkSimpleCrudTaskbar.finish_edition";
     }
     if (((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) &&
       !this.dataState.selectionInfo.isAllRecords() &&
-      ((_c = this.dataState.selectionInfo.records) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+      this.dataState.selectionInfo.length > 0) {
       return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
     }
     return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
   }
   initInMemoryDataUnit() {
-    this._inMemoryLoader = new InMemoryLoader(this._metadata);
+    this._inMemoryLoader = new InMemoryLoader(this._metadata, undefined, { autoLoad: this.autoLoad });
     this.dataUnit = this._inMemoryLoader.dataUnit;
     this.dataUnitReady.emit(this.dataUnit);
   }
@@ -287,12 +410,11 @@ export class SnkSimpleCrud {
     var _a;
     (_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.close();
   }
-  updateConfig() {
+  async updateConfig() {
     if (this._formConfigManager == undefined) {
       this._formConfigManager = new SnkFormConfigManager(this.configName, this.resolveResourceID());
     }
     this._formConfigManager.setConfig(this.formConfig);
-    return;
   }
   processMetadata() {
     const fieldsMetadataElem = this._element.querySelectorAll("snk-field-metadata");
@@ -324,11 +446,28 @@ export class SnkSimpleCrud {
       };
     }
   }
+  addGridCustomValueFormattters() {
+    var _a, _b, _c;
+    const metadataFields = ((_a = this._metadata) === null || _a === void 0 ? void 0 : _a.fields) || ((_c = (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.fields);
+    if (!metadataFields) {
+      return;
+    }
+    const fieldsWithRmPrecision = [];
+    metadataFields.forEach((field) => {
+      var _a;
+      if (((_a = field.properties) === null || _a === void 0 ? void 0 : _a.rm_precision) && !fieldsWithRmPrecision.includes(field.name)) {
+        fieldsWithRmPrecision.push(field.name);
+      }
+    });
+    fieldsWithRmPrecision.forEach(field => {
+      this.addCustomValueFormatter(field, this._rmPrecisionCustomValueFormatter);
+    });
+  }
   onDataStateChange(evt) {
     this.dataState = Object.assign({}, evt.detail);
   }
   getTaskBarDisabledButtons() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const disabledButtons = [];
     if (!((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.hasNext)) {
       disabledButtons.push(TaskbarElement.NEXT);
@@ -339,6 +478,9 @@ export class SnkSimpleCrud {
     if ((_d = (_c = this.dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo) === null || _d === void 0 ? void 0 : _d.isEmpty()) {
       disabledButtons.push(TaskbarElement.FORM_MODE);
     }
+    if (((_f = (_e = this.dataState) === null || _e === void 0 ? void 0 : _e.selectionInfo) === null || _f === void 0 ? void 0 : _f.length) > 1) {
+      disabledButtons.push(TaskbarElement.CLONE);
+    }
     return disabledButtons;
   }
   handleCancelEdit() {
@@ -482,9 +624,23 @@ export class SnkSimpleCrud {
       .then(() => {
       this.setGridConfig(config);
       this.closeGridConfig();
+      this.dataExporterProviderStore();
     });
     evt.stopPropagation();
   }
+  async dataExporterProviderStore() {
+    if (this.dataUnit == undefined) {
+      return;
+    }
+    if (this._grid == undefined) {
+      return;
+    }
+    const dataExporterProvider = new ClientSideExporterProvider(this.dataUnit, this._grid);
+    store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.getDataExporterStoreKey()]: dataExporterProvider }));
+  }
+  getDataExporterStoreKey() {
+    return `SnkSimpleCrudDataExporter:${this.configName == undefined ? this.dataUnit.name : this.configName}`;
+  }
   setGridConfig(config) {
     this.gridConfig = config;
     CrudUtils.assertDefaultSorting(this.gridConfig, this.dataUnit);
@@ -500,6 +656,15 @@ export class SnkSimpleCrud {
   closeFormConfig() {
     this._showFormConfig = false;
   }
+  getPageSize() {
+    if (this.mode === SIMPLE_CRUD_MODE.IN_MEMORY) {
+      return 0;
+    }
+    if (this.pageSize == undefined) {
+      return 150;
+    }
+    return this.pageSize;
+  }
   //No momento não daremos suporte para configuração de formulário quando houver formLegacyConfigName
   handleShowFormConfig() {
     return this._showFormConfig && !this.formLegacyConfigName;
@@ -508,22 +673,30 @@ export class SnkSimpleCrud {
     return StringUtils.isEmpty(this.resourceID) ? this._resourceID : this.resourceID;
   }
   getFormConfig() {
-    var _a, _b;
-    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.insertionMode, this.dataUnit, this.ignoreReadOnlyFormFields);
+    var _a;
+    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig(this.dataUnit, this.ignoreReadOnlyFormFields);
     if (!this.configName && !configFromManager) {
       return this.formConfig;
     }
     return configFromManager;
   }
+  updateFormConfig() {
+    const newConfig = Object.assign(Object.assign({}, this.formConfig), { fields: this.dataUnit.metadata.fields });
+    this.setFormConfig(newConfig, true);
+    if (this._formConfigManager == undefined) {
+      this._formConfigManager = new SnkFormConfigManager(this.configName, this.resolveResourceID());
+    }
+    this._formConfigManager.setConfig(this.formConfig);
+  }
   /* istanbul ignore next */
   render() {
     var _a;
     if (this.dataUnit == undefined) {
       return;
     }
-    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -579,6 +752,23 @@ export class SnkSimpleCrud {
           "text": ""
         }
       },
+      "entityName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o nome da entidade que o componente vai utilizar para fazer as opera\u00E7\u00F5es de CRUD"
+        },
+        "attribute": "entity-name",
+        "reflect": false
+      },
       "mode": {
         "type": "number",
         "mutable": false,
@@ -677,6 +867,24 @@ export class SnkSimpleCrud {
         "reflect": false,
         "defaultValue": "true"
       },
+      "pageSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina quantas linhas s\u00E3o retornadas por p\u00E1gina."
+        },
+        "attribute": "page-size",
+        "reflect": false,
+        "defaultValue": "150"
+      },
       "resourceID": {
         "type": "string",
         "mutable": false,
@@ -860,6 +1068,58 @@ export class SnkSimpleCrud {
         "attribute": "ignore-read-only-form-fields",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "autoFocus": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se a grid ser\u00E1 focada ao ser carregada."
+        },
+        "attribute": "auto-focus",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "domainMessagesBuilder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a chave customizada para sobrescrever as mensagens (N\u00E3o pegando pela entidade)"
+        },
+        "attribute": "domain-messages-builder",
+        "reflect": false
+      },
+      "autoLoad": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se a carga dos dados ser\u00E1 feita assim que o componente for carregado."
+        },
+        "attribute": "auto-load",
+        "reflect": false
       }
     };
   }
@@ -871,7 +1131,8 @@ export class SnkSimpleCrud {
       "_config": {},
       "_fieldToGetFocus": {},
       "_customContainerId": {},
-      "_formFields": {}
+      "_formFields": {},
+      "_fieldsProps": {}
     };
   }
   static get events() {
@@ -986,6 +1247,128 @@ export class SnkSimpleCrud {
   }
   static get methods() {
     return {
+      "addCustomEditor": {
+        "complexType": {
+          "signature": "(fieldName: string, customEditor: ICustomEditor) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "ICustomEditor": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/utils"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Registra um editor customizado para campos da grade e formul\u00E1rio.",
+          "tags": []
+        }
+      },
+      "addGridCustomRender": {
+        "complexType": {
+          "signature": "(fieldName: string, customRender: ICustomRender) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "ICustomRender": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/utils"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Registra um render customizado para colunas da grid.",
+          "tags": []
+        }
+      },
+      "addCustomValueFormatter": {
+        "complexType": {
+          "signature": "(columnName: string, customFormatter: ICustomFormatter) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "ICustomFormatter": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/interfaces"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Registra um formatador de valores para uma coluna da grid.",
+          "tags": []
+        }
+      },
+      "removeCustomValueFormatter": {
+        "complexType": {
+          "signature": "(columnName: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Remove o formatador de valores de uma coluna da grid.",
+          "tags": []
+        }
+      },
+      "setFieldProp": {
+        "complexType": {
+          "signature": "(fieldName: string, propName: string, value: any) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Altera/adiciona uma propriedade nos metadados do campo.",
+          "tags": []
+        }
+      },
       "goToView": {
         "complexType": {
           "signature": "(view: VIEW_MODE) => Promise<void>",
@@ -1136,6 +1519,9 @@ export class SnkSimpleCrud {
     return [{
         "propName": "resourceID",
         "methodName": "handleResourceIDChanged"
+      }, {
+        "propName": "entityName",
+        "methodName": "onChangeEntityName"
       }, {
         "propName": "mode",
         "methodName": "onModeChange"

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

@@ -47,7 +47,7 @@ export const buildCustomButton = (def, className, dataElementId, action, isEnabl
     return textButton(def.name, className, dataElementId, text, hint, action, isEnabled);
   }
 };
-export const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions, configName, presentationMode) => {
+export const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions, dataExporterStoreKey, presentationMode) => {
   var _a;
   const title = getTitle(element);
   switch (element) {
@@ -90,7 +90,7 @@ export const buildElem = (element, className, dataElementId, getTitle, action, i
     case TaskbarElement.DIVIDER:
       return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
     case TaskbarElement.DATA_EXPORTER:
-      const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
+      const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[dataExporterStoreKey];
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element });
     case TaskbarElement.ATTACH:
       return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);

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

@@ -184,8 +184,9 @@ export class SnkTaskbar {
       className += "ez-padding-left--medium";
     }
     const taskbarElement = TaskbarElement[def.toString()];
+    const dataExporterStoreKey = this._element.dataset.exporterStoreKey || this.configName;
     if (taskbarElement) {
-      return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.buildDynamicActionsList(), this.configName, this.presentationMode);
+      return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.buildDynamicActionsList(), dataExporterStoreKey, this.presentationMode);
     }
     else {
       return buildCustomButton(def, className, this.getIdElemBtnCustom(def), elem => this.elementClick(elem), elem => this.isEnabled(elem));