@sankhyalabs/sankhyablocks 0.0.0-feat-dev-kb-4158.0

package/dist/components/snk-data-unit2.js

@@ -0,0 +1,479 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { Action, ObjectUtils, JSUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
+import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
+import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder.js';
+
+const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%;width:100%}";
+
+const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.dataStateChange = createEvent(this, "dataStateChange", 3);
+    this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
+    this.messagesBuilderUpdated = createEvent(this, "messagesBuilderUpdated", 3);
+    this.insertionMode = createEvent(this, "insertionMode", 3);
+    this.cancelEdition = createEvent(this, "cancelEdition", 3);
+    this._onDataUnitResolve = [];
+    this._openedAlert = false;
+    this._dataUnitObserver = (action) => {
+      var _a, _b;
+      const duState = this.buildDataState();
+      this.dataState = duState;
+      if (action.type === Action.DATA_SAVED) {
+        if (this.ignoreSaveMessage) {
+          return;
+        }
+        const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0]);
+        if (msg != undefined) {
+          this.showSuccessMessage(msg);
+        }
+      }
+      if (action.type === Action.RECORDS_ADDED || action.type === Action.RECORDS_COPIED) {
+        this.insertionMode.emit();
+      }
+      if (action.type === Action.EDITION_CANCELED) {
+        this.cancelEdition.emit();
+      }
+      if (action.type === Action.RECORDS_REMOVED) {
+        const cachedRecords = action.payload.cachedRecords;
+        let removeFinishMsg;
+        if ((cachedRecords === null || cachedRecords === void 0 ? void 0 : cachedRecords.length) > 1) {
+          removeFinishMsg = this.getMessage("snkDataUnit.removeAllInfo", { size: cachedRecords.length });
+        }
+        else {
+          removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", action.payload.cachedRecords[0]);
+        }
+        if (removeFinishMsg != undefined) {
+          this.showSuccessMessage(removeFinishMsg);
+        }
+        const recordsCount = (_b = (_a = this.dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+        const paginationInfo = this.dataUnit.getPaginationInfo();
+        if (paginationInfo) {
+          if (recordsCount > 0 || paginationInfo.hasMore) {
+            this.dataUnit.gotoPage(paginationInfo.currentPage);
+          }
+          else {
+            this.dataUnit.gotoPage(0);
+          }
+        }
+      }
+      this.messagesBuilder.currentOperation = this.getMessageOperation();
+    };
+    this.dataState = undefined;
+    this.messagesBuilder = undefined;
+    this.dataUnitName = undefined;
+    this.entityName = undefined;
+    this.pageSize = 150;
+    this.dataUnit = undefined;
+    this.beforeSave = undefined;
+    this.afterSave = undefined;
+    this.useCancelConfirm = true;
+    this.ignoreSaveMessage = undefined;
+    this.configName = undefined;
+    this.configName = undefined;
+  }
+  observePageSize() {
+    if (this.dataUnit) {
+      this.dataUnit.pageSize = this.pageSize;
+    }
+  }
+  observeDataUnitName(newValue, oldValue) {
+    if (oldValue != newValue) {
+      if (this.dataUnit) {
+        this._application.updateDataunitCache(oldValue, this.dataUnitName, this.dataUnit);
+      }
+      else {
+        this.loadDataUnit();
+      }
+    }
+  }
+  observeEntityName(newValue, oldValue) {
+    if (oldValue != newValue) {
+      this.dataUnit = undefined;
+      this.entityName = newValue;
+      this.loadDataUnit();
+    }
+  }
+  observeDataState(newValue, oldValue) {
+    if (ObjectUtils.objectToString(oldValue) != ObjectUtils.objectToString(newValue)) {
+      this.dataStateChange.emit(newValue);
+    }
+  }
+  observeDataUnit() {
+    this.handlerLinkFields();
+    this.dataUnitReady.emit(this.dataUnit);
+  }
+  observeMessagesBuilder(newValue) {
+    if (newValue) {
+      this.messagesBuilderUpdated.emit(newValue);
+    }
+  }
+  /**
+   * Obtém o dataUnit.
+   */
+  async getDataUnit() {
+    return new Promise((resolve) => {
+      if (this.dataUnit) {
+        resolve(this.dataUnit);
+      }
+      else {
+        this._onDataUnitResolve.push(resolve);
+      }
+    });
+  }
+  /**
+   * Método que retorna a lista de IDs dos registros selecionados.
+   * @returns Retorna a lista de IDs dos registros selecionados.
+   */
+  async getSelectedRecordsIDsInfo() {
+    var _a;
+    const selectionInfo = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
+    if (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords()) {
+      return [];
+    }
+    const selectedRecordsIDsInfo = [];
+    const selectedRecords = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.records;
+    if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) > 0) {
+      selectedRecords.forEach(({ __record__id__ }) => {
+        if (!this.dataUnit.isNewRecord(__record__id__)) {
+          /*
+            Esse if foi necessário para tratar corretamente o ID
+            do record quando está sendo utilizado no modo standAlone
+            isso não faz a exportação da grid funcionar no modo standAlone
+            mas deixa de causar erro nas oprações de CRUD.
+          */
+          if (!JSUtils.isBase64(__record__id__)) {
+            selectedRecordsIDsInfo.push({
+              name: "__record__id__",
+              type: DataType.TEXT,
+              value: __record__id__
+            });
+            return;
+          }
+          const revertBase64ToObject = JSON.parse(window.atob(__record__id__));
+          Object.entries(revertBase64ToObject).forEach(([name, value]) => {
+            var _a;
+            const metadataField = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(name);
+            if (metadataField == undefined) {
+              return;
+            }
+            selectedRecordsIDsInfo.push(Object.assign({ name, type: metadataField.dataType }, value));
+          });
+        }
+      });
+    }
+    return selectedRecordsIDsInfo;
+  }
+  async interceptAction(action) {
+    return new Promise(resolve => {
+      var _a, _b, _c, _d, _e;
+      switch (action.type) {
+        case Action.RECORDS_ADDED:
+          if (this.isAllowed("INSERT")) {
+            resolve(action);
+          }
+          else {
+            ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenInsert"));
+          }
+          break;
+        case Action.RECORDS_COPIED:
+          if (this.isAllowed("CLONE")) {
+            resolve(action);
+          }
+          else {
+            ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenClone"));
+          }
+          break;
+        case Action.DATA_CHANGED:
+        case Action.CHANGING_DATA:
+          if (this.isAllowed("UPDATE"))
+            return resolve(action);
+          if (this._openedAlert)
+            return this.dataUnit.cancelEdition();
+          this._openedAlert = true;
+          this.dataUnit.cancelEdition();
+          ApplicationUtils.alert(this.getMessage("snkDataUnit.forbidden"), this.getMessage("snkDataUnit.forbiddenUpdate")).then(() => {
+            this._openedAlert = false;
+          });
+          break;
+        case Action.SAVING_DATA:
+          if (this.beforeSave) {
+            const continueAction = this.beforeSave(this.dataUnit);
+            if (continueAction instanceof Promise) {
+              continueAction.then(result => resolve(result ? action : undefined));
+            }
+            else {
+              resolve(continueAction ? action : undefined);
+            }
+          }
+          else {
+            resolve(action);
+          }
+          break;
+        case Action.DATA_SAVED:
+          if (this.afterSave) {
+            this.afterSave(this.dataUnit);
+          }
+          else {
+            resolve(action);
+          }
+          break;
+        case Action.EDITION_CANCELED:
+          if (!this.useCancelConfirm)
+            return resolve(action);
+          if (this.dataState.hasDirtyRecords) {
+            const cancelConfirmation = this.getMessage("snkDataUnit.cancelConfirmation");
+            if (((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fromParent) || ((_b = action.payload) === null || _b === void 0 ? void 0 : _b.silent)) {
+              resolve(action);
+              return;
+            }
+            if (cancelConfirmation == undefined) {
+              this.showSuccessMessage(this.getMessage("snkDataUnit.cancelInfo"));
+              resolve(action);
+            }
+            else {
+              const cancelConfirmationTitle = this.getMessage("snkDataUnit.cancelConfirmationTitle");
+              ApplicationUtils.confirm(cancelConfirmationTitle, cancelConfirmation)
+                .then((result) => {
+                result && this.showSuccessMessage(this.getMessage("snkDataUnit.cancelInfo"));
+                resolve(result ? action : undefined);
+              });
+            }
+          }
+          else {
+            resolve(action);
+          }
+          break;
+        case Action.REMOVING_RECORDS:
+          if (this.isAllowed("REMOVE")) {
+            let multipleSelection = false;
+            let removeConfirmation = !((_c = action.payload) === null || _c === void 0 ? void 0 : _c.silent) && this.getMessage("snkDataUnit.removeConfirmation");
+            const selection = (_d = this.dataUnit) === null || _d === void 0 ? void 0 : _d.getSelectionInfo();
+            if (!((_e = action.payload) === null || _e === void 0 ? void 0 : _e.silent) && (selection === null || selection === void 0 ? void 0 : selection.length) > 1) {
+              removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selection.length });
+              multipleSelection = true;
+            }
+            if (removeConfirmation == undefined) {
+              resolve(action);
+            }
+            else {
+              const options = {
+                canClose: false,
+                labelCancel: this.getMessage(`snkDataUnit.confirm.${multipleSelection ? "no" : "cancel"}`),
+                labelConfirm: this.getMessage(`snkDataUnit.confirm.${multipleSelection ? "yes" : "delete"}`),
+                btnConfirmDanger: false
+              };
+              const removeConfirmationTitle = this.getMessage("snkDataUnit.removeConfirmationTitle");
+              ApplicationUtils.confirm(removeConfirmationTitle, removeConfirmation, null, DialogType.WARN, options)
+                .then((result) => resolve(result ? action : undefined));
+            }
+          }
+          else {
+            ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenRemove"));
+          }
+          break;
+        default:
+          resolve(action);
+      }
+    });
+  }
+  showSuccessMessage(message) {
+    ApplicationUtils.info(message, { iconName: "check" });
+  }
+  isAllowed(flag) {
+    return this._permissions ? this._permissions.isSup || this._permissions[flag] : false;
+  }
+  buildDataState() {
+    const selectionInfo = this.dataUnit.getSelectionInfo();
+    const isStartingInsertionMode = (this.dataUnit.hasDirtyRecords() || this.dataUnit.hasWaitingChanges()) && (selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isEmpty());
+    return new DataStateImpl({
+      insertionMode: this.dataUnit.hasNewRecord(),
+      isStartingInsertionMode,
+      hasNext: this.dataUnit.hasNext(),
+      hasPrevious: this.dataUnit.hasPrevious(),
+      copyMode: this.dataUnit.hasCopiedRecord(),
+      isDirty: this.dataUnit.isDirty(),
+      hasDirtyRecords: this.dataUnit.hasDirtyRecords(),
+      selectedRecords: undefined,
+      selectionInfo,
+      selectedRecord: this.dataUnit.getSelectedRecord(),
+      recordsIsEmpty: this.dataUnit.records.length === 0
+    });
+  }
+  /**
+   * 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-data-unit.msg.ts"
+   */
+  getMessage(key, params = undefined) {
+    if (!params) {
+      params = this.getMessageParams();
+    }
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  getMessageParams() {
+    //FIXME: Devido ao recurso de multiseleção do dataunit, precisaremos criar um mecanismo para
+    //oferecer todos os registros selecionados para a mensagem, pois mensagens podem ficar incorretas.
+    return this.dataState.selectedRecord;
+  }
+  getMessageOperation() {
+    if (this.dataState.copyMode) {
+      return OperationMap.CLONE;
+    }
+    if (this.dataState.insertionMode || this.dataState.isStartingInsertionMode) {
+      return OperationMap.INSERT;
+    }
+    if (this.dataState.isDirty) {
+      return OperationMap.UPDATE;
+    }
+    return OperationMap.CLEAN;
+  }
+  async getDataUnitParentOrChild() {
+    var _a;
+    const cacheName = this.dataUnitName ? this.dataUnitName : this.entityName;
+    if (this._parentSnkDataUnit) {
+      this._parentDataUnit = await ((_a = this._parentSnkDataUnit) === null || _a === void 0 ? void 0 : _a.getDataUnit());
+      return await this._application.getDataUnit(this.entityName, cacheName, this._parentDataUnit, this.configName);
+    }
+    else {
+      return await this._application.getDataUnit(this.entityName, cacheName, null, this.configName);
+    }
+  }
+  async loadDataUnit() {
+    if (this.dataUnit == null && this._application && this.entityName) {
+      this.dataUnit = await this.getDataUnitParentOrChild();
+    }
+    if (this.dataUnit) {
+      this.dataUnit.pageSize = this.pageSize;
+      this.dataUnit.unsubscribe(this._dataUnitObserver);
+      this.dataUnit.addInterceptor(this);
+      this.dataUnit.subscribe(this._dataUnitObserver);
+      this.dataState = this.buildDataState();
+      let resolver;
+      while (resolver = this._onDataUnitResolve.pop()) {
+        resolver(this.dataUnit);
+      }
+    }
+  }
+  getParentSnkDataUnit() {
+    let currentElement = this.element;
+    while (currentElement.parentNode) {
+      if (currentElement.parentNode.nodeName === 'SNK-DATA-UNIT') {
+        return currentElement.parentNode;
+      }
+      currentElement = currentElement.parentNode;
+    }
+    return;
+  }
+  handlerLinkFields() {
+    var _a, _b;
+    const metadata = Object.assign({}, this.dataUnit.metadata);
+    if (!this._parentDataUnit)
+      return;
+    const child = this._parentDataUnit.getChildInfo(this.entityName);
+    if (!child)
+      return;
+    const fieldsLink = (_a = child === null || child === void 0 ? void 0 : child.links) === null || _a === void 0 ? void 0 : _a.map(link => link.target);
+    (_b = metadata === null || metadata === void 0 ? void 0 : metadata.fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+      if (fieldsLink === null || fieldsLink === void 0 ? void 0 : fieldsLink.includes(field.name)) {
+        field.visible = false;
+      }
+    });
+    this.dataUnit.metadata = metadata;
+  }
+  static getNearestInstance(element) {
+    let parent = element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        return parent;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  //---------------------------------------------
+  // Lifecycle web component
+  //---------------------------------------------
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._application.getAllAccess().then(access => this._permissions = access);
+    this._parentSnkDataUnit = this.getParentSnkDataUnit();
+    if (this.messagesBuilder == undefined) {
+      this.messagesBuilder = new SnkMessageBuilder(this.entityName);
+    }
+  }
+  disconnectedCallback() {
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this._dataUnitObserver);
+      this.dataUnit.removeInterceptor(this);
+    }
+  }
+  componentDidLoad() {
+    this.loadDataUnit();
+  }
+  render() {
+    return (h(Host, null));
+  }
+  get element() { return this; }
+  static get watchers() { return {
+    "pageSize": ["observePageSize"],
+    "dataUnitName": ["observeDataUnitName"],
+    "entityName": ["observeEntityName"],
+    "dataState": ["observeDataState"],
+    "dataUnit": ["observeDataUnit"],
+    "messagesBuilder": ["observeMessagesBuilder"]
+  }; }
+  static get style() { return snkDataUnitCss; }
+}, [2, "snk-data-unit", {
+    "dataState": [1040],
+    "messagesBuilder": [1040],
+    "dataUnitName": [1, "data-unit-name"],
+    "entityName": [1, "entity-name"],
+    "pageSize": [2, "page-size"],
+    "dataUnit": [1040],
+    "beforeSave": [16],
+    "afterSave": [16],
+    "useCancelConfirm": [4, "use-cancel-confirm"],
+    "ignoreSaveMessage": [4, "ignore-save-message"],
+    "configName": [1, "config-name"],
+    "getDataUnit": [64],
+    "getSelectedRecordsIDsInfo": [64]
+  }]);
+class DataStateImpl {
+  constructor(datastate) {
+    this.copyMode = datastate.copyMode;
+    this.insertionMode = datastate.insertionMode;
+    this.isStartingInsertionMode = datastate.isStartingInsertionMode;
+    this.isDirty = datastate.isDirty;
+    this.hasDirtyRecords = datastate.hasDirtyRecords;
+    this.hasNext = datastate.hasNext;
+    this.hasPrevious = datastate.hasPrevious;
+    this.selectionInfo = datastate.selectionInfo;
+    this.selectedRecord = datastate.selectedRecord;
+    this.recordsIsEmpty = datastate.recordsIsEmpty;
+  }
+  get selectedRecords() {
+    var _a;
+    console.warn("SnkDataUnit: O método `selectedRecords` foi descontinuado. Use o método `selectionInfo`.");
+    if ((_a = this.selectionInfo) === null || _a === void 0 ? void 0 : _a.isAllRecords()) {
+      throw new Error("Erro interno: Impossível obter os registros selecionados. A seleção atual é virtual. Use o atributo `selectionInfo`.");
+    }
+    return this.selectionInfo.records;
+  }
+}
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-data-unit"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-data-unit":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkDataUnit);
+      }
+      break;
+  } });
+}
+
+export { SnkDataUnit as S, defineCustomElement as d };

package/dist/components/snk-detail-view.d.ts

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

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

@@ -0,0 +1,6 @@
+import { S as SnkDetailView$1, a as defineCustomElement$1 } from './snk-detail-view2.js';
+
+const SnkDetailView = SnkDetailView$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkDetailView, defineCustomElement };