@sankhyalabs/sankhyablocks 9.1.0-ms.5 → 9.1.0-ms.7

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';
@@ -110,15 +110,15 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     newCustomRenders.set(fieldName, customRender);
     this._customRenders = newCustomRenders;
   }
-  handleResourceIDChanged(newValue, oldValue) {
+  async handleResourceIDChanged(newValue, oldValue) {
     if (StringUtils.isEmpty(newValue)) {
       return;
     }
     if (newValue === oldValue) {
       return;
     }
-    this.loadFormConfig(true);
-    this.loadGridConfig(true);
+    await this.loadFormConfig(true);
+    await this.loadGridConfig(true);
   }
   /**
    * Registra um formatador de valores para uma coluna da grid.
@@ -174,7 +174,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       .concat(extraButtons));
   }
   addConfigButton(buttons) {
-    if (this.configName === undefined) {
+    if (this.configName === undefined || (this.configName && this.gridLegacyConfigName)) {
       return buttons;
     }
     return buttons.concat(TaskbarElement.CONFIGURATOR);
@@ -285,7 +285,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (!this._formConfigAlreadyLoaded) {
       return;
     }
-    this.loadFormConfig(true);
+    await this.loadFormConfig(true);
   }
   openConfig(viewMode) {
     this._snkConfigurator.close();
@@ -370,8 +370,8 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return;
     }
     await this.addGridLegacyConfigName();
-    this.loadGridConfig();
-    this.loadFormConfig();
+    await this.loadGridConfig();
+    await this.loadFormConfig();
   }
   componentDidRender() {
     this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
@@ -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-7c2781f4.js}

@@ -1,12 +1,12 @@
-import { D as DataFetcher } from './DataFetcher-db08cad0.js';
-import './ISave-da565824.js';
+import { D as DataFetcher } from './DataFetcher-6f6de657.js';
+import './ISave-7ecdca20.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-f21cbad0.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-e623539b.js';
+import './form-config-fetcher-6ab4e805.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-b5a1dba3.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-6ab4e805.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-6f6de657.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;