@sankhyalabs/sankhyablocks 4.4.0-hotfix-ga-SKA-99999.1 → 4.5.0

package/dist/components/snk-filter-field-search.js

@@ -0,0 +1,205 @@
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { UserInterface, JSUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+
+var SelectedItemType;
+(function (SelectedItemType) {
+  SelectedItemType["LINK"] = "LINK";
+  SelectedItemType["FIELD"] = "FIELD";
+})(SelectedItemType || (SelectedItemType = {}));
+
+const ICON_MODES = {
+  [UserInterface.SHORTTEXT]: 'text',
+  [UserInterface.LONGTEXT]: 'text',
+  [UserInterface.INTEGERNUMBER]: 'number',
+  [UserInterface.DECIMALNUMBER]: 'number',
+  [UserInterface.DATE]: 'calendar',
+  [UserInterface.DATETIME]: 'calendar',
+  [UserInterface.SWITCH]: 'boolean',
+  [UserInterface.CHECKBOX]: 'check-circle-inverted',
+  [UserInterface.OPTIONSELECTOR]: 'list',
+  [UserInterface.SEARCH]: 'search',
+  [UserInterface.HTML]: 'tag_code',
+  [UserInterface.IMAGE]: 'png',
+  [UserInterface.FILE]: 'edit-file',
+  [UserInterface.TIME]: 'timer-outline',
+  [UserInterface.ELAPSEDTIME]: 'timer',
+  [UserInterface.MASKEDTEXT]: 'text',
+  [UserInterface.PASSWORD]: 'email',
+};
+const ListItem = ({ userInterface, description }) => {
+  return (h("ez-icon", { iconName: ICON_MODES[userInterface], className: "ez-padding-left--small", title: description }));
+};
+
+const snkFilterFieldSearchCss = ".sc-snk-filter-field-search-h{--snk-filter-field-search--container-width:468px;--snk-filter-field-search--container-height:322px}.snk-filter-field-search__container.sc-snk-filter-field-search{display:flex;flex-direction:column;padding:var(--space--medium);width:var(--snk-filter-field-search--container-width);height:var(--snk-filter-field-search--container-height)}.snk-filter-field-search__section.sc-snk-filter-field-search{display:grid;grid-template-columns:1fr 1fr;place-items:flex-start;overflow:hidden;gap:var(--space--small)}.snk-filter-field-search__input.sc-snk-filter-field-search{margin-bottom:var(--space--medium)}.snk-filter-field-search__list_container.sc-snk-filter-field-search{display:flex;flex-direction:column}.snk-filter-field-search__list.sc-snk-filter-field-search{overflow-y:auto}";
+
+const SNK_CONTEXT_KEY = "__SNK__APPLICATION__";
+const SnkFilterFieldSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezSelectFilterItem = createEvent(this, "ezSelectFilterItem", 7);
+    this._filterMetadataStorage = new Map();
+    this._dataSource = null;
+    this._filterText = "";
+    this._isLoading = false;
+    this.searchable = true;
+    this.breadcrumbItems = [];
+    this.linkItems = [];
+    this.fieldItems = [];
+  }
+  /**
+   * Define a fonte de dados do componente.
+   * @param {IFilterLink} currentLink - Link atual da entidade.
+   * @param {IFilterMetadata} fetchData - callback que executa a busca de dados.
+   * @throws {Error} - Quando os metadados não forem válidos.
+   * @throws {Error} - Quando o link atual não for do tipo link.
+  */
+  async setDataSource(currentLink, fetchData) {
+    var _a;
+    this._isLoading = true;
+    let metadata = this._filterMetadataStorage.get(currentLink.uri);
+    if (!metadata) {
+      metadata = await fetchData(currentLink);
+      this._filterMetadataStorage.set(currentLink.uri, metadata);
+    }
+    const { fields, links } = metadata || {};
+    if (!Array.isArray(fields) || !Array.isArray(links))
+      throw new Error('Invalid metadata');
+    if (currentLink.type !== SelectedItemType.LINK)
+      throw new Error('The current link must be a link type');
+    this._dataSource = metadata;
+    this._currentLink = currentLink;
+    this.mapDataSourceToLinkItems();
+    this.mapDataSourceToFieldItems();
+    this._isLoading = false;
+    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.show();
+    this._ezFieldList.scrollToTop();
+    this._ezLinkList.scrollToTop();
+  }
+  /**
+   * Filtra a fonte de dados do componente.
+   * @param {string} filterText - Texto para filtrar a fonte de dados.
+   * @throws {Error} - Quando o componente estiver com a propriedade searchable como true.
+  */
+  async filterDataSource(filterText) {
+    if (this.searchable)
+      throw new Error('This method is not available when searchable is true');
+    this.handleFilterChange(filterText);
+  }
+  mapDataSourceToLinkItems() {
+    var _a;
+    const { links } = this._dataSource;
+    const filterLinkLabelMessage = this.getMessage('snkFilterFieldSearch.linkLabel', { link: (_a = this._currentLink) === null || _a === void 0 ? void 0 : _a.description });
+    const items = links.map(link => (Object.assign({ label: link.description }, link)));
+    this.linkItems = [{
+        group: filterLinkLabelMessage,
+        items
+      }];
+    if (this.breadcrumbItems.length === 0) {
+      this.breadcrumbItems = [Object.assign({ id: JSUtils.generateUUID(), label: this._currentLink.description }, this._currentLink)];
+    }
+  }
+  mapDataSourceToFieldItems() {
+    var _a;
+    const { fields } = this._dataSource;
+    const filterFieldLabelMessage = this.getMessage('snkFilterFieldSearch.fieldLabel', { link: (_a = this._currentLink) === null || _a === void 0 ? void 0 : _a.description });
+    const filteredFields = fields.filter(field => {
+      if (!this._currentLink)
+        return true;
+      const searchableByDescription = field.description.toLowerCase().includes(this._filterText.toLowerCase());
+      const searchableByName = field.name.toLowerCase().includes(this._filterText.toLowerCase());
+      return searchableByDescription || searchableByName;
+    });
+    const items = filteredFields.map(field => (Object.assign({ label: field.description }, field)));
+    this.fieldItems = [{
+        group: filterFieldLabelMessage,
+        items
+      }];
+  }
+  handleFilterChange(filterText) {
+    if (this._isLoading)
+      return;
+    this._filterText = filterText;
+    this.mapDataSourceToFieldItems();
+  }
+  handleSelectLink({ detail: item }) {
+    if (this._isLoading)
+      return;
+    const breadcrumbByIndex = this.breadcrumbItems.findIndex(breadcrumbItem => breadcrumbItem.id === item.id);
+    item.cache = this._filterMetadataStorage.has(item.uri);
+    if (breadcrumbByIndex > -1) {
+      this.breadcrumbItems = this.breadcrumbItems.slice(0, (breadcrumbByIndex + 1));
+    }
+    else {
+      this.breadcrumbItems = [...this.breadcrumbItems, Object.assign({ id: JSUtils.generateUUID(), label: item.description }, item)];
+    }
+    this.ezSelectFilterItem.emit(Object.assign(Object.assign({}, item), { type: SelectedItemType.LINK }));
+  }
+  handleSelectField({ detail: item }) {
+    var _a;
+    const breadcrumbPath = this.breadcrumbItems.map(breadcrumbItem => breadcrumbItem.label).join('>>');
+    const selectedField = Object.assign(Object.assign({}, item), { type: SelectedItemType.FIELD, path: `${breadcrumbPath} >> ${item.description}` });
+    this.ezSelectFilterItem.emit(selectedField);
+    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.hide();
+  }
+  getElementID(sufix) {
+    return {
+      [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(sufix)
+    };
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-field-search.msg.ts"
+  */
+  getMessage(key, params) {
+    var _a, _b, _c;
+    if (!this._application)
+      this._application = ApplicationContext.getContextValue(SNK_CONTEXT_KEY);
+    return (_c = (_b = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder) === null || _b === void 0 ? void 0 : _b.getMessage) === null || _c === void 0 ? void 0 : _c.call(_b, key, params);
+  }
+  ;
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue(SNK_CONTEXT_KEY);
+  }
+  componentDidLoad() {
+    ElementIDUtils.addIDInfoIfNotExists(this._ezPopover, 'popover');
+  }
+  disconnectedCallback() {
+    var _a;
+    this._filterMetadataStorage.clear();
+    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.hide();
+  }
+  render() {
+    var _a;
+    const searchLabelMessage = this.getMessage('snkFilterFieldSearch.searchLabel');
+    return (h("ez-popover", Object.assign({ ref: (el) => this._ezPopover = el, role: "dialog", "aria-hidden": !((_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.opened) }, this.getElementID('EzPopover')), h("div", { class: "snk-filter-field-search__container" }, h("header", { class: "snk-filter-field-search__header" }, this.searchable && !!searchLabelMessage && (h("ez-filter-input", Object.assign({ class: "snk-filter-field-search__input", label: searchLabelMessage, asyncSearch: true, canShowError: false, onEzSearching: (event) => this.handleFilterChange.bind(this)(event.detail), "aria-label": searchLabelMessage, "aria-required": "false", "aria-invalid": "false" }, this.getElementID('EzFilterInput')))), this.breadcrumbItems.length > 0 && (h("ez-breadcrumb", Object.assign({ items: this.breadcrumbItems, onSelectedItem: this.handleSelectLink.bind(this), role: "navigation", "aria-current": "step" }, this.getElementID('EzBreadcrumb')))), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" })), h("section", { class: "snk-filter-field-search__section" }, h("ez-list", Object.assign({ ref: (el) => this._ezLinkList = el, class: "snk-filter-field-search__list", id: "filterLinkList", useGroups: true, dataSource: this.linkItems, onEzSelectItem: this.handleSelectLink.bind(this), hoverFeedback: true, ezSelectable: true, itemSlotBuilder: ({ fieldCount }) => h("ez-badge", { label: fieldCount }), "aria-describedby": "filterLinkLabel" }, this.getElementID('EzListLinks'))), h("ez-list", Object.assign({ ref: (el) => this._ezFieldList = el, class: "snk-filter-field-search__list", id: "filterFieldList", useGroups: true, dataSource: this.fieldItems, onEzSelectItem: this.handleSelectField.bind(this), hoverFeedback: true, ezSelectable: true, itemSlotBuilder: ListItem, "aria-describedby": "filterFieldLabel" }, this.getElementID('EzListFields')))))));
+  }
+  static get style() { return snkFilterFieldSearchCss; }
+}, [2, "snk-filter-field-search", {
+    "searchable": [4],
+    "breadcrumbItems": [32],
+    "linkItems": [32],
+    "fieldItems": [32],
+    "setDataSource": [64],
+    "filterDataSource": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-field-search"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterFieldSearch$1);
+      }
+      break;
+  } });
+}
+
+const SnkFilterFieldSearch = SnkFilterFieldSearch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkFilterFieldSearch, defineCustomElement };

package/dist/components/snk-grid2.js

@@ -3,6 +3,7 @@ import { ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core'
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode } from './index2.js';
+import { T as TaskbarProcessor } from './taskbar-processor.js';
 import { s as store, d as defineCustomElement$1 } from './snk-taskbar2.js';
 import { d as defineCustomElement$a } from './snk-data-exporter2.js';
 import { d as defineCustomElement$9 } from './snk-exporter-email-sender2.js';
@@ -14,52 +15,6 @@ import { d as defineCustomElement$4 } from './snk-filter-modal2.js';
 import { d as defineCustomElement$3 } from './snk-grid-config2.js';
 import { d as defineCustomElement$2 } from './snk-select-box2.js';
 
-class TaskbarProcessor {
-  constructor(defaultButtons) {
-    this._defaultButtons = defaultButtons;
-  }
-  process(taskbarId, taskbarManager, dataState, disabledButtons = [], invisibleButtons = []) {
-    var _a;
-    this.customButtons = new Map();
-    this.buttons = "";
-    this.disabledButtons = [];
-    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
-      let buttonName;
-      if (typeof btnDef === "string") {
-        buttonName = btnDef;
-      }
-      else {
-        const customBtn = btnDef;
-        this.customButtons.set(customBtn.name, customBtn);
-        buttonName = customBtn.name;
-      }
-      if (!invisibleButtons.includes(buttonName)) {
-        if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
-          this.disabledButtons.push(buttonName);
-        }
-        if (this.buttons.length > 0) {
-          this.buttons += ",";
-        }
-        this.buttons += buttonName;
-      }
-    });
-  }
-  getButtonsArray(taskbarId, taskbarManager, dataState) {
-    const defaults = this._defaultButtons[taskbarId];
-    if (taskbarManager) {
-      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
-    }
-    return defaults;
-  }
-  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
-    const originalValue = disabled.includes(buttonName) ? false : true;
-    if (taskbarManager && taskbarManager.isEnabled) {
-      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
-    }
-    return originalValue;
-  }
-}
-
 const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:300px}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
 
 const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -384,4 +339,4 @@ function defineCustomElement() {
   } });
 }
 
-export { SnkGrid as S, TaskbarProcessor as T, defineCustomElement as d };
+export { SnkGrid as S, defineCustomElement as d };

package/dist/components/snk-simple-crud.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkSimpleCrud extends Components.SnkSimpleCrud, HTMLElement {}
+export const SnkSimpleCrud: {
+  prototype: SnkSimpleCrud;
+  new (): SnkSimpleCrud;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-simple-crud.js

@@ -0,0 +1,297 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { DataUnit, StringUtils, SortMode, DataType, ChangeOperation, UserInterface } from '@sankhyalabs/core';
+import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
+import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
+import './DataFetcher.js';
+import { P as PresentationMode } from './index2.js';
+import { T as TaskbarProcessor } from './taskbar-processor.js';
+import { d as defineCustomElement$5 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$4 } from './snk-data-unit2.js';
+import { d as defineCustomElement$3 } from './snk-exporter-email-sender2.js';
+
+class InMemoryLoader {
+  constructor(metadata, records) {
+    this.records = records || [];
+    this.metadata = metadata;
+    this._dataUnit = new DataUnit("InMemoryDataUnit");
+    this._dataUnit.metadataLoader = () => this.metadaLoader();
+    this._dataUnit.dataLoader = (_dataUnit, request) => this.dataLoader(_dataUnit, request);
+    this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);
+    this._dataUnit.removeLoader = (_dataUnit, recordIds) => this.removeLoader(_dataUnit, recordIds);
+    this.dataUnit.loadMetadata().then(() => this.dataUnit.loadData());
+  }
+  get dataUnit() {
+    return this._dataUnit;
+  }
+  get records() {
+    return this._records;
+  }
+  set records(records) {
+    this._records = records === null || records === void 0 ? void 0 : records.map(record => {
+      if (!record["__record__id__"]) {
+        record["__record__id__"] = this.generateUniqueId();
+      }
+      return record;
+    });
+    if (this._dataUnit) {
+      this._dataUnit.records = [...this._records];
+    }
+  }
+  get metadata() {
+    return this._metadata;
+  }
+  set metadata(metadata) {
+    this._metadata = metadata;
+    if (this._dataUnit) {
+      this._dataUnit.metadata = this._metadata;
+    }
+  }
+  generateUniqueId() {
+    return StringUtils.generateUUID();
+  }
+  metadaLoader() {
+    return Promise.resolve(this._metadata);
+  }
+  dataLoader(_dataUnit, request) {
+    let records = [...this._records];
+    if (request.sort) {
+      request.sort.forEach(sort => {
+        records = records.sort((recordA, recordB) => {
+          const fieldA = recordA[sort.field];
+          const fieldB = recordB[sort.field];
+          const sortFn = this.getSortFn(sort.dataType);
+          return sortFn(fieldA, fieldB) * (sort.mode == SortMode.ASC ? 1 : -1);
+        });
+      });
+    }
+    return Promise.resolve({ records: records });
+  }
+  getSortFn(type) {
+    switch (type) {
+      case DataType.NUMBER:
+        return this.sortNumber;
+      case DataType.DATE:
+        return this.sortDate;
+      case DataType.OBJECT:
+        return this.sortObject;
+      default:
+        return StringUtils.compare;
+    }
+  }
+  sortObject(a, b) {
+    return StringUtils.compare(a["label"], b["label"]);
+  }
+  sortNumber(a, b) {
+    return a - b;
+  }
+  sortDate(a, b) {
+    let timeA = a.getTime(), timeB = b.getTime();
+    return timeA === timeB ? 0 : (timeA < timeB ? -1 : 1);
+  }
+  saveLoader(_dataUnit, changes) {
+    return new Promise((resolve) => {
+      let dataUnitRecords = [];
+      changes.forEach(change => {
+        let { record, updatingFields, operation } = change;
+        let isAdd = false;
+        if (operation === ChangeOperation.INSERT ||
+          operation === ChangeOperation.COPY) {
+          record["__old__id__"] = record["__record__id__"];
+          record["__record__id__"] = this.generateUniqueId();
+          isAdd = true;
+        }
+        const changedRecord = Object.assign(Object.assign({}, record), updatingFields);
+        if (isAdd) {
+          this.records.push(changedRecord);
+        }
+        else {
+          const recordIndex = this.records.findIndex(r => r["__record__id__"] == changedRecord["__record__id__"]);
+          this.records[recordIndex] = changedRecord;
+        }
+        dataUnitRecords.push(changedRecord);
+      });
+      resolve(dataUnitRecords);
+    });
+  }
+  removeLoader(_dataUnit, recordIds) {
+    return new Promise((resolve) => {
+      this._records = this._records.filter(record => !recordIds.includes(record["__record__id__"]));
+      resolve(recordIds);
+    });
+  }
+}
+
+const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:auto;row-gap:12px;height:100%;width:100%}.simple-crud__taskbar.sc-snk-simple-crud{z-index:var(--more-visible, 2);margin-bottom:var(--space--medium)}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
+
+const SnkSimpleCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.REGULAR_DEFAULT_BTNS = ["INSERT", "PREVIOUS", "NEXT", "DIVIDER"];
+    this.REGULAR_SELECTED_BTNS = ["INSERT", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER"];
+    this._taskbarProcessor = new TaskbarProcessor({
+      "snkSimpleCrudTaskbar.form_regular": this.REGULAR_DEFAULT_BTNS.concat(TaskbarElement.GRID_MODE),
+      "snkSimpleCrudTaskbar.grid_regular": this.REGULAR_DEFAULT_BTNS.concat(TaskbarElement.FORM_MODE),
+      "snkSimpleCrudTaskbar.form_selected": this.REGULAR_SELECTED_BTNS.concat(TaskbarElement.GRID_MODE),
+      "snkSimpleCrudTaskbar.grid_selected": this.REGULAR_SELECTED_BTNS.concat(TaskbarElement.FORM_MODE),
+      "snkSimpleCrudTaskbar.finish_edition": ["CANCEL", "SAVE"]
+    });
+    this._currentViewMode = VIEW_MODE.GRID;
+    this._config = undefined;
+    this.dataState = undefined;
+    this.dataUnit = undefined;
+    this.mode = SIMPLE_CRUD_MODE.SERVER;
+    this.taskbarManager = undefined;
+  }
+  /**
+   * Usado para alternar a visão entre GRID e FORM externamente.
+   */
+  async goToView(view) {
+    this._currentViewMode = view;
+    if (this._viewStack) {
+      this._viewStack.show(view);
+    }
+  }
+  actionClickListener(evt) {
+    const act = evt.detail;
+    if (act === TaskbarElement.GRID_MODE) {
+      this.goToView(VIEW_MODE.GRID);
+    }
+    else if (act === TaskbarElement.FORM_MODE) {
+      this.goToView(VIEW_MODE.FORM);
+    }
+    evt.stopPropagation();
+  }
+  onModeChange() {
+    if (this.mode == SIMPLE_CRUD_MODE.IN_MEMORY) {
+      this.initInMemoryDataUnit();
+    }
+  }
+  componentWillRender() {
+    this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, undefined);
+  }
+  componentWillLoad() {
+    this.processMetadata();
+    this.onModeChange();
+  }
+  getTaskBarId() {
+    var _a, _b;
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
+      return "snkSimpleCrudTaskbar.finish_edition";
+    }
+    if (((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectedRecords.length) > 0) {
+      return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
+    }
+    return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
+  }
+  initInMemoryDataUnit() {
+    this._inMemoryLoader = new InMemoryLoader(this._metadata);
+    this.dataUnit = this._inMemoryLoader.dataUnit;
+  }
+  setMetadata(metadata) {
+    if (this._inMemoryLoader) {
+      this._inMemoryLoader.metadata = metadata;
+    }
+    else if (this.dataUnit) {
+      this.dataUnit.metadata = metadata;
+    }
+    return Promise.resolve();
+  }
+  setRecords(records) {
+    if (this._inMemoryLoader) {
+      this._inMemoryLoader.records = records;
+    }
+    else if (this.dataUnit) {
+      this.dataUnit.records = records;
+    }
+    return Promise.resolve();
+  }
+  getRecords() {
+    return Promise.resolve(this.dataUnit.records);
+  }
+  processMetadata() {
+    const fieldsMetadataElem = this._element.querySelectorAll("snk-field-metadata");
+    const fieldMetadata = [];
+    const formConfig = { fields: [], emptyConfig: false };
+    fieldsMetadataElem.forEach(fieldElem => {
+      const field = {
+        name: fieldElem.getAttribute("name") || fieldElem.getAttribute("label"),
+        label: fieldElem.getAttribute("label"),
+        dataType: DataType[fieldElem.getAttribute("dataType")] || DataType.TEXT,
+        userInterface: UserInterface[fieldElem.getAttribute("userInterface")] || UserInterface.SHORTTEXT,
+        readOnly: fieldElem.getAttribute("readOnly") == "true",
+        required: fieldElem.getAttribute("required") == "true",
+        tab: fieldElem.getAttribute("tab") || undefined
+      };
+      const fieldConfig = { name: field.name, tab: field.tab };
+      formConfig.fields.push(fieldConfig);
+      fieldMetadata.push(field);
+    });
+    if (fieldMetadata.length > 0) {
+      this._config = formConfig;
+      this._metadata = {
+        name: "SimpleCrud",
+        label: "SimpleCrud",
+        fields: fieldMetadata
+      };
+    }
+  }
+  render() {
+    var _a;
+    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, onDataStateChange: evt => this.dataState = evt.detail, onInsertionMode: () => this.goToView(VIEW_MODE.FORM) }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "simple-crud__taskbar ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }), h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { dataUnit: this.dataUnit, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), "no-header": true }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this._config }))))));
+  }
+  get _element() { return this; }
+  static get watchers() { return {
+    "mode": ["onModeChange"]
+  }; }
+  static get style() { return snkSimpleCrudCss; }
+}, [6, "snk-simple-crud", {
+    "dataState": [16],
+    "dataUnit": [16],
+    "mode": [2],
+    "taskbarManager": [16],
+    "_currentViewMode": [32],
+    "_config": [32],
+    "goToView": [64],
+    "setMetadata": [64],
+    "setRecords": [64],
+    "getRecords": [64]
+  }, [[0, "actionClick", "actionClickListener"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-simple-crud", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-taskbar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-simple-crud":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkSimpleCrud$1);
+      }
+      break;
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "snk-data-unit":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const SnkSimpleCrud = SnkSimpleCrud$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkSimpleCrud, defineCustomElement };

package/dist/components/taskbar-processor.js

@@ -0,0 +1,47 @@
+class TaskbarProcessor {
+  constructor(defaultButtons) {
+    this._defaultButtons = defaultButtons;
+  }
+  process(taskbarId, taskbarManager, dataState, disabledButtons = [], invisibleButtons = []) {
+    var _a;
+    this.customButtons = new Map();
+    this.buttons = "";
+    this.disabledButtons = [];
+    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
+      let buttonName;
+      if (typeof btnDef === "string") {
+        buttonName = btnDef;
+      }
+      else {
+        const customBtn = btnDef;
+        this.customButtons.set(customBtn.name, customBtn);
+        buttonName = customBtn.name;
+      }
+      if (!invisibleButtons.includes(buttonName)) {
+        if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
+          this.disabledButtons.push(buttonName);
+        }
+        if (this.buttons.length > 0) {
+          this.buttons += ",";
+        }
+        this.buttons += buttonName;
+      }
+    });
+  }
+  getButtonsArray(taskbarId, taskbarManager, dataState) {
+    const defaults = this._defaultButtons[taskbarId];
+    if (taskbarManager) {
+      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
+    }
+    return defaults;
+  }
+  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
+    const originalValue = disabled.includes(buttonName) ? false : true;
+    if (taskbarManager && taskbarManager.isEnabled) {
+      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
+    }
+    return originalValue;
+  }
+}
+
+export { TaskbarProcessor as T };

package/dist/esm/{ConfigStorage-34caac5c.js → ConfigStorage-1b64cd96.js}

@@ -1,5 +1,5 @@
 import { ApplicationContext } from '@sankhyalabs/core';
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-e58fc104.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-677f86dd.js';
 
 class GridConfigFetcher extends ResourceFetcher {
   constructor() {

package/dist/esm/{DataFetcher-00309101.js → DataFetcher-5e99fa75.js}

@@ -6466,7 +6466,7 @@ class GraphQLRecaller {
 
 class DataFetcher {
   constructor() {
-    this.GRAPHQL_PATH = "/mgefin-bff/graphql";
+    this.GRAPHQL_PATH = "/mge/graphql";
     this.watingRequestsById = new Map();
   }
   static get() {
@@ -6695,8 +6695,8 @@ class DataFetcher {
     let errorsResponse = [];
     let url = `${this.resolveURL() + this.GRAPHQL_PATH}`;
     const responseExtensions = [];
-    if (window['mgeSession']) {
-      url += `?mgeSession=${window['mgeSession']}`;
+    if (window['skw_session']) {
+      url += `?mgeSession=${window['skw_session']}`;
     }
     DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: request }));
     try {

package/dist/esm/{SnkFormConfigManager-d3a8aaf4.js → SnkFormConfigManager-0d9752c3.js}

@@ -1,6 +1,6 @@
-import { C as ConfigStorage } from './ConfigStorage-34caac5c.js';
+import { C as ConfigStorage } from './ConfigStorage-1b64cd96.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { F as FormConfigFetcher } from './form-config-fetcher-e58fc104.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-677f86dd.js';
 
 class SnkFormConfigManager {
   constructor(configName, onConfigChange) {