@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-50737.1 → 0.0.0-bugfix-dev-KB-53946.0

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

@@ -1,4 +1,5 @@
 import { ApplicationContext, DataType, ElementIDUtils, FloatingManager, JSUtils, ObjectUtils, StringUtils, UserInterface, } from '@sankhyalabs/core';
+import { CSSVarsUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 import { h } from '@stencil/core';
 import { SIMPLE_CRUD_MODE, VIEW_MODE } from '../../lib/utils/constants';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
@@ -10,16 +11,18 @@ 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 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._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;
@@ -30,12 +33,14 @@ 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.multipleSelection = undefined;
     this.useCancelConfirm = true;
+    this.pageSize = 150;
     this.resourceID = undefined;
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
@@ -57,9 +62,9 @@ export class SnkSimpleCrud {
     this.loadFormConfig(true);
     this.loadGridConfig(true);
   }
-  getButtons(selected, changeModeBtn) {
+  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) {
@@ -99,6 +104,12 @@ 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();
@@ -150,10 +161,15 @@ export class SnkSimpleCrud {
       this._showPopUpGridConfig = true;
     });
   }
-  openFormConfig() {
+  async openFormConfig() {
+    var _a, _b;
     //No momento não daremos suporte para configuraçao de formulário quando houver legacy config
-    if (this.formLegacyConfigName)
+    if (this.formLegacyConfigName) {
+      const title = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.formConfigUnavaliable.title", undefined);
+      const message = (_b = this.messagesBuilder) === null || _b === void 0 ? void 0 : _b.getMessage("snkSimpleCrud.formConfigUnavaliable.message", undefined);
+      await this.application.alert(title, message);
       return;
+    }
     this._showFormConfig = true;
   }
   addGridLegacyConfigName() {
@@ -206,6 +222,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;
@@ -222,18 +239,21 @@ export class SnkSimpleCrud {
     this.onModeChange();
     this.configDatasource();
   }
+  componentDidLoad() {
+    CSSVarsUtils.applyVarsGrid(this._element, this._grid);
+  }
   configDatasource() {
     this._multiSelectionListDataSource.setApplication(this.application);
     this._multiSelectionListDataSource.setDataUnit(this.dataUnit);
   }
   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";
@@ -278,6 +298,13 @@ export class SnkSimpleCrud {
     var _a;
     (_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.close();
   }
+  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");
     const fieldMetadata = [];
@@ -466,9 +493,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);
@@ -484,6 +525,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;
@@ -491,15 +541,23 @@ export class SnkSimpleCrud {
   resolveResourceID() {
     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);
+    if (!this.configName && !configFromManager) {
+      return this.formConfig;
+    }
+    return configFromManager;
+  }
   /* istanbul ignore next */
   render() {
-    var _a, _b, _c;
+    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", { 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 }, 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: (_b = this._formConfigManager) === null || _b === void 0 ? void 0 : _b.getConfig((_c = this.dataState) === null || _c === void 0 ? void 0 : _c.insertionMode, this.dataUnit, this.ignoreReadOnlyFormFields), 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 }, 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() }))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -555,6 +613,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,
@@ -600,7 +675,7 @@ export class SnkSimpleCrud {
       },
       "formConfig": {
         "type": "unknown",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "IFormConfig",
           "resolved": "IFormConfig",
@@ -653,6 +728,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,
@@ -1088,6 +1181,22 @@ export class SnkSimpleCrud {
           "text": "Usado para fechar o configurator do CRUD",
           "tags": []
         }
+      },
+      "updateConfig": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
     };
   }
@@ -1096,6 +1205,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

@@ -31,6 +31,8 @@ export class SnkTaskbar {
     this._customElementsId = undefined;
     this._slotContainer = undefined;
     this._hiddenActionsList = [];
+    this._lastWidth = undefined;
+    this._hasToUpdateOverFlow = false;
     this.alignRigth = false;
     this.customSlotId = "TASKBAR_CUSTOM_ELEMENTS";
     this.customContainerId = undefined;
@@ -56,6 +58,11 @@ export class SnkTaskbar {
     var _a;
     (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate();
   }
+  observeLastWidth(newValue, oldValue) {
+    if (oldValue === 0 && newValue !== 0) {
+      this._hasToUpdateOverFlow = true;
+    }
+  }
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
@@ -149,8 +156,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));
@@ -239,10 +247,20 @@ export class SnkTaskbar {
     this.getCustomElements();
   }
   componentWillRender() {
+    this.handleDefinitions();
+    this.validatePresentationMode();
+    this.updateOverFlowIfNeeded();
+  }
+  handleDefinitions() {
     if (this._definitions == undefined && this._permissions) {
       this._definitions = this.elementsFromString(this.buttons);
     }
-    this.validatePresentationMode();
+  }
+  updateOverFlowIfNeeded() {
+    if (this._hasToUpdateOverFlow) {
+      requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+      this._hasToUpdateOverFlow = false;
+    }
   }
   handleOverFlow(overFlowingElements) {
     const elementsToHandle = overFlowingElements.filter(element => !this.hasToIgnoreOverFlow(element));
@@ -309,6 +327,10 @@ export class SnkTaskbar {
   }
   componentDidRender() {
     this.appendCustomElementsInTaskbar();
+    this.updateLastWidth();
+  }
+  updateLastWidth() {
+    this._lastWidth = this._element.getBoundingClientRect().width;
   }
   disconnectedCallback() {
     var _a;
@@ -640,7 +662,9 @@ export class SnkTaskbar {
       "_customElements": {},
       "_customElementsId": {},
       "_slotContainer": {},
-      "_hiddenActionsList": {}
+      "_hiddenActionsList": {},
+      "_lastWidth": {},
+      "_hasToUpdateOverFlow": {}
     };
   }
   static get events() {
@@ -669,6 +693,9 @@ export class SnkTaskbar {
       }, {
         "propName": "disabledButtons",
         "methodName": "observeDisabledButtons"
+      }, {
+        "propName": "_lastWidth",
+        "methodName": "observeLastWidth"
       }];
   }
 }

package/dist/collection/lib/dataUnit/InMemoryLoader.js

@@ -1,6 +1,5 @@
 import { ChangeOperation, DataType, DataUnit, DateUtils, StringUtils, } from '@sankhyalabs/core';
-import { ColumnFilterManager } from "@sankhyalabs/ezui/dist/collection/components/ez-grid/utils";
-import PreloadManager from '../http/data-fetcher/fetchers/data-unit/cache/PreloadManager';
+import { applyFilter, applySorting, buildPaginationInfo } from './dataUnitInMemoryUtils';
 export default class InMemoryLoader {
   constructor(metadata, records) {
     this.metadata = metadata;
@@ -13,9 +12,13 @@ export default class InMemoryLoader {
     this.dataUnit.loadMetadata().then(() => this.dataUnit.loadData());
   }
   getRecordsToLoad() {
-    if (this._initialRecords == undefined || this.dataUnit.records.length > 0) {
+    if (this._initialRecords == undefined && this.dataUnit.records.length > 0) {
       this._initialRecords = this.dataUnit.records;
     }
+    const addedRecords = this.dataUnit.getAddedRecords();
+    if (addedRecords) {
+      return [...this._initialRecords, ...addedRecords];
+    }
     return this._initialRecords;
   }
   get dataUnit() {
@@ -58,7 +61,7 @@ export default class InMemoryLoader {
     this._initialRecords = newRecords;
     if (this._dataUnit) {
       //Isso força o refresh internamente no datunit
-      this._dataUnit.gotoPage(0);
+      this._dataUnit.loadData();
     }
   }
   get metadata() {
@@ -74,30 +77,9 @@ export default class InMemoryLoader {
     return StringUtils.generateUUID();
   }
   inMemoryLoader(dataUnit, request, recordsIn) {
-    let records = this.applyFilter(recordsIn, dataUnit, request.filters);
-    records = this.applySorting(records, dataUnit, request.sort);
-    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(request, records) });
-  }
-  applyFilter(records, dataUnit, filters) {
-    const columnFilters = ColumnFilterManager.getColumnFilters(filters, "");
-    if (columnFilters == undefined || columnFilters.size == 0) {
-      return records;
-    }
-    const filterFunciton = ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values()));
-    if (filterFunciton == undefined) {
-      return records;
-    }
-    return records.filter(filterFunciton);
-  }
-  applySorting(records, dataUnit, sorting) {
-    if (sorting == undefined || sorting.length == 0) {
-      return records;
-    }
-    const sortingFunction = PreloadManager.getSortingFunction(dataUnit, sorting);
-    if (sortingFunction == undefined) {
-      return records;
-    }
-    return records.sort(sortingFunction);
+    let records = applyFilter(recordsIn, dataUnit, request.filters);
+    records = applySorting(records, dataUnit, request.sort);
+    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(records, request.offset, request.limit) });
   }
   metadaLoader() {
     return Promise.resolve(this._metadata);
@@ -130,16 +112,3 @@ export default class InMemoryLoader {
   }
 }
 InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME = "InMemoryDataUnit";
-function buildPaginationInfo({ offset, limit }, records) {
-  if (offset === undefined || limit === undefined) {
-    return undefined;
-  }
-  const lastRecord = Math.min(offset + limit, records.length);
-  return {
-    currentPage: Math.ceil(offset / limit),
-    firstRecord: offset,
-    lastRecord: lastRecord,
-    total: records.length,
-    hasMore: !!(records.length - lastRecord),
-  };
-}

package/dist/collection/lib/dataUnit/dataUnitInMemoryUtils.js

@@ -0,0 +1,33 @@
+import SortingUtils from '@sankhyalabs/core/dist/utils/SortingUtils';
+import { ColumnFilterManager } from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+export function applyFilter(records, dataUnit, filters) {
+  const columnFilters = ColumnFilterManager.getColumnFilters(filters, "");
+  if (!(columnFilters === null || columnFilters === void 0 ? void 0 : columnFilters.size)) {
+    return records;
+  }
+  const filterFunction = ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values()));
+  if (filterFunction == undefined) {
+    return records;
+  }
+  return records.filter(filterFunction);
+}
+export function applySorting(records, dataUnit, sorting) {
+  if (sorting == undefined || sorting.length == 0) {
+    return records;
+  }
+  const sortingFunction = SortingUtils.getSortingFunction(dataUnit, sorting);
+  if (sortingFunction == undefined) {
+    return records;
+  }
+  return records.sort(sortingFunction);
+}
+export function buildPaginationInfo(records, offset = 0, limit = 0) {
+  const lastRecord = Math.min(offset + limit, records === null || records === void 0 ? void 0 : records.length);
+  return {
+    currentPage: limit === 0 ? 0 : Math.ceil(offset / limit),
+    firstRecord: offset,
+    lastRecord: lastRecord,
+    total: records === null || records === void 0 ? void 0 : records.length,
+    hasMore: !!((records === null || records === void 0 ? void 0 : records.length) - lastRecord),
+  };
+}

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/DataUnitDataLoader.js

@@ -21,6 +21,9 @@ export default class DataUnitDataLoader {
       });
     });
   }
+  static getCachedRecords(dataUnit) {
+    return PreloadManager.getCachedRecords(dataUnit);
+  }
   static async loadFromServer(dataUnit, request, loadingInfo) {
     try {
       //Registramos a request com as informações de carga para determinarmos a última.

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/cache/ArrayRepository.js

@@ -1,3 +1,4 @@
+import { ObjectUtils } from "@sankhyalabs/core";
 export class ArrayRepository {
   constructor(equalsFunction) {
     this._list = [];
@@ -77,4 +78,7 @@ export class ArrayRepository {
   async count() {
     return Promise.resolve(this._list.length);
   }
+  getFromCache() {
+    return ObjectUtils.copy(this._list);
+  }
 }

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/cache/PreloadManager.js

@@ -1,6 +1,7 @@
 import { DataUnit, FieldComparator, SortMode } from "@sankhyalabs/core";
 import { ArrayRepository } from "./ArrayRepository";
 import { ColumnFilterManager } from "@sankhyalabs/ezui/dist/collection/components/ez-grid/utils";
+import SortingUtils from "@sankhyalabs/core/dist/utils/SortingUtils";
 export default class PreloadManager {
   static setLoadingStatus(dataUnit, loadingInProgress) {
     this._loadingStatus.set(dataUnit.name, loadingInProgress);
@@ -67,7 +68,11 @@ export default class PreloadManager {
   static async loadData(dataUnit, request, loadFromServer) {
     try {
       if (PreloadManager.isCacheEnabled(dataUnit)) {
-        let useCache = request.source === "EZ_GRID_LOADING_SOURCE" || request.source === DataUnit.CHANGING_PAGE_LOADING_SOURCE;
+        const useCache = [
+          "EZ_GRID_LOADING_SOURCE",
+          DataUnit.CHANGING_PAGE_LOADING_SOURCE,
+          DataUnit.ALL_RECORDS_SELECTION_SOURCE
+        ].includes(request.source);
         if (useCache) {
           const isCacheEmpty = await PreloadManager.getRepository(dataUnit).isEmpty();
           if (!isCacheEmpty) {
@@ -117,7 +122,7 @@ export default class PreloadManager {
       const columnFilters = ColumnFilterManager.getColumnFilters(request.filters, "");
       const { limit, offset, sort } = request;
       PreloadManager.getRepository(dataUnit)
-        .load(ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values())), PreloadManager.getSortingFunction(dataUnit, sort), offset, limit)
+        .load(ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values())), SortingUtils.getSortingFunction(dataUnit, sort), offset, limit)
         .then(loadResult => {
         const stillLoading = PreloadManager._loadingStatus.get(dataUnit.name);
         const { count, result: records } = loadResult;
@@ -134,6 +139,9 @@ export default class PreloadManager {
         .catch(reason => reject(reason));
     });
   }
+  static getCachedRecords(dataUnit) {
+    return PreloadManager.getRepository(dataUnit).getFromCache();
+  }
 }
 PreloadManager._repositories = new Map();
 PreloadManager._loadingStatus = new Map();

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/dataunit-fetcher.js

@@ -111,6 +111,7 @@ export default class DataUnitFetcher {
     dataUnit.saveLoader = (_dataUnit, changes) => this.saveData(dataUnit, changes);
     dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
     dataUnit.recordLoader = (dataUnit, recordIds) => this.loadRecord(dataUnit, recordIds);
+    dataUnit.allRecordsLoader = (dataUnit) => DataUnitDataLoader.getCachedRecords(dataUnit);
     return dataUnit;
   }
   loadMetadata(dataUnit) {

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

@@ -1,4 +1,8 @@
 export const snkSimpleCrudMessages = {
   findColumn: "Busca de colunas",
+  formConfigUnavaliable: {
+    title: "Aviso",
+    message: 'A opção "Configurar formulário" será disponibilizada em breve. Enquanto isso, acesse a configuração do fomulário através dos layouts anteriores, HTML5 ou Flex.'
+  }
 };
 export default snkSimpleCrudMessages;

package/dist/components/ConfigStorage.js

@@ -1,7 +1,6 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher.js';
+import { R as ResourceFetcher, d as dist, D as DataFetcher, F as FormConfigFetcher } from './form-config-fetcher.js';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher.js';
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
   var t = {};