@sankhyalabs/sankhyablocks 8.16.0-dev.10 → 8.16.0-dev.100

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",
@@ -48,8 +50,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 +70,6 @@
         "snk-application"
       ]
     },
-    {
-      "components": [
-        "snk-form"
-      ]
-    },
-    {
-      "components": [
-        "snk-form-config"
-      ]
-    },
-    {
-      "components": [
-        "snk-config-options"
-      ]
-    },
     {
       "components": [
         "snk-tab-config"
@@ -132,42 +122,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

@@ -3,9 +3,9 @@ import { RefreshType } from "./enum/RefreshType";
 import { ParamType } from "./enum/ParamType";
 import { DataFetcher } from "../../../lib";
 import { ActionsType } from "./enum/ActionsType";
+import { getSelectedRecordsIDsInfo } from "../../../lib/utils/GetSelectedRecordsIDsInfo";
 const MASTER_ROW_PROPERTY = "__MASTER_ROW__";
 const ENTITY_NAME_PROPERTY = '__ENTITY_NAME__';
-const NUFIN_COLUMN = 'NUFIN';
 const SERVICE_GET_CONFIGURATIONS = 'SystemUtilsSP.getConf';
 export default class Actions {
   constructor(actionsExecuteInterface, dataUnit, appResourceId) {
@@ -17,6 +17,10 @@ export default class Actions {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._appResourceId = appResourceId;
   }
+  getPrimaryKeys() {
+    const ids = getSelectedRecordsIDsInfo(this._dataUnit);
+    return ids.map(({ name }) => name);
+  }
   apply(action, hasParamsToSave) {
     this._application.closePopUp();
     this._actionsExecuteInterface.execute(action, this._dataUnit)
@@ -83,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) {
@@ -280,11 +284,12 @@ 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();
     const rows = {
       row: []
     };
@@ -298,15 +303,13 @@ export default class Actions {
         delete sourceRow[MASTER_ROW_PROPERTY];
         delete sourceRow[ENTITY_NAME_PROPERTY];
       }
-      for (const fieldName in sourceRow) {
-        if (fieldName !== NUFIN_COLUMN)
-          continue;
-        if (!row.field) {
-          row.field = [];
-        }
+      if (!row.field) {
+        row.field = [];
+      }
+      for (const primaryKey of primaryKeys) {
         row.field.push({
-          fieldName: fieldName,
-          $: sourceRow[fieldName]
+          fieldName: primaryKey,
+          $: sourceRow[primaryKey]
         });
       }
       rows.row.push(row);

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/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/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/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.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);
+  }
+}