@sankhyalabs/sankhyablocks 8.16.0-dev.75 → 8.16.0-dev.77

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/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

@@ -274,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,
@@ -298,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 {
@@ -335,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 };

package/dist/components/pesquisa-grid2.js

@@ -7,6 +7,7 @@ import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
+import './constants.js';
 
 const pesquisaGridCss = ".sc-pesquisa-grid-h{background:var(--background--xlight, #FFF);overflow-x:auto}ez-grid.sc-pesquisa-grid{--ez-grid__container--shadow:none;--ez-grid__header--shadow:none}";
 

package/dist/components/snk-actions-button2.js

@@ -8,6 +8,7 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
+import './constants.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils.js';