@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-50122.0 → 0.0.0-bugfix-dev-KB-53946.0

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -1,7 +1,8 @@
 import { Host, h } from '@stencil/core';
-import { Action, ApplicationContext, DataUnitAction, ObjectUtils, DataType, JSUtils } from '@sankhyalabs/core';
+import { Action, ApplicationContext, DataUnitAction, ObjectUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { OperationMap, SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
+import { getSelectedIDs } from '../snk-data-exporter/utils/RecordIDUtils';
 export class SnkDataUnit {
   constructor() {
     this._onDataUnitResolve = [];
@@ -117,43 +118,7 @@ export class SnkDataUnit {
    * @returns Retorna a lista de IDs dos registros selecionados.
    */
   async getSelectedRecordsIDsInfo() {
-    var _a;
-    const selectionInfo = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
-    if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
-      return [];
-    }
-    const selectedRecordsIDsInfo = [];
-    const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.records;
-    if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
-      selectedRecords.forEach(({ __record__id__ }) => {
-        if (!this.dataUnit.isNewRecord(__record__id__)) {
-          /*
-            Esse if foi necessário para tratar corretamente o ID
-            do record quando está sendo utilizado no modo standAlone
-            isso não faz a exportação da grid funcionar no modo standAlone
-            mas deixa de causar erro nas oprações de CRUD.
-          */
-          if (!JSUtils.isBase64(__record__id__)) {
-            selectedRecordsIDsInfo.push({
-              name: "__record__id__",
-              type: DataType.TEXT,
-              value: __record__id__
-            });
-            return;
-          }
-          const revertBase64ToObject = JSON.parse(window.atob(__record__id__));
-          Object.entries(revertBase64ToObject).forEach(([name, value]) => {
-            var _a;
-            const metadataField = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(name);
-            if (metadataField == undefined) {
-              return;
-            }
-            selectedRecordsIDsInfo.push(Object.assign({ name, type: metadataField.dataType }, value));
-          });
-        }
-      });
-    }
-    return selectedRecordsIDsInfo;
+    return Promise.resolve(getSelectedIDs(this.dataUnit));
   }
   getCleanOnCopyFields() {
     var _a;
@@ -774,10 +739,6 @@ export class SnkDataUnit {
             },
             "Array": {
               "location": "global"
-            },
-            "Record": {
-              "location": "import",
-              "path": "@sankhyalabs/core"
             }
           },
           "return": "Promise<IRecordID[]>"

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-detail.js

@@ -8,6 +8,7 @@ export class SnkFilterDetail {
   constructor() {
     this.config = undefined;
     this.getMessage = undefined;
+    this.showHardFixed = true;
   }
   /**
    * Exibe o componente snk-filter-detail.
@@ -85,7 +86,9 @@ export class SnkFilterDetail {
     return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
   }
   getPopUpHeaderButtons() {
-    return (h(Fragment, null, !this.config.removalBlocked && this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), !this.config.hardFixed && this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
+    return (h(Fragment, null, !this.config.removalBlocked &&
+      this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
+      this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
   }
   buildIcon(title, iconName, action) {
     return (h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", ref: elem => elem && this.buildIdButton(elem, title) }, h("ez-icon", Object.assign({ title: title, iconName: iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`_${title}`)}` }))));
@@ -196,6 +199,24 @@ export class SnkFilterDetail {
           "tags": [],
           "text": "Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder."
         }
+      },
+      "showHardFixed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controla a visibilidade do bot\u00E3o de fixar elemento"
+        },
+        "attribute": "show-hard-fixed",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.js

@@ -14,6 +14,7 @@ export class SnkFilterItem {
     this.detailIsVisible = undefined;
     this.config = undefined;
     this.getMessage = undefined;
+    this.showChips = true;
   }
   observeDetailIsVisible(value) {
     this.visibleChanged.emit(value);
@@ -45,19 +46,22 @@ export class SnkFilterItem {
       autoClose: true,
       innerClickTest: this.innerClickCheck,
       backClickListener: () => this.onDetailCloseCallback(),
-      left: this.getScrollOffsetLeft(),
-      top: this.getScrollOffsetTop(),
+      left: this.getOffsetLeft(),
+      top: this.getOffsetTop(),
       useOverlay: true,
       overlayClassName: 'ez-scrim ez-scrim--light',
       isFixed: true
     };
   }
-  getScrollOffsetLeft() {
+  getOffsetLeft() {
     const padding = getComputedStyle(this._filterItemElement).getPropertyValue("padding-left");
     const rect = this._filterItemElement.getBoundingClientRect();
-    return `calc(${rect.x}px + ${padding})`;
+    // Width baseado no conteudo do snk-filter-detail. Nesse momento ele retorna 0px pois ainda não foi criado em tela.
+    const filterDetailWidth = 430;
+    const adjustRightPosition = filterDetailWidth - (document.body.clientWidth - rect.left);
+    return `calc(${rect.x}px + ${padding} - ${adjustRightPosition > 0 ? adjustRightPosition : 0}px)`;
   }
-  getScrollOffsetTop() {
+  getOffsetTop() {
     const rect = this._filterItemElement.getBoundingClientRect();
     return (rect.y + rect.height) + "px";
   }
@@ -289,7 +293,7 @@ export class SnkFilterItem {
   }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (h(Host, null, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (h(Host, null, this.showChips && (h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon && (h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" })), h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" }))), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips }))));
   }
   static get is() { return "snk-filter-item"; }
   static get properties() {
@@ -327,6 +331,24 @@ export class SnkFilterItem {
           "tags": [],
           "text": "Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder."
         }
+      },
+      "showChips": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para controlar a visibilidade dos chips de filtros"
+        },
+        "attribute": "show-chips",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/snk-filter-bar/snk-filter-bar.css

@@ -22,7 +22,8 @@
 }
 
 :host([data-mode="hidden"]) {
-  display: none;
+  width: 0px;
+  height: 0px;
 }
 
 :host([data-mode="button"]) {

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

@@ -42,6 +42,11 @@ export class SnkFilterBar {
     this.personalizedFilterId = undefined;
   }
   observeFilterConfig(newValue, oldValue) {
+    if (ObjectUtils.equals(newValue, oldValue))
+      return;
+    this.handleFilterConfigsChanged(oldValue, newValue);
+  }
+  handleFilterConfigsChanged(oldValue, newValue) {
     if (oldValue != undefined && newValue == undefined) {
       this._loadingPending = true;
       this._configUpdated = true;
@@ -245,6 +250,17 @@ export class SnkFilterBar {
   filterActiveFilter(item) {
     return item.visible || item.removalBlocked;
   }
+  filterPersonalizedItems(item) {
+    return item.type === FilterItemType.PERSONALIZED;
+  }
+  getPersonalizedFilterVariableItems() {
+    return this.filterConfig
+      .filter(this.filterPersonalizedItems)
+      .map(item => {
+      const itemId = `filter-${item.id}`;
+      return (h("snk-filter-item", { key: item.id, id: itemId, config: Object.assign({}, item), onFocusin: () => this.itemFocused(itemId), onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), getMessage: (key, props) => this.getMessage(key, props), showChips: false }));
+    });
+  }
   getFilterItems() {
     const pinnedItems = [];
     const unpinnedItems = [];
@@ -430,9 +446,10 @@ export class SnkFilterBar {
     if (this.showPersonalizedFilter) {
       return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
     }
-    if (this.mode === "button")
-      return (h(Host, { "data-mode": this.mode }, h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) })));
-    return (h(Host, { "data-mode": this.mode }, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
+    if (this.mode !== "regular") {
+      return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }))));
+    }
+    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }
   static get is() { return "snk-filter-bar"; }
   static get encapsulation() { return "scoped"; }

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

@@ -1,6 +1,5 @@
 import { h, Fragment } from '@stencil/core';
-import { ApplicationContext, DataType, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
-import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { ApplicationContext, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
 import { PresentationMode } from '../../lib/@types';
@@ -10,6 +9,7 @@ import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionLis
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/field-search';
 import { CrudUtils } from '../../lib';
+import ServerSideExporterProvider from '../snk-data-exporter/providers/ServerSideExporterProvider';
 export class SnkGrid {
   constructor() {
     this._topTaskbarProcessor = new TaskbarProcessor({
@@ -155,99 +155,8 @@ export class SnkGrid {
     });
     evt.stopPropagation();
   }
-  buildColumnsMetadata(gridColumns) {
-    const columnsMetadata = [];
-    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach((column) => {
-      var _a, _b;
-      /**
-       * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
-       */
-      if (column.hidden && column.name !== "RECDESP") {
-        return;
-      }
-      const fieldData = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
-      const columnData = {
-        label: column.label,
-        id: column.name,
-        width: column.width,
-        type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
-        userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface
-      };
-      columnsMetadata.push(columnData);
-      if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
-        const mergedFrom = fieldData.properties.mergedFrom;
-        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
-        const descriptionColumn = {
-          label: fieldData.properties.DESCRIPTIONENTITY,
-          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
-          width: 200,
-          type: DataType.TEXT,
-          userInterface: UserInterface.LONGTEXT
-        };
-        columnsMetadata.push(descriptionColumn);
-      }
-    });
-    return columnsMetadata || [];
-  }
-  getPaginationInfo() {
-    var _a;
-    return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo();
-  }
-  getExporterOffset(paginationInfo) {
-    if (paginationInfo == undefined) {
-      return;
-    }
-    const offset = paginationInfo.firstRecord;
-    if (offset > 0) {
-      return (offset - 1);
-    }
-    return offset;
-  }
   async dataExporterProviderStore() {
-    var _a;
-    const selectedIDs = await ((_a = this._snkDataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecordsIDsInfo());
-    const dataExporterProvider = {
-      getFilters: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
-      },
-      getColumnsMetadata: async () => {
-        var _a;
-        const columnsState = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumnsState());
-        return this.buildColumnsMetadata(columnsState);
-      },
-      getOrders: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSort();
-      },
-      getResourceURI: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name;
-      },
-      getSelectedNumber: () => {
-        var _a, _b;
-        return (_b = (_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.length;
-      },
-      getTotalRecords: () => {
-        var _a, _b, _c;
-        const { total } = ((_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo()) || {};
-        return total !== null && total !== void 0 ? total : (_c = (_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length;
-      },
-      getSelectedIDs: () => {
-        return selectedIDs || [];
-      },
-      getOffset: () => {
-        return this.getExporterOffset(this.getPaginationInfo());
-      },
-      getLimit: () => {
-        var _a;
-        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.pageSize;
-      },
-      getRecordID: () => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
-      }
-    };
+    const dataExporterProvider = new ServerSideExporterProvider(this._dataUnit, this._grid);
     store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
   }
   addElementID() {

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

@@ -2,11 +2,14 @@
   display: flex;
   height: 100%;
   width: 100%;
+
+  /*@doc Define a altura minima da grid.*/
+  --snk-simple-crud-grid--min-height: 300px;
 }
 
 .simple-crud__container {
   display: grid;
-  grid-template-rows: max-content;
+  grid-template-rows: auto 1fr;
   row-gap: 12px;
   height: 100%;
   width: 100%;
@@ -23,7 +26,7 @@
 
 ez-grid {
   --ez-grid__container--shadow: none;
-  min-height: 300px;
+  --ez-grid--min-height: var(--snk-simple-crud-grid--min-height);
 }
 
 ez-form {