@sankhyalabs/sankhyablocks 4.4.0 → 4.5.1

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

@@ -0,0 +1,391 @@
+import { DataType, UserInterface } from '@sankhyalabs/core';
+import { h } from '@stencil/core';
+import { VIEW_MODE, SIMPLE_CRUD_MODE } from '../../lib/utils/constants';
+import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
+import { PresentationMode } from '../../lib';
+import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
+import InMemoryLoader from '../../lib/dataUnit/InMemoryLoader';
+export class SnkSimpleCrud {
+  constructor() {
+    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;
+    this.dataUnitReady.emit(this.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
+      };
+    }
+  }
+  onDataStateChange(evt) {
+    this.dataStateChange.emit(evt.detail);
+    this.dataState = evt.detail;
+  }
+  render() {
+    var _a;
+    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, onDataStateChange: evt => this.onDataStateChange(evt), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail) }, 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 }))))));
+  }
+  static get is() { return "snk-simple-crud"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-simple-crud.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-simple-crud.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataState": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DataState",
+          "resolved": "DataState",
+          "references": {
+            "DataState": {
+              "location": "import",
+              "path": "../snk-data-unit/snk-data-unit"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "mode": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SIMPLE_CRUD_MODE",
+          "resolved": "SIMPLE_CRUD_MODE.IN_MEMORY | SIMPLE_CRUD_MODE.SERVER",
+          "references": {
+            "SIMPLE_CRUD_MODE": {
+              "location": "import",
+              "path": "../../lib/utils/constants"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "SIMPLE_CRUD_MODE.SERVER"
+      },
+      "taskbarManager": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TaskbarManager",
+          "resolved": "TaskbarManager",
+          "references": {
+            "TaskbarManager": {
+              "location": "import",
+              "path": "../snk-taskbar/snk-taskbar"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Gerenciador das barras de tarefas. \u00C9 poss\u00EDvel determinar bot\u00F5es espec\u00EDficos\nou mesmo gerenciar o estado dos bot\u00F5es."
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_currentViewMode": {},
+      "_config": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dataStateChange",
+        "name": "dataStateChange",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando h\u00E1 qualquer mudan\u00E7a de estado no DataUnit."
+        },
+        "complexType": {
+          "original": "DataState",
+          "resolved": "DataState",
+          "references": {
+            "DataState": {
+              "location": "import",
+              "path": "../snk-data-unit/snk-data-unit"
+            }
+          }
+        }
+      }, {
+        "method": "dataUnitReady",
+        "name": "dataUnitReady",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o DataUnit est\u00E1 pronto."
+        },
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "goToView": {
+        "complexType": {
+          "signature": "(view: VIEW_MODE) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "VIEW_MODE": {
+              "location": "import",
+              "path": "../../lib/utils/constants"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Usado para alternar a vis\u00E3o entre GRID e FORM externamente.",
+          "tags": []
+        }
+      },
+      "setMetadata": {
+        "complexType": {
+          "signature": "(metadata: UnitMetadata) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "UnitMetadata": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "setRecords": {
+        "complexType": {
+          "signature": "(records: Array<Record>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "Record": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "getRecords": {
+        "complexType": {
+          "signature": "() => Promise<Array<Record>>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Record": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<Record[]>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+  static get watchers() {
+    return [{
+        "propName": "mode",
+        "methodName": "onModeChange"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "actionClick",
+        "method": "actionClickListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}

package/dist/collection/lib/dataUnit/InMemoryLoader.js

@@ -0,0 +1,112 @@
+import { ChangeOperation, DataType, DataUnit, SortMode, StringUtils } from "@sankhyalabs/core";
+export default 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);
+    });
+  }
+}

package/dist/collection/lib/utils/constants.js

@@ -94,3 +94,8 @@ export const WEB_CONNECTION = {
     IMPORT_IMAGE: "importImage"
   }
 };
+export var SIMPLE_CRUD_MODE;
+(function (SIMPLE_CRUD_MODE) {
+  SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["SERVER"] = 0] = "SERVER";
+  SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
+})(SIMPLE_CRUD_MODE || (SIMPLE_CRUD_MODE = {}));

package/dist/components/constants.js

@@ -93,5 +93,10 @@ const WEB_CONNECTION = {
     IMPORT_IMAGE: "importImage"
   }
 };
+var SIMPLE_CRUD_MODE;
+(function (SIMPLE_CRUD_MODE) {
+  SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["SERVER"] = 0] = "SERVER";
+  SIMPLE_CRUD_MODE[SIMPLE_CRUD_MODE["IN_MEMORY"] = 1] = "IN_MEMORY";
+})(SIMPLE_CRUD_MODE || (SIMPLE_CRUD_MODE = {}));
 
-export { ALL_RECORD as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_PORT_EXPORT as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, TAGS_BY_TYPE as T, VIEW_MODE as V, WEB_CONNECTION as W, VARS_BY_TYPE as a, ACTION_CONFIG as b, TAB_NAMES as c, KEY_EVENTS as d, TYPE_ACTIONS as e };
+export { ALL_RECORD as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_PORT_EXPORT as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAGS_BY_TYPE as T, VIEW_MODE as V, WEB_CONNECTION as W, VARS_BY_TYPE as a, ACTION_CONFIG as b, TAB_NAMES as c, KEY_EVENTS as d, TYPE_ACTIONS as e };

package/dist/components/index.d.ts

@@ -31,6 +31,7 @@ export { SnkGridConfig as SnkGridConfig } from '../types/components/snk-grid/sub
 export { SnkGuidesViewer as SnkGuidesViewer } from '../types/components/snk-crud/subcomponents/snk-guides-viewer';
 export { SnkPesquisa as SnkPesquisa } from '../types/components/snk-pesquisa/snk-pesquisa';
 export { SelectBox as SnkSelectBox } from '../types/components/snk-grid/subcomponents/snk-select-box/snk-select-box';
+export { SnkSimpleCrud as SnkSimpleCrud } from '../types/components/snk-simple-crud/snk-simple-crud';
 export { SnkTabConfig as SnkTabConfig } from '../types/components/snk-form/subcomponents/snk-tab-config/snk-tab-config';
 export { SnkTaskbar as SnkTaskbar } from '../types/components/snk-taskbar/snk-taskbar';
 export { TestePesquisa as TestePesquisa } from '../types/components/teste-pesquisa/teste-pesquisa';

package/dist/components/index.js

@@ -31,6 +31,7 @@ export { SnkGridConfig, defineCustomElement as defineCustomElementSnkGridConfig
 export { SnkGuidesViewer, defineCustomElement as defineCustomElementSnkGuidesViewer } from './snk-guides-viewer.js';
 export { SnkPesquisa, defineCustomElement as defineCustomElementSnkPesquisa } from './snk-pesquisa.js';
 export { SnkSelectBox, defineCustomElement as defineCustomElementSnkSelectBox } from './snk-select-box.js';
+export { SnkSimpleCrud, defineCustomElement as defineCustomElementSnkSimpleCrud } from './snk-simple-crud.js';
 export { SnkTabConfig, defineCustomElement as defineCustomElementSnkTabConfig } from './snk-tab-config.js';
 export { SnkTaskbar, defineCustomElement as defineCustomElementSnkTaskbar } from './snk-taskbar.js';
 export { TestePesquisa, defineCustomElement as defineCustomElementTestePesquisa } from './teste-pesquisa.js';

package/dist/components/snk-detail-view2.js

@@ -6,7 +6,7 @@ import { ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { P as PresentationMode } from './index2.js';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { T as TaskbarProcessor, d as defineCustomElement$6 } from './snk-grid2.js';
+import { T as TaskbarProcessor } from './taskbar-processor.js';
 import { d as defineCustomElement$k } from './snk-config-options2.js';
 import { d as defineCustomElement$j } from './snk-configurator2.js';
 import { d as defineCustomElement$i } from './snk-data-exporter2.js';
@@ -19,6 +19,7 @@ import { d as defineCustomElement$b } from './snk-filter-list2.js';
 import { d as defineCustomElement$a } from './snk-filter-modal2.js';
 import { d as defineCustomElement$8 } from './snk-form-summary2.js';
 import { d as defineCustomElement$7 } from './snk-form-view2.js';
+import { d as defineCustomElement$6 } from './snk-grid2.js';
 import { d as defineCustomElement$5 } from './snk-grid-config2.js';
 import { d as defineCustomElement$4 } from './snk-select-box2.js';
 import { d as defineCustomElement$f } from './snk-field-config2.js';

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;