@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-11997.0

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

@@ -0,0 +1,59 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+
+const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
+
+const SnkSimpleBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.clickBreadcrumbItem = createEvent(this, "clickBreadcrumbItem", 3);
+    this.exit = createEvent(this, "exit", 3);
+    this.label = undefined;
+    this.breadcrumbItens = undefined;
+    this.messagesBuilder = undefined;
+  }
+  /**
+   * 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-simple-bar.msg.ts"
+  */
+  getMessage(key, params) {
+    var _a;
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
+      return this._application.messagesBuilder.getMessage(key, params);
+  }
+  componentDidLoad() {
+    if (!this._element)
+      return;
+    ElementIDUtils.addIDInfo(this._element);
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    return (h("div", { class: "simple-bar__container ez-margin-vertical--medium ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
+  }
+  get _element() { return this; }
+  static get style() { return snkSimpleBarCss; }
+}, [6, "snk-simple-bar", {
+    "label": [1],
+    "breadcrumbItens": [16],
+    "messagesBuilder": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-simple-bar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-simple-bar":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkSimpleBar);
+      }
+      break;
+  } });
+}
+
+export { SnkSimpleBar 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,6 @@
+import { S as SnkSimpleCrud$1, d as defineCustomElement$1 } from './snk-simple-crud2.js';
+
+const SnkSimpleCrud = SnkSimpleCrud$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkSimpleCrud, defineCustomElement };

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

@@ -0,0 +1,347 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { DataUnit, defaultDataLoader, StringUtils, ChangeOperation, ObjectUtils, ApplicationContext, DataType, UserInterface } from '@sankhyalabs/core';
+import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
+import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
+import './DataFetcher.js';
+import './pesquisa-fetcher.js';
+import { P as PresentationMode } from './index2.js';
+import { d as defineCustomElement$5 } from './snk-actions-button2.js';
+import '@sankhyalabs/ezui/dist/collection/utils/constants';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './filter-item-type.enum.js';
+import './form-config-fetcher.js';
+import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor } from './SnkMultiSelectionListDataSource.js';
+import { d as defineCustomElement$4 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$3 } from './snk-data-unit2.js';
+import { d as defineCustomElement$2 } from './snk-exporter-email-sender2.js';
+
+class InMemoryLoader {
+  constructor(metadata, records) {
+    this.records = records;
+    this.metadata = metadata;
+    this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
+    this._dataUnit.metadataLoader = () => this.metadaLoader();
+    this._dataUnit.dataLoader = (dataUnit, request) => defaultDataLoader(dataUnit, request, this.getRecordsToLoad());
+    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());
+  }
+  getRecordsToLoad() {
+    if (this._initialRecords) {
+      try {
+        return this._initialRecords;
+      }
+      finally {
+        this._initialRecords = undefined;
+      }
+    }
+    return this.dataUnit.records;
+  }
+  get dataUnit() {
+    return this._dataUnit;
+  }
+  get records() {
+    return this.dataUnit.records;
+  }
+  set records(records) {
+    const newRecords = 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 = newRecords;
+    }
+    else {
+      this._initialRecords = newRecords;
+    }
+  }
+  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);
+  }
+  saveLoader(_dataUnit, changes) {
+    return new Promise((resolve) => {
+      let dataUnitRecords = [];
+      changes.forEach(change => {
+        let { record, updatingFields, operation } = change;
+        const changedRecord = Object.assign(Object.assign({}, record), updatingFields);
+        if (operation === ChangeOperation.INSERT ||
+          operation === ChangeOperation.COPY) {
+          changedRecord["__old__id__"] = record["__record__id__"];
+          changedRecord["__record__id__"] = this.generateUniqueId();
+          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) => {
+      resolve(recordIds);
+    });
+  }
+}
+InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME = "InMemoryDataUnit";
+
+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%}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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.dataStateChange = createEvent(this, "dataStateChange", 3);
+    this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
+    this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER"];
+    this.REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER"];
+    this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
+    this._taskbarProcessor = new TaskbarProcessor({
+      "snkSimpleCrudTaskbar.form_regular": this.resolveInMemoryBtns(this.REGULAR_DEFAULT_BTNS).concat(TaskbarElement.GRID_MODE),
+      "snkSimpleCrudTaskbar.grid_regular": this.resolveInMemoryBtns(this.REGULAR_DEFAULT_BTNS).concat(TaskbarElement.FORM_MODE),
+      "snkSimpleCrudTaskbar.form_selected": this.resolveInMemoryBtns(this.REGULAR_SELECTED_BTNS).concat(TaskbarElement.GRID_MODE),
+      "snkSimpleCrudTaskbar.grid_selected": this.resolveInMemoryBtns(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.gridConfig = undefined;
+    this.formConfig = undefined;
+    this.multipleSelection = undefined;
+    this.useCancelConfirm = true;
+    this.taskbarManager = undefined;
+    this.messagesBuilder = undefined;
+    this.useEnterLikeTab = false;
+  }
+  resolveInMemoryBtns(taskbarButtons) {
+    const newTaskBarConfig = [...taskbarButtons];
+    if (this.mode === SIMPLE_CRUD_MODE.IN_MEMORY) {
+      newTaskBarConfig.splice(1, 1);
+    }
+    return newTaskBarConfig;
+  }
+  /**
+   * 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();
+    }
+  }
+  observeDataState(newValue, oldValue) {
+    if (ObjectUtils.objectToString(oldValue) != ObjectUtils.objectToString(newValue)) {
+      this.dataStateChange.emit(newValue);
+    }
+  }
+  componentWillRender() {
+    this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
+  }
+  componentWillLoad() {
+    this.processMetadata();
+    this.onModeChange();
+    this.configDatasource();
+  }
+  configDatasource() {
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._multiSelectionListDataSource.setApplication(application);
+    this._multiSelectionListDataSource.setDataUnit(this.dataUnit);
+  }
+  getTaskBarId() {
+    var _a, _b, _c;
+    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.selectionInfo) &&
+      !this.dataState.selectionInfo.isAllRecords() &&
+      ((_c = this.dataState.selectionInfo.records) === null || _c === void 0 ? void 0 : _c.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,
+        visible: fieldElem.getAttribute("visible") != "false"
+      };
+      const fieldConfig = { name: field.name, tab: field.tab, visible: field.visible };
+      formConfig.fields.push(fieldConfig);
+      fieldMetadata.push(field);
+    });
+    if (fieldMetadata.length > 0) {
+      if (!this.formConfig) {
+        this.formConfig = formConfig;
+      }
+      this._metadata = {
+        name: "SimpleCrud",
+        label: "SimpleCrud",
+        fields: fieldMetadata
+      };
+    }
+  }
+  onDataStateChange(evt) {
+    this.dataState = Object.assign({}, evt.detail);
+  }
+  getTaskBarDisabledButtons() {
+    var _a, _b, _c, _d;
+    const disabledButtons = [];
+    if (!((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.hasNext)) {
+      disabledButtons.push(TaskbarElement.NEXT);
+    }
+    if (!((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.hasPrevious)) {
+      disabledButtons.push(TaskbarElement.PREVIOUS);
+    }
+    if ((_d = (_c = this.dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo) === null || _d === void 0 ? void 0 : _d.isEmpty()) {
+      disabledButtons.push(TaskbarElement.FORM_MODE);
+    }
+    return disabledButtons;
+  }
+  handleCancelEdit() {
+    var _a;
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.recordsIsEmpty) {
+      this.goToView(VIEW_MODE.GRID);
+      this.dataUnit.clearSelection();
+    }
+  }
+  render() {
+    var _a;
+    return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-flex ez-box ez-box--shadow" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium ez-margin-bottom--large", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), 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, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), columnfilterDataSource: this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+        ? undefined
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig }))))));
+  }
+  get _element() { return this; }
+  static get watchers() { return {
+    "mode": ["onModeChange"],
+    "dataState": ["observeDataState"]
+  }; }
+  static get style() { return snkSimpleCrudCss; }
+}, [6, "snk-simple-crud", {
+    "dataState": [16],
+    "dataUnit": [16],
+    "mode": [2],
+    "gridConfig": [16],
+    "formConfig": [16],
+    "multipleSelection": [4, "multiple-selection"],
+    "useCancelConfirm": [4, "use-cancel-confirm"],
+    "taskbarManager": [16],
+    "messagesBuilder": [1040],
+    "useEnterLikeTab": [4, "use-enter-like-tab"],
+    "_currentViewMode": [32],
+    "_config": [32],
+    "goToView": [64],
+    "setMetadata": [64],
+    "setRecords": [64],
+    "getRecords": [64]
+  }, [[0, "actionClick", "actionClickListener"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-simple-crud", "snk-actions-button", "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);
+      }
+      break;
+    case "snk-actions-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "snk-data-unit":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { SnkSimpleCrud as S, defineCustomElement as d };

package/dist/components/snk-tab-config.d.ts

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

package/dist/components/snk-tab-config.js

@@ -0,0 +1,6 @@
+import { S as SnkTabConfig$1, d as defineCustomElement$1 } from './snk-tab-config2.js';
+
+const SnkTabConfig = SnkTabConfig$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkTabConfig, defineCustomElement };