@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-kb-85616.0 → 0.0.0-bugfix-dev-KB-81596.1

package/dist/cjs/snk-tab-config.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const Sortable = require('./Sortable-fb1c4cbb.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-241934b3.js');
+const constants = require('./constants-77c1b8bd.js');
 
 const snkTabConfigCss = "@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}.sc-snk-tab-config-h{--snk-tab-config--backward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--snk-tab-config--forward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--snk-tab-config__lower-bar--background-color:var(--color--disable-primary, #e5eaf0);--snk-tab-config__lower-bar--border:2px solid var(--color--disable-primary, #e5eaf0);--snk-tab-config__tab--color:var(--text--primary, #626e82);--snk-tab-config__tab--font-family:var(--font-pattern, \"Roboto\");--snk-tab-config__tab--font-size:var(--title--small, 14px);--snk-tab-config__tab--padding:var(--space--small, 6px) var(--space--medium, 12px);--snk-tab-config__tab-is-active--color:var(--color--primary, #008561);--snk-tab-config__tab-hover--color:var(--color--secondary, #383c45);--snk-tab-config__tab-is-focused--border:1px dashed var(--color--primary, #008561);--snk-tab-config__tab-label--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--snk-tab-config__tab-label--margin-bottom:var(--space--extra-small, 3px);--snk-tab-config__new-button-icon--color:var(--color--secondary-700, #1C1D22);--snk-tab-config__forward-button--background-color:var(--text--primary, #626e82);--snk-tab-config__forward-button-hover--background-color:var(--color--primary, #008561);--snk-tab-config__left-icon--padding-right:var(--space--small, 6px);--snk-tab-config__left-icon--color:var(--text--disable, #AFB6C0);--snk-tab-config__tab-label-disabled--color:var(--text--disable, #AFB6C0);--snk-tab-config__slot--margin-left:var(--space--small, 6px);display:flex;position:relative;width:100%;overflow:hidden}.tab-config__scroll.sc-snk-tab-config{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.tab-config__lower-bar.sc-snk-tab-config{position:absolute;left:0%;right:0%;top:91%;bottom:0%;border-radius:2px;background-color:var(--snk-tab-config__lower-bar--background-color);border:var(--snk-tab-config__lower-bar--border)}.tab-config__tab.sc-snk-tab-config{display:flex;border:none;background-color:unset;cursor:pointer;align-items:center;justify-content:center;min-width:fit-content;color:var(--snk-tab-config__tab--color);font-family:var(--snk-tab-config__tab--font-family);font-size:var(--snk-tab-config__tab--font-size);padding:var(--snk-tab-config__tab--padding)}.tab-config__tab.sc-snk-tab-config:focus,.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{outline:none}.tab-config__tab--is-active.sc-snk-tab-config{position:relative;color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab.sc-snk-tab-config:hover{color:var(--snk-tab-config__tab-hover--color)}.tab-config__tab--is-active.sc-snk-tab-config:hover{color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab--is-active.sc-snk-tab-config::after{content:\"\";position:absolute;width:100%;height:100%;clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out;background-color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab--is-focused.sc-snk-tab-config{border:var(--snk-tab-config__tab-is-focused--border)}.tab-config__tab-label.sc-snk-tab-config{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--snk-tab-config__tab-label--text-shadow);margin-bottom:var(--snk-tab-config__tab-label--margin-bottom)}.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config ez-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__new-button-icon--color)}.tab-config__backward-button.sc-snk-tab-config{left:0px;box-shadow:10px 10px 5px 5px white;background:white}.tab-config__forward-button.sc-snk-tab-config{box-shadow:10px 10px 5px 20px white;background:white}.tab-config__forward-button.sc-snk-tab-config::after,.tab-config__backward-button.sc-snk-tab-config::after{content:'';display:flex;width:10px;height:16px;background-color:var(--snk-tab-config__forward-button--background-color)}.tab-config__forward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--forward-icon);mask-image:var(--snk-tab-config--forward-icon)}.tab-config__backward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--backward-icon);mask-image:var(--snk-tab-config--backward-icon)}.tab-config__forward-button.sc-snk-tab-config:hover::after,.tab-config__backward-button.sc-snk-tab-config:hover::after{background-color:var(--snk-tab-config__forward-button-hover--background-color)}.tab-config__new-button.sc-snk-tab-config:hover ez-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__forward-button-hover--background-color)}.tab-config__hidden.sc-snk-tab-config{display:none}.tab-config__scroll.sc-snk-tab-config::-webkit-scrollbar{display:none}.tab-config__left-icon.sc-snk-tab-config{padding-right:var(--snk-tab-config__left-icon--padding-right);--ez-icon--color:var(--snk-tab-config__left-icon--color)}.tab-config__left-icon--eye-off.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__left-icon--color)}.tab-config__right-icon.sc-snk-tab-config{visibility:hidden;padding-left:var(--snk-tab-config__left-icon--padding-right)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{visibility:visible}.tab-config__tab--is-active.sc-snk-tab-config .tab-config__right-icon.sc-snk-tab-config{visibility:visible;--ez-icon--color:var(--snk-tab-config__tab-is-active--color)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__tab-hover--color)}.tab-config__tab--is-active.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--snk-tab-config__tab-is-active--color)}.tab-config__actions-button.sc-snk-tab-config{--ez-actions-button__btn-action--min-width:100px;visibility:hidden;opacity:0;transition:visibility 1s linear, opacity 0.3s linear}.tab-config__tab.sc-snk-tab-config:hover .tab-config__actions-button.sc-snk-tab-config{visibility:visible;opacity:1;transition:visibility 0.2s linear, opacity 0.10s linear}[data-draggable-element].sc-snk-tab-config{cursor:grab}.tab-config__tab-label-disabled.sc-snk-tab-config{color:var(--snk-tab-config__tab-label-disabled--color)}.tab-config__slot.sc-snk-tab-config{margin-left:var(--snk-tab-config__slot--margin-left)}";
 

package/dist/collection/collection-manifest.json

@@ -41,6 +41,8 @@
     "./components/snk-grid/snk-grid.js",
     "./components/snk-grid-config/snk-grid-config.js",
     "./components/snk-grid-config/snk-select-box/snk-select-box.js",
+    "./components/snk-layout-form-config/snk-layout-form-config.js",
+    "./components/snk-layout-form-config/snk-view-representation/snk-view-representation.js",
     "./components/snk-personalized-filter/snk-personalized-filter.js",
     "./components/snk-personalized-filter/subcomponents/snk-expression-group/snk-expression-group.js",
     "./components/snk-personalized-filter/subcomponents/snk-expression-item/snk-expression-item.js",

package/dist/collection/components/snk-application/errorhandler/snk-error-handler.js

@@ -1,4 +1,4 @@
-import { WarningException, WaitingChangeException, ErrorException, ObjectUtils } from "@sankhyalabs/core";
+import { WarningException, WaitingChangeException, ErrorException, ObjectUtils, SilentException } from "@sankhyalabs/core";
 export class SnkErrorHandler {
   constructor(app) {
     this._app = app;
@@ -33,7 +33,10 @@ export class SnkErrorHandler {
     if (exception.errorCode) {
       exception.message += this.buildErrorCodeHTML(exception.errorCode);
     }
-    if (exception instanceof WaitingChangeException) {
+    if (exception instanceof SilentException) {
+      console.warn("SilentException ignorada", exception);
+    }
+    else if (exception instanceof WaitingChangeException) {
       this._app.alert(exception.title, exception.message);
     }
     else if (exception instanceof WarningException) {

package/dist/collection/components/snk-application/search-strategy/exec-prepared-search-plus.js

@@ -0,0 +1,107 @@
+import { ArrayUtils, ElementIDUtils, SearchUtils } from "@sankhyalabs/core";
+import { ObjectUtils } from "@sankhyalabs/core";
+import { StringUtils } from "@sankhyalabs/core";
+const QTD_DETAIL_FIELDS_PREDICTIVE_SEARCH = 6;
+const INVALID_CONTENT_PATTERNS = ['<img', '<svg'];
+const executePreparedSearchPlus = async (mode, argument, options, app, pesquisaFetcher) => {
+  var _a;
+  const mdByName = {};
+  const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic } = options;
+  if (mode === "ADVANCED") {
+    return new Promise((accept, reject) => {
+      const pesquisaContent = document.createElement("snk-pesquisa");
+      pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
+      pesquisaContent.entityName = entity;
+      pesquisaContent.argument = argument;
+      pesquisaContent.searchLoader = (text) => pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
+      pesquisaContent.isHierarchyEntity = isHierarchyEntity;
+      if (isHierarchyEntity) {
+        pesquisaContent.treeLoader = (text) => pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
+        pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
+      }
+      pesquisaContent.selectItem = (option) => {
+        accept(option);
+        app.clearPopUpTitle();
+        app.closePopUp();
+      };
+      app.setPopUpTitle(entityDescription);
+      app.showPopUp(pesquisaContent, undefined, undefined, reject);
+    });
+  }
+  else if (mode === "LOAD_DESCRIPTION") {
+    let result = await pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
+    result = ObjectUtils.stringToObject(result.json.$);
+    let descriptionField = result.descriptionField;
+    const option = (_a = result.data) === null || _a === void 0 ? void 0 : _a[0];
+    if (!option) {
+      return {
+        value: argument,
+        label: ""
+      };
+    }
+    return {
+      value: argument,
+      label: option[descriptionField]
+    };
+  }
+  else {
+    let codeValue;
+    let result = await pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions, codeValue);
+    result = ObjectUtils.stringToObject(result.json.$);
+    let descriptionField = result.descriptionField;
+    let pkField = result.pkField;
+    const list = result.data.map((item) => {
+      let fieldsMetadata = filterInvalidFields(result, item, mdByName);
+      let fields = filterMathFields(item['__matchFields'], fieldsMetadata, QTD_DETAIL_FIELDS_PREDICTIVE_SEARCH, mdByName);
+      return buildOptionItem(argument, item, fields, descriptionField, pkField);
+    });
+    return list;
+  }
+};
+const buildOptionItem = (argument, item, fields, descriptionField, pkField) => {
+  var _a;
+  const matchFields = item['__matchFields'];
+  const descriptionValue = (_a = item[descriptionField]) !== null && _a !== void 0 ? _a : "";
+  const pkValue = item[pkField];
+  let searchOption = {
+    value: pkValue,
+    label: descriptionValue,
+    presentationValue: StringUtils.highlightValue(argument, matchFields, pkValue, fields, true),
+    presentationLabel: descriptionField ? StringUtils.highlightValue(argument, matchFields, descriptionValue, fields, true) : "",
+    details: SearchUtils.buildDetails(argument, fields, item)
+  };
+  return searchOption;
+};
+const filterInvalidFields = (resp, item, mdByName) => {
+  let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
+    let accept = !StringUtils.isEmpty(item[field.fieldName]) &&
+      field.visible !== false &&
+      field.type !== 'B' &&
+      resp.pkField !== field.fieldName &&
+      resp.descriptionField !== field.fieldName &&
+      (field.isPrimaryKey || !field.isLinkField) &&
+      !(field.type === 'S' && field.presentationType === 'H');
+    if (accept) {
+      mdByName[field.fieldName] = field;
+    }
+    //Condição que trata o problema de trazer imagem no entityCard na pesquisa de registros
+    if (typeof item[field.fieldName] === 'string' && INVALID_CONTENT_PATTERNS.some(pattern => item[field.fieldName].includes(pattern))) {
+      return false;
+    }
+    return accept;
+  });
+  return fieldsMetadata;
+};
+const filterMathFields = (matchFields, fields, qtyFields, mdByName) => {
+  if (matchFields && Array.isArray(matchFields)) {
+    matchFields.forEach((matchField) => {
+      let fieldMD = ArrayUtils.removeReference(fields, mdByName[matchField]);
+      if (fieldMD) {
+        fields.unshift(fieldMD);
+      }
+    });
+  }
+  fields = fields.slice(0, qtyFields);
+  return fields;
+};
+export default executePreparedSearchPlus;

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

@@ -18,6 +18,9 @@ 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";
+import executePreparedSearchPlus from "./search-strategy/exec-prepared-search-plus";
+import { LayoutFormConfig } from "../../lib/configs/LayoutFormConfig";
+import { FormConfigFetcher } from "../../lib";
 /**
  * É 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.
@@ -37,6 +40,8 @@ export class SnkApplication {
     this._pendingActions = new Map;
     this._loadPkParameter = null;
     this._isLoadedByPk = false;
+    this._formConfigFetcher = new FormConfigFetcher();
+    this._LayoutFormConfigSingleton = LayoutFormConfig.getInstance();
     this._applicationReady = false;
     this._templateSkeleton = TEMPLATES_SKELETON.GRID;
     this._activeScrimWindow = false;
@@ -111,6 +116,14 @@ export class SnkApplication {
   async getKeyboardManager() {
     return Promise.resolve(this._keyboardManager);
   }
+  /**
+   * Obtém o notificador de Layout de formulario.
+   *
+   * @return {LayoutFormConfig} the Configurador de Layout do Formulario
+   */
+  async getLayoutFormConfig() {
+    return Promise.resolve(this._LayoutFormConfigSingleton);
+  }
   /**
    * Obtém `true` caso o usuário logado seja o SUP.
    */
@@ -643,7 +656,7 @@ export class SnkApplication {
         searchOptions,
         allowsNonAnalytic
       };
-      return this.executePreparedSearch(mode, argument, options);
+      return (ctxOptions === null || ctxOptions === void 0 ? void 0 : ctxOptions.useSearchPlus) ? this.executePreparedSearchPlus(mode, argument, options) : this.executePreparedSearch(mode, argument, options);
     }
   }
   filterInvalidFields(resp, item, mdByName) {
@@ -687,13 +700,23 @@ export class SnkApplication {
     };
     return exibitionItem;
   }
+  /**
+   * Realiza a pesquisa de registros
+   * Ex.: snk-config-options
+   */
+  async executePreparedSearchPlus(mode, argument, options) {
+    return await this.executePreparedSearch(mode, argument, Object.assign(Object.assign({}, options), { useSearchPlus: true }));
+  }
   /**
    * Obtém as opções em componentes de pesquisa
    * Ex.: snk-config-options
    */
   async executePreparedSearch(mode, argument, options) {
     const mdByName = {};
-    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic } = options;
+    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, useSearchPlus } = options;
+    if (useSearchPlus) {
+      return executePreparedSearchPlus(mode, argument, options, this, this.pesquisaFetcher);
+    }
     if (mode === "ADVANCED") {
       return new Promise((accept, reject) => {
         const pesquisaContent = document.createElement("snk-pesquisa");
@@ -843,10 +866,10 @@ export class SnkApplication {
       });
     }
   }
-  clearPopUpTitle() {
+  async clearPopUpTitle() {
     this._popUp.ezTitle = "";
   }
-  setPopUpTitle(title) {
+  async setPopUpTitle(title) {
     this._popUp.ezTitle = title;
   }
   async pkChangeListener() {
@@ -1016,6 +1039,9 @@ export class SnkApplication {
     ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
       return this.executeSearch(searchArgument, fieldName, dataUnit, ctxOptions);
     });
+    ApplicationContext.setContextValue("__EZUI__SEARCH__PLUS__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
+      return this.executeSearch(searchArgument, fieldName, dataUnit, Object.assign(Object.assign({}, ctxOptions), { useSearchPlus: true }));
+    });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     this.registerPkChangeListener();
     ErrorTracking.init();
@@ -1026,6 +1052,12 @@ export class SnkApplication {
     ConfigStorage.preload(this.applicationResourceID, this.configName, legacyConfig);
     document.addEventListener("click", () => Workspace.applicationClick());
     this._waitingAppReady.forEach(resolve => resolve());
+    this.setLayoutFormConfig();
+  }
+  async setLayoutFormConfig() {
+    const response = await this._formConfigFetcher.fetchLayoutFormConfig('formColCfg.' + this.applicationResourceID);
+    const config = isNaN(Number(response === null || response === void 0 ? void 0 : response.config)) ? null : Number(response === null || response === void 0 ? void 0 : response.config);
+    this._LayoutFormConfigSingleton.setConfig(config);
   }
   connectedCallback() {
     this._isBrowserTypeElectron = UserAgentUtils.isElectron();
@@ -1379,6 +1411,29 @@ export class SnkApplication {
             }]
         }
       },
+      "getLayoutFormConfig": {
+        "complexType": {
+          "signature": "() => Promise<LayoutFormConfig>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "LayoutFormConfig": {
+              "location": "import",
+              "path": "../../lib/configs/LayoutFormConfig"
+            }
+          },
+          "return": "Promise<LayoutFormConfig>"
+        },
+        "docs": {
+          "text": "Obt\u00E9m o notificador de Layout de formulario.",
+          "tags": [{
+              "name": "return",
+              "text": "the Configurador de Layout do Formulario"
+            }]
+        }
+      },
       "isUserSup": {
         "complexType": {
           "signature": "() => Promise<boolean>",
@@ -2485,6 +2540,38 @@ export class SnkApplication {
           "tags": []
         }
       },
+      "executePreparedSearchPlus": {
+        "complexType": {
+          "signature": "(mode: string, argument: string, options: any) => Promise<Array<IOption> | IOption>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IOption": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-search/ez-search"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<IOption | IOption[]>"
+        },
+        "docs": {
+          "text": "Realiza a pesquisa de registros\nEx.: snk-config-options",
+          "tags": []
+        }
+      },
       "executePreparedSearch": {
         "complexType": {
           "signature": "(mode: string, argument: string, options: any) => Promise<Array<IOption> | IOption>",
@@ -2744,6 +2831,41 @@ export class SnkApplication {
             }]
         }
       },
+      "clearPopUpTitle": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "setPopUpTitle": {
+        "complexType": {
+          "signature": "(title: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "showScrimApp": {
         "complexType": {
           "signature": "(active: boolean) => Promise<void>",

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

@@ -11,6 +11,7 @@ export class SnkConfigurator {
     this.resourceID = undefined;
     this.viewMode = VIEW_MODE.GRID;
     this.customContainerId = undefined;
+    this.layoutFormConfig = false;
     this.messagesBuilder = undefined;
   }
   /**
@@ -71,6 +72,12 @@ export class SnkConfigurator {
     var _a;
     return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, {});
   }
+  handleSave() {
+    if (this.layoutFormConfig) {
+      this._snkLayoutFormConfig.save();
+    }
+    this.save.emit();
+  }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
     if (this._application) {
@@ -94,7 +101,7 @@ export class SnkConfigurator {
     insideCustomElementsContainer === null || insideCustomElementsContainer === void 0 ? void 0 : insideCustomElementsContainer.appendChild(configuratorCustomElement);
   }
   render() {
-    return (h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), class: "ez-button--primary" }))))));
+    return (h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), this.layoutFormConfig && h("ez-collapsible-box", { boxBordered: true, value: true, label: "Layout do formul\u00E1rio", headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, h("snk-layout-form-config", { ref: (ref) => this._snkLayoutFormConfig = ref }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
   }
   static get is() { return "snk-configurator"; }
   static get encapsulation() { return "scoped"; }
@@ -202,6 +209,24 @@ export class SnkConfigurator {
         "attribute": "custom-container-id",
         "reflect": false
       },
+      "layoutFormConfig": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o LayoutFormConfig ser\u00E1 exibido no configurador."
+        },
+        "attribute": "layout-form-config",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "messagesBuilder": {
         "type": "unknown",
         "mutable": true,

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

@@ -47,6 +47,7 @@ export class SnkCrud {
     this.ignoreReadOnlyFormFields = undefined;
     this.setCustomFormTitle = undefined;
     this.strategyExporter = ExporterStrategy.SERVER_SIDE;
+    this.layoutFormConfig = false;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -382,7 +383,7 @@ export class SnkCrud {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -864,6 +865,24 @@ export class SnkCrud {
         "attribute": "strategy-exporter",
         "reflect": false,
         "defaultValue": "ExporterStrategy.SERVER_SIDE"
+      },
+      "layoutFormConfig": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o LayoutFormConfig ser\u00E1 exibido no configurador."
+        },
+        "attribute": "layout-form-config",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.css

@@ -19,8 +19,17 @@
 .grid-container{
   background-color: #FFF;
   min-height: 100px;
+  height: 100%;
 }
 
 .detail-header{
   padding-bottom: 0;
-}
+}
+
+snk-data-unit {
+  flex: 1;
+}
+
+snk-grid{
+  height: calc(100% - 43px);
+}

package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js

@@ -28,6 +28,7 @@ export class SnkDetailView {
     this.taskbarCustomContainerId = undefined;
     this.customEditors = undefined;
     this.customRenders = undefined;
+    this.presentationMode = PresentationMode.SECONDARY;
   }
   observeDataUnit(newDataUnit, oldDataUnit) {
     newDataUnit === null || newDataUnit === void 0 ? void 0 : newDataUnit.subscribe(this.dataUnitActionHandler.bind(this));
@@ -247,7 +248,7 @@ export class SnkDetailView {
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems) }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems) }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
   static get is() { return "snk-detail-view"; }
   static get encapsulation() { return "scoped"; }
@@ -545,6 +546,29 @@ export class SnkDetailView {
           "tags": [],
           "text": "Render customizados da grade."
         }
+      },
+      "presentationMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "PresentationMode",
+          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY | PresentationMode.SINGLE_TASKBAR",
+          "references": {
+            "PresentationMode": {
+              "location": "import",
+              "path": "../../../../lib"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Altera o modo de apresenta\u00E7\u00E3o dos bot\u00F5es do snk-taskbar."
+        },
+        "attribute": "presentation-mode",
+        "reflect": false,
+        "defaultValue": "PresentationMode.SECONDARY"
       }
     };
   }

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -284,7 +284,7 @@ export class SnkGuidesViewer {
       else {
         detailBranch = this.selectedGuide;
       }
-      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders }));
+      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders, presentationMode: this.presentationMode }));
     }
     else {
       const cardId = this.selectedGuide.id;

package/dist/collection/components/snk-data-exporter/interfaces/IExporterProvider.js

@@ -40,25 +40,21 @@ export class CommonsExporter {
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface,
         customFormatter
       };
-      if (isUserInterfaceSEARCH) {
-        if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-          const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
-          const mergedFrom = fieldData.properties.mergedFrom;
-          const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-          descriptionColumn = {
-            id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-            label: labelDescription,
-            width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
-            type: DataType.TEXT,
-            userInterface: UserInterface.LONGTEXT,
-            descriptionFrom: fieldData.name
-          };
-        }
-        if (descriptionColumn) {
-          const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
-          columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
-          descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
-        }
+      if (isUserInterfaceSEARCH && ((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
+        const labelDescription = (_c = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONENTITY;
+        const mergedFrom = fieldData.properties.mergedFrom;
+        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
+        descriptionColumn = {
+          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
+          label: labelDescription,
+          width: isUserInterfaceSEARCH && labelDescription ? (labelDescription.length * this.DEFAULT_FONT_SIZE - widthColumnDefault) : column.width,
+          type: DataType.TEXT,
+          userInterface: UserInterface.LONGTEXT,
+          descriptionFrom: fieldData.name
+        };
+        const newWidth = this.getWidthByMetaData(column === null || column === void 0 ? void 0 : column.width, columnData === null || columnData === void 0 ? void 0 : columnData.width, descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.width);
+        columnData = Object.assign(Object.assign({}, columnData), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.codWidth });
+        descriptionColumn = Object.assign(Object.assign({}, descriptionColumn), { width: newWidth === null || newWidth === void 0 ? void 0 : newWidth.descWidth, label: (descriptionColumn === null || descriptionColumn === void 0 ? void 0 : descriptionColumn.label) || (column === null || column === void 0 ? void 0 : column.label) });
       }
       columnsMetadata.push(columnData);
       if (descriptionColumn)