@sankhyalabs/sankhyablocks 9.1.0-dev.11 → 9.1.0-dev.13

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

@@ -83,23 +83,10 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._orderListItems = newSortableList;
   }
   createColumnList() {
-    let visibleGroup = {
-      group: this.getMessage('snkGridConfig.group.visible'),
-      items: [],
-    };
-    let hiddenGroup = {
-      group: this.getMessage('snkGridConfig.group.hidden'),
-      items: [],
-      sort: ORDER_VALUES.asc.value,
-    };
-    this.columns.forEach((column) => {
-      var _a;
-      let item = {
-        label: column.label,
-        selected: false,
-        sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : ORDER_VALUES.asc.value,
-        id: column.name,
-      };
+    const visibleGroup = this.buildVisibleGroup();
+    const hiddenGroup = this.buildHiddenGroup();
+    this.columns.forEach(column => {
+      const item = this.buildListItemFromColumn(column);
       if (column.hidden) {
         hiddenGroup.items.push(item);
       }
@@ -112,6 +99,19 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._hiddenList = hiddenGroup.items;
     this.createOrderList();
   }
+  buildVisibleGroup() {
+    return {
+      group: this.getMessage('snkGridConfig.group.visible'),
+      items: [],
+    };
+  }
+  buildHiddenGroup() {
+    return {
+      group: this.getMessage('snkGridConfig.group.hidden'),
+      items: [],
+      sort: ORDER_VALUES.asc.value,
+    };
+  }
   createOrderListSlotDataElementId(item) {
     return `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
   }
@@ -159,25 +159,21 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.closeConfig();
       return;
     }
-    let newColumnList = [];
-    this._columListItems.forEach((group) => {
-      group.items.forEach((item) => {
-        const baseColumn = this.columns.find((column) => column.label === item.label);
-        let newColumnItem = Object.assign({}, baseColumn);
-        if (group.group === this.getMessage('snkGridConfig.group.hidden')) {
-          newColumnItem.hidden = true;
-        }
-        else {
-          newColumnItem.hidden = false;
-        }
-        newColumnList.push(newColumnItem);
-      });
-    });
-    this.columns = newColumnList;
+    this.updateColumns();
     this._dataChanged = false;
     this.closeConfig();
     this.save();
   }
+  updateColumns() {
+    this.columns = this._columListItems.flatMap((group) => group.items.map((item) => this.buildColumnFromListItem(item, group)));
+  }
+  buildColumnFromListItem(item, group) {
+    const baseColumn = this.columns.find((column) => column.label === item.label);
+    if (!baseColumn) {
+      throw new Error(`Column with label "${item.label}" not found.`);
+    }
+    return Object.assign(Object.assign({}, baseColumn), { hidden: group.group === this.getMessage('snkGridConfig.group.hidden') });
+  }
   saveGridConfigOnStorage(_newConfig) {
     ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
@@ -347,13 +343,55 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       },
     };
   }
+  renderResetConfigBtn() {
+    if (!this.resourceID)
+      return;
+    return h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.reset'), onClick: () => this.setDefaultConfig() });
+  }
+  async setDefaultConfig() {
+    var _a;
+    if (!this.resourceID)
+      return;
+    this._dataChanged = true;
+    const config = await ConfigStorage.getDefaultGridConfig(this.resourceID);
+    const defaultVisibleCols = (_a = config === null || config === void 0 ? void 0 : config.columns.map(col => col.name)) !== null && _a !== void 0 ? _a : [];
+    const visibleGroup = this.buildVisibleGroup();
+    const hiddenGroup = this.buildHiddenGroup();
+    const visibleItemsMap = new Map();
+    this.columns.forEach(column => {
+      const item = this.buildListItemFromColumn(column);
+      if (defaultVisibleCols.includes(column.name)) {
+        visibleItemsMap.set(column.name, item);
+      }
+      else {
+        hiddenGroup.items.push(item);
+      }
+    });
+    visibleGroup.items = defaultVisibleCols
+      .map(name => visibleItemsMap.get(name))
+      .filter(item => item);
+    this._columListItems = [visibleGroup, hiddenGroup];
+    this._visibleList = visibleGroup.items;
+    this._hiddenList = hiddenGroup.items;
+    this.updateColumns();
+    this.createOrderList();
+  }
+  buildListItemFromColumn(column) {
+    var _a;
+    return {
+      label: column.label,
+      selected: false,
+      sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : ORDER_VALUES.asc.value,
+      id: column.name,
+    };
+  }
   render() {
-    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "ez-margin-bottom--medium" }, h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), h("div", { class: "button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), h("div", { class: "grid-config__body" }, h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
+    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "ez-margin-bottom--medium" }, h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), h("div", { class: "button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), h("div", { class: 'grid-config__body' }, h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
         LEFT_LIST: this.getMessage('snkGridConfig.emptyMensage.left'),
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
       }, entityLabel: 'coluna', entityLabelPlural: 'colunas' }))), h("ez-collapsible-box", { id: 'ID_group-order-columns', label: this.getMessage('snkGridConfig.dataOrdering'), "header-size": "medium", key: 'KEY_group-order-columns', value: this._collapsibleBoxListOrder, onEzChange: ({ detail }) => this._collapsibleBoxListSelect = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { rightList: this._orderListItems, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), useOnlyRightList: true, slotsListBuilder: this.getListSlots(), emptyMessage: {
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
-      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), h("div", { class: "grid-config__footer" }, h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
+      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), h("div", { class: "grid-config__footer" }, this.renderResetConfigBtn(), h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
   }
   static get assetsDirs() { return ["../assets"]; }
   get _element() { return this; }

package/dist/esm/{ConfigStorage-89154c4e.js → ConfigStorage-cf578768.js}

@@ -1,13 +1,20 @@
 import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-e623539b.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-db08cad0.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-db08cad0.js';
 
 class GridConfigFetcher extends ResourceFetcher {
   constructor() {
     super(...arguments);
     this.GRID_CONFIG_VERSION = "V3:";
   }
+  async getDefaultConfig(resourceId) {
+    var _a, _b;
+    const payload = { 'requestBody': { 'gridConfig': { 'configName': `GrdCfgHtml5:${resourceId}` } } };
+    const response = await DataFetcher.get().callServiceBroker('GridConfig.restoreGridConfigFromJson', JSON.stringify(payload));
+    const columns = (_b = (_a = response === null || response === void 0 ? void 0 : response.gridConfig) === null || _a === void 0 ? void 0 : _a.field) !== null && _b !== void 0 ? _b : [];
+    return { columns };
+  }
   getConfig(gridName, resourceID) {
     const completePath = this.getPath(resourceID, gridName);
     return new Promise((resolve, reject) => {
@@ -439,6 +446,9 @@ class ConfigStorage {
   static async saveCardState(config, name, resourceID) {
     return this.formConfigFetcher.saveCardState(config, name, resourceID);
   }
+  static async getDefaultGridConfig(resourceId) {
+    return await this.gridConfigFetcher.getDefaultConfig(resourceId);
+  }
   static async saveGridConfig(config, name, resourceID) {
     if (config == undefined) {
       return;

package/dist/esm/{SnkFormConfigManager-d64d62d6.js → SnkFormConfigManager-c1cd9dcd.js}

@@ -1,4 +1,4 @@
-import { C as ConfigStorage } from './ConfigStorage-89154c4e.js';
+import { C as ConfigStorage } from './ConfigStorage-cf578768.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { F as FormConfigFetcher } from './form-config-fetcher-e623539b.js';
 import { a as TAB_NAMES } from './constants-7b422de0.js';