@sankhyalabs/sankhyablocks 1.3.31-beta.2 → 1.3.31-beta.5

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

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ebe8245e.js');
+const core = require('@sankhyalabs/core');
+
+const snkFormCss = ".sc-snk-form-h{display:block}";
+
+const SnkForm = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.exit = index.createEvent(this, "exit", 7);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
+  }
+  getFormConfig() {
+    return (this._dataState && this._dataState.insertionMode ? this._insertionFormConfig : this._editionFormConfig);
+  }
+  getInsertionHiddenFields(formConfig) {
+    const hiddenFields = [];
+    formConfig === null || formConfig === void 0 ? void 0 : formConfig.forEach(cfg => {
+      const def = this._dataUnit.getField(cfg.name);
+      if (def === null || def === void 0 ? void 0 : def.readOnly) {
+        hiddenFields.push(cfg.name);
+      }
+    });
+    return hiddenFields;
+  }
+  exitForm() {
+    if (this._dataUnit.isDirty()) {
+      this._dataUnit.cancelEdition({ after: () => this.exit.emit() });
+    }
+    else {
+      this.exit.emit();
+    }
+  }
+  getDisabledButtons() {
+    const disabled = [];
+    if (!this._dataState.hasPrevious) {
+      disabled.push("PREVIOUS");
+    }
+    if (!this._dataState.hasNext) {
+      disabled.push("NEXT");
+    }
+    return disabled;
+  }
+  componentWillLoad() {
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        this._dataState = this._snkDataUnit.dataState;
+        if (!this._dataUnit) {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  componentWillRender() {
+    if (this._dataUnit && !this._configLoaded) {
+      const snkApplication = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      if (snkApplication) {
+        snkApplication.loadFormConfig(this.configName).then(cfg => {
+          this._configLoaded = true;
+          this._editionFormConfig = cfg;
+          this._insertionFormConfig = cfg.filter(fieldCfg => {
+            const def = this._dataUnit.getField(fieldCfg.name);
+            if (def === null || def === void 0 ? void 0 : def.readOnly) {
+              return false;
+            }
+            return true;
+          });
+        });
+      }
+    }
+  }
+  render() {
+    if (!this._configLoaded || !this._dataUnit || !this._dataState) {
+      return undefined;
+    }
+    return (index.h("section", { class: "ez-padding--large" }, index.h("div", { class: "ez-row ez-padding-bottom--medium" }, index.h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, index.h("ez-button", { mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), index.h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.formTitle)), index.h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, index.h("snk-taskbar", { key: "formTaskbar", buttons: this._dataState.isDirty ? "CANCEL,SAVE" : "PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,INSERT", primaryButton: this._dataState.isDirty ? "SAVE" : "INSERT", disabledButtons: this.getDisabledButtons(), actionsList: this.actionsList, dataUnit: this._dataUnit }))), index.h("div", { class: "ez-padding--small" }), index.h("section", null, index.h("div", { class: "ez-row" }, index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig() }))))));
+  }
+  get _element() { return index.getElement(this); }
+};
+SnkForm.style = snkFormCss;
+
+exports.snk_form = SnkForm;

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

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ebe8245e.js');
+const core = require('@sankhyalabs/core');
+const taskbarElements = require('./taskbar-elements-589a3744.js');
+
+const snkGridCss = ".sc-snk-grid-h{display:flex;height:100%;width:100%}";
+
+const SnkGrid = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
+  }
+  getHeaderButtons() {
+    return this._dataState && this._dataState.selectedRecords.length > 0 ? "UPDATE,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,REFRESH" : "REFRESH";
+  }
+  actionClickHandler(evt) {
+    if (evt.detail === taskbarElements.TaskbarElement.CONFIG_GRID && this._grid) {
+      this._grid.openGridConfig();
+    }
+  }
+  componentWillLoad() {
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        if (!this._dataUnit) {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  componentWillRender() {
+    if (this._dataUnit && !this._configLoaded) {
+      const snkApplication = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      if (snkApplication) {
+        snkApplication.loadGridConfig(this.configName).then(cfg => {
+          this._gridConfig = cfg;
+          this._configLoaded = true;
+        });
+      }
+    }
+  }
+  render() {
+    if (!this._configLoaded || !this._dataUnit) {
+      return undefined;
+    }
+    return (index.h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "ez-row ez-padding-bottom--medium ez-margin-bottom--medium" }, index.h("div", { class: "ez-col ez-col--sd-9 ez-col--tb-9 ez-align--bottom" }, index.h("slot", null)), index.h("div", { class: "ez-col ez-col--sd-3 ez-col--tb-3 ez-align--right" }, index.h("snk-taskbar", { onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" }))), index.h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig }, index.h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList }))));
+  }
+  get _element() { return index.getElement(this); }
+};
+SnkGrid.style = snkGridCss;
+
+exports.snk_grid = SnkGrid;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1133bc2a.js');
+const index = require('./index-ebe8245e.js');
 const core = require('@sankhyalabs/core');
 
 const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__content-scrollbar--background-color:var(--text--primary, #626e82);--snk-pesquisa__content-scrollbar--border-radius:var(--border--radius-medium, 12px);--snk-pesquisa__content-scrollbar--width:var(--space--medium, 12px) display: block;max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input-close.sc-snk-pesquisa{cursor:pointer}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:#f0f2f5;border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__content-scrollbar--background-color);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:#f0f2f5;width:var(--snk-pesquisa__content-scrollbar--width);max-width:var(--snk-pesquisa__content-scrollbar--width);min-width:var(--snk-pesquisa__content-scrollbar--width)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}";

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

@@ -0,0 +1,159 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ebe8245e.js');
+const core = require('@sankhyalabs/core');
+const taskbarElements = require('./taskbar-elements-589a3744.js');
+
+const SnkPopupButton = ({ className, title, source, opened, setOpened, actionClick }) => {
+  return (index.h("div", { class: "ez-flex " + className },
+    index.h("ez-button", { id: "moreOptionsButton", title: title, mode: "icon", iconName: "dots-vertical", size: "small", onClick: () => setOpened(true) }),
+    index.h("ez-popover", { opened: opened, autoClose: true, innerElement: ["moreOptionsButton", "moreOptionsDiv"], onEzVisibilityChange: (event) => setOpened(event.detail) },
+      index.h("div", { id: "moreOptionsDiv", class: "ez-padding--small" }, source.map((option, index$1) => index.h("ez-button", { className: "btn-options", size: "small", label: option.label, key: index$1, onClick: () => actionClick(option) }))))));
+};
+
+const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
+
+const SnkTaskbar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
+    this._moreOptionsOpened = false;
+  }
+  observeButtons() {
+    this._definitions = undefined;
+  }
+  // Internal methods
+  elementsFromString(strButtons) {
+    const elements = [];
+    if (strButtons) {
+      strButtons.split(",").forEach(buttonName => {
+        buttonName = buttonName.trim();
+        if (this.isAllowed(buttonName)) {
+          elements.push(buttonName.trim());
+        }
+      });
+    }
+    return elements;
+  }
+  isAllowed(buttonName) {
+    if (taskbarElements.AuthorizationElements[buttonName]) {
+      return this._permissions ? this._permissions.isSup || this._permissions[buttonName] : false;
+    }
+    return true;
+  }
+  getTitle(element) {
+    const pt_br = {
+      [taskbarElements.TaskbarElement.UPDATE]: "Editar",
+      [taskbarElements.TaskbarElement.PREVIOUS]: "Anterior",
+      [taskbarElements.TaskbarElement.NEXT]: "Próximo",
+      [taskbarElements.TaskbarElement.REFRESH]: "Atualizar",
+      [taskbarElements.TaskbarElement.CLONE]: "Duplicar",
+      [taskbarElements.TaskbarElement.REMOVE]: "Excluir",
+      [taskbarElements.TaskbarElement.MORE_OPTIONS]: "Mais Opções",
+      [taskbarElements.TaskbarElement.INSERT]: "Cadastrar",
+      [taskbarElements.TaskbarElement.CANCEL]: "Cancelar",
+      [taskbarElements.TaskbarElement.SAVE]: "Salvar",
+      [taskbarElements.TaskbarElement.GRID_MODE]: "Modo Grade",
+      [taskbarElements.TaskbarElement.CONFIG_GRID]: "Configuração da grade",
+      [taskbarElements.TaskbarElement.FORM_MODE]: "Modo Formulário"
+    };
+    return pt_br[element] ? pt_br[element] : "";
+  }
+  elementClick(elem) {
+    if (this.dataUnit) {
+      switch (elem) {
+        case taskbarElements.TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case taskbarElements.TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case taskbarElements.TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case taskbarElements.TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case taskbarElements.TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case taskbarElements.TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case taskbarElements.TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case taskbarElements.TaskbarElement.SAVE:
+          this.dataUnit.saveData();
+          break;
+      }
+    }
+    this.actionClick.emit(elem);
+  }
+  actionClickHandler(act) {
+    this._moreOptionsOpened = false;
+    this.actionClick.emit(act.key);
+  }
+  isEnabled(elem) {
+    return !(this.disabledButtons && this.disabledButtons.includes(elem));
+  }
+  getElement(index$1, def) {
+    let element;
+    let className = def === this.primaryButton ? "ez-button--primary " : "";
+    if (index$1 > 1) {
+      className += "ez-padding-left--medium";
+    }
+    if (def === taskbarElements.TaskbarElement.MORE_OPTIONS) {
+      element = this.actionsList ? index.h(SnkPopupButton, { className: className, title: this.getTitle(def), source: this.actionsList, opened: this._moreOptionsOpened, setOpened: opened => this._moreOptionsOpened = opened, actionClick: act => this.actionClickHandler(act) }) : undefined;
+    }
+    else {
+      element = taskbarElements.buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem));
+    }
+    return element;
+  }
+  // Lifecycle
+  componentWillRender() {
+    if (this._permissions === undefined) {
+      const snkApplication = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      if (snkApplication) {
+        snkApplication.getAllAccess().then(access => this._permissions = access);
+      }
+      else {
+        this._permissions = {};
+      }
+    }
+    else {
+      if (this._definitions == undefined) {
+        this._definitions = this.elementsFromString(this.buttons);
+      }
+    }
+  }
+  render() {
+    if (this._definitions === undefined) {
+      return undefined;
+    }
+    let index$1 = 0;
+    return (index.h(index.Host, null, this._definitions.map((btn) => {
+      if (btn === taskbarElements.TaskbarElement.DIVIDER) {
+        index$1 = 0;
+      }
+      else {
+        index$1++;
+      }
+      if (taskbarElements.TaskbarElement[btn]) {
+        return this.getElement(index$1, taskbarElements.TaskbarElement[btn]);
+      }
+      else {
+        return index.h("slot", { name: btn });
+      }
+    })));
+  }
+  static get watchers() { return {
+    "buttons": ["observeButtons"]
+  }; }
+};
+SnkTaskbar.style = snkTaskbarCss;
+
+exports.snk_taskbar = SnkTaskbar;

package/dist/cjs/taskbar-elements-589a3744.js

@@ -0,0 +1,68 @@
+'use strict';
+
+const index = require('./index-ebe8245e.js');
+
+exports.TaskbarElement = void 0;
+(function (TaskbarElement) {
+  TaskbarElement["PREVIOUS"] = "PREVIOUS";
+  TaskbarElement["NEXT"] = "NEXT";
+  TaskbarElement["REFRESH"] = "REFRESH";
+  TaskbarElement["UPDATE"] = "UPDATE";
+  TaskbarElement["CLONE"] = "CLONE";
+  TaskbarElement["REMOVE"] = "REMOVE";
+  TaskbarElement["INSERT"] = "INSERT";
+  TaskbarElement["CANCEL"] = "CANCEL";
+  TaskbarElement["SAVE"] = "SAVE";
+  TaskbarElement["GRID_MODE"] = "GRID_MODE";
+  TaskbarElement["FORM_MODE"] = "FORM_MODE";
+  TaskbarElement["CONFIG_GRID"] = "CONFIG_GRID";
+  TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
+  TaskbarElement["DIVIDER"] = "DIVIDER";
+})(exports.TaskbarElement || (exports.TaskbarElement = {}));
+exports.AuthorizationElements = void 0;
+(function (AuthorizationElements) {
+  AuthorizationElements["UPDATE"] = "UPDATE";
+  AuthorizationElements["CLONE"] = "CLONE";
+  AuthorizationElements["REMOVE"] = "REMOVE";
+  AuthorizationElements["INSERT"] = "INSERT";
+  AuthorizationElements["CONFIG_GRID"] = "CONFIG_GRID";
+})(exports.AuthorizationElements || (exports.AuthorizationElements = {}));
+const buildElem = (element, className, getTitle, action, isEnabled) => {
+  switch (element) {
+    case exports.TaskbarElement.PREVIOUS:
+      return iconButton("chevron-left", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.NEXT:
+      return iconButton("chevron-right", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.REFRESH:
+      return iconButton("sync", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.UPDATE:
+      return iconButton("edit", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.CLONE:
+      return iconButton("copy", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.REMOVE:
+      return iconButton("delete", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.INSERT:
+      return iconTextButton("plus", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.CANCEL:
+      return index.h("ez-button", { label: getTitle(element), size: "small", enabled: isEnabled(element), onClick: () => action(element) });
+    case exports.TaskbarElement.SAVE:
+      return iconTextButton("save", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.GRID_MODE:
+      return iconButton("table", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.FORM_MODE:
+      return iconButton("list", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.CONFIG_GRID:
+      return iconButton("settings-inverted", element, className, getTitle, action, isEnabled);
+    case exports.TaskbarElement.DIVIDER:
+      return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
+  }
+};
+function iconButton(iconName, element, className, getTitle, action, isEnabled) {
+  return index.h("ez-button", { key: iconName, title: getTitle(element), mode: "icon", size: "small", class: className, iconName: iconName, enabled: isEnabled(element), onClick: () => action(element) });
+}
+function iconTextButton(iconName, element, className, getTitle, action, isEnabled) {
+  return index.h("ez-button", { key: iconName, title: getTitle(element), label: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onClick: () => action(element) },
+    index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
+}
+
+exports.buildElem = buildElem;

package/dist/cjs/teste-pesquisa.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1133bc2a.js');
+const index = require('./index-ebe8245e.js');
 const core = require('@sankhyalabs/core');
 
 const testePesquisaCss = ":host{display:block}";

package/dist/collection/collection-manifest.json

@@ -1,6 +1,10 @@
 {
   "entries": [
     "./components/snk-application/snk-application.js",
+    "./components/snk-data-unit/snk-data-unit.js",
+    "./components/snk-taskbar/snk-taskbar.js",
+    "./components/snk-form/snk-form.js",
+    "./components/snk-grid/snk-grid.js",
     "./components/snk-pesquisa/snk-pesquisa.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],

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

@@ -1,5 +1,6 @@
 import { Component, h, Method, Event } from "@stencil/core";
 import { DataType, ErrorTracking } from "@sankhyalabs/core";
+import { DependencyType } 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";
@@ -10,13 +11,13 @@ import { FormConfigFetcher } from "../../lib/http/data-fetcher/fetchers/form-con
 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";
 import AuthFetcher, { AutorizationType } from "../../lib/http/data-fetcher/fetchers/auth-fetcher";
 import MGEAuthorization from '../../lib/auth/mgeauthorization.module';
 import { SnkErrorHandler } from "./errorhandler/snk-error-handler";
 import { agGridLicense } from '../../lib/licenses/sankhyalicense.module';
 export class SnkApplication {
   constructor() {
+    this._duCache = new Map();
     this._requestListener = new RequestListenerLoadingBar();
   }
   get parameters() {
@@ -177,6 +178,22 @@ export class SnkApplication {
       dataUnit.loadMetadata().then(() => resolve(dataUnit));
     });
   }
+  async getOrCreateDataUnit(entityName, dataUnitName) {
+    return new Promise((resolve, reject) => {
+      const dataUnit = this._duCache.get(dataUnitName);
+      if (dataUnit) {
+        resolve(dataUnit);
+      }
+      else {
+        this.createDataunit(entityName).then(dataUnit => {
+          if (dataUnitName) {
+            this._duCache.set(dataUnitName, dataUnit);
+          }
+          resolve(dataUnit);
+        }).catch(reason => reject(reason));
+      }
+    });
+  }
   async getResourceID() {
     return Promise.resolve(this.resourceID);
   }
@@ -195,8 +212,8 @@ export class SnkApplication {
   async loadFormConfig(name) {
     return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
   }
-  async loadGridConfig() {
-    return this.gridConfigFetcher.getConfig(this.resourceID);
+  async loadGridConfig(name) {
+    return this.gridConfigFetcher.getConfig(name, this.resourceID);
   }
   async saveGridConfig(config) {
     return this.gridConfigFetcher.saveConfig(config, this.resourceID);
@@ -311,6 +328,7 @@ export class SnkApplication {
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     ErrorTracking.init();
+    ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
   }
   connectedCallback() {
     DataFetcher.addRequestListener(this._requestListener);
@@ -690,6 +708,32 @@ export class SnkApplication {
         "tags": []
       }
     },
+    "getOrCreateDataUnit": {
+      "complexType": {
+        "signature": "(entityName: string, dataUnitName: string) => Promise<DataUnit>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }, {
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "DataUnit": {
+            "location": "import",
+            "path": "@sankhyalabs/core"
+          }
+        },
+        "return": "Promise<DataUnit>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
     "getResourceID": {
       "complexType": {
         "signature": "() => Promise<string>",
@@ -859,8 +903,11 @@ export class SnkApplication {
     },
     "loadGridConfig": {
       "complexType": {
-        "signature": "() => Promise<EzGridConfig>",
-        "parameters": [],
+        "signature": "(name: string) => Promise<EzGridConfig>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
         "references": {
           "Promise": {
             "location": "global"

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

@@ -0,0 +1,6 @@
+:host {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+