@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-78242.2 → 0.0.0-bugfix-dev-KB-80932.0

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

@@ -2,7 +2,6 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils, DateUtils, ServiceUtils, StorageType, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { D as DataFetcher } from './DataFetcher.js';
 import { P as ParamType } from './ParamType.js';
-import './pesquisa-fetcher.js';
 import './ISave.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
@@ -243,9 +242,9 @@ class Actions {
       return resultParams;
     });
   }
-  actionExecute(execSource, callback) {
+  async actionExecute(execSource, callback) {
     execSource.virtualPage = this.buildVirtualPage();
-    this.prepareAndExecute(execSource, callback);
+    await this.prepareAndExecute(execSource, callback);
     this.recordsReloader(execSource.refreshType);
   }
   resolvePromptParams(action, execSource, hasParamsToSave) {
@@ -440,9 +439,9 @@ class Actions {
   async buildResourceId(actionId) {
     return this._appResourceId + '.actionconfig.' + actionId;
   }
-  prepareAndExecute(execSource, executeAction) {
+  async prepareAndExecute(execSource, executeAction) {
     this.addRows(execSource);
-    executeAction(execSource);
+    await executeAction(execSource);
   }
   addRows(execSource) {
     const primaryKeys = this.getPrimaryKeys();

package/dist/components/snk-application2.js

@@ -1,12 +1,14 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, KeyboardManager, OnboardingUtils, DependencyType, ArrayUtils, SearchUtils, ElementIDUtils, ApplicationContext, DataType, ErrorTracking } from '@sankhyalabs/core';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, KeyboardManager, OnboardingUtils, DependencyType, ArrayUtils, SearchUtils, ElementIDUtils, ApplicationContext, DataType, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher.js';
 import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher.js';
 import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher.js';
-import { P as PesquisaFetcher } from './pesquisa-fetcher.js';
+import { a as PesquisaFetcher } from './ISave.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
+import { d as defineCustomElement$3 } from './pesquisa-grid2.js';
+import { d as defineCustomElement$2 } from './pesquisa-tree2.js';
 import { d as defineCustomElement$1 } from './snk-pesquisa2.js';
 
 class TotalsFetcher {
@@ -298,11 +300,12 @@ class DebouncedRequestListener {
   }
   ;
   onRequestEnd(param) {
+    var _a, _b, _c;
     const timeoutId = this.requests.get(param.requestId);
     clearTimeout(timeoutId);
-    if (this.requestsLoadingBar.includes(param.requestId)) {
-      this.requestsLoadingBar = this.requestsLoadingBar.filter(id => id !== param.requestId);
-      !this.requestsLoadingBar.length && this.ezLoadingBar.hide();
+    if ((_a = this.requestsLoadingBar) === null || _a === void 0 ? void 0 : _a.includes(param.requestId)) {
+      this.requestsLoadingBar = (_b = this.requestsLoadingBar) === null || _b === void 0 ? void 0 : _b.filter(id => id !== param.requestId);
+      !this.requestsLoadingBar.length && ((_c = this.ezLoadingBar) === null || _c === void 0 ? void 0 : _c.hide());
     }
   }
   ;
@@ -373,7 +376,7 @@ class RequestListenerFactory {
   }
 }
 
-const snkApplicationCss = ".sc-snk-application-h{display:flex;flex-direction:column;height:100%}";
+const snkApplicationCss = ".sc-snk-application-h{display:flex;flex-direction:column;height:100%}.sc-snk-application-h>.loading-hidden.sc-snk-application{display:none;pointer-events:none}.skeleton-content-left.sc-snk-application{width:300px;padding-right:5px}.skeleton-content.sc-snk-application{height:calc(100vh - 310px)}.spinner.sc-snk-application{height:100vh;gap:10px}.spinner.sc-snk-application>.spin.sc-snk-application{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";
 
 const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -388,9 +391,13 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._duCache = new Map();
     this._duPromises = new Map();
     this._requestListener = RequestListenerFactory.create({ strategy: 'request_time' });
+    this._maxTimeLockAppLoading = 10000;
+    this._isBrowserTypeElectron = false;
     this._pendingActions = new Map;
     this._loadPkParameter = null;
     this._isLoadedByPk = false;
+    this._applicationReady = false;
+    this.enableLockManagerLoadingApp = undefined;
     this.messagesBuilder = undefined;
     this.configName = undefined;
     this.gridLegacyConfigName = undefined;
@@ -876,15 +883,21 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     return Promise.resolve(this._isLoadedByPk);
   }
   /**
- * Remove registro do cache do PreLoader do dataunit.
- * Deve ser usado quando existe um dataunit usando loader do application, mas o removeLoader está sendo sobrescrito.
- */
+* Remove registro do cache do PreLoader do dataunit.
+* Deve ser usado quando existe um dataunit usando loader do application, mas o removeLoader está sendo sobrescrito.
+*/
   async preloadMangerRemoveRecord(dataUnit, recordsIDs) {
     const records = recordsIDs.map(id => {
       return { "__record__id__": id };
     });
     PreloadManager.removeRecords(dataUnit, records);
   }
+  getCountSkeleton(className, skeletonHeight, spacingSkeleton) {
+    let containerHeight = window.innerHeight - 350;
+    spacingSkeleton = !spacingSkeleton ? 20 : spacingSkeleton;
+    let skeletonCount = Math.floor(containerHeight / (skeletonHeight + spacingSkeleton));
+    return skeletonCount || 1;
+  }
   async getAuthList(auth) {
     return await (new MGEAuthorization()).parseFromJSON(auth);
   }
@@ -926,12 +939,12 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    * Obtém as opções em componentes de pesquisa
    * Ex.: snk-config-options
    */
-  async executeSearch(searchArgument, fieldName, dataUnit) {
+  async executeSearch(searchArgument, fieldName, dataUnit, ctxOptions) {
     const descriptor = dataUnit === null || dataUnit === void 0 ? void 0 : dataUnit.getField(fieldName);
     if (!descriptor) ;
     else {
       const { mode, argument } = searchArgument;
-      const { ENTITYNAME, CODEFIELD, DESCRIPTIONFIELD, ROOTENTITY, DESCRIPTIONENTITY } = descriptor.properties;
+      const { ENTITYNAME, CODEFIELD, DESCRIPTIONFIELD, ROOTENTITY, DESCRIPTIONENTITY, ISHIERARCHYENTITY } = descriptor.properties;
       const dependencies = descriptor.dependencies;
       let criteria;
       const searchOptions = {
@@ -961,7 +974,16 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
           }
         }
       });
-      return this.executePreparedSearch(mode, argument, { entity: ENTITYNAME, entityDescription: DESCRIPTIONENTITY, criteria, searchOptions });
+      const allowsNonAnalytic = ctxOptions === null || ctxOptions === void 0 ? void 0 : ctxOptions.allowsNonAnalytic;
+      const options = {
+        entity: ENTITYNAME,
+        entityDescription: DESCRIPTIONENTITY,
+        isHierarchyEntity: ISHIERARCHYENTITY,
+        criteria,
+        searchOptions,
+        allowsNonAnalytic
+      };
+      return this.executePreparedSearch(mode, argument, options);
     }
   }
   filterInvalidFields(resp, item, mdByName) {
@@ -1011,13 +1033,19 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    */
   async executePreparedSearch(mode, argument, options) {
     const mdByName = {};
-    const { entity, entityDescription, criteria, searchOptions } = options;
+    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) => this.pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
+        pesquisaContent.isHierarchyEntity = isHierarchyEntity;
+        if (isHierarchyEntity) {
+          pesquisaContent.treeLoader = (text) => this.pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
+          pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
+        }
         pesquisaContent.selectItem = (option) => {
           accept(option);
           this.clearPopUpTitle();
@@ -1325,8 +1353,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._errorHandler = new SnkErrorHandler(this);
     this.messagesBuilder = new SnkMessageBuilder();
     ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", `${UrlUtils.getUrlBase()}/mge/upload/file`);
-    ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit) => {
-      return this.executeSearch(searchArgument, fieldName, dataUnit);
+    ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
+      return this.executeSearch(searchArgument, fieldName, dataUnit, ctxOptions);
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     this.registerPkChangeListener();
@@ -1340,12 +1368,15 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._waitingAppReady.forEach(resolve => resolve());
   }
   connectedCallback() {
+    this._isBrowserTypeElectron = UserAgentUtils.isElectron();
     ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
     DataFetcher.addRequestListener(this._requestListener);
   }
   disconnectedCallback() {
-    DataFetcher.removeRequestListener(this._requestListener);
+    DataFetcher === null || DataFetcher === void 0 ? void 0 : DataFetcher.removeRequestListener(this._requestListener);
     this.removeShortcuts();
+    if (this._lockManagerTimer)
+      clearTimeout(this._lockManagerTimer);
   }
   async componentDidLoad() {
     this.applicationLoading.emit(true);
@@ -1357,6 +1388,63 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     ElementIDUtils.addIDInfo(this._element, `resource_${this.applicationResourceID}`);
     await this.handleShowNewVersionPopup();
     this.initKeyboardManager();
+    if (this.enableLockManagerLoadingApp) {
+      LockManager.addLockManagerCtxId(this._element);
+      this.resolveApplicationReady();
+    }
+    else {
+      this._applicationReady = true;
+    }
+  }
+  async markToReload() {
+    if (!this.enableLockManagerLoadingApp)
+      return;
+    this._applicationReady = false;
+    await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
+    this.resolveApplicationReady();
+  }
+  async addLoadingLock(forceReady = false) {
+    if (!this.enableLockManagerLoadingApp)
+      return;
+    if (forceReady) {
+      this._applicationReady = false;
+      await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
+    }
+    this.resolveApplicationReady();
+    return await LockManager.lock(this._element, LockManagerOperation.APP_LOADING);
+  }
+  async resolveApplicationReady() {
+    if (this._applicationReady) {
+      return;
+    }
+    try {
+      await this.checkTimeoutLimitLockManager();
+      await LockManager.whenHasLock(this._element, LockManagerOperation.APP_LOADING);
+      await LockManager.whenResolve(this._element, LockManagerOperation.APP_LOADING, 1200);
+      await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
+      this._applicationReady = true;
+    }
+    catch (error) {
+      console.warn(error);
+      this._applicationReady = true;
+    }
+  }
+  stopTimeoutLockManager() {
+    if (this._lockManagerTimer) {
+      clearTimeout(this._lockManagerTimer);
+    }
+  }
+  async checkTimeoutLimitLockManager() {
+    this.stopTimeoutLockManager();
+    if (this._applicationReady)
+      return;
+    this._lockManagerTimer = setTimeout(async () => {
+      if (!this._applicationReady) {
+        await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
+        this.stopTimeoutLockManager();
+        this._applicationReady = true;
+      }
+    }, this._maxTimeLockAppLoading);
   }
   initKeyboardManager() {
     this._keyboardManager
@@ -1370,8 +1458,40 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       .unbind("ctrl + d")
       .unbind("F1");
   }
+  // TODO: Etapa 2 - implementar template de loading
+  renderLoadingSkeleton(template) {
+    if (this.enableLockManagerLoadingApp) {
+      if (!this._isBrowserTypeElectron) {
+        switch (template) {
+          case TEMPLATES_LOADING_SKELETON.APPLICATION:
+          case TEMPLATES_LOADING_SKELETON.GRID:
+            return this.getSkeletonTemplateApplication();
+          default:
+            return this.getSkeletonTemplateApplication();
+        }
+      }
+      else {
+        return this.getSpinnerLoadingDefault();
+      }
+    }
+  }
+  getLoadingVisibilityStyle() {
+    return {
+      visibility: this._applicationReady ? "hidden" : "initial",
+      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" }))));
+  }
+  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..."))));
+  }
   render() {
-    return (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 })));
+    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())));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -1379,11 +1499,13 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }; }
   static get style() { return snkApplicationCss; }
 }, [2, "snk-application", {
+    "enableLockManagerLoadingApp": [4, "enable-lock-manager-loading-app"],
     "messagesBuilder": [1040],
     "configName": [1, "config-name"],
     "gridLegacyConfigName": [1, "grid-legacy-config-name"],
     "formLegacyConfigName": [1, "form-legacy-config-name"],
     "loadByPK": [16],
+    "_applicationReady": [32],
     "getKeyboardManager": [64],
     "isUserSup": [64],
     "addPendingAction": [64],
@@ -1434,7 +1556,9 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "executeSelectDistinct": [64],
     "getDataFetcher": [64],
     "whenApplicationReady": [64],
-    "setSearchFilterContext": [64]
+    "setSearchFilterContext": [64],
+    "markToReload": [64],
+    "addLoadingLock": [64]
   }]);
 class PendingPromise {
   constructor(resolve, reject) {
@@ -1442,17 +1566,32 @@ 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 = {}));
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-application", "snk-pesquisa"];
+  const components = ["snk-application", "pesquisa-grid", "pesquisa-tree", "snk-pesquisa"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-application":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkApplication);
       }
       break;
+    case "pesquisa-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "pesquisa-tree":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
     case "snk-pesquisa":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();

package/dist/components/snk-attach2.js

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnit } from '@sankhyalabs/core';
 import { D as DataFetcher } from './DataFetcher.js';
-import './pesquisa-fetcher.js';
 import { S as SaveErrorsEnum } from './ISave.js';
 import { P as PreloadManager, b as buildLoadDataResponse, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
@@ -9,19 +8,16 @@ import './form-config-fetcher.js';
 import { V as VIEW_MODE } from './constants.js';
 import { A as AutorizationType } from './auth-fetcher.js';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
-import { d as defineCustomElement$f } from './snk-actions-button2.js';
-import { d as defineCustomElement$e } from './snk-config-options2.js';
-import { d as defineCustomElement$d } from './snk-configurator2.js';
-import { d as defineCustomElement$c } from './snk-data-exporter2.js';
-import { d as defineCustomElement$b } from './snk-data-unit2.js';
-import { d as defineCustomElement$a } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$9 } from './snk-field-config2.js';
-import { d as defineCustomElement$8 } from './snk-form-config2.js';
+import { d as defineCustomElement$c } from './snk-actions-button2.js';
+import { d as defineCustomElement$b } from './snk-configurator2.js';
+import { d as defineCustomElement$a } from './snk-data-exporter2.js';
+import { d as defineCustomElement$9 } from './snk-data-unit2.js';
+import { d as defineCustomElement$8 } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$7 } from './snk-grid-config2.js';
 import { d as defineCustomElement$6 } from './snk-select-box2.js';
 import { d as defineCustomElement$5 } from './snk-simple-bar2.js';
 import { d as defineCustomElement$4 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$3 } from './snk-tab-config2.js';
+import { d as defineCustomElement$3 } from './snk-simple-form-config2.js';
 import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
 
 const SERVICE$1 = {
@@ -557,14 +553,18 @@ const buildTaskBarManager = () => {
   ];
   return {
     getButtons: (_, dataState, currentButtons) => {
-      if ((dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty))
+      const refreshBtnIndex = currentButtons.indexOf(TaskbarElement.REFRESH);
+      if ((dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty)) {
         return currentButtons.reverse();
-      else
-        currentButtons.splice(currentButtons.indexOf(TaskbarElement.REFRESH), 1);
+      }
+      else if (refreshBtnIndex !== -1) {
+        currentButtons.splice(refreshBtnIndex, 1);
+      }
       const { selectedRecord } = dataState || {};
       const taskbarTobeAdded = !!(selectedRecord === null || selectedRecord === void 0 ? void 0 : selectedRecord.LINK) ? TaskbarAttachButtons.LINK : TaskbarAttachButtons.DOWNLOAD;
       currentButtons.splice(currentButtons.indexOf(TaskbarElement.DIVIDER) + 1, 0, TaskbarElement.REMOVE, taskbarTobeAdded, TaskbarElement.DIVIDER);
-      const updatedButtons = Array.from(new Set(currentButtons.filter(button => button !== TaskbarElement.CLONE)));
+      const buttonsToRemove = [TaskbarElement.CLONE, TaskbarElement.DATA_EXPORTER];
+      const updatedButtons = Array.from(new Set(currentButtons.filter((button) => !buttonsToRemove.includes(button))));
       updatedButtons.splice(updatedButtons.indexOf(taskbarTobeAdded) + 1, 0, TaskbarElement.DIVIDER);
       return updatedButtons;
     },
@@ -869,7 +869,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-attach", "snk-actions-button", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-field-config", "snk-form-config", "snk-grid-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar", "taskbar-actions-button"];
+  const components = ["snk-attach", "snk-actions-button", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-grid-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-attach":
       if (!customElements.get(tagName)) {
@@ -877,41 +877,26 @@ function defineCustomElement() {
       }
       break;
     case "snk-actions-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "snk-config-options":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "snk-configurator":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$c();
       }
       break;
-    case "snk-data-unit":
+    case "snk-configurator":
       if (!customElements.get(tagName)) {
         defineCustomElement$b();
       }
       break;
-    case "snk-exporter-email-sender":
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$a();
       }
       break;
-    case "snk-field-config":
+    case "snk-data-unit":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }
       break;
-    case "snk-form-config":
+    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();
       }
@@ -936,7 +921,7 @@ function defineCustomElement() {
         defineCustomElement$4();
       }
       break;
-    case "snk-tab-config":
+    case "snk-simple-form-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }