@sankhyalabs/sankhyablocks 5.4.3 → 5.5.0

package/dist/esm/snk-attach.entry.js

@@ -0,0 +1,445 @@
+import { r as registerInstance, c as createEvent, h } from './index-cfd4bb13.js';
+import { ApplicationContext, DataType, Action } from '@sankhyalabs/core';
+import { D as DataFetcher } from './DataFetcher-b3d8b2d5.js';
+import { c as VIEW_MODE } from './constants-e916ccc3.js';
+import { D as DataUnitFetcher } from './dataunit-fetcher-d32c6a47.js';
+import { T as TaskbarElement } from './taskbar-elements-055ba1ad.js';
+import './_commonjsHelpers-9943807e.js';
+import './index-6519a79e.js';
+
+var SaveErrorsEnum;
+(function (SaveErrorsEnum) {
+  SaveErrorsEnum["LINK_AND_FILE_AT_THE_SAME_TIME"] = "LINK_AND_FILE_AT_THE_SAME_TIME";
+  SaveErrorsEnum["ANY_LINK_OR_FILE_FILLED"] = "ANY_LINK_OR_FILE_FILLED";
+  SaveErrorsEnum["UNKNOWN"] = "UNKNOWN";
+})(SaveErrorsEnum || (SaveErrorsEnum = {}));
+
+class AttachFetcher {
+  constructor(entityName, registerKey, dataUnitName) {
+    var _a;
+    this.entityName = entityName;
+    this.registerKey = registerKey;
+    this.dataUnitName = dataUnitName;
+    this.validateFields = (fields) => {
+      if (!!fields.LINK && !!fields.NOMEARQUIVO)
+        throw new Error(SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME);
+      if (!fields.LINK && !fields.NOMEARQUIVO)
+        throw new Error(SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED);
+      if (!this.registerKey)
+        throw new Error('Register key can not be null');
+    };
+    this.resourceID = (window["resourceID"] || ((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.resourceID));
+  }
+  async save(change) {
+    var _a, _b;
+    const serviceName = "AnexoSistemaSP.salvar";
+    let { updatingFields: fields } = change;
+    fields = Object.assign(Object.assign({}, fields), { NOMEARQUIVO: (_a = fields.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0] });
+    try {
+      this.validateFields(fields);
+      const fileInfo = !fields.LINK ? fields.NOMEARQUIVO : null;
+      const reqBody = {
+        serviceName,
+        requestBody: {
+          params: {
+            resourceID: this.resourceID,
+            description: fields.DESCRICAO,
+            fileSelect: fileInfo ? 1 : 0,
+            keySession: (_b = fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.properties) === null || _b === void 0 ? void 0 : _b.fileNameTmp,
+            nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
+            link: fields.LINK,
+            nameEntity: this.entityName,
+            pkEntity: this.registerKey,
+            typeAcess: fields.TIPOACESSO,
+            typeApres: fields.TIPOAPRES,
+          }
+        }
+      };
+      const result = await DataFetcher.get().callServiceBroker(serviceName, JSON.stringify(reqBody));
+      return Promise.resolve([Object.assign(Object.assign(Object.assign({}, result), fields), { ARQUIVOOULINK: !!fields.LINK ? fields.LINK : fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name, __owner__dataunit__name__: this.dataUnitName })]);
+    }
+    catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  async edit(change) {
+    var _a, _b, _c;
+    const serviceName = "AnexoSistemaSP.salvar";
+    let { updatingFields: fields, record } = change;
+    const getFieldValue = (fieldValue) => {
+      if (fields[fieldValue] !== undefined)
+        return fields[fieldValue];
+      return record[fieldValue];
+    };
+    const attachField = getFieldValue('NOMEARQUIVO');
+    const hasNewAttachment = (_b = (_a = fields.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.downloadURL;
+    fields = Object.assign(Object.assign({}, fields), { DESCRICAO: getFieldValue('DESCRICAO'), LINK: getFieldValue('LINK'), TIPOACESSO: getFieldValue('TIPOACESSO'), TIPOAPRES: getFieldValue('TIPOAPRES'), CHAVEARQUIVO: record.CHAVEARQUIVO, NOMEARQUIVO: attachField === null || attachField === void 0 ? void 0 : attachField[0] });
+    const fileInfo = !fields.LINK ? fields.NOMEARQUIVO : null;
+    try {
+      this.validateFields(fields);
+      const reqBody = {
+        serviceName,
+        requestBody: {
+          params: {
+            resourceID: this.resourceID,
+            nuAttach: record === null || record === void 0 ? void 0 : record.NUATTACH,
+            description: fields.DESCRICAO,
+            fileSelect: hasNewAttachment ? 1 : 0,
+            keySession: (_c = fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.properties) === null || _c === void 0 ? void 0 : _c.fileNameTmp,
+            keyAttach: fields.CHAVEARQUIVO,
+            nameAttach: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name,
+            link: fields.LINK,
+            nameEntity: this.entityName,
+            pkEntity: this.registerKey,
+            typeAcess: fields.TIPOACESSO,
+            typeApres: fields.TIPOAPRES,
+          }
+        }
+      };
+      const result = await DataFetcher.get().callServiceBroker(serviceName, JSON.stringify(reqBody));
+      return Promise.resolve([Object.assign(Object.assign(Object.assign({}, result), fields), { ARQUIVOOULINK: !!fields.LINK ? fields.LINK : fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.name, __owner__dataunit__name__: this.dataUnitName })]);
+    }
+    catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  delete(record) {
+    var _a;
+    const serviceName = "AnexoSistemaSP.excluir";
+    const attachField = ((_a = record.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const reqBody = {
+      serviceName,
+      requestBody: {
+        paramsDelete: {
+          keyAttach: record.CHAVEARQUIVO,
+          nameAttach: attachField === null || attachField === void 0 ? void 0 : attachField.name,
+          nameEntity: record.NOMEINSTANCIA,
+          nuAttach: record.NUATTACH,
+          pkEntity: record.PKREGISTRO
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get().callServiceBroker(serviceName, JSON.stringify(reqBody))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
+  getDownloadKey(record) {
+    var _a;
+    const serviceName = "AnexoSistemaSP.baixar";
+    const attachField = ((_a = record.NOMEARQUIVO) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const reqBody = {
+      serviceName,
+      requestBody: {
+        paramsDown: {
+          nameAttach: attachField === null || attachField === void 0 ? void 0 : attachField.name,
+          nameEntity: record.NOMEINSTANCIA,
+          nuAttach: record.NUATTACH,
+          pkEntity: record.PKREGISTRO,
+          keyAttach: record.CHAVEARQUIVO,
+        }
+      }
+    };
+    return new Promise((resolve, reject) => {
+      DataFetcher.get().callServiceBroker(serviceName, JSON.stringify(reqBody))
+        .then(result => resolve(result))
+        .catch(error => reject(error));
+    });
+  }
+}
+
+class AttachmentDataUnitBuilder {
+  constructor(entityName, getMessage) {
+    this.entityName = entityName;
+    this.getMessage = getMessage;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  initLoaders(dataUnit, attachFetcher, onSuccess) {
+    if (!this.loader)
+      this.loader = dataUnit.dataLoader;
+    dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
+    dataUnit.saveLoader = (_, changes) => this.saveLoader(changes, attachFetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+    dataUnit.removeLoader = (dataUnit, ids) => this.removeLoader(dataUnit, ids, attachFetcher).then((recordIds) => {
+      if (recordIds.length)
+        onSuccess();
+      return recordIds;
+    });
+  }
+  dataLoader(dataUnit, request) {
+    return new Promise(resolve => {
+      this.loader(dataUnit, request).then(response => {
+        const records = ((response === null || response === void 0 ? void 0 : response.records) || []).map(record => {
+          let fileInfo;
+          if (!record.LINK)
+            fileInfo = [{
+                name: record.NOMEARQUIVO,
+              }];
+          return Object.assign(Object.assign({}, record), { ARQUIVOOULINK: !!record.LINK ? record.LINK : record.NOMEARQUIVO, NOMEARQUIVO: fileInfo });
+        });
+        resolve(Object.assign(Object.assign({}, response), { records }));
+      });
+    });
+  }
+  saveLoader(changes, attachFetcher) {
+    return new Promise((resolve) => {
+      var _a;
+      const change = Array.isArray(changes) ? changes[0] : {};
+      const savePromise = ((_a = change === null || change === void 0 ? void 0 : change.record) === null || _a === void 0 ? void 0 : _a.NUATTACH) >= 0 ? attachFetcher.edit.bind(attachFetcher) : attachFetcher.save.bind(attachFetcher);
+      savePromise(change).then((records) => {
+        resolve(records);
+      }).catch((error) => {
+        if (error.message === SaveErrorsEnum.LINK_AND_FILE_AT_THE_SAME_TIME) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.title'), this.getMessage('snkAttach.alertValidation.fileAndLinkAtTheSameTime.message'));
+          return resolve([]);
+        }
+        if (error.message === SaveErrorsEnum.ANY_LINK_OR_FILE_FILLED) {
+          this._application.alert(this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.title'), this.getMessage('snkAttach.alertValidation.anyLinkOrFileFilled.message'));
+          return resolve([]);
+        }
+        if (error.message) {
+          this._application.error((error.title || error.name), error.message);
+          return resolve([]);
+        }
+        resolve([]);
+      });
+    });
+  }
+  removeLoader(dataUnit, ids, attachFetcher) {
+    return new Promise((resolve) => {
+      const { records } = dataUnit.getSelectionInfo();
+      attachFetcher.delete(records[0]).then(() => {
+        resolve(ids);
+      });
+      resolve([]);
+    });
+  }
+  getFilters(registerKey) {
+    return [
+      {
+        name: 'AttachmentsByPK',
+        expression: 'this.PKREGISTRO = :PKREGISTRO',
+        params: [{
+            name: "PKREGISTRO",
+            dataType: DataType.TEXT,
+            value: `${registerKey}_${this.entityName}`
+          }]
+      }
+    ];
+  }
+  getInterceptions(dataUnit, action, crudRef) {
+    return new Promise((resolve) => {
+      if (action.type === Action.EDITION_CANCELED) {
+        if (!dataUnit.isDirty())
+          return resolve(action);
+        return this._application.confirm(this.getMessage('snkAttach.cancelConfirmation.title'), this.getMessage('snkAttach.cancelConfirmation.message')).then((cancellationConfirmed) => {
+          if (cancellationConfirmed) {
+            crudRef.goToView(VIEW_MODE.GRID);
+            return resolve(action);
+          }
+          return resolve(undefined);
+        });
+      }
+      if (action.type === Action.DATA_SAVED) {
+        dataUnit.loadData();
+        return resolve(action);
+      }
+      resolve(action);
+    });
+  }
+}
+
+const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+const getMessage = (key) => {
+  var _a, _b;
+  return (_b = (_a = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, key, null);
+};
+const TaskbarAttachButtons = {
+  DOWNLOAD: {
+    hint: getMessage("snkAttach.taskbar.titleDownload"),
+    name: "DOWNLOAD",
+    iconName: 'file-download'
+  },
+  LINK: {
+    hint: getMessage("snkAttach.taskbar.titleLink"),
+    name: "LINK",
+    iconName: "launch"
+  }
+};
+const buildTaskBarManager = () => {
+  const disabledButtonsWithoutSelection = [
+    TaskbarElement.REMOVE,
+    "DOWNLOAD",
+    "LINK"
+  ];
+  return {
+    getButtons: (_, dataState, currentButtons) => {
+      if ((dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty))
+        return currentButtons.reverse();
+      else
+        currentButtons.splice(currentButtons.indexOf(TaskbarElement.REFRESH), 1);
+      const { selectedRecord } = dataState || {};
+      const taskbarTobeAdded = !!(selectedRecord === null || selectedRecord === void 0 ? void 0 : selectedRecord.LINK) ? TaskbarAttachButtons.LINK : TaskbarAttachButtons.DOWNLOAD;
+      currentButtons.splice(currentButtons.indexOf(TaskbarElement.DIVIDER) + 1, 0, TaskbarElement.REMOVE, taskbarTobeAdded, TaskbarElement.DIVIDER);
+      const updatedButtons = Array.from(new Set(currentButtons.filter(button => button !== TaskbarElement.CLONE)));
+      updatedButtons.splice(updatedButtons.indexOf(taskbarTobeAdded) + 1, 0, TaskbarElement.DIVIDER);
+      return updatedButtons;
+    },
+    isEnabled: (_, dataState, currentButton) => {
+      const hasSelectedRecord = (dataState === null || dataState === void 0 ? void 0 : dataState.selectedRecord) !== undefined;
+      const disabledButton = disabledButtonsWithoutSelection.includes(currentButton);
+      if (disabledButton && !hasSelectedRecord)
+        return false;
+      return true;
+    }
+  };
+};
+
+const crudConfig = {
+  grid: {
+    columns: [
+      { name: "ARQUIVOOULINK", orderIndex: 0, width: 0 },
+      { name: "DESCRICAO", orderIndex: 1, width: 0 },
+      { name: "DHCAD", orderIndex: 2, width: 0 },
+      { name: "DHALTER", orderIndex: 3, width: 0 },
+      { name: "TIPOAPRES", orderIndex: 4, width: 0 },
+      { name: "TIPOACESSO", orderIndex: 5, width: 0 },
+      { name: "CODUSU", orderIndex: 6, width: 0 },
+      { name: "CODUSUALT", orderIndex: 7, width: 0 }
+    ]
+  },
+  form: {
+    emptyConfig: false,
+    fields: [
+      {
+        name: "DESCRICAO",
+        required: true
+      },
+      {
+        name: "TIPOAPRES",
+        required: true,
+      },
+      {
+        name: "TIPOACESSO",
+        required: true,
+      },
+      {
+        name: "LINK"
+      },
+      {
+        name: "NOMEARQUIVO"
+      }
+    ]
+  },
+};
+
+const snkAttachCss = ".snk-attach__header.sc-snk-attach,.snk-attach__crud-section.sc-snk-attach{padding:0 var(--space--lg)}.snk-attach__file-info.sc-snk-attach{padding:var(--space--small);max-width:50%}";
+
+const RESOURCE_ID = 'AnexoSistema';
+const DATA_UNIT_NAME = 'br.com.sankhya.core.v3.anexoSistema';
+const SnkAttach = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.back = createEvent(this, "back", 7);
+    this.handleTaskbarClick = ({ detail: taskbar }) => {
+      if (["DOWNLOAD", "LINK"].includes(taskbar))
+        return this.downloadAttachment(this.dataUnit.getSelectedRecord());
+    };
+    this.handleBack = () => {
+      this.dataUnit.cancelEdition().then((cancelationConfirmed) => {
+        if (cancelationConfirmed)
+          this.back.emit();
+      });
+    };
+    this.handleFinish = () => {
+      if (!this.dataUnit.isDirty())
+        return this.back.emit();
+      this.dataUnit.saveData().then(() => {
+        this.showFinishedToast();
+        this.back.emit();
+      });
+    };
+    this.registerKey = undefined;
+    this.entityName = undefined;
+    this.messagesBuilder = undefined;
+    this.dataUnit = undefined;
+    this.crudConfig = {};
+  }
+  registerKeyWatcher(newRegisterKey, oldRegisterKey) {
+    var _a;
+    if (oldRegisterKey !== newRegisterKey) {
+      this.returnToGridMode();
+      this._attachFetcher = new AttachFetcher(this.entityName, this.registerKey, (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.name);
+      this._dataUnitBuilder.initLoaders(this.dataUnit, this._attachFetcher, () => { this.returnToGridMode(); });
+      this.dataUnit.loadData();
+    }
+  }
+  /**
+   * 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-attach.msg.ts"
+  */
+  getMessage(key, params) {
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+  }
+  showFinishedToast() {
+    this._application.info(this.getMessage('snkAttach.finishedMessage'), { iconName: "check" });
+  }
+  downloadAttachment(selectedRecord) {
+    if (!selectedRecord)
+      throw new Error('Nenhum registro selecionado');
+    if (selectedRecord.LINK) {
+      window.open(`${selectedRecord.LINK}`);
+      return;
+    }
+    this._attachFetcher.getDownloadKey(selectedRecord).then(({ chave }) => {
+      window.open(`/mge/visualizadorArquivos.mge?chaveArquivo=${chave.valor}&forcarDownload=S`);
+    });
+  }
+  returnToGridMode() {
+    this.dataUnit.clearSelection();
+    if (this._crudElement)
+      this._crudElement.goToView(VIEW_MODE.GRID);
+  }
+  loadAttachmentDataUnit() {
+    var _a;
+    try {
+      const dataUnit = this.dataUnit || new DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
+      this._attachFetcher = new AttachFetcher(this.entityName, this.registerKey, (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.name);
+      if (!dataUnit.metadata)
+        dataUnit.loadMetadata().then(() => {
+          this.crudConfig = crudConfig;
+        });
+      this._dataUnitBuilder = new AttachmentDataUnitBuilder(this.entityName, this.getMessage.bind(this));
+      dataUnit.addFilterProvider({ getFilter: () => this._dataUnitBuilder.getFilters(this.registerKey) });
+      dataUnit.addInterceptor({ interceptAction: (action) => this._dataUnitBuilder.getInterceptions(dataUnit, action, this._crudElement) });
+      this.dataUnit = dataUnit;
+      this.dataUnit.loadData();
+      return this.dataUnit;
+    }
+    catch (error) {
+      throw new Error('There was an error while creating the data unit');
+    }
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.loadAttachmentDataUnit();
+  }
+  render() {
+    if (!this.dataUnit)
+      return null;
+    return (h("main", null, h("header", { class: "snk-attach__header" }, h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, h("div", { slot: "rightSlot" }, h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, h("div", { class: "ez-box__container" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this.dataUnit, taskbarManager: buildTaskBarManager(), gridConfig: this.crudConfig.grid, formConfig: this.crudConfig.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick }, h("div", { slot: "snkSimpleCrudHeader" }, h("div", { class: "ez-flex ez-flex--column" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))))))));
+  }
+  static get watchers() { return {
+    "registerKey": ["registerKeyWatcher"]
+  }; }
+};
+SnkAttach.style = snkAttachCss;
+
+export { SnkAttach as snk_attach };

package/dist/esm/snk-config-options.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { UserInterface, ObjectUtils, StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { DataType, getConvertedValue } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
-import { V as VARS_BY_TYPE, D as DEFAULT_TYPE, a as TAGS_BY_TYPE } from './constants-15617e7d.js';
+import { V as VARS_BY_TYPE, D as DEFAULT_TYPE, a as TAGS_BY_TYPE } from './constants-e916ccc3.js';
 
 const snkConfigOptionsCss = ".sc-snk-config-options-h{--snk-config-options--border:2px solid var(--color--secondary-200, #D2D3DA);width:100%;border-radius:15px;border:var(--snk-config-options--border)}.config-options__switch-row.sc-snk-config-options{margin-top:-30px}";
 

package/dist/esm/snk-configurator.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-cfd4bb13.js';
 import { ApplicationContext } from '@sankhyalabs/core';
 import { A as AuthorizationConfig } from './AuthorizationConfig-dcbd207a.js';
-import { c as VIEW_MODE } from './constants-15617e7d.js';
+import { c as VIEW_MODE } from './constants-e916ccc3.js';
 
 const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--medium, 12px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
 

package/dist/esm/snk-crud.entry.js

@@ -1,11 +1,10 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-cfd4bb13.js';
-import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
-import { T as TaskbarElement } from './taskbar-elements-10d80c79.js';
+import { ElementIDUtils, ApplicationContext, VersionUtils } from '@sankhyalabs/core';
+import { T as TaskbarElement } from './taskbar-elements-055ba1ad.js';
 import './DataFetcher-b3d8b2d5.js';
 import './pesquisa-fetcher-bd6af0e3.js';
 import { P as PresentationMode } from './index-6519a79e.js';
-import { c as VIEW_MODE } from './constants-15617e7d.js';
-import './index-e467ade5.js';
+import { c as VIEW_MODE } from './constants-e916ccc3.js';
 import './_commonjsHelpers-9943807e.js';
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
@@ -16,6 +15,7 @@ const SnkCrud = class {
     this.actionClick = createEvent(this, "actionClick", 7);
     this._dataUnit = undefined;
     this._dataState = undefined;
+    this.attachmentRegisterKey = undefined;
     this._currentViewMode = VIEW_MODE.GRID;
     this.configName = undefined;
     this.actionsList = undefined;
@@ -37,15 +37,17 @@ const SnkCrud = class {
     this.setViewMode(VIEW_MODE.FORM);
   }
   async executeAction(act) {
-    if (act === TaskbarElement.GRID_MODE) {
-      this.setViewMode(VIEW_MODE.GRID);
-    }
-    else if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE) {
-      this.gridToForm(act !== TaskbarElement.UPDATE);
-    }
-    else if (act === TaskbarElement.CONFIGURATOR) {
-      this._snkConfigurator.open();
-    }
+    if (act === TaskbarElement.GRID_MODE)
+      return this.setViewMode(VIEW_MODE.GRID);
+    if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE)
+      return this.gridToForm(act !== TaskbarElement.UPDATE);
+    if (act === TaskbarElement.CONFIGURATOR)
+      return this._snkConfigurator.open();
+    if (act === "ATTACH")
+      return this.setViewMode(VIEW_MODE.ATTACHMENT);
+  }
+  handleAttachBack() {
+    this.setViewMode(VIEW_MODE.GRID);
   }
   setViewMode(viewMode) {
     this._viewStack.show(viewMode);
@@ -108,8 +110,15 @@ const SnkCrud = class {
       this.messagesBuilder = this._snkDataUnit.messagesBuilder;
     }
   }
+  async canRenderAttachment() {
+    var _a, _b, _c, _d, _e;
+    const isValidVersion = VersionUtils.isRequiredVersion((_a = window.envContext) === null || _a === void 0 ? void 0 : _a.sysVersion, '4.22');
+    const recordCriteria = await ((_c = (_b = this._snkDataUnit) === null || _b === void 0 ? void 0 : _b.getSelectedRecordsIDsInfo) === null || _c === void 0 ? void 0 : _c.call(_b));
+    this.attachmentRegisterKey = (_d = recordCriteria.find(criteria => !!criteria.value)) === null || _d === void 0 ? void 0 : _d.value;
+    return isValidVersion && ((_e = this._dataState) === null || _e === void 0 ? void 0 : _e.selectedRecord) !== undefined;
+  }
   render() {
-    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form" }, h("slot", { name: "SnkFormTaskBar" }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
+    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form" }, h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, this.canRenderAttachment() && (h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.handleAttachBack.bind(this) }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
   }
   get _element() { return getElement(this); }
 };

package/dist/esm/snk-data-exporter.entry.js

@@ -2,11 +2,11 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-cf
 import { ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { D as DataExporterOption, a as DataExporterFormat, b as DataExporterType } from './index-6519a79e.js';
-import { d as KEY_PORT_EXPORT, W as WEB_CONNECTION, R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-15617e7d.js';
+import { d as KEY_PORT_EXPORT, W as WEB_CONNECTION, R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-e916ccc3.js';
 import { D as DataFetcher } from './DataFetcher-b3d8b2d5.js';
-import { S as SnkDataUnit } from './snk-data-unit-5ed93c0e.js';
+import { S as SnkDataUnit } from './snk-data-unit-f9e4c694.js';
 import './_commonjsHelpers-9943807e.js';
-import './SnkMessageBuilder-a15d22f8.js';
+import './SnkMessageBuilder-7a9392e6.js';
 
 class ItemBuilder {
   constructor(getMessage, selectedNumber) {

package/dist/esm/{snk-data-unit-5ed93c0e.js → snk-data-unit-f9e4c694.js}

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-cfd4bb13.js';
 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-a15d22f8.js';
+import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-7a9392e6.js';
 
 const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%;width:100%}";
 
@@ -64,6 +64,7 @@ const SnkDataUnit = class {
     this.dataUnit = undefined;
     this.beforeSave = undefined;
     this.afterSave = undefined;
+    this.useCancelConfirm = true;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -212,6 +213,8 @@ const SnkDataUnit = class {
           }
           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) {

package/dist/esm/snk-data-unit.entry.js

@@ -1,5 +1,5 @@
-export { S as snk_data_unit } from './snk-data-unit-5ed93c0e.js';
+export { S as snk_data_unit } from './snk-data-unit-f9e4c694.js';
 import './index-cfd4bb13.js';
 import '@sankhyalabs/core';
 import '@sankhyalabs/ezui/dist/collection/utils';
-import './SnkMessageBuilder-a15d22f8.js';
+import './SnkMessageBuilder-7a9392e6.js';

package/dist/esm/snk-detail-view.entry.js

@@ -5,14 +5,13 @@ import './DataFetcher-b3d8b2d5.js';
 import './pesquisa-fetcher-bd6af0e3.js';
 import '@sankhyalabs/core';
 import { P as PresentationMode } from './index-6519a79e.js';
-import { T as TaskbarElement } from './taskbar-elements-10d80c79.js';
-import { c as VIEW_MODE } from './constants-15617e7d.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-1e7c21f6.js';
-import { S as SnkMessageBuilder } from './SnkMessageBuilder-a15d22f8.js';
+import { T as TaskbarElement } from './taskbar-elements-055ba1ad.js';
+import { c as VIEW_MODE } from './constants-e916ccc3.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-62a9f74d.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-7a9392e6.js';
 import './ConfigStorage-ac77ff39.js';
 import './form-config-fetcher-018e7e73.js';
 import './_commonjsHelpers-9943807e.js';
-import './index-e467ade5.js';
 import './taskbar-processor-94402e6e.js';
 
 class GuideBuilder {

package/dist/esm/snk-field-config.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cfd4bb13.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { A as ACTION_CONFIG } from './constants-15617e7d.js';
+import { A as ACTION_CONFIG } from './constants-e916ccc3.js';
 
 const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__label--gap:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__label.sc-snk-field-config{display:flex;flex-direction:row-reverse;line-height:calc(var(--snk-field-config--font-size) + 2px);gap:var(--snk-field-config__label--gap)}.field-config__label-text.sc-snk-field-config{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.field-config__label-required.sc-snk-field-config{color:var(--snk-field-config__required--color)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}@media screen and (min-width: 1200px){.field-config__label.sc-snk-field-config{flex-direction:row}}";
 

package/dist/esm/snk-form-config.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { d as draggable_bundle } from './draggable.bundle-41d56f06.js';
 import { ObjectUtils, ElementIDUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as CONFIG_EVENTS, T as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants-15617e7d.js';
+import { C as CONFIG_EVENTS, T as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants-e916ccc3.js';
 import { U as UserConfigType } from './form-config-fetcher-018e7e73.js';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import './_commonjsHelpers-9943807e.js';

package/dist/esm/snk-grid-config.entry.js

@@ -3,7 +3,7 @@ import { StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode';
 import { C as ConfigStorage } from './ConfigStorage-ac77ff39.js';
-import { O as ORDER_VALUES } from './constants-15617e7d.js';
+import { O as ORDER_VALUES } from './constants-e916ccc3.js';
 import './form-config-fetcher-018e7e73.js';
 import './DataFetcher-b3d8b2d5.js';
 import './_commonjsHelpers-9943807e.js';