@sankhyalabs/sankhyablocks 8.16.0-dev.12 → 8.16.0-dev.120

package/dist/collection/components/snk-pesquisa/snk-pesquisa.js

@@ -1,5 +1,7 @@
-import { ObjectUtils, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ElementIDUtils, ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
+import { buildGridMetadata, PESQUISA_VIEW_MODE } from './pesquisaHelper';
+import { PesquisaFetcher } from '../../lib';
 export class SnkPesquisa {
   constructor() {
     this._mdByName = {};
@@ -11,11 +13,20 @@ export class SnkPesquisa {
     this._changeDeboucingTimeout = null;
     this._limitCharsToSearch = 3;
     this._deboucingTime = 450;
+    this._gridDataSource = [];
+    this.pesquisaFetcher = new PesquisaFetcher();
     this._itemList = undefined;
     this._startLoading = false;
+    this._presentationMode = "list";
+    this._currentView = undefined;
+    this._valideDataSource = false;
     this.searchLoader = undefined;
+    this.treeLoader = undefined;
     this.selectItem = undefined;
+    this.entityName = undefined;
     this.argument = undefined;
+    this.isHierarchyEntity = false;
+    this.allowsNonAnalytic = false;
   }
   observeArgument() {
     if (this._textInput) {
@@ -53,36 +64,42 @@ export class SnkPesquisa {
       this._startLoading = true;
       this.searchLoader(argument)
         .then((resp) => {
+        if (!resp)
+          return;
+        this.processSearchResponse(resp);
+      }).finally(() => {
         this._startLoading = false;
-        if (resp) {
-          resp = ObjectUtils.stringToObject(resp.json.$);
-          let descriptionField = resp.descriptionField;
-          let pkField = resp.pkField;
-          if (pkField) {
-            let newItemList = [];
-            resp.data.forEach((item) => {
-              var _a;
-              let fieldsMetadata = this.filterFieldsMetadata(resp, item);
-              let fields = this.buildFirstFields(item['__matchFields'], fieldsMetadata);
-              let exibitionItem = {
-                key: this.highlightValue(item['__matchFields'], (_a = item[pkField]) === null || _a === void 0 ? void 0 : _a.toString(), fields, true),
-                title: descriptionField ? this.highlightValue(item['__matchFields'], item[descriptionField], fields, true) : "",
-                details: this.buildDetails(fields, item)
-              };
-              newItemList.push(exibitionItem);
-            });
-            this._itemList = newItemList;
-          }
-        }
-      }).catch((error) => {
-        this._startLoading = false;
-        this._itemList = [];
-        console.warn(error);
       });
     }
   }
+  processSearchResponse(resp) {
+    resp = ObjectUtils.stringToObject(resp.json.$);
+    let descriptionField = resp.descriptionField;
+    let pkField = resp.pkField;
+    if (!pkField)
+      return;
+    this._gridMetadata = buildGridMetadata(resp);
+    this._gridDataSource = [...resp.data];
+    this._pkField = pkField;
+    this._descriptionField = descriptionField;
+    this._itemList = this.buildCardItemList(resp, pkField, descriptionField);
+  }
+  buildCardItemList(resp, pkField, descriptionField) {
+    var _a;
+    let newItemList = (_a = resp.data) === null || _a === void 0 ? void 0 : _a.map((item) => {
+      var _a;
+      let fieldsMetadata = this.filterFieldsMetadata(resp, item);
+      let fields = this.buildFirstFields(item['__matchFields'], fieldsMetadata);
+      return {
+        key: this.highlightValue(item['__matchFields'], (_a = item[pkField]) === null || _a === void 0 ? void 0 : _a.toString(), fields, true),
+        title: descriptionField ? this.highlightValue(item['__matchFields'], item[descriptionField], fields, true) : '',
+        details: this.buildDetails(fields, item),
+      };
+    });
+    return newItemList;
+  }
   filterFieldsMetadata(resp, item) {
-    let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
+    return resp.fieldsMetadata.filter((field) => {
       let accept = !StringUtils.isEmpty(item[field.fieldName]) &&
         field.visible !== false &&
         field.type !== 'B' &&
@@ -99,7 +116,6 @@ export class SnkPesquisa {
       }
       return accept;
     });
-    return fieldsMetadata;
   }
   removeAtIndex(array, index) {
     if (index >= 0 && index < array.length) {
@@ -257,6 +273,7 @@ export class SnkPesquisa {
     this.selectItem(option);
   }
   onChangeValue(event) {
+    var _a;
     this.clearDeboucingTimeout();
     if (this._startLoading) {
       this._changeDeboucingTimeout = setTimeout(() => {
@@ -265,14 +282,21 @@ export class SnkPesquisa {
       return;
     }
     this.argument = (event.detail || "").trim();
+    if (this.isHierarchyEntity && this._presentationMode === 'list') {
+      (_a = this._pesquisaTree) === null || _a === void 0 ? void 0 : _a.applyFilter();
+      return;
+    }
     const argumentNumber = this.getArgumentNumber();
     if (this.argument && (!isNaN(argumentNumber) || this.argument.length >= this._limitCharsToSearch)) {
       this._changeDeboucingTimeout = setTimeout(() => {
         this.doSearch(isNaN(argumentNumber) ? this.argument : argumentNumber.toString());
+        this._valideDataSource = true;
       }, this._deboucingTime);
     }
     else {
       this._itemList = undefined;
+      this._gridDataSource = [];
+      this._valideDataSource = false;
     }
   }
   clearDeboucingTimeout() {
@@ -283,6 +307,7 @@ export class SnkPesquisa {
   }
   onClickSearch() {
     this.doSearch((this.argument || "").trim());
+    this._valideDataSource = true;
   }
   getMessageView() {
     return this._startLoading
@@ -295,16 +320,65 @@ export class SnkPesquisa {
           : 'Nenhum registro encontrado'
         : 'Os resultados de sua pesquisa aparecerão aqui...';
   }
-  componentDidLoad() {
+  async componentWillLoad() {
+    const mode = await this.pesquisaFetcher.loadPresentationConfig(this.entityName);
+    this._presentationMode = mode === 'list' ? 'list' : 'table';
+  }
+  async componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
+    await this.chooseViewMode();
+  }
+  async handleChangeViewMode() {
+    this._presentationMode = this._presentationMode === 'list' ? 'table' : 'list';
+    await this.chooseViewMode();
+    await this.pesquisaFetcher.savePresentationConfig(this.entityName, this._presentationMode);
+  }
+  async chooseViewMode() {
+    var _a, _b;
+    if (this._presentationMode !== 'list') {
+      await ((_a = this._viewStack) === null || _a === void 0 ? void 0 : _a.show(PESQUISA_VIEW_MODE.GRID));
+      this._currentView = PESQUISA_VIEW_MODE.GRID;
+      return;
+    }
+    const view = this.isHierarchyEntity ? PESQUISA_VIEW_MODE.TREE : PESQUISA_VIEW_MODE.CARDS;
+    await ((_b = this._viewStack) === null || _b === void 0 ? void 0 : _b.show(view));
+    this._currentView = view;
+  }
+  //Os limites de exibição são diferentes para lista e grade
+  hideLimitMessage() {
+    if (!this._itemList)
+      return true;
+    return this._itemList.length < 100;
+  }
+  hideRecordsMessage() {
+    return (this._presentationMode === "list" && this.isHierarchyEntity);
+  }
+  getButtonModeInfo() {
+    if (this._presentationMode === 'list') {
+      return {
+        iconName: 'table',
+        title: 'Modo grade',
+      };
+    }
+    if (this.isHierarchyEntity) {
+      return {
+        iconName: 'hierarchical-tree',
+        title: 'Modo árvore hierárquica',
+      };
+    }
+    return {
+      iconName: 'list',
+      title: 'Modo lista',
+    };
   }
   render() {
-    var _a;
+    var _a, _b;
     return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
       ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
-      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })), h("label", { class: "snk-pesquisa__records" }, this.getMessageView()), h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
+      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, this._valideDataSource &&
+      h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, shouldLoadConfig: this._currentView === PESQUISA_VIEW_MODE.GRID, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) })), h("stack-item", null, h("div", { class: 'snk-pesquisa__cards-container' }, (_b = this._itemList) === null || _b === void 0 ? void 0 : _b.map((item) => {
       return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-    })))));
+    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) })))))));
   }
   static get is() { return "snk-pesquisa"; }
   static get encapsulation() { return "scoped"; }
@@ -339,6 +413,25 @@ export class SnkPesquisa {
           "text": "Fun\u00E7\u00E3o respons\u00E1vel em carregar os itens do componente snk-pesquisa."
         }
       },
+      "treeLoader": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(text: string) => Promise<any>",
+          "resolved": "(text: string) => Promise<any>",
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Fun\u00E7\u00E3o respons\u00E1vel por carregar a \u00E1rvore hier\u00E1rquica do componente"
+        }
+      },
       "selectItem": {
         "type": "unknown",
         "mutable": false,
@@ -359,6 +452,23 @@ export class SnkPesquisa {
           "text": "Fun\u00E7\u00E3o disparada ao selecionar um item."
         }
       },
+      "entityName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome da entidade onde a pesquisa \u00E9 aplicada."
+        },
+        "attribute": "entity-name",
+        "reflect": false
+      },
       "argument": {
         "type": "string",
         "mutable": true,
@@ -375,13 +485,52 @@ export class SnkPesquisa {
         },
         "attribute": "argument",
         "reflect": false
+      },
+      "isHierarchyEntity": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se a popup de pesquisa possuir\u00E1 ou n\u00E3o modo Hierarquico."
+        },
+        "attribute": "is-hierarchy-entity",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "allowsNonAnalytic": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se permite sele\u00E7\u00E3o de items n\u00E3o anal\u00EDticos"
+        },
+        "attribute": "allows-non-analytic",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }
   static get states() {
     return {
       "_itemList": {},
-      "_startLoading": {}
+      "_startLoading": {},
+      "_presentationMode": {},
+      "_currentView": {},
+      "_valideDataSource": {}
     };
   }
   static get elementRef() { return "_element"; }

package/dist/collection/components/snk-print-selector/snk-print-selector.js

@@ -146,7 +146,7 @@ export class SnkPrintSelector {
   render() {
     return (h(Host, null, h("ez-popup", Object.assign({ size: 'small', heightMode: 'full', useHeader: false, ref: (ref) => this._ezPopup = ref }, this.getElementID("snk-print-selector")), h("ez-modal-container", { modalTitle: this.getMessage("snkPrintSelector.title.printerSelection"), okButtonLabel: this.getMessage("snkPrintSelector.button.print"), okButtonStatus: this._selectedPrinter ? ModalButtonStatus.ENABLED : ModalButtonStatus.DISABLED, cancelButtonLabel: this.getMessage("snkPrintSelector.button.cancel"), onEzModalAction: (evt) => this.handleModalAction(evt.detail) }, this._isSingleJob &&
       h("div", { class: 'ez-flex ez-margin-bottom--large' }, h("div", { class: 'ez-flex ez-margin-right--large' }, h("span", { class: 'ez-text ez-text--bold ez-text--medium ez-padding-right--small' }, this.getMessage("snkPrintSelector.subtitle.document")), h("span", { class: 'ez-text ez-text--primary ez-text--medium' }, this._printJobData.pendingPrinters[0].docTypeDescription)), h("div", { class: 'ez-flex ez-margin-right--large' }, h("span", { class: 'ez-text ez-text--bold ez-text--medium ez-padding-right--small' }, this.getMessage("snkPrintSelector.subtitle.jobs")), h("span", { class: 'ez-text ez-text--primary ez-text--medium' }, this._printJobData.pendingPrinters[0].printJobCount))), h("ez-tabselector", { tabs: this.buildIdTabSelector(), onEzChange: (evt) => this.onChangeTab(evt), selectedTab: this._printServerActive ? this.REMOTE_PRINTERS_TAB : this.LOCAL_PRINTERS_TAB }), h("ez-view-stack", { ref: (ref) => this._viewStack = ref }, h("stack-item", { hidePolicy: 'hide' }, this._printServerActive &&
-      h("div", { class: `list-scroll ez-size-height--full ${this._isSingleJob ? 'with-header' : 'without-header'}` }, h("ez-list", { ref: (ref) => this._remotePrintersList = ref, class: `ez-padding-top--medium ${this._hasRemotePrinters ? '' : 'hidden'}`, dataSource: this._remotePrintersDataSource, onEzSelectItem: (evt) => this.onSelectPrinter(evt.detail, false), itemLeftSlotBuilder: this.buildPrinterIcon, useGroups: true, ezSelectable: true, hoverFeedback: true, "data-element-id": 'remotePrintersList' }), !this._hasRemotePrinters && this.renderNoPrinters())), h("stack-item", { hidePolicy: 'hide' }, h("div", { class: `list-scroll ez-size-height--full ${this._isSingleJob ? 'with-header' : 'without-header'}` }, h("ez-list", { ref: (ref) => this._localPrintersList = ref, class: `ez-padding-top--medium ${this._hasLocalPrinters ? '' : 'hidden'}`, dataSource: this._localPrintersDataSource, onEzSelectItem: (evt) => this.onSelectPrinter(evt.detail, true), itemLeftSlotBuilder: this.buildPrinterIcon, ezSelectable: true, hoverFeedback: true }), !this._hasLocalPrinters && this.renderNoPrinters()))), h("ez-check", { label: this.getMessage("snkPrintSelector.message.savePrinter"), onEzChange: evt => this._saveSubstitute = evt.detail, compact: true })))));
+      h("div", { class: `list-scroll ez-size-height--full ${this._isSingleJob ? 'with-header' : 'without-header'}` }, h("ez-list", { ref: (ref) => this._remotePrintersList = ref, class: `ez-padding-top--medium ${this._hasRemotePrinters ? '' : 'hidden'}`, dataSource: this._remotePrintersDataSource, onEzSelectItem: (evt) => this.onSelectPrinter(evt.detail, false), itemLeftSlotBuilder: this.buildPrinterIcon, useGroups: true, ezSelectable: true, hoverFeedback: true, "data-element-id": 'remotePrintersList' }), !this._hasRemotePrinters && this.renderNoPrinters())), h("stack-item", { hidePolicy: 'hide' }, h("div", { class: `list-scroll ez-size-height--full ${this._isSingleJob ? 'with-header' : 'without-header'}` }, h("ez-list", { ref: (ref) => this._localPrintersList = ref, class: `ez-padding-top--medium ${this._hasLocalPrinters ? '' : 'hidden'}`, dataSource: this._localPrintersDataSource, onEzSelectItem: (evt) => this.onSelectPrinter(evt.detail, true), itemLeftSlotBuilder: this.buildPrinterIcon, ezSelectable: true, hoverFeedback: true }), !this._hasLocalPrinters && this.renderNoPrinters()))), h("ez-check", { label: this.getMessage("snkPrintSelector.message.savePrinter"), onEzChange: evt => this._saveSubstitute = evt.detail })))));
   }
   static get is() { return "snk-print-selector"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-simple-bar/snk-simple-bar.js

@@ -26,7 +26,7 @@ export class SnkSimpleBar {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
   render() {
-    return (h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
+    return (h("div", { class: "simple-bar__container ez-margin-vertical--small ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
   }
   static get is() { return "snk-simple-bar"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-simple-crud/snk-simple-crud.css

@@ -10,7 +10,6 @@
 .simple-crud__container {
   display: grid;
   grid-template-rows: auto 1fr;
-  row-gap: 12px;
   height: 100%;
   width: 100%;
 }
@@ -26,6 +25,7 @@
 
 ez-grid {
   --ez-grid__container--shadow: none;
+  --ez-grid__container--shadow--outline: none;
   --ez-grid--min-height: var(--snk-simple-crud-grid--min-height);
 }