@sankhyalabs/sankhyablocks 8.16.0-rc.33 → 8.16.0-rc.34

package/dist/components/ContinuousInsertUtils.js

@@ -1,7 +1,6 @@
 import { D as DataFetcher } from './DataFetcher.js';
-import './pesquisa-fetcher.js';
-import { SortMode, ApplicationContext, UserInterface, DateUtils, ObjectUtils, StringUtils, NumberUtils, DataType } from '@sankhyalabs/core';
 import './ISave.js';
+import { SortMode, ApplicationContext, UserInterface, DateUtils, ObjectUtils, StringUtils, NumberUtils, DataType } from '@sankhyalabs/core';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { P as PreloadManager } from './dataunit-fetcher.js';

package/dist/components/ISave.js

@@ -1,3 +1,348 @@
+import { UserInterface, DataType, ApplicationContext, ErrorException } from '@sankhyalabs/core';
+import { d as dist, D as DataFetcher } from './DataFetcher.js';
+
+function buildGridMetadata(rawValue) {
+  const fieldsMetadata = buildFieldsMetadata(rawValue.fieldsMetadata);
+  const duName = rawValue.descriptionField;
+  const duLabel = rawValue.entityDescription;
+  return {
+    label: duLabel,
+    name: duName,
+    fields: fieldsMetadata,
+  };
+}
+function buildFieldsMetadata(rawMetadata) {
+  if (!rawMetadata || !rawMetadata.length)
+    return [];
+  return rawMetadata.map(field => {
+    return {
+      name: field['fieldName'],
+      label: field['description'],
+      dataType: buildDataType(field['type']),
+      userInterface: buildUserInterface(field),
+      properties: bildProperties(field)
+    };
+  });
+}
+function bildProperties(field) {
+  const properties = {};
+  properties['options'] = buildOptions(field);
+  properties['mask'] = buildMask(field);
+  return properties;
+}
+function buildMask(field) {
+  const fieldUI = field['uiType'];
+  return fieldUI ? String(fieldUI).toLowerCase() : undefined;
+}
+function buildOptions(field) {
+  const optionsJson = field.options;
+  if (!optionsJson)
+    return undefined;
+  const options = [];
+  Object.keys(optionsJson).forEach(key => {
+    options.push({
+      label: key,
+      value: optionsJson[key]
+    });
+  });
+  return options;
+}
+function buildUserInterface(field) {
+  const options = field.options;
+  if (options && Object.keys(options).length > 0)
+    return UserInterface.OPTIONSELECTOR;
+  if (field['type'] === 'D')
+    return UserInterface.DATE;
+  if (field['type'] === 'H')
+    return UserInterface.DATETIME;
+  if (field['type'] === 'T')
+    return UserInterface.TIME;
+  return undefined;
+}
+function buildDataType(rawType) {
+  switch (rawType) {
+    case 'F':
+      return DataType.NUMBER;
+    case 'D':
+    case 'H':
+      return DataType.DATE;
+    case 'B':
+      return DataType.OBJECT;
+    default:
+      return DataType.TEXT;
+  }
+}
+function parseLegacyTree(legacy) {
+  var _a, _b;
+  const structure = (_b = (_a = legacy.arvore) === null || _a === void 0 ? void 0 : _a.no) !== null && _b !== void 0 ? _b : [];
+  return structure.map(parseLegacyItem);
+}
+function parseLegacyItem(node) {
+  return Object.assign({ id: node.codigo, label: `${node.caminho} - ${node.descricao}`, bold: node.analitico === "N", props: { analitico: node.analitico === 'S' } }, (node.no && { children: node.no.map(parseLegacyItem) }));
+}
+function parseGridConfig(rawConfig) {
+  var _a, _b;
+  const columns = [];
+  const fields = (_b = (_a = rawConfig === null || rawConfig === void 0 ? void 0 : rawConfig.gridConfig) === null || _a === void 0 ? void 0 : _a.field) !== null && _b !== void 0 ? _b : {};
+  Object.keys(fields).forEach(key => columns.push(fields[key]));
+  if (!columns.length)
+    return undefined;
+  return { columns };
+}
+
+class PesquisaFetcher {
+  constructor() {
+    this._defaultPageSize = 100;
+    this._templateByQuery = new Map();
+    this._searchListenersByDataUnit = new Map();
+    this.buldTemplates();
+  }
+  buldTemplates() {
+    this._templateByQuery.set("search", dist.gql `query($entityName: String! $argument: String $criteria: InputSearchCriteria $options: InputSearchOptions) {
+                $queryAlias$: search(entityName: $entityName argument: $argument criteria: $criteria options: $options){
+                    value
+                    label
+                }
+            }`);
+  }
+  loadSearchOptions(entityName, argument, criteria, options) {
+    var _a;
+    const cleanText = (argument === null || argument === void 0 ? void 0 : argument.toString().trim()) || undefined;
+    argument = isNaN(Number(cleanText)) && cleanText ? `%${cleanText}` : cleanText;
+    criteria === null || criteria === void 0 ? void 0 : criteria.params.forEach(param => {
+      if (param.dataType === DataType.OBJECT) {
+        param.value = JSON.stringify(param.value);
+      }
+    });
+    const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, options);
+    const values = {
+      argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
+      entityName,
+      criteria: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) || criteria,
+      options: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) || options,
+    };
+    if (values.options) {
+      (_a = values.options) === null || _a === void 0 ? true : delete _a.dataUnitId;
+    }
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values,
+        query: this._templateByQuery.get("search"),
+      })
+        .then((result) => {
+        resolve(result);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  loadAdvancedSearch(entityName, argument, criteria, searchOptions) {
+    var _a, _b, _c, _d, _e;
+    const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
+    const values = {
+      argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
+      criteria: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) || criteria,
+      searchOptions: Object.assign(Object.assign({}, searchOptions), listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions),
+    };
+    const serviceName = "PesquisaSP.getSuggestion";
+    const externalCriteria = {
+      query: {
+        $: (_a = values.criteria) === null || _a === void 0 ? void 0 : _a.expression
+      }
+    };
+    if (((_c = (_b = values.criteria) === null || _b === void 0 ? void 0 : _b.params) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+      externalCriteria.params = {
+        param: values.criteria.params.map(param => {
+          let value = param.value;
+          if (typeof value === "string") {
+            const match = /CTX\{([^}]+)\}/.exec(value);
+            if (match) {
+              value = ApplicationContext.getContextValue(`__SNK__APPLICATION__FILTER__CONTEXT(${match[1]})__`);
+            }
+          }
+          if (param.dataType === DataType.NUMBER && value === undefined) {
+            throw new ErrorException("Falha detectada", `O campo ${param.name} deve ser informado.`);
+          }
+          let type = param.dataType;
+          if (type === DataType.OBJECT) {
+            value = value.value;
+            type = "S";
+          }
+          else {
+            type = convertParamType(param.dataType);
+          }
+          return { $: value, type };
+        })
+      };
+    }
+    const options = searchOptions != undefined
+      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true }) : undefined;
+    const reqBody = {
+      "serviceName": serviceName,
+      "requestBody": {
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "query": { "$": values.argument }, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
+        "clientEventList": {
+          "clientEvent": []
+        }
+      }
+    };
+    const urlOptions = {
+      urlParams: {
+        "quietMode": true
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callServiceBroker("PesquisaSP.getSuggestion", JSON.stringify(reqBody), urlOptions)
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
+  addSearchListener(entityName, dataUnitID, listener) {
+    var _a;
+    const dataUnitSearchListeners = this._searchListenersByDataUnit.get(dataUnitID) || [];
+    const entityListener = dataUnitSearchListeners.find(currentListener => currentListener.entity === entityName);
+    if (!entityListener) {
+      this._searchListenersByDataUnit.set(dataUnitID, [...dataUnitSearchListeners, { entity: entityName, listener }]);
+    }
+    else {
+      for (const type of Object.keys(listener)) {
+        if (type in entityListener.listener) {
+          const listenerFunctionIsEquals = ((_a = entityListener.listener[type]) === null || _a === void 0 ? void 0 : _a.toString()) === listener[type].toString();
+          if (listenerFunctionIsEquals)
+            continue;
+          entityListener.listener[type] = listener[type];
+        }
+      }
+    }
+    return () => {
+      const newListeners = dataUnitSearchListeners.filter(currentListener => currentListener.entity !== entityName);
+      if (!newListeners.length) {
+        this._searchListenersByDataUnit.delete(dataUnitID);
+        return;
+      }
+      this._searchListenersByDataUnit.set(dataUnitID, newListeners);
+    };
+  }
+  applySearchListener(listenerType, entityName, argument, criteria, searchOptions) {
+    var _a;
+    const dataUnitId = searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.dataUnitId;
+    if (!dataUnitId)
+      return;
+    const entityListener = (_a = this._searchListenersByDataUnit.get(dataUnitId)) === null || _a === void 0 ? void 0 : _a.find(({ entity }) => entity === entityName);
+    if (!entityListener)
+      return;
+    const { listener } = entityListener;
+    if (!(listenerType in listener))
+      return;
+    return listener[listenerType]({ argument, criteria, searchOptions });
+  }
+  async loadPresentationConfig(entityName) {
+    var _a, _b;
+    let payload = buildLoadConfig(entityName);
+    const response = await DataFetcher.get().callServiceBroker("SystemUtilsSP.getConf", JSON.stringify(payload));
+    return (_b = (_a = response === null || response === void 0 ? void 0 : response.config) === null || _a === void 0 ? void 0 : _a.lastUsedMode) !== null && _b !== void 0 ? _b : 'list';
+  }
+  async savePresentationConfig(entityName, lastUsedMode) {
+    let payload = buildSaveConfig(entityName, lastUsedMode);
+    await DataFetcher.get().callServiceBroker("SystemUtilsSP.saveConf", JSON.stringify(payload));
+  }
+  async loadPesquisaGridConfig(entityName) {
+    const payload = buildLoadGridConfigPayload(entityName);
+    const response = await DataFetcher.get().callServiceBroker("GridConfig.getGridConfigFromJson", JSON.stringify(payload));
+    return parseGridConfig(response);
+  }
+  async savePesquisaGridConfig(entityName, columns) {
+    const payload = buildSaveGridConfigPayload(entityName, columns);
+    await DataFetcher.get().callServiceBroker("GridConfig.saveGridConfigFromJSON", JSON.stringify(payload));
+  }
+  async loadTree(entityName, argument, criteria, searchOptions) {
+    const requestBody = this.buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions);
+    const response = await DataFetcher.get().callServiceBroker("Pesquisa.getStructuredData", JSON.stringify(requestBody));
+    return parseLegacyTree(response);
+  }
+  buildLoadTreeRequestBody(entityName, argument, criteria, searchOptions) {
+    var _a, _b, _c;
+    const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
+    console.log("criteria: ", criteria);
+    const incomeSearchOptions = (_a = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.searchOptions) !== null && _a !== void 0 ? _a : searchOptions;
+    const rootEntity = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.rootEntity;
+    const codeFieldName = incomeSearchOptions === null || incomeSearchOptions === void 0 ? void 0 : incomeSearchOptions.codeFieldName;
+    const expression = (_b = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _b === void 0 ? void 0 : _b.expression;
+    const params = (_c = listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.criteria) === null || _c === void 0 ? void 0 : _c.params;
+    const instancia = {
+      'nome': entityName,
+      'nomeInstanciaLocal': rootEntity,
+      'codeFieldName': codeFieldName,
+    };
+    if (expression) {
+      instancia['criterioLiteral'] = {
+        'expressao': {
+          '$': expression,
+        },
+        'parametro': params,
+      };
+    }
+    return {
+      'instancia': instancia,
+    };
+  }
+}
+function buildLoadGridConfigPayload(entityName) {
+  return {
+    'gridConfig': {
+      'configName': `GrdCfgHtml5:grdcfg.dynaform.pesquisa.${entityName}`,
+    },
+  };
+}
+function buildSaveGridConfigPayload(entityName, columns) {
+  const field = {};
+  columns === null || columns === void 0 ? void 0 : columns.forEach((col, index) => field[`field${index}`] = col);
+  return {
+    'gridConfig': {
+      'compactMode': true,
+      'configName': `GrdCfgHtml5:grdcfg.dynaform.pesquisa.${entityName}`,
+      field,
+    },
+  };
+}
+function buildLoadConfig(entityName) {
+  return {
+    'config': {
+      'chave': `PesquisaContent:${entityName}`,
+      'tipo': 'T',
+    },
+  };
+}
+function buildSaveConfig(entityName, lastUsedMode) {
+  return {
+    'config': {
+      lastUsedMode,
+      'chave': `PesquisaContent:${entityName}`,
+      'tipo': 'T',
+    }
+  };
+}
+function convertParamType(dataType) {
+  //Alerta: Cuidado pra não contaminar o DataType com a implementação
+  //atual da pesquisa... em geral, somente inteiros,
+  //data (com ou sem hora) e string são realmente relevantes
+  switch (dataType) {
+    case DataType.NUMBER:
+      return "I";
+    case DataType.DATE:
+      return "D";
+    default:
+      return "S";
+  }
+}
+var SearchListenerType;
+(function (SearchListenerType) {
+  SearchListenerType["beforeSearch"] = "beforeSearch";
+})(SearchListenerType || (SearchListenerType = {}));
+
 var PresentationMode;
 (function (PresentationMode) {
   PresentationMode["PRIMARY"] = "primary";
@@ -44,4 +389,4 @@ var SaveErrorsEnum;
   SaveErrorsEnum["DESCRIPTION_CANNOT_BE_CHANGED"] = "DESCRIPTION_CANNOT_BE_CHANGED";
 })(SaveErrorsEnum || (SaveErrorsEnum = {}));
 
-export { DataExporterOption as D, PresentationMode as P, SaveErrorsEnum as S, DataExporterType as a, DataExporterFormat as b };
+export { DataExporterOption as D, PresentationMode as P, SaveErrorsEnum as S, PesquisaFetcher as a, DataExporterType as b, DataExporterFormat as c, buildGridMetadata as d };

package/dist/components/dataunit-fetcher.js

@@ -247,7 +247,7 @@ function buildLoadDataResponse(recordsIn, dataUnit, request) {
   };
   return Promise.resolve({
     records: getPagesByRecords(records, offset, limit),
-    paginationInfo: buildPaginationInfo(paginationInfoBuilderParams),
+    paginationInfo: dataUnit.pageSize ? buildPaginationInfo(paginationInfoBuilderParams) : undefined,
   });
 }
 function applySorting(records, dataUnit, sorting) {

package/dist/components/index.d.ts

@@ -1,4 +1,6 @@
 /* sankhyablocks custom elements */
+export { PesquisaGrid as PesquisaGrid } from '../types/components/snk-pesquisa/pesquisa-grid/pesquisa-grid';
+export { PesquisaTree as PesquisaTree } from '../types/components/snk-pesquisa/pesquisa-tree/pesquisa-tree';
 export { SnkActionsButton as SnkActionsButton } from '../types/components/snk-actions-button/snk-actions-button';
 export { SnkActionsForm as SnkActionsForm } from '../types/components/snk-actions-button/subcomponents/snk-actions-form';
 export { SnkApplication as SnkApplication } from '../types/components/snk-application/snk-application';

package/dist/components/index.js

@@ -1,4 +1,6 @@
 export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { PesquisaGrid, defineCustomElement as defineCustomElementPesquisaGrid } from './pesquisa-grid.js';
+export { PesquisaTree, defineCustomElement as defineCustomElementPesquisaTree } from './pesquisa-tree.js';
 export { SnkActionsButton, defineCustomElement as defineCustomElementSnkActionsButton } from './snk-actions-button.js';
 export { SnkActionsForm, defineCustomElement as defineCustomElementSnkActionsForm } from './snk-actions-form.js';
 export { SnkApplication, defineCustomElement as defineCustomElementSnkApplication } from './snk-application.js';

package/dist/components/pesquisa-grid.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PesquisaGrid extends Components.PesquisaGrid, HTMLElement {}
+export const PesquisaGrid: {
+  prototype: PesquisaGrid;
+  new (): PesquisaGrid;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/pesquisa-grid.js

@@ -0,0 +1,6 @@
+import { P as PesquisaGrid$1, d as defineCustomElement$1 } from './pesquisa-grid2.js';
+
+const PesquisaGrid = PesquisaGrid$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PesquisaGrid, defineCustomElement };

package/dist/components/pesquisa-grid2.js

@@ -0,0 +1,86 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { I as InMemoryLoader } from './dataunit-fetcher.js';
+import './DataFetcher.js';
+import { a as PesquisaFetcher } from './ISave.js';
+import '@sankhyalabs/core';
+import '@sankhyalabs/ezui/dist/collection/utils/constants';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './filter-item-type.enum.js';
+import './form-config-fetcher.js';
+
+const pesquisaGridCss = ".sc-pesquisa-grid-h{height:100vh;background:var(--background--xlight, #FFF);overflow-x:auto}ez-grid.sc-pesquisa-grid{--ez-grid__container--shadow:none;--ez-grid__header--shadow:none}";
+
+const PesquisaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.pesquisaGridSelectItem = createEvent(this, "pesquisaGridSelectItem", 7);
+    this._pesquisaFetcher = new PesquisaFetcher();
+    this.metadata = undefined;
+    this.dataSource = [];
+    this.pkField = undefined;
+    this.descriptionField = undefined;
+    this.entityName = undefined;
+    this._inMemoryLoader = undefined;
+    this._dataunit = undefined;
+    this._gridConfig = undefined;
+  }
+  observeDataSource(newValue) {
+    if (!this._inMemoryLoader || !this._dataunit || !newValue)
+      return;
+    this._inMemoryLoader.records = [...newValue];
+  }
+  async componentWillLoad() {
+    this.initializeDataUnit();
+    this._gridConfig = await this._pesquisaFetcher.loadPesquisaGridConfig(this.entityName);
+  }
+  initializeDataUnit() {
+    var _a;
+    this._inMemoryLoader = new InMemoryLoader(this.metadata, (_a = this.dataSource) !== null && _a !== void 0 ? _a : []);
+    this._dataunit = this._inMemoryLoader.dataUnit;
+    this._dataunit.pageSize = 0;
+  }
+  handleDbClick(record) {
+    const option = {
+      value: record[this.pkField],
+      label: record[this.descriptionField],
+    };
+    this.pesquisaGridSelectItem.emit(option);
+  }
+  async handleConfigChanged({ detail }) {
+    var _a;
+    const columns = (_a = detail === null || detail === void 0 ? void 0 : detail.columns) !== null && _a !== void 0 ? _a : [];
+    await this._pesquisaFetcher.savePesquisaGridConfig(this.entityName, columns);
+  }
+  render() {
+    return (h(Host, null, h("ez-grid", { dataUnit: this._dataunit, config: this._gridConfig, canEdit: false, suppressCheckboxColumn: true, compact: true, autoFocus: false, onEzDoubleClick: ({ detail }) => this.handleDbClick(detail), onConfigChange: async (event) => this.handleConfigChanged(event) })));
+  }
+  static get watchers() { return {
+    "dataSource": ["observeDataSource"]
+  }; }
+  static get style() { return pesquisaGridCss; }
+}, [2, "pesquisa-grid", {
+    "metadata": [16],
+    "dataSource": [16],
+    "pkField": [1, "pk-field"],
+    "descriptionField": [1, "description-field"],
+    "entityName": [1, "entity-name"],
+    "_inMemoryLoader": [32],
+    "_dataunit": [32],
+    "_gridConfig": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pesquisa-grid"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pesquisa-grid":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PesquisaGrid);
+      }
+      break;
+  } });
+}
+
+export { PesquisaGrid as P, defineCustomElement as d };