@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-47941.0 → 0.0.0-bugfix-dev-59880.1

package/dist/cjs/{snk-data-unit-dee38ccd.js → snk-data-unit-3718477f.js}

@@ -4,7 +4,7 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const SnkMessageBuilder = require('./SnkMessageBuilder-4a95fe86.js');
-const dataunitFetcher = require('./dataunit-fetcher-e2109392.js');
+const dataunitFetcher = require('./dataunit-fetcher-7a08e4dd.js');
 const RecordIDUtils = require('./RecordIDUtils-3735135c.js');
 
 const SnkDataUnit = class {
@@ -13,6 +13,7 @@ const SnkDataUnit = class {
     this.dataStateChange = index.createEvent(this, "dataStateChange", 3);
     this.dataUnitReady = index.createEvent(this, "dataUnitReady", 3);
     this.messagesBuilderUpdated = index.createEvent(this, "messagesBuilderUpdated", 3);
+    this.dataUnitFieldsHidded = index.createEvent(this, "dataUnitFieldsHidded", 7);
     this.insertionMode = index.createEvent(this, "insertionMode", 3);
     this.cancelEdition = index.createEvent(this, "cancelEdition", 3);
     this._onDataUnitResolve = [];
@@ -21,6 +22,7 @@ const SnkDataUnit = class {
     this._fieldsWithRmPrecision = [];
     this._metadataByRow = new Map();
     this._rowMetadataCache = new Map();
+    this.REGEX_DATAUNIT_NAME = /dd:\/\/(.+?)\//;
     this._dataUnitObserver = async (action) => {
       const duState = this.buildDataState(action.type);
       this.dataState = duState;
@@ -41,6 +43,7 @@ const SnkDataUnit = class {
           break;
       }
     };
+    this.fieldsToLink = [];
     this.dataState = undefined;
     this.messagesBuilder = undefined;
     this.dataUnitName = undefined;
@@ -230,23 +233,14 @@ const SnkDataUnit = class {
       utils.ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenInsert"));
       return;
     }
-    return action;
+    return new core.DataUnitAction(core.Action.RECORDS_ADDED, this.handleLinksWithParent(action.payload));
   }
   interceptRecordsCopied(action) {
     if (!this.isAllowed("CLONE")) {
       utils.ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenClone"));
       return;
     }
-    const cleanFields = this.getCleanOnCopyFields();
-    if (cleanFields.length > 0) {
-      const records = action.payload;
-      action = new core.DataUnitAction(core.Action.RECORDS_COPIED, records.map(record => {
-        const newRecord = Object.assign({}, record);
-        cleanFields.forEach(fieldName => delete newRecord[fieldName]);
-        return newRecord;
-      }));
-    }
-    return action;
+    return new core.DataUnitAction(core.Action.RECORDS_COPIED, this.handleRecordsCopied(action.payload));
   }
   async interceptDataChange(action) {
     if (this.isAllowed("UPDATE")) {
@@ -328,7 +322,7 @@ const SnkDataUnit = class {
   interceptMetadataLoaded(action) {
     this.fillFieldsWithRmp(action.payload);
     this.fillFieldsWithRmPrecision(action.payload);
-    return action;
+    return new core.DataUnitAction(core.Action.METADATA_LOADED, this.handleDULinksOnMetadataLoaded(action.payload));
   }
   async interceptAction(action) {
     switch (action.type) {
@@ -387,6 +381,47 @@ const SnkDataUnit = class {
       return Object.assign({}, response._rmd);
     }
   }
+  handleDULinksOnMetadataLoaded(payload) {
+    const metadata = Object.assign({}, payload);
+    this.processLinks(metadata);
+    return metadata;
+  }
+  handleRecordsCopied(initialRecords) {
+    let records = [...initialRecords];
+    records = this.handleCleanOnCopy(records);
+    return this.handleLinksWithParent(records);
+  }
+  handleLinksWithParent(records) {
+    var _a, _b;
+    const parentDataUnit = (_a = this._parentDataUnit) !== null && _a !== void 0 ? _a : (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.getParentDataUnit();
+    if (!parentDataUnit)
+      return records;
+    const parentSelectedRecord = parentDataUnit.getSelectedRecord();
+    const selfInfo = parentDataUnit === null || parentDataUnit === void 0 ? void 0 : parentDataUnit.getChildInfo(this.getCleanDataUnitName());
+    const { links } = selfInfo;
+    if (!links || links.length === 0)
+      return records;
+    return records.map(record => {
+      return this.buildRecordWithLinkedFields(record, links, parentSelectedRecord);
+    });
+  }
+  buildRecordWithLinkedFields(record, links, parentSelectedRecord) {
+    const newRecord = Object.assign({}, record);
+    links.forEach(link => newRecord[link.target] = parentSelectedRecord[link.source]);
+    return newRecord;
+  }
+  handleCleanOnCopy(records) {
+    const cleanFields = this.getCleanOnCopyFields();
+    if (cleanFields.length > 0) {
+      records = records.map(record => this.buildCopyWithCleanedFields(record, cleanFields));
+    }
+    return records;
+  }
+  buildCopyWithCleanedFields(record, cleanFields) {
+    const newRecord = Object.assign({}, record);
+    cleanFields.forEach(fieldName => delete newRecord[fieldName]);
+    return newRecord;
+  }
   showSuccessMessage(message) {
     utils.ApplicationUtils.info(message, { iconName: "check" });
   }
@@ -530,20 +565,40 @@ const SnkDataUnit = class {
     return;
   }
   handlerLinkFields() {
-    var _a, _b;
-    const metadata = Object.assign({}, this.dataUnit.metadata);
-    if (!this._parentDataUnit)
+    var _a, _b, _c, _d;
+    const parentDU = (_a = this._parentDataUnit) !== null && _a !== void 0 ? _a : (_b = this.dataUnit) === null || _b === void 0 ? void 0 : _b.getParentDataUnit();
+    if (!parentDU)
       return;
-    const child = this._parentDataUnit.getChildInfo(this.entityName);
+    const childName = (_c = this.entityName) !== null && _c !== void 0 ? _c : this.getCleanDataUnitName();
+    const child = parentDU.getChildInfo(childName);
     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)) {
+    const links = (_d = child === null || child === void 0 ? void 0 : child.links) === null || _d === void 0 ? void 0 : _d.map(link => link.target);
+    this.handleDUWithLinks(links);
+  }
+  handleDUWithLinks(fieldsToLink) {
+    this.fieldsToLink = fieldsToLink;
+    const metadata = Object.assign({}, this.dataUnit.metadata);
+    this.processLinks(metadata);
+    this.dataUnit.metadata = metadata;
+    this.dataUnitFieldsHidded.emit();
+  }
+  processLinks(metadata) {
+    var _a;
+    (_a = metadata === null || metadata === void 0 ? void 0 : metadata.fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
+      var _a;
+      if ((_a = this.fieldsToLink) === null || _a === void 0 ? void 0 : _a.includes(field.name)) {
         field.visible = false;
       }
     });
-    this.dataUnit.metadata = metadata;
+  }
+  getCleanDataUnitName() {
+    var _a;
+    const uri = this.dataUnit.name;
+    if (core.StringUtils.isEmpty(uri))
+      return uri;
+    const matcher = this.REGEX_DATAUNIT_NAME.exec(uri);
+    return (_a = matcher === null || matcher === void 0 ? void 0 : matcher[1]) !== null && _a !== void 0 ? _a : uri;
   }
   static getNearestInstance(element) {
     let parent = element.parentElement;
@@ -570,8 +625,9 @@ const SnkDataUnit = class {
       this.dataUnit.releaseCallbacks();
     }
   }
-  componentDidLoad() {
-    this.loadDataUnit();
+  async componentDidLoad() {
+    await this.loadDataUnit();
+    this.handlerLinkFields();
   }
   render() {
     return (index.h(index.Host, null));

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkDataUnit = require('./snk-data-unit-dee38ccd.js');
+const snkDataUnit = require('./snk-data-unit-3718477f.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/ezui/dist/collection/utils');
 require('./SnkMessageBuilder-4a95fe86.js');
-require('./dataunit-fetcher-e2109392.js');
+require('./dataunit-fetcher-7a08e4dd.js');
 require('./DataFetcher-515bda03.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-dda10d75.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-7b222c78.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./DataFetcher-515bda03.js');
 require('./pesquisa-fetcher-916a935c.js');
@@ -12,12 +12,12 @@ const index$1 = require('./index-0922807b.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-e2109392.js');
+require('./dataunit-fetcher-7a08e4dd.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-3f430aee.js');
 const taskbarElements = require('./taskbar-elements-d9392685.js');
 const constants = require('./constants-35ddd366.js');
-const snkGuidesViewer = require('./snk-guides-viewer-af4a6ae5.js');
+const snkGuidesViewer = require('./snk-guides-viewer-66dd6949.js');
 const SnkMessageBuilder = require('./SnkMessageBuilder-4a95fe86.js');
 require('./ConfigStorage-9a53a42c.js');
 require('./PrintUtils-bcaeb82f.js');
@@ -95,6 +95,8 @@ const SnkDetailView = class {
     this.branchGuide = undefined;
     this.canEdit = true;
     this.taskbarCustomContainerId = undefined;
+    this.customEditors = undefined;
+    this.customRenders = undefined;
   }
   observeDataUnit(newDataUnit, oldDataUnit) {
     newDataUnit === null || newDataUnit === void 0 ? void 0 : newDataUnit.subscribe(this.dataUnitActionHandler.bind(this));
@@ -162,10 +164,38 @@ const SnkDetailView = class {
       this._snkGrid.scrollIntoView({ behavior: "smooth", block: "start" });
     }
   }
+  /**
+   * Registra um editor customizado para campos da grade e formulário.
+   */
+  async addCustomEditor(fieldName, customEditor) {
+    var _a;
+    const detailContext = this.normalizeBranchGuideId((_a = this.branchGuide) === null || _a === void 0 ? void 0 : _a.id);
+    this._snkGrid.addCustomEditor(fieldName, customEditor, detailContext);
+    this._snkFormView.addCustomEditor(fieldName, customEditor, detailContext);
+  }
+  async observerPropsCustomEditor(newValue) {
+    for (const fieldName in newValue) {
+      await this.addCustomEditor(fieldName, newValue[fieldName]);
+    }
+  }
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  async addGridCustomRender(fieldName, customRender) {
+    var _a;
+    const detailContext = this.normalizeBranchGuideId((_a = this.branchGuide) === null || _a === void 0 ? void 0 : _a.id);
+    await this._snkGrid.addGridCustomRender(fieldName, customRender, detailContext);
+  }
   onContentCardChanged(evt) {
     snkGuidesViewer.SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this.formConfigManager).then(() => index.forceUpdate(this));
     evt.stopPropagation();
   }
+  async observeCustomRenders(newValue) {
+    for (const field in newValue) {
+      const customRender = newValue[field];
+      await this.addGridCustomRender(field, customRender);
+    }
+  }
   updateLabel() {
     const guideItemPathSize = this.guideItemPath ? this.guideItemPath.length : 0;
     if (guideItemPathSize > 0) {
@@ -268,6 +298,10 @@ const SnkDetailView = class {
       this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder(this.entityName);
     }
   }
+  async componentDidLoad() {
+    await this.observerPropsCustomEditor(this.customEditors);
+    await this.observeCustomRenders(this.customRenders);
+  }
   async dataUnitActionHandler(action) {
     if (action.type === core.Action.FIELD_INVALIDATED) {
       this.addErrorBadgeToBranchGuide();
@@ -277,6 +311,9 @@ const SnkDetailView = class {
     this.branchGuide = Object.assign(Object.assign({}, this.branchGuide), { badge: 'error' });
     this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit));
   }
+  normalizeBranchGuideId(id) {
+    return id === null || id === void 0 ? void 0 : id.replace(/child\[(.*?)\]/g, '$1').replace(/::/g, '>');
+  }
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
@@ -284,7 +321,9 @@ const SnkDetailView = class {
   }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],
-    "dataState": ["observerDataState"]
+    "dataState": ["observerDataState"],
+    "customEditors": ["observerPropsCustomEditor"],
+    "customRenders": ["observeCustomRenders"]
   }; }
 };
 SnkDetailView.REGEX_FORM_ID = /__FORM:[^:]+/g;

package/dist/cjs/snk-filter-bar.cjs.entry.js

@@ -286,6 +286,7 @@ const SnkFilterBar = class {
     this.messagesBuilder = undefined;
     this.disablePersonalizedFilter = undefined;
     this.filterBarLegacyConfigName = undefined;
+    this.autoLoad = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     this.showPersonalizedFilter = false;
@@ -432,7 +433,10 @@ const SnkFilterBar = class {
   }
   async doLoadData(forceReload = false) {
     try {
-      if (this._firstLoad && !forceReload) {
+      if (this._firstLoad && this.autoLoad === false) {
+        return;
+      }
+      if (this._firstLoad && !forceReload && this.autoLoad === undefined) {
         let autoLoad = await this._application.getBooleanParam("global.carregar.registros.iniciar.tela");
         if (!autoLoad) {
           return;

package/dist/cjs/snk-form-view.cjs.entry.js

@@ -14,6 +14,7 @@ const SnkFormView = class {
     this.snkContentCardChanged = index.createEvent(this, "snkContentCardChanged", 7);
     this.snkRequestClearFieldToFocus = index.createEvent(this, "snkRequestClearFieldToFocus", 7);
     this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
+    this._customEditors = new Map();
     this._fieldProps = new Map();
     this.levelPath = undefined;
     this.label = undefined;
@@ -28,6 +29,7 @@ const SnkFormView = class {
     this.canFix = true;
     this.recordsValidator = undefined;
     this.fieldToFocus = undefined;
+    this.customEditors = undefined;
     this.fieldsProps = undefined;
   }
   async showUp() {
@@ -35,6 +37,23 @@ const SnkFormView = class {
       this._formView.showUp();
     }
   }
+  /**
+   * Registra um editor customizado para campos da grade e formulário
+   */
+  async addCustomEditor(fieldName, customEditor, detailContext) {
+    if (this._formView) {
+      this._formView.addCustomEditor(fieldName, customEditor, detailContext);
+      return;
+    }
+    const newCustomEditors = new Map(this._customEditors);
+    newCustomEditors.set(fieldName, { customEditor, detailContext });
+    this._customEditors = newCustomEditors;
+  }
+  observePropsCustomEditor(newValue) {
+    for (const fieldName in newValue) {
+      this.addCustomEditor(fieldName, newValue[fieldName]);
+    }
+  }
   /**
    * Altera/adiciona uma propriedade nos metadados do campo.
    */
@@ -110,9 +129,11 @@ const SnkFormView = class {
     }
   }
   componentDidLoad() {
+    this.observePropsCustomEditor(this.customEditors);
     this.observeFieldsProps(this.fieldsProps);
   }
   componentDidRender() {
+    this.setCustomEditors();
     this.setFieldProps();
     if (this.fieldToFocus == undefined) {
       return;
@@ -125,6 +146,15 @@ const SnkFormView = class {
       this.snkRequestClearFieldToFocus.emit();
     });
   }
+  setCustomEditors() {
+    if (!this._formView) {
+      return;
+    }
+    for (const [fieldName, customEditorProps] of this._customEditors) {
+      this._formView.addCustomEditor(fieldName, customEditorProps.customEditor, customEditorProps.detailContext);
+      this._customEditors.delete(fieldName);
+    }
+  }
   setFieldProps() {
     if (!this._formView) {
       return;
@@ -146,6 +176,7 @@ const SnkFormView = class {
         index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) })));
   }
   static get watchers() { return {
+    "customEditors": ["observePropsCustomEditor"],
     "fieldsProps": ["observeFieldsProps"]
   }; }
 };

package/dist/cjs/snk-form.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-dda10d75.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-7b222c78.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
 require('./ConfigStorage-9a53a42c.js');
 require('./form-config-fetcher-3f430aee.js');
@@ -21,6 +21,7 @@ const SnkForm = class {
     this.exit = index.createEvent(this, "exit", 7);
     this.actionClick = index.createEvent(this, "actionClick", 7);
     this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
+    this._customEditors = new Map();
     this._dataUnit = undefined;
     this._dataState = undefined;
     this._showFormConfig = false;
@@ -43,6 +44,18 @@ const SnkForm = class {
   async hideConfig() {
     this._showFormConfig = false;
   }
+  /**
+   * Registra um editor customizado para campos da grade e formulário.
+   */
+  async addCustomEditor(fieldName, customEditor) {
+    if (this._form) {
+      this._form.addCustomEditor(fieldName, customEditor);
+      return;
+    }
+    const newCustomEditors = new Map(this._customEditors);
+    newCustomEditors.set(fieldName, customEditor);
+    this._customEditors = newCustomEditors;
+  }
   /**
    * Altera/adiciona uma propriedade nos metadados do campo.
    */
@@ -56,6 +69,18 @@ const SnkForm = class {
     const dataInfo = { dataUnit: this._dataUnit };
     core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
+  setCustomEditors() {
+    if (!this._form) {
+      return;
+    }
+    for (const [fieldName, customEditor] of this._customEditors) {
+      this._form.addCustomEditor(fieldName, customEditor);
+      this._customEditors.delete(fieldName);
+    }
+  }
+  async componentDidRender() {
+    this.setCustomEditors();
+  }
   async componentWillLoad() {
     let parent = this._element.parentElement;
     while (parent) {
@@ -92,7 +117,7 @@ const SnkForm = class {
         continue;
       }
       const rmPrecision = (_a = this._dataState.rowMetadata) === null || _a === void 0 ? void 0 : _a.getProp('rm_precision', field);
-      if (!rmPrecision) {
+      if (!rmPrecision && rmPrecision !== 0) {
         continue;
       }
       await this.setFieldProp(field, 'precision', rmPrecision);
@@ -108,7 +133,7 @@ const SnkForm = class {
     if (!this._dataUnit || !this._dataState) {
       return undefined;
     }
-    return (index.h("section", null, index.h("div", { class: "ez-row" }, index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("ez-form", { ref: ref => this._form = ref, key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataState.insertionMode, this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
+    return (index.h("section", null, index.h("div", { class: "ez-row" }, index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("ez-form", { ref: (ref) => this._form = ref, key: "ezForm" + this._snkDataUnit.entityName, "data-element-id": "embedded", dataUnit: this._dataUnit, config: this._configManager.getConfig(this._dataState.insertionMode, this._dataUnit), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
       index.h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this._dataUnit, configManager: this._configManager, onConfigClose: () => this.closeConfig() })))));
   }
   get _element() { return index.getElement(this); }

package/dist/cjs/snk-grid.cjs.entry.js

@@ -9,14 +9,14 @@ const ConfigStorage = require('./ConfigStorage-9a53a42c.js');
 const index$1 = require('./index-0922807b.js');
 const fieldSearch = require('./field-search-f56aa7d6.js');
 const index$2 = require('./index-102ba62d.js');
-const IExporterProvider = require('./IExporterProvider-d3a3ccd1.js');
+const IExporterProvider = require('./IExporterProvider-e286ef6a.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 require('./DataFetcher-515bda03.js');
 require('./pesquisa-fetcher-916a935c.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-e2109392.js');
+require('./dataunit-fetcher-7a08e4dd.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-3f430aee.js');
 const RecordIDUtils = require('./RecordIDUtils-3735135c.js');
@@ -87,6 +87,8 @@ const SnkGrid = class {
     index.registerInstance(this, hostRef);
     this.actionClick = index.createEvent(this, "actionClick", 7);
     this.gridDoubleClick = index.createEvent(this, "gridDoubleClick", 7);
+    this._customEditors = new Map();
+    this._customRenders = new Map();
     this._topTaskbarProcessor = new fieldSearch.TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -140,6 +142,7 @@ const SnkGrid = class {
     this.disablePersonalizedFilter = undefined;
     this.gridLegacyConfigName = undefined;
     this.filterBarLegacyConfigName = undefined;
+    this.autoLoad = undefined;
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -184,6 +187,30 @@ const SnkGrid = class {
   async findColumn() {
     await fieldSearch.openFieldSearch(this._moreOptions, this._columnSearch);
   }
+  /**
+   * Registra um editor customizado para campos da grade e formulário
+   */
+  async addCustomEditor(fieldName, customEditor, detailContext) {
+    if (this._grid) {
+      this._grid.addCustomEditor(fieldName, customEditor, detailContext);
+      return;
+    }
+    const newCustomEditors = new Map(this._customEditors);
+    newCustomEditors.set(fieldName, { customEditor, detailContext });
+    this._customEditors = newCustomEditors;
+  }
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  async addGridCustomRender(fieldName, customRender, detailContext) {
+    if (this._grid) {
+      this._grid.addGridCustomRender(fieldName, customRender, detailContext);
+      return;
+    }
+    const newCustomRenders = new Map(this._customRenders);
+    newCustomRenders.set(fieldName, { customRender, detailContext });
+    this._customRenders = newCustomRenders;
+  }
   /**
    * Registra um formatador de valores para uma coluna da grid.
    */
@@ -282,6 +309,24 @@ const SnkGrid = class {
       this.columnFilterDataSource.setDataUnit(this._dataUnit);
     }
   }
+  setCustomRenders() {
+    if (!this._grid) {
+      return;
+    }
+    for (const [fieldName, customRenderProps] of this._customRenders) {
+      this._grid.addGridCustomRender(fieldName, customRenderProps.customRender, customRenderProps.detailContext);
+      this._customRenders.delete(fieldName);
+    }
+  }
+  setCustomEditors() {
+    if (!this._grid) {
+      return;
+    }
+    for (const [fieldName, customEditorProps] of this._customEditors) {
+      this._grid.addCustomEditor(fieldName, customEditorProps.customEditor, customEditorProps.detailContext);
+      this._customEditors.delete(fieldName);
+    }
+  }
   componentWillLoad() {
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     //TODO: substituir pelo metodo nativo closest
@@ -319,6 +364,8 @@ const SnkGrid = class {
   componentDidRender() {
     this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
     this.loadGridCustomFormatters(this._dataUnit.metadata.fields);
+    this.setCustomRenders();
+    this.setCustomEditors();
   }
   async handleDataStateChange(evt) {
     this._dataState = evt.detail;
@@ -436,7 +483,7 @@ const SnkGrid = class {
       return undefined;
     }
     return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
-      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+      index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/{snk-guides-viewer-af4a6ae5.js → snk-guides-viewer-66dd6949.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-dda10d75.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-7b222c78.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const fieldSearch = require('./field-search-f56aa7d6.js');
 const taskbarElements = require('./taskbar-elements-d9392685.js');
@@ -13,7 +13,7 @@ const index$1 = require('./index-0922807b.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-e2109392.js');
+require('./dataunit-fetcher-7a08e4dd.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-3f430aee.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
@@ -49,6 +49,8 @@ const SnkGuidesViewer = class {
     this._formEditorConfigManager = undefined;
     this._formEditorDataUnit = undefined;
     this._fieldToGetFocus = undefined;
+    this._customEditors = undefined;
+    this._customRenders = undefined;
     this._fieldsProps = {};
   }
   observeDataUnit() {
@@ -80,6 +82,19 @@ const SnkGuidesViewer = class {
   async findField() {
     await fieldSearch.openFieldSearch(this._moreOptions, this._fieldSearch);
   }
+  /**
+   * Registra um editor customizado para campos da grade e formulário
+   */
+  async addCustomEditor(fieldName, customEditor) {
+    this._customEditors = Object.assign(Object.assign({}, this._customEditors), { [fieldName]: customEditor });
+  }
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  async addGridCustomRender(fieldName, customRender) {
+    this._customRenders = Object.assign(Object.assign({}, this._customRenders), { [fieldName]: customRender });
+  }
+  ;
   /**
    * Altera/adiciona uma propriedade nos metadados do campo.
    */
@@ -231,7 +246,7 @@ const SnkGuidesViewer = class {
       if (sheet == undefined) {
         return;
       }
-      return index.h("snk-form-view", { levelPath: params.levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: params.formMetadata, dataUnit: params.dataUnit, recordsValidator: params.recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_b = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.summary) === null || _b === void 0 ? void 0 : _b.get(formName), fieldToFocus: params.fieldToFocus, key: formName, onSnkRequestClearFieldToFocus: _ => { var _a; return (_a = params.onRequestClearFieldToFocus) === null || _a === void 0 ? void 0 : _a.call(params); }, fieldsProps: params.fieldsProps });
+      return index.h("snk-form-view", { levelPath: params.levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: params.formMetadata, dataUnit: params.dataUnit, recordsValidator: params.recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_b = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.summary) === null || _b === void 0 ? void 0 : _b.get(formName), fieldToFocus: params.fieldToFocus, key: formName, onSnkRequestClearFieldToFocus: _ => { var _a; return (_a = params.onRequestClearFieldToFocus) === null || _a === void 0 ? void 0 : _a.call(params); }, customEditors: params.propsCustomEditor, fieldsProps: params.fieldsProps });
     })));
   }
   wrapDetail(levels, content) {
@@ -273,14 +288,14 @@ const SnkGuidesViewer = class {
       else {
         detailBranch = this.selectedGuide;
       }
-      content = this.wrapDetail(levels, index.h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId }));
+      content = this.wrapDetail(levels, index.h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders }));
     }
     else {
       const cardId = this.selectedGuide.id;
       const sheet = this._masterFormMetadata.getSheet(cardId);
       if (sheet) {
         const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
-        content = index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), fieldsProps: this._fieldsProps }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar());
+        content = index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar());
       }
     }
     return content;
@@ -487,6 +502,7 @@ const SnkGuidesViewer = class {
       recordsValidator: this.recordsValidator,
       fieldToFocus: this._fieldToGetFocus,
       onRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this),
+      propsCustomEditor: this._customEditors,
       fieldsProps: this._fieldsProps
     }), this.getContent())), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID })));
   }