@sankhyalabs/sankhyablocks 8.16.0-rc.4 → 8.16.0-rc.41

package/dist/components/dataunit-fetcher.js

@@ -9,6 +9,9 @@ import { R as ResourceIDUtils } from './ResourceIDUtils.js';
 class ArrayRepository {
   constructor(equalsFunction) {
     this._list = [];
+    this._listCopy = [];
+    this._listLastUpdate = 0;
+    this._listCopyLastUpdate = 0;
     this._equalsFunction = equalsFunction;
   }
   async load(filterFunction, sortingFunction, offset, limit) {
@@ -47,13 +50,13 @@ class ArrayRepository {
     return Promise.resolve(new Map(processedItems.map(item => [item.key, item.value])));
   }
   async push(items) {
-    this._list.push(...items);
+    this.updateList([...this._list, ...items]);
   }
   async clear() {
-    this._list = [];
+    this.updateList([]);
   }
   async delete(items) {
-    this._list = this._list.filter(item => {
+    const list = this._list.filter(item => {
       for (const removed of items) {
         if (this._equalsFunction(item, removed)) {
           return false;
@@ -61,20 +64,23 @@ class ArrayRepository {
       }
       return true;
     });
+    this.updateList(list);
   }
   async update(items) {
-    this._list = this._list.map(existingItem => {
+    const list = this._list.map(existingItem => {
       const newItem = items.find(newItem => this._equalsFunction(existingItem, newItem));
       return newItem == undefined ? existingItem : newItem;
     });
+    this.updateList(list);
   }
   async insert(itemReference, items) {
     const itemPosition = this._list.indexOf(itemReference);
     if (itemPosition == -1) {
-      this._list.push(...items);
+      this.push(items);
       return;
     }
-    this._list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    const list = this._list.slice(0, itemPosition).concat(items).concat(this._list.slice(itemPosition));
+    this.updateList(list);
   }
   isOperating() {
     return true;
@@ -86,7 +92,15 @@ class ArrayRepository {
     return Promise.resolve(this._list.length);
   }
   getFromCache() {
-    return ObjectUtils.copy(this._list);
+    if (this._listLastUpdate > this._listCopyLastUpdate) {
+      this._listCopyLastUpdate = this._listLastUpdate;
+      this._listCopy = ObjectUtils.copy(this._list);
+    }
+    return this._listCopy;
+  }
+  updateList(newList) {
+    this._list = newList;
+    this._listLastUpdate = Date.now();
   }
 }
 
@@ -235,6 +249,21 @@ function applyFilter(records, dataUnit, filters) {
   }
   return records.filter(filterFunction);
 }
+function buildLoadDataResponse(recordsIn, dataUnit, request) {
+  let records = recordsIn ? [...recordsIn] : [];
+  records = applyFilter(records, dataUnit, request.filters);
+  records = applySorting(records, dataUnit, request.sort);
+  const { offset, limit } = request;
+  const paginationInfoBuilderParams = {
+    recordsLength: records.length,
+    offset,
+    recordsPerPage: limit,
+  };
+  return Promise.resolve({
+    records: getPagesByRecords(records, offset, limit),
+    paginationInfo: dataUnit.pageSize ? buildPaginationInfo(paginationInfoBuilderParams) : undefined,
+  });
+}
 function applySorting(records, dataUnit, sorting) {
   if (sorting == undefined || sorting.length == 0) {
     return records;
@@ -245,18 +274,28 @@ function applySorting(records, dataUnit, sorting) {
   }
   return records.sort(sortingFunction);
 }
-function buildPaginationInfo(records, offset = 0, limit = 0) {
-  if (records === undefined) {
-    return undefined;
+function hasValidLimitAndOffset(offset, limit) {
+  return offset >= 0 && limit >= 0;
+}
+function getPagesByRecords(records, offset = 0, limit = 0) {
+  if (!records || !records.length || !hasValidLimitAndOffset(offset, limit))
+    return [];
+  if (limit === 0 && offset === 0)
+    return records;
+  return records.slice(offset, offset + limit);
+}
+function buildPaginationInfo({ recordsLength = 0, offset = 0, recordsPerPage = 0 }) {
+  if (!recordsLength) {
+    return { currentPage: 0, firstRecord: 0, lastRecord: 0, total: 0, hasMore: false };
   }
-  const total = (records === null || records === void 0 ? void 0 : records.length) || 0;
-  const lastRecord = Math.min(offset + limit, total);
+  const lastRecordIndex = offset + recordsPerPage;
+  const lastRecord = lastRecordIndex ? Math.min(lastRecordIndex, recordsLength) : recordsLength;
   return {
-    currentPage: limit === 0 ? 0 : Math.ceil(offset / limit),
-    firstRecord: offset,
+    currentPage: recordsPerPage === 0 ? 0 : Math.ceil(offset / recordsPerPage),
+    firstRecord: offset + 1,
     lastRecord: lastRecord,
-    total: total,
-    hasMore: !!(total - lastRecord),
+    total: recordsLength,
+    hasMore: lastRecord < recordsLength,
   };
 }
 
@@ -342,9 +381,7 @@ class InMemoryLoader {
     return StringUtils.generateUUID();
   }
   inMemoryLoader(dataUnit, request, recordsIn) {
-    let records = applyFilter(recordsIn, dataUnit, request.filters);
-    records = applySorting(records, dataUnit, request.sort);
-    return Promise.resolve({ records, paginationInfo: buildPaginationInfo(records, request.offset, request.limit) });
+    return buildLoadDataResponse(recordsIn, dataUnit, request);
   }
   metadaLoader() {
     return Promise.resolve(this._metadata);
@@ -424,12 +461,19 @@ class DatasetStrategy {
       const records = this.processRecords(dataUnit, fields, responseRecords);
       const loadingInProgress = pagerId != undefined;
       const count = loadingInfo.count + records.length;
+      const isInsertingNewRecord = dataUnit.hasNewRecord();
       const needReload = !loadingInProgress && localSorting.length > 0;
+      /**
+       * Caso precise recarregar dados, porém está no meio de uma inserção, os dados não devem recarregados instantaneamente,
+       * Mas sim, sinalizar que o dataUnit está aguardando para der recarregado.
+       */
+      if (needReload && isInsertingNewRecord) {
+        dataUnit.setWaitingToReload(true);
+      }
       return Promise.resolve({
         records,
         loadingInfo: Object.assign(Object.assign({}, loadingInfo), { pagerId,
-          loadingInProgress, total: loadingInProgress ? undefined : count, count,
-          needReload })
+          loadingInProgress, total: loadingInProgress ? undefined : count, count, needReload: needReload && !isInsertingNewRecord })
       });
     }
     catch (error) {
@@ -682,7 +726,7 @@ class DataUnitDataLoader {
     }
     const count = loadingInfo.count;
     if (loadingInfo.loadingInProgress) {
-      dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { count }));
+      dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { count, loadingInProgress: true }));
       return;
     }
     if (loadingInfo.needReload) {
@@ -690,7 +734,7 @@ class DataUnitDataLoader {
       dataUnit.gotoPage(0);
       return;
     }
-    dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { total: count, count }));
+    dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { total: count, count, loadingInProgress: false }));
   }
   static registryLoading(dataUnit, loadingInfo) {
     if (loadingInfo == undefined) {
@@ -1052,4 +1096,4 @@ class DataUnitFetcher {
   }
 }
 
-export { DataUnitFetcher as D, InMemoryLoader as I, PreloadManager as P, applyFilter as a, applySorting as b, buildPaginationInfo as c, DatasetStrategy as d, getRecordValue as g };
+export { DataUnitFetcher as D, InMemoryLoader as I, PreloadManager as P, DatasetStrategy as a, buildLoadDataResponse as b, getRecordValue as g };

package/dist/components/form-config-fetcher.js

@@ -217,7 +217,10 @@ class FormConfigFetcher extends ResourceFetcher {
         query: this.queryConfig.get("fetchDefaultConfig"),
       })
         .then((result) => {
-        resolve(ObjectUtils.stringToObject((result === null || result === void 0 ? void 0 : result.resource) || ''));
+        if (!(result === null || result === void 0 ? void 0 : result.resource)) {
+          resolve(null);
+        }
+        resolve(ObjectUtils.stringToObject(result === null || result === void 0 ? void 0 : result.resource));
       })
         .catch((error) => {
         reject(error);
@@ -237,6 +240,43 @@ class FormConfigFetcher extends ResourceFetcher {
       return undefined;
     return this.buildLegacyConfigurableForm(response);
   }
+  async fetchSimpleFormConfig(configName) {
+    const payload = { 'requestBody': { 'formConfig': { 'configName': configName } } };
+    const response = await DataFetcher.get().callServiceBroker('FormConfig.getFormConfig', JSON.stringify(payload));
+    return this.processConfig(response);
+  }
+  async saveSimpleFormConfig(configName, fieldList) {
+    const payload = this.buildSaveSimpleFormConfigPayload(configName, fieldList);
+    const response = await DataFetcher.get().callServiceBroker('FormConfig.saveFormConfig', JSON.stringify(payload));
+    this.processConfig(response);
+  }
+  processConfig(response) {
+    if (ObjectUtils.isEmpty(response))
+      return [];
+    const fields = this.getResponseAsArray(response);
+    return fields.map(field => field.name);
+  }
+  getResponseAsArray(response) {
+    var _a, _b, _c;
+    const rawFields = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.formConfig) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.field) !== null && _c !== void 0 ? _c : [];
+    return Array.isArray(rawFields) ? rawFields : [rawFields];
+  }
+  buildSaveSimpleFormConfigPayload(configName, fieldNameList) {
+    const fieldList = fieldNameList.map(fieldName => { return { name: fieldName }; });
+    return {
+      formConfig: {
+        configName,
+        layout: {
+          field: fieldList,
+        },
+        metadata: { field: [] },
+      }
+    };
+  }
+  async restoreFormConfig(configName) {
+    const payload = { 'requestBody': { 'formConfig': { 'configName': configName } } };
+    await DataFetcher.get().callServiceBroker('FormConfig.restoreFormConfig', JSON.stringify(payload));
+  }
   buildLegacyConfigurableForm(config) {
     var _a, _b, _c;
     const rawFields = (_c = (_b = (_a = config === null || config === void 0 ? void 0 : config.formConfig) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.field) !== null && _c !== void 0 ? _c : [];

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';
@@ -47,6 +49,7 @@ export { SnkPrintSelector as SnkPrintSelector } from '../types/components/snk-pr
 export { SelectBox as SnkSelectBox } from '../types/components/snk-grid-config/snk-select-box/snk-select-box';
 export { SnkSimpleBar as SnkSimpleBar } from '../types/components/snk-simple-bar/snk-simple-bar';
 export { SnkSimpleCrud as SnkSimpleCrud } from '../types/components/snk-simple-crud/snk-simple-crud';
+export { SnkSimpleFormConfig as SnkSimpleFormConfig } from '../types/components/snk-simple-form-config/snk-simple-form-config';
 export { SnkTabConfig as SnkTabConfig } from '../types/components/snk-form-config/subcomponents/snk-tab-config/snk-tab-config';
 export { SnkTaskbar as SnkTaskbar } from '../types/components/snk-taskbar/snk-taskbar';
 export { TaskbarActionsButton as TaskbarActionsButton } from '../types/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button';

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';
@@ -47,6 +49,7 @@ export { SnkPrintSelector, defineCustomElement as defineCustomElementSnkPrintSel
 export { SnkSelectBox, defineCustomElement as defineCustomElementSnkSelectBox } from './snk-select-box.js';
 export { SnkSimpleBar, defineCustomElement as defineCustomElementSnkSimpleBar } from './snk-simple-bar.js';
 export { SnkSimpleCrud, defineCustomElement as defineCustomElementSnkSimpleCrud } from './snk-simple-crud.js';
+export { SnkSimpleFormConfig, defineCustomElement as defineCustomElementSnkSimpleFormConfig } from './snk-simple-form-config.js';
 export { SnkTabConfig, defineCustomElement as defineCustomElementSnkTabConfig } from './snk-tab-config.js';
 export { SnkTaskbar, defineCustomElement as defineCustomElementSnkTaskbar } from './snk-taskbar.js';
 export { TaskbarActionsButton, defineCustomElement as defineCustomElementTaskbarActionsButton } from './taskbar-actions-button.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 };

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

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

package/dist/components/pesquisa-tree.js

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

package/dist/components/pesquisa-tree2.js

@@ -0,0 +1,76 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const pesquisaTreeCss = ".sc-pesquisa-tree-h{--snk-pesquisa--tree__action-container--top:var(--space--sm);--snk-pesquisa--tree__action-container--right:var(--space--small);--snk-pesquisa--tree__min-height:var(--space--extra-large);background:var(--background--xlight, #FFF);position:relative;display:inline-block;min-height:var(--snk-pesquisa--tree__min-height)}.sc-pesquisa-tree-h:hover .actions-container.sc-pesquisa-tree{display:flex}.actions-container.sc-pesquisa-tree{flex-direction:row;position:absolute;top:var(--snk-pesquisa--tree__action-container--top);right:var(--snk-pesquisa--tree__action-container--right);display:none}";
+
+const PesquisaTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.pesquisaTreeSelectItem = createEvent(this, "pesquisaTreeSelectItem", 7);
+    this.treeLoader = undefined;
+    this.argument = undefined;
+    this.allowsNonAnalytic = false;
+    this.items = [];
+  }
+  async applyFilter() {
+    await this._tree.applyFilter(this.argument);
+  }
+  async loadTree() {
+    if (!this.treeLoader || typeof this.treeLoader !== 'function')
+      return;
+    const response = await this.treeLoader((this.argument || '').trim());
+    this.items = [...response];
+  }
+  expandOrCloseAllItems(items, expanded) {
+    return items.map(item => (Object.assign(Object.assign({}, item), { expanded, children: item.children ? this.expandOrCloseAllItems(item.children, expanded) : undefined })));
+  }
+  handleExpandAll() {
+    this.items = [...this.expandOrCloseAllItems(this.items, true)];
+  }
+  handleCloseAll() {
+    this.items = [...this.expandOrCloseAllItems(this.items, false)];
+  }
+  handleDbClick(item) {
+    var _a;
+    if (!this.allowsNonAnalytic && !((_a = item['props']) === null || _a === void 0 ? void 0 : _a['analitico'])) {
+      const title = 'Erro';
+      const message = `Há pelo menos um registro inválido selecionado. Você deve selecionar itens do tipo 'analítico'.`;
+      ApplicationUtils.error(title, message);
+      return;
+    }
+    const option = {
+      value: item.id,
+      label: item.label,
+    };
+    this.pesquisaTreeSelectItem.emit(option);
+  }
+  async componentWillLoad() {
+    await this.loadTree();
+  }
+  render() {
+    return (h(Host, null, h("div", { class: 'actions-container' }, h("ez-button", { size: 'small', mode: 'icon', class: 'ez-margin-right--small', iconName: 'show-list', title: "Expandir", onClick: () => this.handleExpandAll() }), h("ez-button", { size: 'small', mode: 'icon', iconName: 'hide-list', title: "Recolher", onClick: () => this.handleCloseAll() })), h("ez-tree", { ref: (element) => this._tree = element, onEzDbClickItem: ({ detail }) => this.handleDbClick(detail), items: this.items })));
+  }
+  static get style() { return pesquisaTreeCss; }
+}, [2, "pesquisa-tree", {
+    "treeLoader": [16],
+    "argument": [1025],
+    "allowsNonAnalytic": [4, "allows-non-analytic"],
+    "items": [32],
+    "applyFilter": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pesquisa-tree"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pesquisa-tree":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PesquisaTree);
+      }
+      break;
+  } });
+}
+
+export { PesquisaTree as P, defineCustomElement as d };