@sankhyalabs/sankhyablocks 8.16.0-rc.9 → 9.0.0

package/dist/collection/collection-manifest.json

@@ -48,8 +48,11 @@
     "./components/snk-personalized-filter/subcomponents/snk-filter-assistent-mode/snk-filter-assistent-mode.js",
     "./components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config.js",
     "./components/snk-pesquisa/snk-pesquisa.js",
+    "./components/snk-pesquisa/pesquisa-grid/pesquisa-grid.js",
+    "./components/snk-pesquisa/pesquisa-tree/pesquisa-tree.js",
     "./components/snk-simple-bar/snk-simple-bar.js",
     "./components/snk-simple-crud/snk-simple-crud.js",
+    "./components/snk-simple-form-config/snk-simple-form-config.js",
     "./components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],
@@ -65,21 +68,6 @@
         "snk-application"
       ]
     },
-    {
-      "components": [
-        "snk-form"
-      ]
-    },
-    {
-      "components": [
-        "snk-form-config"
-      ]
-    },
-    {
-      "components": [
-        "snk-config-options"
-      ]
-    },
     {
       "components": [
         "snk-tab-config"
@@ -132,42 +120,37 @@
     },
     {
       "components": [
-        "snk-filter-bar"
-      ]
-    },
-    {
-      "components": [
-        "snk-filter-item"
-      ]
-    },
-    {
-      "components": [
-        "snk-filter-list"
+        "snk-field-config"
       ]
     },
     {
       "components": [
-        "snk-filter-modal"
+        "snk-grid"
       ]
     },
     {
       "components": [
-        "snk-field-config"
+        "snk-pesquisa"
       ]
     },
     {
       "components": [
-        "snk-grid"
+        "snk-taskbar"
       ]
     },
     {
       "components": [
-        "snk-pesquisa"
+        "snk-config-options",
+        "snk-form",
+        "snk-form-config"
       ]
     },
     {
       "components": [
-        "snk-taskbar"
+        "snk-filter-bar",
+        "snk-filter-item",
+        "snk-filter-list",
+        "snk-filter-modal"
       ]
     }
   ]

package/dist/collection/components/snk-actions-button/actions/index.js

@@ -87,9 +87,9 @@ export default 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) {
@@ -284,9 +284,9 @@ export default 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/collection/components/snk-actions-button/interfaces/index.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/snk-actions-button/snk-actions-button.js

@@ -1,5 +1,5 @@
 import { h, Host } from '@stencil/core';
-import { ApplicationContext, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ArrayUtils, ElementIDUtils, ServiceUtils, StorageType } from '@sankhyalabs/core';
 import { DataFetcher } from '../../lib/http/data-fetcher/DataFetcher';
 import ExecutorFactory from './actions/factory/executor.factory';
 import Actions from './actions';
@@ -8,6 +8,7 @@ import ResourceIDUtils from '../../lib/resourceid/ResourceIDUtils';
 export class SnkActionsButton {
   constructor() {
     this.CLIENT_EVENT_CONFIRM_NAME = "br.com.sankhya.actionbutton.clientconfirm";
+    this._actions = [];
     this.handleClick = (evt) => {
       const selectedAction = this._actions.find((action) => action.actionID == evt.detail.id);
       const executor = new ExecutorFactory(selectedAction.type).executor;
@@ -17,27 +18,22 @@ export class SnkActionsButton {
     };
     this._items = [];
     this._showDropdown = false;
-    this._actions = [];
-    this._isOrderActions = false;
   }
   async getActions() {
-    let param = {
-      param: {
-        entityName: this._entityName,
-        resourceID: this._resourceID
-      }
-    };
-    return DataFetcher.get().callServiceBroker('ActionButtonsSP.getActions', param).then((result) => {
+    const actions = await ServiceUtils.useCacheWithService(`SnkActionsButton_${this._entityName}-${this._resourceID}`, async () => {
       var _a;
-      if (!((_a = result.actions) === null || _a === void 0 ? void 0 : _a.action))
-        return;
-      if (this._isOrderActions) {
-        this._actions = ArrayUtils.sortAlphabetically(result.actions.action, 'description');
-      }
-      else {
-        this._actions = result.actions.action;
-      }
-    });
+      const param = {
+        param: {
+          entityName: this._entityName,
+          resourceID: this._resourceID,
+        },
+      };
+      const result = await DataFetcher.get().callServiceBroker('ActionButtonsSP.getActions', param);
+      return ((_a = result.actions) === null || _a === void 0 ? void 0 : _a.action) || [];
+    }, StorageType.IN_MEMORY_CACHE);
+    this._actions = SnkActionsButton.parameters.isOrderActions
+      ? ArrayUtils.sortAlphabetically(actions, 'description')
+      : actions;
   }
   controlDropdown() {
     this._showDropdown = !this._showDropdown;
@@ -70,7 +66,7 @@ export class SnkActionsButton {
   }
   async componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._isOrderActions = await this._application.getBooleanParam('global.ordenar.acoes.personalizadas');
+    await this.loadParameters();
     const snkDataUnit = this._element.parentElement;
     this._dataUnit = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.dataUnit;
     this._resourceID = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.resourceID;
@@ -79,9 +75,8 @@ export class SnkActionsButton {
       this._resourceID = await ResourceIDUtils.getResourceID();
     }
     this.setEvents();
-    this.getActions().then(() => {
-      this.loadItems();
-    });
+    await this.getActions();
+    this.loadItems();
   }
   async componentDidLoad() {
     if (!this._element)
@@ -108,6 +103,11 @@ export class SnkActionsButton {
       [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(sufix)
     };
   }
+  async loadParameters() {
+    if (SnkActionsButton.parameters.isOrderActions != null)
+      return;
+    SnkActionsButton.parameters.isOrderActions = await this._application.getBooleanParam('global.ordenar.acoes.personalizadas');
+  }
   render() {
     return (h(Host, null, (this._actions && this._actions.length > 0) &&
       (h("div", { class: `ez-padding-left--medium snk-actions-button
@@ -134,10 +134,11 @@ export class SnkActionsButton {
   static get states() {
     return {
       "_items": {},
-      "_showDropdown": {},
-      "_actions": {},
-      "_isOrderActions": {}
+      "_showDropdown": {}
     };
   }
   static get elementRef() { return "_element"; }
 }
+SnkActionsButton.parameters = {
+  isOrderActions: null
+};

package/dist/collection/components/snk-application/request-listener/DebouncedRequestListener.js

@@ -0,0 +1,29 @@
+class DebouncedRequestListener {
+  constructor() {
+    this._debounceTime = 1500;
+    this.requests = new Map();
+    this.requestsLoadingBar = [];
+  }
+  onRequestStart(param) {
+    if (param.url.includes("quietMode=true")) {
+      return;
+    }
+    this.requestsLoadingBar.push(param.requestId);
+    const timeout = setTimeout(() => {
+      this.ezLoadingBar.show();
+    }, this._debounceTime);
+    this.requests.set(param.requestId, timeout);
+  }
+  ;
+  onRequestEnd(param) {
+    var _a, _b, _c;
+    const timeoutId = this.requests.get(param.requestId);
+    clearTimeout(timeoutId);
+    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());
+    }
+  }
+  ;
+}
+export default DebouncedRequestListener;

package/dist/collection/components/snk-application/request-listener/RequestListenerFactory.js

@@ -0,0 +1,16 @@
+import DebouncedRequestListener from "./DebouncedRequestListener";
+import RequestListenerLoadingBar from "./RequestListenerLoadingBar";
+class RequestListenerFactory {
+  static create({ strategy }) {
+    switch (strategy) {
+      case 'request_name':
+        return new RequestListenerLoadingBar();
+      case 'request_time':
+        return new DebouncedRequestListener();
+      default:
+        throw new Error('Strategy not found');
+    }
+    ;
+  }
+}
+export default RequestListenerFactory;

package/dist/collection/components/snk-application/request-listener/RequestListenerLoadingBar.js

@@ -0,0 +1,52 @@
+class RequestListenerLoadingBar {
+  constructor() {
+    this._debounceTime = 1000;
+    this._ignoredNameTypes = ["totals"];
+    this._countRequest = 0;
+  }
+  onRequestStart(param) {
+    if (this.isIgnoreLoadingOnRequest(param)) {
+      return;
+    }
+    this._countRequest++;
+    this.ezLoadingBar.show();
+    if (this._timerLoading) {
+      clearTimeout(this._timerLoading);
+    }
+  }
+  ;
+  onRequestEnd(param) {
+    if (this.isIgnoreLoadingOnRequest(param)) {
+      return;
+    }
+    this._countRequest--;
+    this._timerLoading = setTimeout(() => {
+      if (this._countRequest <= 0) {
+        this.ezLoadingBar.hide();
+      }
+    }, this._debounceTime);
+  }
+  ;
+  isIgnoreLoadingOnRequest(param) {
+    if (param == undefined) {
+      return false;
+    }
+    if (param.url.includes("quietMode=true")) {
+      return true;
+    }
+    if (param.requestBody == undefined) {
+      return false;
+    }
+    if (param.requestBody.length == 1) {
+      const { name } = param.requestBody[0].variables;
+      if (name) {
+        const nameParts = name.split(":");
+        const nameType = nameParts[0];
+        return this._ignoredNameTypes.indexOf(nameType) >= 0;
+      }
+    }
+    return false;
+  }
+  ;
+}
+export default RequestListenerLoadingBar;

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

@@ -1,5 +1,41 @@
 :host {
+  --scrim-z-index: var(--elevation--100, 100);
+
   display: flex;
   flex-direction: column;
   height: 100%;
 }
+
+:host > .loading-hidden {
+  display: none;
+  pointer-events: none; 
+}
+
+.skeleton-content-left {
+  width: 300px;
+  padding-right: 5px;
+}
+
+.skeleton-content {
+  height: calc(100vh - 310px);
+}
+
+.spinner {
+  height: 100vh;
+  gap: 10px;
+}
+.spinner > .spin {
+  animation-name: spin;
+  animation-duration: 5000ms;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear; 
+}
+
+@keyframes spin {
+  from {
+      transform:rotate(0deg);
+  }
+  to {
+      transform:rotate(360deg);
+  }
+}