@sankhyalabs/sankhyablocks 8.16.0-rc.9 → 9.0.0-rc.1

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,102 @@
+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';
+import './constants.js';
+
+const pesquisaGridCss = ".sc-pesquisa-grid-h{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.shouldLoadConfig = false;
+    this._gridConfig = undefined;
+    this._inMemoryLoader = undefined;
+    this._dataunit = undefined;
+  }
+  observeDataSource(newValue) {
+    if (!this._inMemoryLoader || !this._dataunit || !newValue)
+      return;
+    this._inMemoryLoader.records = [...newValue];
+  }
+  observeMetadata() {
+    this.initializeDataUnit();
+  }
+  async observeShouldLoadConfig(newValue) {
+    if (!newValue || this._gridConfig)
+      return;
+    await this.loadGridConfig();
+  }
+  async loadGridConfig() {
+    this._gridConfig = await this._pesquisaFetcher.loadPesquisaGridConfig(this.entityName);
+  }
+  initializeDataUnit() {
+    var _a;
+    if (!this.metadata || this._dataunit)
+      return;
+    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() {
+    if (!this.metadata || !this._dataunit)
+      return;
+    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"],
+    "metadata": ["observeMetadata"],
+    "shouldLoadConfig": ["observeShouldLoadConfig"]
+  }; }
+  static get style() { return pesquisaGridCss; }
+}, [2, "pesquisa-grid", {
+    "metadata": [16],
+    "dataSource": [16],
+    "pkField": [1, "pk-field"],
+    "descriptionField": [1, "description-field"],
+    "entityName": [1, "entity-name"],
+    "shouldLoadConfig": [4, "should-load-config"],
+    "_gridConfig": [32],
+    "_inMemoryLoader": [32],
+    "_dataunit": [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,91 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } 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;min-height:var(--snk-pesquisa--tree__min-height);height:100%;display:block;overflow-y:auto}.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.shouldLoadTree = false;
+    this.items = [];
+  }
+  async applyFilter() {
+    await this._tree.applyFilter(this.argument);
+  }
+  async observeShouldLoadTree(newValue) {
+    if (!newValue || this.items.length > 0)
+      return;
+    await this.loadTree();
+  }
+  async loadTree() {
+    if (!this.shouldLoadTree)
+      return;
+    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);
+  }
+  renderEmptyMessage() {
+    return (h("div", { class: "ez-flex ez-flex--justify-center ez-flex--align-items-center ez-margin--large ez-text ez-text--xlarge ez-text--secondary" }, h("span", null, "Nenhum registro encontrado...")));
+  }
+  render() {
+    var _a;
+    return (h(Host, null, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ?
+      this.renderEmptyMessage() :
+      h(Fragment, 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 watchers() { return {
+    "shouldLoadTree": ["observeShouldLoadTree"]
+  }; }
+  static get style() { return pesquisaTreeCss; }
+}, [2, "pesquisa-tree", {
+    "treeLoader": [16],
+    "argument": [1025],
+    "allowsNonAnalytic": [4, "allows-non-analytic"],
+    "shouldLoadTree": [4, "should-load-tree"],
+    "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 };

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

@@ -1,14 +1,14 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils, DateUtils, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
+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';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
+import './constants.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils.js';
 
@@ -243,9 +243,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 +440,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();
@@ -598,6 +598,7 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     super();
     this.__registerHost();
     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;
@@ -607,27 +608,22 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     };
     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;
@@ -660,7 +656,7 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   }
   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;
@@ -669,9 +665,8 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       this._resourceID = await ResourceIDUtils.getResourceID();
     }
     this.setEvents();
-    this.getActions().then(() => {
-      this.loadItems();
-    });
+    await this.getActions();
+    this.loadItems();
   }
   async componentDidLoad() {
     if (!this._element)
@@ -698,6 +693,11 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       [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
@@ -713,10 +713,11 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   static get style() { return snkActionsButtonCss; }
 }, [2, "snk-actions-button", {
     "_items": [32],
-    "_showDropdown": [32],
-    "_actions": [32],
-    "_isOrderActions": [32]
+    "_showDropdown": [32]
   }]);
+SnkActionsButton.parameters = {
+  isOrderActions: null
+};
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;