@sankhyalabs/sankhyablocks 9.1.0-dev.12 → 9.1.0-dev.14

package/dist/components/snk-grid-config2.js

@@ -83,23 +83,10 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._orderListItems = newSortableList;
   }
   createColumnList() {
-    let visibleGroup = {
-      group: this.getMessage('snkGridConfig.group.visible'),
-      items: [],
-    };
-    let hiddenGroup = {
-      group: this.getMessage('snkGridConfig.group.hidden'),
-      items: [],
-      sort: ORDER_VALUES.asc.value,
-    };
-    this.columns.forEach((column) => {
-      var _a;
-      let item = {
-        label: column.label,
-        selected: false,
-        sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : ORDER_VALUES.asc.value,
-        id: column.name,
-      };
+    const visibleGroup = this.buildVisibleGroup();
+    const hiddenGroup = this.buildHiddenGroup();
+    this.columns.forEach(column => {
+      const item = this.buildListItemFromColumn(column);
       if (column.hidden) {
         hiddenGroup.items.push(item);
       }
@@ -112,6 +99,19 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._hiddenList = hiddenGroup.items;
     this.createOrderList();
   }
+  buildVisibleGroup() {
+    return {
+      group: this.getMessage('snkGridConfig.group.visible'),
+      items: [],
+    };
+  }
+  buildHiddenGroup() {
+    return {
+      group: this.getMessage('snkGridConfig.group.hidden'),
+      items: [],
+      sort: ORDER_VALUES.asc.value,
+    };
+  }
   createOrderListSlotDataElementId(item) {
     return `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
   }
@@ -159,25 +159,21 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.closeConfig();
       return;
     }
-    let newColumnList = [];
-    this._columListItems.forEach((group) => {
-      group.items.forEach((item) => {
-        const baseColumn = this.columns.find((column) => column.label === item.label);
-        let newColumnItem = Object.assign({}, baseColumn);
-        if (group.group === this.getMessage('snkGridConfig.group.hidden')) {
-          newColumnItem.hidden = true;
-        }
-        else {
-          newColumnItem.hidden = false;
-        }
-        newColumnList.push(newColumnItem);
-      });
-    });
-    this.columns = newColumnList;
+    this.updateColumns();
     this._dataChanged = false;
     this.closeConfig();
     this.save();
   }
+  updateColumns() {
+    this.columns = this._columListItems.flatMap((group) => group.items.map((item) => this.buildColumnFromListItem(item, group)));
+  }
+  buildColumnFromListItem(item, group) {
+    const baseColumn = this.columns.find((column) => column.label === item.label);
+    if (!baseColumn) {
+      throw new Error(`Column with label "${item.label}" not found.`);
+    }
+    return Object.assign(Object.assign({}, baseColumn), { hidden: group.group === this.getMessage('snkGridConfig.group.hidden') });
+  }
   saveGridConfigOnStorage(_newConfig) {
     ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
@@ -347,13 +343,55 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       },
     };
   }
+  renderResetConfigBtn() {
+    if (!this.resourceID)
+      return;
+    return h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.reset'), onClick: () => this.setDefaultConfig() });
+  }
+  async setDefaultConfig() {
+    var _a;
+    if (!this.resourceID)
+      return;
+    this._dataChanged = true;
+    const config = await ConfigStorage.getDefaultGridConfig(this.resourceID);
+    const defaultVisibleCols = (_a = config === null || config === void 0 ? void 0 : config.columns.map(col => col.name)) !== null && _a !== void 0 ? _a : [];
+    const visibleGroup = this.buildVisibleGroup();
+    const hiddenGroup = this.buildHiddenGroup();
+    const visibleItemsMap = new Map();
+    this.columns.forEach(column => {
+      const item = this.buildListItemFromColumn(column);
+      if (defaultVisibleCols.includes(column.name)) {
+        visibleItemsMap.set(column.name, item);
+      }
+      else {
+        hiddenGroup.items.push(item);
+      }
+    });
+    visibleGroup.items = defaultVisibleCols
+      .map(name => visibleItemsMap.get(name))
+      .filter(item => item);
+    this._columListItems = [visibleGroup, hiddenGroup];
+    this._visibleList = visibleGroup.items;
+    this._hiddenList = hiddenGroup.items;
+    this.updateColumns();
+    this.createOrderList();
+  }
+  buildListItemFromColumn(column) {
+    var _a;
+    return {
+      label: column.label,
+      selected: false,
+      sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : ORDER_VALUES.asc.value,
+      id: column.name,
+    };
+  }
   render() {
-    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "ez-margin-bottom--medium" }, h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), h("div", { class: "button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), h("div", { class: "grid-config__body" }, h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
+    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "ez-margin-bottom--medium" }, h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), h("div", { class: "button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), h("div", { class: 'grid-config__body' }, h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
         LEFT_LIST: this.getMessage('snkGridConfig.emptyMensage.left'),
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
       }, entityLabel: 'coluna', entityLabelPlural: 'colunas' }))), h("ez-collapsible-box", { id: 'ID_group-order-columns', label: this.getMessage('snkGridConfig.dataOrdering'), "header-size": "medium", key: 'KEY_group-order-columns', value: this._collapsibleBoxListOrder, onEzChange: ({ detail }) => this._collapsibleBoxListSelect = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { rightList: this._orderListItems, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), useOnlyRightList: true, slotsListBuilder: this.getListSlots(), emptyMessage: {
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
-      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), h("div", { class: "grid-config__footer" }, h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
+      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), h("div", { class: "grid-config__footer" }, this.renderResetConfigBtn(), h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
   }
   static get assetsDirs() { return ["../assets"]; }
   get _element() { return this; }

package/dist/components/snk-layout-form-config2.js

@@ -19,6 +19,7 @@ const SnkLayoutFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     super();
     this.__registerHost();
     this._formConfigFetcher = new FormConfigFetcher();
+    this.messagesBuilder = undefined;
     this.layoutType = FormLayout.CASCADE;
   }
   /**
@@ -43,11 +44,16 @@ const SnkLayoutFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
   toggleLayout(key) {
     this.layoutType = key;
   }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
   render() {
-    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: "Layout em cascata", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o organizados em uma coluna \u00FAnica.")), h("div", null, h("ez-check", { label: "Layout lado a lado", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o dispostos lado a lado, ajustando-se automaticamente \u00E0 largura da tela."))));
+    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.cascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.cascadeLayout.description'))), h("div", null, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.sideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.sideBySideLayout.description')))));
   }
   static get style() { return snkLayoutFormConfigCss; }
 }, [2, "snk-layout-form-config", {
+    "messagesBuilder": [16],
     "layoutType": [32],
     "save": [64]
   }]);

package/dist/components/snk-personalized-filter2.js

@@ -62,7 +62,7 @@ const SnkPersonalizedFilter = /*@__PURE__*/ proxyCustomElement(class extends HTM
             entityName: "",
             fieldName: "",
             description: "",
-            fieldLabel: "Valor",
+            fieldLabel: this.getMessage("snkPersonalizedFilter.info.labelDefaultValue"),
             type: undefined,
             expression: undefined,
             operand: undefined,

package/dist/components/snk-pesquisa2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { ObjectUtils, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ObjectUtils, StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { a as PesquisaFetcher, d as buildGridMetadata, e as PESQUISA_VIEW_MODE } from './ISave.js';
 import './DataFetcher.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
@@ -323,17 +323,21 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._valideDataSource = true;
   }
   getMessageView() {
-    return this._startLoading
-      ? 'Aguarde, buscando registros...'
-      : this._itemList
-        ? this._itemList.length >= 1
-          ? `${this._itemList.length} ${this._itemList.length > 1
-            ? 'registros encontrados'
-            : 'registro encontrado'}`
-          : 'Nenhum registro encontrado'
-        : 'Os resultados de sua pesquisa aparecerão aqui...';
+    if (this._startLoading)
+      return this.getMessage('snkPesquisa.search.waitMessage');
+    if (!this._itemList)
+      return this.getMessage('snkPesquisa.search.initialMessage');
+    const itemsCount = this._itemList.length;
+    if (itemsCount < 1)
+      return this.getMessage('snkPesquisa.search.noResultsMessage');
+    if (itemsCount === 1)
+      return this.getMessage('snkPesquisa.search.resultsFoundSingular');
+    return this.getMessage('snkPesquisa.search.resultsFoundPlural', { COUNT: itemsCount });
   }
   async componentWillLoad() {
+    var _a;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._messagesBuilder = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder;
     const mode = await this.pesquisaFetcher.loadPresentationConfig(this.entityName);
     this._presentationMode = mode === 'list' ? 'list' : 'table';
   }
@@ -341,6 +345,9 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     ElementIDUtils.addIDInfo(this._element);
     await this.chooseViewMode();
   }
+  getMessage(key, params) {
+    return this._messagesBuilder.getMessage(key, params);
+  }
   async handleChangeViewMode() {
     this._presentationMode = this._presentationMode === 'list' ? 'table' : 'list';
     await this.chooseViewMode();
@@ -370,28 +377,28 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this._presentationMode === 'list') {
       return {
         iconName: 'table',
-        title: 'Modo grade',
+        title: this.getMessage('snkPesquisa.viewMode.tableMode'),
       };
     }
     if (this.isHierarchyEntity) {
       return {
         iconName: 'hierarchical-tree',
-        title: 'Modo árvore hierárquica',
+        title: this.getMessage('snkPesquisa.viewMode.tableMode'),
       };
     }
     return {
       iconName: 'list',
-      title: 'Modo lista',
+      title: this.getMessage('snkPesquisa.viewMode.listMode'),
     };
   }
   render() {
     var _a, _b;
-    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
+    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: this.getMessage('snkPesquisa.search.label'), class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
       ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
-      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, this._valideDataSource &&
+      : undefined), h("ez-button", { class: "ez-button--primary", label: this.getMessage('snkPesquisa.search.button'), onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, this.getMessage('snkPesquisa.search.limitMessage'))), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, this._valideDataSource &&
       h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, shouldLoadConfig: this._currentView === PESQUISA_VIEW_MODE.GRID, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) })), h("stack-item", null, h("div", { class: 'snk-pesquisa__cards-container' }, (_b = this._itemList) === null || _b === void 0 ? void 0 : _b.map((item) => {
       return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) })))))));
+    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail), messagesBuilder: this._messagesBuilder })))))));
   }
   get _element() { return this; }
   static get watchers() { return {

package/dist/components/snk-simple-crud2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { StringUtils, ApplicationContext, ObjectUtils, Action, DataType, UserInterface, KeyboardManager, ElementIDUtils } from '@sankhyalabs/core';
-import { CSSVarsUtils, buildFieldSearch, LABEL_SEARCH_COLUMN, LABEL_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
+import { CSSVarsUtils, buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
 import { T as TaskbarElement, d as defineCustomElement$4 } from './snk-taskbar2.js';
 import './DataFetcher.js';
@@ -402,6 +402,10 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       }
     }
   }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
   disconnectedCallback() {
     var _a;
     (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
@@ -655,10 +659,9 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return hardList.concat(this.actionsList);
   }
   getSettingsListGrid() {
-    var _a, _b;
     const hardList = [{
         value: StringUtils.generateUUID(),
-        label: (_b = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.findColumn", {})) !== null && _b !== void 0 ? _b : LABEL_SEARCH_COLUMN,
+        label: this.getMessage("snkSimpleCrud.findColumn"),
         disableCloseOnSelect: true,
         eagerInitialize: true,
         itemBuilder: (splitButton, item) => this.getColumnSearch(splitButton, item)
@@ -666,10 +669,9 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return hardList;
   }
   getSettingsListForm() {
-    var _a, _b;
     const hardList = [{
         value: StringUtils.generateUUID(),
-        label: (_b = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.findFields", {})) !== null && _b !== void 0 ? _b : LABEL_SEARCH_FIELD,
+        label: this.getMessage("snkSimpleCrud.findFields"),
         disableCloseOnSelect: true,
         eagerInitialize: true,
         itemBuilder: (splitButton, item) => this.getFieldSearch(splitButton, item)
@@ -770,16 +772,16 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return;
     }
     this._keyboardManager
-      .bind("F7", () => dataUnit.saveData(), { description: "Salva os dados.", element: this._element })
-      .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: "Adiciona um novo registro.", element: this._element })
-      .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado.", element: this._element })
+      .bind("F7", () => dataUnit.saveData(), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.saveData"), element: this._element })
+      .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.addRecord"), element: this._element })
+      .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.removeRecord"), element: this._element })
       .bind("Escape", () => {
       if (dataUnit.isDirty()) {
         dataUnit.cancelEdition();
       }
     }, {
       debounceTime: 1000,
-      description: "Cancela uma ação.", element: this._element
+      description: this.getMessage("snkSimpleCrud.keyboardShortcuts.cancelAction"), element: this._element
     });
   }
   async handleFormConfigSaved() {
@@ -805,7 +807,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     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.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), 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--no-outline ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section`, ref: (ref) => this._container = ref, tabindex: "0" }, 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 ez-box--no-outline", 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, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), 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, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => 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, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName, messagesBuilder: this.messagesBuilder })), 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, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => 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() }))));
   }
   get _element() { return this; }
   static get watchers() { return {

package/dist/components/snk-simple-form-config2.js

@@ -20,6 +20,7 @@ const SnkSimpleFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.fieldsToSave = [];
     this.dataUnit = undefined;
     this.configName = undefined;
+    this.messagesBuilder = undefined;
     this.avaliableFields = [];
     this.selectedFields = [];
   }
@@ -55,6 +56,10 @@ const SnkSimpleFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     const fieldList = await this._formConfigFetcher.fetchSimpleFormConfig(this.configName);
     return [...this.removeDuplicates(fieldList)];
   }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
   removeDuplicates(strings) {
     return strings.filter((item, index) => strings.indexOf(item) === index);
   }
@@ -94,12 +99,13 @@ const SnkSimpleFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.snkConfigSaved.emit();
   }
   render() {
-    return (h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'medium', ezTitle: 'Configurar formul\u00E1rio' }, h("div", { class: 'config-container' }, h("div", { class: 'config-lists' }, h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: 'Campos disponíveis', rightList: this.selectedFields, rightTitle: 'Campos selecionados', onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: 'campo', entityLabelPlural: 'campos' })), h("div", { class: 'config-actions' }, h("ez-button", { label: 'Restaurar', onClick: this.handleResetConfigs.bind(this), size: 'small' }), h("ez-button", { label: 'Cancelar', onClick: this.handleCancel.bind(this), size: 'small' }), h("ez-button", { label: 'Salvar', class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
+    return (h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'medium', ezTitle: this.getMessage("snkSimpleFormConfig.popup.title") }, h("div", { class: 'config-container' }, h("div", { class: 'config-lists' }, h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: this.getMessage("snkSimpleFormConfig.lists.availableFields"), rightList: this.selectedFields, rightTitle: this.getMessage("snkSimpleFormConfig.lists.selectedFields"), onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: this.getMessage("snkSimpleFormConfig.lists.entityLabel"), entityLabelPlural: this.getMessage("snkSimpleFormConfig.lists.entityLabelPlural") })), h("div", { class: 'config-actions' }, h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.restore"), onClick: this.handleResetConfigs.bind(this), size: 'small' }), h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.cancel"), onClick: this.handleCancel.bind(this), size: 'small' }), h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.save"), class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
   }
   static get style() { return snkSimpleFormConfigCss; }
 }, [0, "snk-simple-form-config", {
     "dataUnit": [16],
     "configName": [1, "config-name"],
+    "messagesBuilder": [16],
     "avaliableFields": [32],
     "selectedFields": [32],
     "show": [64]

package/dist/esm/{ClientSideExporterProvider-09dee1a3.js → ClientSideExporterProvider-4f81855c.js}

@@ -1,12 +1,12 @@
-import { D as DataFetcher } from './DataFetcher-db08cad0.js';
-import './ISave-da565824.js';
+import { D as DataFetcher } from './DataFetcher-b51050a0.js';
+import './ISave-bc31d9f4.js';
 import { SortMode, ApplicationContext, UserInterface, DateUtils, ObjectUtils, StringUtils, NumberUtils, DataType } from '@sankhyalabs/core';
 import { D as DataExporterOption } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-1b78797a.js';
+import { P as PreloadManager } from './dataunit-fetcher-16702941.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-e623539b.js';
+import './form-config-fetcher-6fe8d856.js';
 import './constants-7b422de0.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import { h } from './index-479e1293.js';
@@ -285,14 +285,18 @@ class ContinuousInsertUtils {
       return false;
     });
   }
+  getMessage(key, params) {
+    var _a, _b;
+    return (_b = (_a = this.snkApplication) === null || _a === void 0 ? void 0 : _a.messagesBuilder) === null || _b === void 0 ? void 0 : _b.getMessage(key, params);
+  }
   actionContinuousInsert(enableContinuousInsert, handleEnableContinuousInsert) {
     return {
       value: StringUtils.generateUUID(),
-      label: enableContinuousInsert ? 'Desativar inclusão contínua' : 'Ativar inclusão contínua',
+      label: enableContinuousInsert ? this.getMessage('continuousInsertUtils.actions.disable') : this.getMessage('continuousInsertUtils.actions.enable'),
       enabled: true,
       itemBuilder: () => {
         return (h("div", { class: "ez-dropdown__item-wrapper", onClick: handleEnableContinuousInsert },
-          h("span", { class: "ez-dropdown__item-label" }, enableContinuousInsert ? 'Desativar inclusão contínua' : 'Ativar inclusão contínua')));
+          h("span", { class: "ez-dropdown__item-label" }, enableContinuousInsert ? this.getMessage('continuousInsertUtils.actions.disable') : this.getMessage('continuousInsertUtils.actions.enable'))));
       },
     };
   }

package/dist/esm/{ConfigStorage-89154c4e.js → ConfigStorage-7f782e00.js}

@@ -1,13 +1,20 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-e623539b.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-6fe8d856.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-b51050a0.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-db08cad0.js';
 
 class GridConfigFetcher extends ResourceFetcher {
   constructor() {
     super(...arguments);
     this.GRID_CONFIG_VERSION = "V3:";
   }
+  async getDefaultConfig(resourceId) {
+    var _a, _b;
+    const payload = { 'requestBody': { 'gridConfig': { 'configName': `GrdCfgHtml5:${resourceId}` } } };
+    const response = await DataFetcher.get().callServiceBroker('GridConfig.restoreGridConfigFromJson', JSON.stringify(payload));
+    const columns = (_b = (_a = response === null || response === void 0 ? void 0 : response.gridConfig) === null || _a === void 0 ? void 0 : _a.field) !== null && _b !== void 0 ? _b : [];
+    return { columns };
+  }
   getConfig(gridName, resourceID) {
     const completePath = this.getPath(resourceID, gridName);
     return new Promise((resolve, reject) => {
@@ -439,6 +446,9 @@ class ConfigStorage {
   static async saveCardState(config, name, resourceID) {
     return this.formConfigFetcher.saveCardState(config, name, resourceID);
   }
+  static async getDefaultGridConfig(resourceId) {
+    return await this.gridConfigFetcher.getDefaultConfig(resourceId);
+  }
   static async saveGridConfig(config, name, resourceID) {
     if (config == undefined) {
       return;