@sankhyalabs/sankhyablocks 1.3.7 → 1.3.10

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["snk-pesquisa.cjs",[[1,"snk-pesquisa",{"searchLoader":[16],"onSelectItem":[16],"argument":[1025]}]]],["snk-application.cjs",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64]}]]],["teste-pesquisa.cjs",[[1,"teste-pesquisa"]]]], options);
+  return index.bootstrapLazy([["snk-pesquisa.cjs",[[1,"snk-pesquisa",{"searchLoader":[16],"onSelectItem":[16],"argument":[1025]}]]],["snk-application.cjs",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64]}]]],["teste-pesquisa.cjs",[[1,"teste-pesquisa"]]]], options);
   });
 };
 

package/dist/cjs/sankhyablocks.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["snk-pesquisa.cjs",[[1,"snk-pesquisa",{"searchLoader":[16],"onSelectItem":[16],"argument":[1025]}]]],["snk-application.cjs",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64]}]]],["teste-pesquisa.cjs",[[1,"teste-pesquisa"]]]], options);
+  return index.bootstrapLazy([["snk-pesquisa.cjs",[[1,"snk-pesquisa",{"searchLoader":[16],"onSelectItem":[16],"argument":[1025]}]]],["snk-application.cjs",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64]}]]],["teste-pesquisa.cjs",[[1,"teste-pesquisa"]]]], options);
 });

package/dist/cjs/snk-application.cjs.entry.js

@@ -6692,7 +6692,7 @@ class DataUnitFetcher {
                 }
               }
             }`);
-    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filter: [Filter!] $sort: [Sort!]) {
+    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filter: [InputFilter!] $sort: [InputSort!]) {
             $queryAlias$: fetchDataUnit(name: $dataunit){
               data(limit: $limit offset: $offset filters: $filter sort: $sort){
                 limit
@@ -6709,8 +6709,8 @@ class DataUnitFetcher {
               }
             }
           }`);
-    this.templateByQuery.set("saveData", dist.gql `mutation($changes: [Change!]!) {
-            $queryAlias$: saveDataUnitChanges(changes: $changes){
+    this.templateByQuery.set("saveData", dist.gql `mutation($changes: [InputBatchChange!]!) {
+            $queryAlias$: batchOperationDataUnit(changes: $changes){
               oldId
               id
               fields {
@@ -6757,19 +6757,22 @@ class DataUnitFetcher {
       });
     });
   }
-  loadData(dataUnit, page, sort, filters) {
+  loadData(dataUnit, page, sort, filter) {
     return new Promise((resolve, reject) => {
-      const variables = { dataunit: dataUnit.name, sort, filters };
+      const variables = { dataunit: dataUnit.name, sort, filter };
       if (page) {
         variables.limit = page.limit;
         variables.offset = page.offset;
       }
       if (!core.StringUtils.isEmpty(page === null || page === void 0 ? void 0 : page.quickFilter)) {
-        variables.filter = [{
-            name: "__ALL_SEARCHABLE_FIELDS__",
-            expression: "__ALL_SEARCHABLE_FIELDS__",
-            params: [{ name: "term", value: page.quickFilter }]
-          }];
+        if (variables.filter === undefined) {
+          variables.filter = [];
+        }
+        variables.filter.push({
+          name: "__ALL_SEARCHABLE_FIELDS__",
+          expression: "__ALL_SEARCHABLE_FIELDS__",
+          params: [{ name: "term", value: page.quickFilter }]
+        });
       }
       DataFetcher.get()
         .callGraphQL({
@@ -6799,10 +6802,10 @@ class DataUnitFetcher {
       let parsedUpdatingFields;
       if (updatingFields) {
         parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
-          return { fieldName, value: formatValueToServer(value) };
+          return { fieldName, value: dataUnit.valueToString(fieldName, value) };
         });
       }
-      const reqChange = { dataUnit: changeDU, updatingFields: parsedUpdatingFields, operation, recordId: record.__record__id__ };
+      const reqChange = { dataUnit: changeDU, fields: parsedUpdatingFields, operation, recordId: record.__record__id__ };
       if (change.sourceId) {
         reqChange.sourceId = change.sourceId;
       }
@@ -6852,21 +6855,6 @@ class DataUnitFetcher {
     });
   }
 }
-const formatValueToServer = (value) => {
-  if (value === undefined)
-    return value;
-  try {
-    if (value instanceof Date) {
-      return value.toString();
-    }
-    //Any others objects
-    value = JSON.stringify(value);
-  }
-  catch (_a) {
-    value = value.toString();
-  }
-  return value;
-};
 
 var _a;
 class Workspace {
@@ -6945,6 +6933,9 @@ class ResourceFetcher {
                         resource
                     }
                   }`);
+    this.templateByQuery.set("saveResource", dist.gql `mutation($resource: ResourceToSave!) {
+                $queryAlias$: saveResource(resource: $resource)
+              }`);
   }
   loadResource(name) {
     return new Promise((resolve, reject) => {
@@ -6961,6 +6952,26 @@ class ResourceFetcher {
       });
     });
   }
+  saveResource(resource, name) {
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: {
+          resource: {
+            name: name,
+            resource: JSON.stringify(resource)
+          }
+        },
+        query: this.templateByQuery.get("saveResource")
+      })
+        .then((resp) => {
+        resolve(resp);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }
 
 class FormConfigFetcher extends ResourceFetcher {
@@ -6973,7 +6984,7 @@ class FormConfigFetcher extends ResourceFetcher {
           const { tabs, fields } = config;
           if (tabs) {
             const allTabs = new Map(tabs.map(t => [t.label, t]));
-            fields.forEach(f => f.tab = allTabs.get(f.tab));
+            fields.forEach(f => f.tab = allTabs.get(this.getTabName(f.tab)));
           }
           accept(fields);
         }
@@ -6986,6 +6997,41 @@ class FormConfigFetcher extends ResourceFetcher {
       });
     });
   }
+  getTabName(tab) {
+    if (typeof tab === 'object') { // TabConfig type
+      return tab.label;
+    }
+    return tab; //string type
+  }
+}
+
+class GridConfigFetcher extends ResourceFetcher {
+  getConfig(resourceID) {
+    const completePath = `cfg://grid/GrdCfgHtml5:${resourceID}`;
+    return new Promise((resolve, reject) => {
+      this.loadResource(completePath)
+        .then(loadedResource => {
+        if (loadedResource) {
+          let config = JSON.parse(loadedResource);
+          resolve(config);
+        }
+      }).catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  saveConfig(config, resourceID) {
+    const completePath = `cfg://grid/GrdCfgHtml5:${resourceID}`;
+    return new Promise((resolve, reject) => {
+      this.saveResource(config, completePath)
+        .then((resp) => {
+        resolve(resp);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }
 
 class PesquisaFetcher {
@@ -7139,6 +7185,41 @@ const SnkApplication = class {
       });
     });
   }
+  async getConfig(key) {
+    let payload = {
+      "serviceName": "SystemUtilsSP.getConf",
+      "requestBody": {
+        "config": {
+          "chave": key,
+          "tipo": "T"
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callServiceBroker("SystemUtilsSP.getConf", JSON.stringify(payload))
+        .then(result => { var _a; return resolve((_a = result.config) === null || _a === void 0 ? void 0 : _a.data); })
+        .catch(error => reject(error));
+    });
+  }
+  async saveConfig(key, data) {
+    let payload = {
+      "serviceName": "SystemUtilsSP.saveConf",
+      "requestBody": {
+        "config": {
+          "chave": key,
+          "tipo": "T",
+          data
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callServiceBroker("SystemUtilsSP.saveConf", JSON.stringify(payload))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
   async getAttributeFromHTMLWrapper(attribName) {
     return Promise.resolve(window[attribName]);
   }
@@ -7170,6 +7251,12 @@ const SnkApplication = class {
   async loadFormConfig(name) {
     return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
   }
+  async loadGridConfig() {
+    return this.gridConfigFetcher.getConfig(this.resourceID);
+  }
+  async saveGridConfig(config) {
+    return this.gridConfigFetcher.saveConfig(config, this.resourceID);
+  }
   get urlParams() {
     if (!this._urlParams) {
       this._urlParams = UrlUtils.getQueryParams(location.search);
@@ -7188,6 +7275,12 @@ const SnkApplication = class {
     }
     return this._formConfigFetcher;
   }
+  get gridConfigFetcher() {
+    if (!this._gridConfigFetcher) {
+      this._gridConfigFetcher = new GridConfigFetcher();
+    }
+    return this._gridConfigFetcher;
+  }
   get pesquisaFetcher() {
     if (!this._pesquisaFetcher) {
       this._pesquisaFetcher = new PesquisaFetcher();
@@ -7202,7 +7295,7 @@ const SnkApplication = class {
       const { ENTITYNAME } = descriptor.properties;
       const dependencies = descriptor.dependencies;
       let criteria;
-      dependencies === null || dependencies === void 0 ? void 0 : dependencies.forEach(dependency => {
+      dependencies === null || dependencies === void 0 ? void 0 : dependencies.filter(dep => { var _a; return (_a = dep.masterFields) === null || _a === void 0 ? void 0 : _a.every(f => { var _a; return (_a = dataUnit.getField(f)) === null || _a === void 0 ? void 0 : _a.visible; }); }).forEach(dependency => {
         var _a;
         if (dependency.type === UnitMetadata.DependencyType.SEARCHING) {
           if (((_a = dependency.masterFields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
@@ -7211,7 +7304,12 @@ const SnkApplication = class {
               params: dependency.masterFields.map(fieldName => {
                 const masterDescriptor = dataUnit.getField(fieldName);
                 const dataType = (masterDescriptor === null || masterDescriptor === void 0 ? void 0 : masterDescriptor.dataType) || core.DataType.TEXT;
-                return { name: fieldName, value: dataUnit.getFieldValue(fieldName), dataType };
+                const value = dataUnit.getFieldValue(fieldName);
+                if (value == undefined) {
+                  this.alert("Erro ao pesquisar", `É necessario informar o campo ${masterDescriptor.label} para executar a pesquisa.`);
+                  throw new Error(`É necessario informar o campo ${masterDescriptor.label} para executar a pesquisa.`);
+                }
+                return { name: fieldName, value, dataType };
               })
             };
           }

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

@@ -1,12 +1,14 @@
 import { Component, h, Method, Event } from "@stencil/core";
 import { DataType } from "@sankhyalabs/core";
 import DataUnitFetcher from "../../lib/http/data-fetcher/fetchers/dataunit-fetcher";
+import { DataFetcher } from "../../lib/http/data-fetcher/DataFetcher";
 import UrlUtils from "../../lib/utils/urlutils";
 import Workspace from "../../lib/workspace/workspace";
 import ParametersFetcher from "../../lib/http/data-fetcher/fetchers/parameters-fecher";
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 import { FormConfigFetcher } from "../../lib/http/data-fetcher/fetchers/form-config-fetcher";
 import { ApplicationContext } from "@sankhyalabs/core";
+import GridConfigFetcher from "../../lib/http/data-fetcher/fetchers/grid-config-fetcher";
 import { PesquisaFetcher } from "../../lib/http/data-fetcher/fetchers/pesquisa-fetcher";
 import { DependencyType } from "@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata";
 export class SnkApplication {
@@ -73,6 +75,41 @@ export class SnkApplication {
       });
     });
   }
+  async getConfig(key) {
+    let payload = {
+      "serviceName": "SystemUtilsSP.getConf",
+      "requestBody": {
+        "config": {
+          "chave": key,
+          "tipo": "T"
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callServiceBroker("SystemUtilsSP.getConf", JSON.stringify(payload))
+        .then(result => { var _a; return resolve((_a = result.config) === null || _a === void 0 ? void 0 : _a.data); })
+        .catch(error => reject(error));
+    });
+  }
+  async saveConfig(key, data) {
+    let payload = {
+      "serviceName": "SystemUtilsSP.saveConf",
+      "requestBody": {
+        "config": {
+          "chave": key,
+          "tipo": "T",
+          data
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callServiceBroker("SystemUtilsSP.saveConf", JSON.stringify(payload))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
   async getAttributeFromHTMLWrapper(attribName) {
     return Promise.resolve(window[attribName]);
   }
@@ -104,6 +141,12 @@ export class SnkApplication {
   async loadFormConfig(name) {
     return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
   }
+  async loadGridConfig() {
+    return this.gridConfigFetcher.getConfig(this.resourceID);
+  }
+  async saveGridConfig(config) {
+    return this.gridConfigFetcher.saveConfig(config, this.resourceID);
+  }
   get urlParams() {
     if (!this._urlParams) {
       this._urlParams = UrlUtils.getQueryParams(location.search);
@@ -122,6 +165,12 @@ export class SnkApplication {
     }
     return this._formConfigFetcher;
   }
+  get gridConfigFetcher() {
+    if (!this._gridConfigFetcher) {
+      this._gridConfigFetcher = new GridConfigFetcher();
+    }
+    return this._gridConfigFetcher;
+  }
   get pesquisaFetcher() {
     if (!this._pesquisaFetcher) {
       this._pesquisaFetcher = new PesquisaFetcher();
@@ -138,7 +187,7 @@ export class SnkApplication {
       const { ENTITYNAME } = descriptor.properties;
       const dependencies = descriptor.dependencies;
       let criteria;
-      dependencies === null || dependencies === void 0 ? void 0 : dependencies.forEach(dependency => {
+      dependencies === null || dependencies === void 0 ? void 0 : dependencies.filter(dep => { var _a; return (_a = dep.masterFields) === null || _a === void 0 ? void 0 : _a.every(f => { var _a; return (_a = dataUnit.getField(f)) === null || _a === void 0 ? void 0 : _a.visible; }); }).forEach(dependency => {
         var _a;
         if (dependency.type === DependencyType.SEARCHING) {
           if (((_a = dependency.masterFields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
@@ -147,7 +196,12 @@ export class SnkApplication {
               params: dependency.masterFields.map(fieldName => {
                 const masterDescriptor = dataUnit.getField(fieldName);
                 const dataType = (masterDescriptor === null || masterDescriptor === void 0 ? void 0 : masterDescriptor.dataType) || DataType.TEXT;
-                return { name: fieldName, value: dataUnit.getFieldValue(fieldName), dataType };
+                const value = dataUnit.getFieldValue(fieldName);
+                if (value == undefined) {
+                  this.alert("Erro ao pesquisar", `É necessario informar o campo ${masterDescriptor.label} para executar a pesquisa.`);
+                  throw new Error(`É necessario informar o campo ${masterDescriptor.label} para executar a pesquisa.`);
+                }
+                return { name: fieldName, value, dataType };
               })
             };
           }
@@ -381,6 +435,50 @@ export class SnkApplication {
         "tags": []
       }
     },
+    "getConfig": {
+      "complexType": {
+        "signature": "(key: string) => Promise<any>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "saveConfig": {
+      "complexType": {
+        "signature": "(key: string, data: Object) => Promise<any>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }, {
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "Object": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
     "getAttributeFromHTMLWrapper": {
       "complexType": {
         "signature": "(attribName: string) => Promise<string>",
@@ -614,6 +712,49 @@ export class SnkApplication {
         "text": "",
         "tags": []
       }
+    },
+    "loadGridConfig": {
+      "complexType": {
+        "signature": "() => Promise<EzGridConfig>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "EzGridConfig": {
+            "location": "import",
+            "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
+          }
+        },
+        "return": "Promise<EzGridConfig>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "saveGridConfig": {
+      "complexType": {
+        "signature": "(config: EzGridConfig) => Promise<boolean>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "EzGridConfig": {
+            "location": "import",
+            "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
+          }
+        },
+        "return": "Promise<boolean>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
     }
   }; }
 }

package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js

@@ -31,7 +31,7 @@ export default class DataUnitFetcher {
                 }
               }
             }`);
-    this.templateByQuery.set("fetchData", gql `query($dataunit: String! $limit: Int $offset:Int $filter: [Filter!] $sort: [Sort!]) {
+    this.templateByQuery.set("fetchData", gql `query($dataunit: String! $limit: Int $offset:Int $filter: [InputFilter!] $sort: [InputSort!]) {
             $queryAlias$: fetchDataUnit(name: $dataunit){
               data(limit: $limit offset: $offset filters: $filter sort: $sort){
                 limit
@@ -48,8 +48,8 @@ export default class DataUnitFetcher {
               }
             }
           }`);
-    this.templateByQuery.set("saveData", gql `mutation($changes: [Change!]!) {
-            $queryAlias$: saveDataUnitChanges(changes: $changes){
+    this.templateByQuery.set("saveData", gql `mutation($changes: [InputBatchChange!]!) {
+            $queryAlias$: batchOperationDataUnit(changes: $changes){
               oldId
               id
               fields {
@@ -96,19 +96,22 @@ export default class DataUnitFetcher {
       });
     });
   }
-  loadData(dataUnit, page, sort, filters) {
+  loadData(dataUnit, page, sort, filter) {
     return new Promise((resolve, reject) => {
-      const variables = { dataunit: dataUnit.name, sort, filters };
+      const variables = { dataunit: dataUnit.name, sort, filter };
       if (page) {
         variables.limit = page.limit;
         variables.offset = page.offset;
       }
       if (!StringUtils.isEmpty(page === null || page === void 0 ? void 0 : page.quickFilter)) {
-        variables.filter = [{
-            name: "__ALL_SEARCHABLE_FIELDS__",
-            expression: "__ALL_SEARCHABLE_FIELDS__",
-            params: [{ name: "term", value: page.quickFilter }]
-          }];
+        if (variables.filter === undefined) {
+          variables.filter = [];
+        }
+        variables.filter.push({
+          name: "__ALL_SEARCHABLE_FIELDS__",
+          expression: "__ALL_SEARCHABLE_FIELDS__",
+          params: [{ name: "term", value: page.quickFilter }]
+        });
       }
       DataFetcher.get()
         .callGraphQL({
@@ -138,10 +141,10 @@ export default class DataUnitFetcher {
       let parsedUpdatingFields;
       if (updatingFields) {
         parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
-          return { fieldName, value: formatValueToServer(value) };
+          return { fieldName, value: dataUnit.valueToString(fieldName, value) };
         });
       }
-      const reqChange = { dataUnit: changeDU, updatingFields: parsedUpdatingFields, operation, recordId: record.__record__id__ };
+      const reqChange = { dataUnit: changeDU, fields: parsedUpdatingFields, operation, recordId: record.__record__id__ };
       if (change.sourceId) {
         reqChange.sourceId = change.sourceId;
       }
@@ -191,18 +194,3 @@ export default class DataUnitFetcher {
     });
   }
 }
-export const formatValueToServer = (value) => {
-  if (value === undefined)
-    return value;
-  try {
-    if (value instanceof Date) {
-      return value.toString();
-    }
-    //Any others objects
-    value = JSON.stringify(value);
-  }
-  catch (_a) {
-    value = value.toString();
-  }
-  return value;
-};

package/dist/collection/lib/http/data-fetcher/fetchers/form-config-fetcher.js

@@ -9,7 +9,7 @@ export class FormConfigFetcher extends ResourceFetcher {
           const { tabs, fields } = config;
           if (tabs) {
             const allTabs = new Map(tabs.map(t => [t.label, t]));
-            fields.forEach(f => f.tab = allTabs.get(f.tab));
+            fields.forEach(f => f.tab = allTabs.get(this.getTabName(f.tab)));
           }
           accept(fields);
         }
@@ -22,4 +22,10 @@ export class FormConfigFetcher extends ResourceFetcher {
       });
     });
   }
+  getTabName(tab) {
+    if (typeof tab === 'object') { // TabConfig type
+      return tab.label;
+    }
+    return tab; //string type
+  }
 }

package/dist/collection/lib/http/data-fetcher/fetchers/grid-config-fetcher.js

@@ -1,2 +1,29 @@
-export class GridConfigFetcher {
+import { ResourceFetcher } from "./resource-fetcher";
+export default class GridConfigFetcher extends ResourceFetcher {
+  getConfig(resourceID) {
+    const completePath = `cfg://grid/GrdCfgHtml5:${resourceID}`;
+    return new Promise((resolve, reject) => {
+      this.loadResource(completePath)
+        .then(loadedResource => {
+        if (loadedResource) {
+          let config = JSON.parse(loadedResource);
+          resolve(config);
+        }
+      }).catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  saveConfig(config, resourceID) {
+    const completePath = `cfg://grid/GrdCfgHtml5:${resourceID}`;
+    return new Promise((resolve, reject) => {
+      this.saveResource(config, completePath)
+        .then((resp) => {
+        resolve(resp);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }

package/dist/collection/lib/http/data-fetcher/fetchers/resource-fetcher.js

@@ -11,6 +11,9 @@ export class ResourceFetcher {
                         resource
                     }
                   }`);
+    this.templateByQuery.set("saveResource", gql `mutation($resource: ResourceToSave!) {
+                $queryAlias$: saveResource(resource: $resource)
+              }`);
   }
   loadResource(name) {
     return new Promise((resolve, reject) => {
@@ -27,4 +30,24 @@ export class ResourceFetcher {
       });
     });
   }
+  saveResource(resource, name) {
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: {
+          resource: {
+            name: name,
+            resource: JSON.stringify(resource)
+          }
+        },
+        query: this.templateByQuery.get("saveResource")
+      })
+        .then((resp) => {
+        resolve(resp);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }