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

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';
@@ -40,6 +42,7 @@ export { SnkFormView, defineCustomElement as defineCustomElementSnkFormView } fr
 export { SnkGrid, defineCustomElement as defineCustomElementSnkGrid } from './snk-grid.js';
 export { SnkGridConfig, defineCustomElement as defineCustomElementSnkGridConfig } from './snk-grid-config.js';
 export { SnkGuidesViewer, defineCustomElement as defineCustomElementSnkGuidesViewer } from './snk-guides-viewer.js';
+export { SnkLayoutFormConfig, defineCustomElement as defineCustomElementSnkLayoutFormConfig } from './snk-layout-form-config.js';
 export { SnkPersonalizedFilter, defineCustomElement as defineCustomElementSnkPersonalizedFilter } from './snk-personalized-filter.js';
 export { SnkPersonalizedFilterEditor, defineCustomElement as defineCustomElementSnkPersonalizedFilterEditor } from './snk-personalized-filter-editor.js';
 export { SnkPesquisa, defineCustomElement as defineCustomElementSnkPesquisa } from './snk-pesquisa.js';
@@ -47,7 +50,9 @@ 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 { SnkViewRepresentation, defineCustomElement as defineCustomElementSnkViewRepresentation } from './snk-view-representation.js';
 export { TaskbarActionsButton, defineCustomElement as defineCustomElementTaskbarActionsButton } from './taskbar-actions-button.js';
 export { TestePesquisa, defineCustomElement as defineCustomElementTestePesquisa } from './teste-pesquisa.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,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)
+      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,15 @@
 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';
 
 const SERVICE_ACTION_EXECUTE_JAVA = 'ActionButtonsSP.executeJava';
@@ -161,7 +162,6 @@ var RefreshType;
 
 const MASTER_ROW_PROPERTY = "__MASTER_ROW__";
 const ENTITY_NAME_PROPERTY = '__ENTITY_NAME__';
-const NUFIN_COLUMN = 'NUFIN';
 const SERVICE_GET_CONFIGURATIONS = 'SystemUtilsSP.getConf';
 class Actions {
   constructor(actionsExecuteInterface, dataUnit, appResourceId) {
@@ -173,6 +173,10 @@ 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)
@@ -239,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) {
@@ -436,11 +440,12 @@ 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: []
     };
@@ -454,15 +459,13 @@ 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);
@@ -595,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;
@@ -604,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;
@@ -657,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;
@@ -666,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)
@@ -695,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
@@ -710,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;