@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-76031.3 → 0.0.0-bugfix-dev-kb-80398.0

package/dist/collection/components/snk-application/snk-application.css

@@ -1,4 +1,6 @@
 :host {
+  --scrim-z-index: var(--elevation--100, 100);
+
   display: flex;
   flex-direction: column;
   height: 100%;

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

@@ -17,6 +17,7 @@ import Workspace from "../../lib/workspace/workspace";
 import { SnkErrorHandler } from "./errorhandler/snk-error-handler";
 import RequestListenerFactory from "./request-listener/RequestListenerFactory";
 import PreloadManager from "../../lib/http/data-fetcher/fetchers/data-unit/cache/PreloadManager";
+import { TEMPLATES_SKELETON } from "../../lib/utils/constants";
 /**
  * É possível customizar as mensagens dos blocos de construção através de um pequeno modulo na estrutura da aplicação:
  * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
@@ -31,12 +32,14 @@ export class SnkApplication {
     this._duCache = new Map();
     this._duPromises = new Map();
     this._requestListener = RequestListenerFactory.create({ strategy: 'request_time' });
-    this._maxTimeLockAppLoading = 10000;
+    this._maxTimerAppLoading = 10000;
     this._isBrowserTypeElectron = false;
     this._pendingActions = new Map;
     this._loadPkParameter = null;
     this._isLoadedByPk = false;
     this._applicationReady = false;
+    this._templateSkeleton = TEMPLATES_SKELETON.GRID;
+    this._activeScrimWindow = false;
     this.enableLockManagerLoadingApp = undefined;
     this.messagesBuilder = undefined;
     this.configName = undefined;
@@ -532,12 +535,20 @@ export class SnkApplication {
     });
     PreloadManager.removeRecords(dataUnit, records);
   }
-  getCountSkeleton(className, skeletonHeight, spacingSkeleton) {
-    let containerHeight = window.innerHeight - 350;
-    spacingSkeleton = !spacingSkeleton ? 20 : spacingSkeleton;
-    let skeletonCount = Math.floor(containerHeight / (skeletonHeight + spacingSkeleton));
+  getCountSkeleton(skeletonHeight, spacingSkeleton, headerHeight) {
+    headerHeight = headerHeight || 160;
+    const containerHeight = window.innerHeight - headerHeight;
+    const skeletonSpacing = spacingSkeleton || 10;
+    const totalHeightPerSkeleton = skeletonHeight + skeletonSpacing;
+    const skeletonCount = Math.floor(containerHeight / totalHeightPerSkeleton) - 1;
     return skeletonCount || 1;
   }
+  getSkeletonRandomWidth() {
+    const min = 30;
+    const max = 100;
+    const randomWidth = Math.floor(Math.random() * (max - min + 1)) + min;
+    return `${randomWidth}%`;
+  }
   async getAuthList(auth) {
     return await (new MGEAuthorization()).parseFromJSON(auth);
   }
@@ -1019,6 +1030,8 @@ export class SnkApplication {
     this.removeShortcuts();
     if (this._lockManagerTimer)
       clearTimeout(this._lockManagerTimer);
+    if (this._scrimWindowTimer)
+      clearTimeout(this._scrimWindowTimer);
   }
   async componentDidLoad() {
     this.applicationLoading.emit(true);
@@ -1038,18 +1051,39 @@ export class SnkApplication {
       this._applicationReady = true;
     }
   }
-  async markToReload() {
+  async showScrimApp(active) {
+    if (!this.enableLockManagerLoadingApp || !this._applicationReady || !active) {
+      this._activeScrimWindow = false;
+      if (this._scrimWindowTimer)
+        clearTimeout(this._scrimWindowTimer);
+      return;
+    }
+    this._activeScrimWindow = true;
+    this._scrimWindowTimer = setTimeout(async () => {
+      if (this._activeScrimWindow) {
+        this._activeScrimWindow = false;
+        clearTimeout(this._scrimWindowTimer);
+      }
+    }, this._maxTimerAppLoading);
+  }
+  async changeTemplateSkeleton(templateSkeletonType) {
+    this._templateSkeleton = templateSkeletonType ? templateSkeletonType : this._templateSkeleton;
+  }
+  async markToReload(templateSkeletonType) {
     if (!this.enableLockManagerLoadingApp)
       return;
+    await this.changeTemplateSkeleton(templateSkeletonType);
     this._applicationReady = false;
     await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
     this.resolveApplicationReady();
   }
-  async addLoadingLock(forceReady = false) {
+  async addLoadingLock(forceReady = false, templateSkeletonType) {
     if (!this.enableLockManagerLoadingApp)
       return;
+    await this.changeTemplateSkeleton(templateSkeletonType);
     if (forceReady) {
       this._applicationReady = false;
+      this._activeScrimWindow = this._applicationReady ? true : false;
       await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
     }
     this.resolveApplicationReady();
@@ -1087,7 +1121,7 @@ export class SnkApplication {
         this.stopTimeoutLockManager();
         this._applicationReady = true;
       }
-    }, this._maxTimeLockAppLoading);
+    }, this._maxTimerAppLoading);
   }
   initKeyboardManager() {
     this._keyboardManager
@@ -1101,19 +1135,26 @@ export class SnkApplication {
       .unbind("ctrl + d")
       .unbind("F1");
   }
-  // TODO: Etapa 2 - implementar template de loading
-  renderLoadingSkeleton(template) {
+  renderLoadingSkeleton() {
     if (!this.enableLockManagerLoadingApp)
       return;
     if (this._isBrowserTypeElectron) {
       return this.getSpinnerLoadingDefault();
     }
-    switch (template) {
-      case TEMPLATES_LOADING_SKELETON.APPLICATION:
-      case TEMPLATES_LOADING_SKELETON.GRID:
-        return this.getSkeletonTemplateApplication();
-      default:
-        return this.getSkeletonTemplateApplication();
+    else {
+      switch (this._templateSkeleton) {
+        case TEMPLATES_SKELETON.CUSTOM_TEMPLATE:
+        case TEMPLATES_SKELETON.GRID:
+          return this.getSkeletonTemplateGrid();
+        case TEMPLATES_SKELETON.GRID_WITH_SIDEBAR:
+          return this.getSkeletonTemplateGridWithSidebar();
+        case TEMPLATES_SKELETON.GRID_WITH_PANEL:
+          return this.getSkeletonTemplateGridWithPanel();
+        case TEMPLATES_SKELETON.FORM_WITH_SIDEBAR:
+          return this.getSkeletonTemplateFormWithSidebar();
+        default:
+          return this.getSkeletonTemplateGrid();
+      }
     }
   }
   getLoadingVisibilityStyle() {
@@ -1122,8 +1163,17 @@ export class SnkApplication {
       display: this._applicationReady ? "none" : "unset"
     };
   }
-  getSkeletonTemplateApplication() {
-    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--extra-small" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "150px", animation: "progress" })), h("div", { class: "ez-flex ez-flex--align-items-stretch skeleton-content" }, h("div", { class: "skeleton-content-left ez-margin--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "calc(100% - 15px)", animation: "progress", marginBottom: "20px" })), h("div", { class: "ez-flex-item--auto skeleton-content-right ez-margin--medium" }, h("ez-skeleton", { count: this.getCountSkeleton("skeleton-content-right", 50, 20), variant: "rect", width: "100%", height: "49px", animation: "progress", marginBottom: "20px" }))), h("div", { class: "skeleton-content-footer ez-margin--medium ez-margin-top--extra-small" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100px", animation: "progress" }))));
+  getSkeletonTemplateGrid() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(-105px + 100vh)" } }, [1, 2, 3, 4].map((_, index) => (h("div", { class: "ez-margin-right--large", key: index, style: { width: "25%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))));
+  }
+  getSkeletonTemplateGridWithSidebar() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(100vh - 160px)" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-margin-right--large", style: { width: "75%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))));
+  }
+  getSkeletonTemplateGridWithPanel() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "", style: { width: "70%", overflow: "hidden" } }, h("div", { class: "ez-padding--medium", style: { height: "50%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100%", animation: "progress" })), h("div", { class: "ez-padding--medium", style: {} }, h("ez-skeleton", { count: 1, variant: "rect", width: "250px", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-padding--medium", style: { height: "45%" } }, [1, 2].map(() => (h("div", { style: { width: "50%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100%", animation: "progress" })))))), h("div", { class: "ez-flex ez-flex--column ez-padding--medium", style: { width: "30%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 10)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))));
+  }
+  getSkeletonTemplateFormWithSidebar() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-flex ez-flex--column", style: { width: "75%" } }, h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))))), h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))))))));
   }
   getSpinnerLoadingDefault() {
     return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, "Carregando..."))));
@@ -1132,7 +1182,7 @@ export class SnkApplication {
     return (h(Host, { style: {
         visibility: (!this.enableLockManagerLoadingApp || this._applicationReady) ? "unset" : "hidden",
         overflow: (!this.enableLockManagerLoadingApp || this._applicationReady) ? "unset" : "hidden"
-      } }, h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.ezLoadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true }), this.renderLoadingSkeleton())));
+      } }, h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.ezLoadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true }), this.renderLoadingSkeleton(), this._activeScrimWindow && (h("div", { class: "ez-scrim ez-scrim--light", style: { cursor: "progress", zIndex: "var(--scrim-z-index)" } })))));
   }
   static get is() { return "snk-application"; }
   static get encapsulation() { return "scoped"; }
@@ -1259,7 +1309,9 @@ export class SnkApplication {
   }
   static get states() {
     return {
-      "_applicationReady": {}
+      "_applicationReady": {},
+      "_templateSkeleton": {},
+      "_activeScrimWindow": {}
     };
   }
   static get events() {
@@ -2685,13 +2737,39 @@ export class SnkApplication {
             }]
         }
       },
+      "showScrimApp": {
+        "complexType": {
+          "signature": "(active: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "markToReload": {
         "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
+          "signature": "(templateSkeletonType?: TEMPLATES_SKELETON) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
           "references": {
             "Promise": {
               "location": "global"
+            },
+            "TEMPLATES_SKELETON": {
+              "location": "import",
+              "path": "../../lib/utils/constants"
             }
           },
           "return": "Promise<void>"
@@ -2703,14 +2781,21 @@ export class SnkApplication {
       },
       "addLoadingLock": {
         "complexType": {
-          "signature": "(forceReady?: boolean) => Promise<() => void>",
+          "signature": "(forceReady?: boolean, templateSkeletonType?: TEMPLATES_SKELETON) => Promise<() => void>",
           "parameters": [{
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
               "location": "global"
+            },
+            "TEMPLATES_SKELETON": {
+              "location": "import",
+              "path": "../../lib/utils/constants"
             }
           },
           "return": "Promise<() => void>"
@@ -2736,8 +2821,3 @@ class PendingPromise {
     this.reject = reject;
   }
 }
-var TEMPLATES_LOADING_SKELETON;
-(function (TEMPLATES_LOADING_SKELETON) {
-  TEMPLATES_LOADING_SKELETON[TEMPLATES_LOADING_SKELETON["APPLICATION"] = 1] = "APPLICATION";
-  TEMPLATES_LOADING_SKELETON[TEMPLATES_LOADING_SKELETON["GRID"] = 2] = "GRID";
-})(TEMPLATES_LOADING_SKELETON || (TEMPLATES_LOADING_SKELETON = {}));

package/dist/collection/components/snk-filter-bar/filter-item/dataunitfilter/data-unit-filter-builder.js

@@ -125,7 +125,7 @@ function buildNumber(item) {
   const variation = props.variation;
   if (variation === FilterNumberVariation.INTERVAL) {
     const { start, end } = value !== null && value !== void 0 ? value : { start: 0, end: 0 };
-    if (start && end) {
+    if (!isNaN(start) && !isNaN(end)) {
       return {
         name: id,
         expression: props.intervalExpression.fullfill,
@@ -135,7 +135,7 @@ function buildNumber(item) {
         ]
       };
     }
-    if (start) {
+    if (!isNaN(start)) {
       return {
         name: id,
         expression: props.intervalExpression.onlystart,
@@ -144,7 +144,7 @@ function buildNumber(item) {
         ]
       };
     }
-    if (end) {
+    if (!isNaN(end)) {
       return {
         name: id,
         expression: props.intervalExpression.onlyend,

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-number.js

@@ -19,7 +19,7 @@ export class SnkFilterPeriod {
     if (this.getVariation() === FilterNumberVariation.INTERVAL) {
       const start = this._startInterval.value;
       const end = this._endInterval.value;
-      this.value = (start || end ? { start, end } : undefined);
+      this.value = (!isNaN(start) || !isNaN(end) ? { start, end } : undefined);
       this.valueChanged.emit(this.value);
       return;
     }

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.js

@@ -201,13 +201,13 @@ export class SnkFilterItem {
       }
       if (type === FilterItemType.NUMBER && props.variation === FilterNumberVariation.INTERVAL) {
         const { start, end } = value;
-        if (start && end) {
+        if (!isNaN(start) && !isNaN(end)) {
           return this.getMessage('snkFilterBar.fullIntervalTooltip', { LABEL: label, START_LABEL: start, END_LABEL: end });
         }
-        if (start) {
+        if (!isNaN(start)) {
           return `${label}: ${this.getMessage('snkFilterBar.onlyStartToltip')} ${Number(start)}`;
         }
-        if (end) {
+        if (!isNaN(end)) {
           return `${label}: ${this.getMessage('snkFilterBar.onlyEndToltip')} ${Number(end)}`;
         }
       }

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

@@ -211,10 +211,24 @@ export class SnkGrid {
     this._gridConfig = config;
     CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
   }
+  fixColumNameCharset(columnName) {
+    try {
+      return decodeURIComponent(escape(columnName));
+    }
+    catch (e) {
+      return columnName;
+    }
+  }
+  normalizeGridConfig(config) {
+    if (!config)
+      return config;
+    const columnsMapped = config.columns.map(column => (Object.assign(Object.assign({}, column), { name: this.fixColumNameCharset(column.name) })));
+    return Object.assign(Object.assign({}, config), { columns: columnsMapped });
+  }
   loadConfig() {
     ConfigStorage.loadGridConfig(this.configName, this.resourceID)
       .then((config) => {
-      this.setGridConfig(config);
+      this.setGridConfig(this.normalizeGridConfig(config));
     })
       .catch((error) => {
       console.warn(error);
@@ -226,12 +240,12 @@ export class SnkGrid {
     }
   }
   gridConfigChangeHandler(evt) {
-    const config = evt.detail;
+    const config = this.normalizeGridConfig(evt.detail);
     ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
     evt.stopPropagation();
   }
   modalConfigChangeHandler(evt) {
-    const config = evt.detail;
+    const config = this.normalizeGridConfig(evt.detail);
     this._grid.setColumnsState(config.columns)
       .then(() => {
       this.setGridConfig(config);

package/dist/collection/components/snk-pesquisa/pesquisaHelper.js

@@ -55,6 +55,8 @@ function buildUserInterface(field) {
     return UserInterface.DATETIME;
   if (field['type'] === 'T')
     return UserInterface.TIME;
+  if (field['type'] === 'I')
+    return UserInterface.INTEGERNUMBER;
   return undefined;
 }
 function buildDataType(rawType) {
@@ -66,6 +68,8 @@ function buildDataType(rawType) {
       return DataType.DATE;
     case 'B':
       return DataType.OBJECT;
+    case 'I':
+      return DataType.NUMBER;
     default:
       return DataType.TEXT;
   }

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

@@ -2,6 +2,9 @@ import { ObjectUtils } from "@sankhyalabs/core";
 export class ArrayRepository {
   constructor(equalsFunction) {
     this._list = [];
+    this._listCopy = [];
+    this._listLastUpdate = 0;
+    this._listCopyLastUpdate = 0;
     this._equalsFunction = equalsFunction;
   }
   async load(filterFunction, sortingFunction, offset, limit) {
@@ -40,13 +43,13 @@ export class ArrayRepository {
     return Promise.resolve(new Map(processedItems.map(item => [item.key, item.value])));
   }
   async push(items) {
-    this._list.push(...items);
+    this.updateList([...this._list, ...items]);
   }
   async clear() {
-    this._list = [];
+    this.updateList([]);
   }
   async delete(items) {
-    this._list = this._list.filter(item => {
+    const list = this._list.filter(item => {
       for (const removed of items) {
         if (this._equalsFunction(item, removed)) {
           return false;
@@ -54,20 +57,23 @@ export class ArrayRepository {
       }
       return true;
     });
+    this.updateList(list);
   }
   async update(items) {
-    this._list = this._list.map(existingItem => {
+    const list = this._list.map(existingItem => {
       const newItem = items.find(newItem => this._equalsFunction(existingItem, newItem));
       return newItem == undefined ? existingItem : newItem;
     });
+    this.updateList(list);
   }
   async insert(itemReference, items) {
     const itemPosition = this._list.indexOf(itemReference);
     if (itemPosition == -1) {
-      this._list.push(...items);
+      this.push(items);
       return;
     }
-    this._list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    const list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    this.updateList(list);
   }
   isOperating() {
     return true;
@@ -79,6 +85,14 @@ export class ArrayRepository {
     return Promise.resolve(this._list.length);
   }
   getFromCache() {
-    return ObjectUtils.copy(this._list);
+    if (this._listLastUpdate > this._listCopyLastUpdate) {
+      this._listCopyLastUpdate = this._listLastUpdate;
+      this._listCopy = ObjectUtils.copy(this._list);
+    }
+    return this._listCopy;
+  }
+  updateList(newList) {
+    this._list = newList;
+    this._listLastUpdate = Date.now();
   }
 }

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

@@ -176,13 +176,13 @@ export class PesquisaFetcher {
     return parseLegacyTree(response);
   }
   buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions) {
-    var _a, _b, _c;
+    var _a, _b;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const incomeSearchOptions = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) !== null && _a !== void 0 ? _a : searchOptions;
     const rootEntity = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.rootEntity;
     const codeFieldName = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.codeFieldName;
     const expression = (_b = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _b === void 0 ? void 0 : _b.expression;
-    const params = (_c = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _c === void 0 ? void 0 : _c.params;
+    const params = this.buildParams(listenerResult);
     const instancia = {
       'nome': entityName,
       'nomeInstanciaLocal': rootEntity,
@@ -200,6 +200,14 @@ export class PesquisaFetcher {
       'instancia': instancia,
     };
   }
+  buildParams(listenerResult) {
+    var _a, _b;
+    let params = (_b = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _a === void 0 ? void 0 : _a.params) !== null && _b !== void 0 ? _b : [];
+    params = params.map(param => {
+      return Object.assign(Object.assign({}, param), { tipo: convertParamType(param.dataType), $: param.value });
+    });
+    return params;
+  }
 }
 function buildLoadGridConfigPayload(entityName) {
   return {
@@ -237,9 +245,8 @@ function buildSaveConfig(entityName, lastUsedMode) {
   };
 }
 function convertParamType(dataType) {
-  //Alerta: Cuidado pra não contaminar o DataType com a implementação
-  //atual da pesquisa... em geral, somente inteiros,
-  //data (com ou sem hora) e string são realmente relevantes
+  // Alerta: Cuidado para não contaminar o DataType com a implementação atual da pesquisa!
+  // Em geral, somente inteiros, data (com ou sem hora) e string são realmente relevantes.
   switch (dataType) {
     case DataType.NUMBER:
       return "I";

package/dist/collection/lib/index.js

@@ -12,3 +12,4 @@ export { default as GridConfigFetcher } from './http/data-fetcher/fetchers/grid-
 export { default as ParametersFetcher } from './http/data-fetcher/fetchers/parameters-fecher';
 export { default as PersonalizedFilterFetcher } from './http/data-fetcher/fetchers/personalized-filter-fetcher';
 export { ResourceFetcher } from './http/data-fetcher/fetchers/resource-fetcher';
+export { TEMPLATES_SKELETON } from './utils/constants';

package/dist/collection/lib/utils/constants.js

@@ -103,3 +103,12 @@ export var SIMPLE_CRUD_MODE;
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["SERVER"] = 0] = "SERVER";
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
 })(SIMPLE_CRUD_MODE || (SIMPLE_CRUD_MODE = {}));
+// TODO: validar forma de compartilhar os templates com outros projetos
+export var TEMPLATES_SKELETON;
+(function (TEMPLATES_SKELETON) {
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["CUSTOM_TEMPLATE"] = 0] = "CUSTOM_TEMPLATE";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID"] = 1] = "GRID";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_SIDEBAR"] = 2] = "GRID_WITH_SIDEBAR";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_PANEL"] = 3] = "GRID_WITH_PANEL";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
+})(TEMPLATES_SKELETON || (TEMPLATES_SKELETON = {}));

package/dist/components/ContinuousInsertUtils.js

@@ -6,6 +6,7 @@ import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/datauni
 import { P as PreloadManager } from './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
+import './constants.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import { h } from '@stencil/core/internal/client';
 

package/dist/components/ISave.js

@@ -57,6 +57,8 @@ function buildUserInterface(field) {
     return UserInterface.DATETIME;
   if (field['type'] === 'T')
     return UserInterface.TIME;
+  if (field['type'] === 'I')
+    return UserInterface.INTEGERNUMBER;
   return undefined;
 }
 function buildDataType(rawType) {
@@ -68,6 +70,8 @@ function buildDataType(rawType) {
       return DataType.DATE;
     case 'B':
       return DataType.OBJECT;
+    case 'I':
+      return DataType.NUMBER;
     default:
       return DataType.TEXT;
   }
@@ -270,13 +274,13 @@ class PesquisaFetcher {
     return parseLegacyTree(response);
   }
   buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions) {
-    var _a, _b, _c;
+    var _a, _b;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const incomeSearchOptions = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) !== null && _a !== void 0 ? _a : searchOptions;
     const rootEntity = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.rootEntity;
     const codeFieldName = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.codeFieldName;
     const expression = (_b = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _b === void 0 ? void 0 : _b.expression;
-    const params = (_c = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _c === void 0 ? void 0 : _c.params;
+    const params = this.buildParams(listenerResult);
     const instancia = {
       'nome': entityName,
       'nomeInstanciaLocal': rootEntity,
@@ -294,6 +298,14 @@ class PesquisaFetcher {
       'instancia': instancia,
     };
   }
+  buildParams(listenerResult) {
+    var _a, _b;
+    let params = (_b = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _a === void 0 ? void 0 : _a.params) !== null && _b !== void 0 ? _b : [];
+    params = params.map(param => {
+      return Object.assign(Object.assign({}, param), { tipo: convertParamType(param.dataType), $: param.value });
+    });
+    return params;
+  }
 }
 function buildLoadGridConfigPayload(entityName) {
   return {
@@ -331,9 +343,8 @@ function buildSaveConfig(entityName, lastUsedMode) {
   };
 }
 function convertParamType(dataType) {
-  //Alerta: Cuidado pra não contaminar o DataType com a implementação
-  //atual da pesquisa... em geral, somente inteiros,
-  //data (com ou sem hora) e string são realmente relevantes
+  // Alerta: Cuidado para não contaminar o DataType com a implementação atual da pesquisa!
+  // Em geral, somente inteiros, data (com ou sem hora) e string são realmente relevantes.
   switch (dataType) {
     case DataType.NUMBER:
       return "I";

package/dist/components/SnkFormConfigManager.js

@@ -1,7 +1,7 @@
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
-import { c as TAB_NAMES } from './constants.js';
+import { d as TAB_NAMES } from './constants.js';
 
 class SnkFormConfigManager {
   constructor(configName, resourceID, onConfigChange, dataUnit) {

package/dist/components/constants.js

@@ -89,5 +89,14 @@ var SIMPLE_CRUD_MODE;
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["SERVER"] = 0] = "SERVER";
   SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
 })(SIMPLE_CRUD_MODE || (SIMPLE_CRUD_MODE = {}));
+// TODO: validar forma de compartilhar os templates com outros projetos
+var TEMPLATES_SKELETON;
+(function (TEMPLATES_SKELETON) {
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["CUSTOM_TEMPLATE"] = 0] = "CUSTOM_TEMPLATE";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID"] = 1] = "GRID";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_SIDEBAR"] = 2] = "GRID_WITH_SIDEBAR";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["GRID_WITH_PANEL"] = 3] = "GRID_WITH_PANEL";
+  TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
+})(TEMPLATES_SKELETON || (TEMPLATES_SKELETON = {}));
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAGS_BY_TYPE as T, VIEW_MODE as V, VARS_BY_TYPE as a, CONFIG_SORTABLE_EVENTS as b, TAB_NAMES as c, TYPE_ACTIONS as d };
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TEMPLATES_SKELETON as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAGS_BY_TYPE as b, CONFIG_SORTABLE_EVENTS as c, TAB_NAMES as d, TYPE_ACTIONS as e };