@sankhyalabs/sankhyablocks 10.1.0-dev.23 → 10.1.0-dev.24

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

@@ -8,15 +8,16 @@ const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const IFetchDataExporterParams = require('./IFetchDataExporterParams-e78ec415.js');
 const index = require('./index-e3e39724.js');
 const constants = require('./constants-6d82e405.js');
-const DataFetcher = require('./DataFetcher-0b6aa084.js');
-const snkDataUnit = require('./snk-data-unit-036ce58c.js');
-require('./ISave-2c455a77.js');
+const DataFetcher = require('./DataFetcher-0c830777.js');
+const snkDataUnit = require('./snk-data-unit-c06263da.js');
+require('./ISave-e1e8ec96.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8dffbcdf.js');
+require('./dataunit-fetcher-86e286bb.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-5516d68a.js');
+require('./form-config-fetcher-227b2db2.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-32950342.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');

package/dist/cjs/{snk-data-unit-036ce58c.js → snk-data-unit-c06263da.js}

@@ -3,8 +3,8 @@
 const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const DataFetcher = require('./DataFetcher-0b6aa084.js');
-const dataunitFetcher = require('./dataunit-fetcher-8dffbcdf.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-32950342.js');
+const dataunitFetcher = require('./dataunit-fetcher-86e286bb.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 
@@ -700,7 +700,7 @@ const SnkDataUnit = class {
     this.dataState = await this.buildDataState();
     let saveOperation = changes[0]._operation.toLowerCase();
     if (saveOperation == 'copy') {
-      saveOperation = DataFetcher.OperationMap.CLONE;
+      saveOperation = SnkMessageBuilder.OperationMap.CLONE;
     }
     if (this.canIgnoreOperationMessage(saveOperation))
       return;
@@ -713,7 +713,7 @@ const SnkDataUnit = class {
     return this.ignoreSaveMessage && !this.isCloneOrInsertOperation(saveOperation);
   }
   isCloneOrInsertOperation(saveOperation) {
-    return [DataFetcher.OperationMap.CLONE, DataFetcher.OperationMap.INSERT].includes(saveOperation);
+    return [SnkMessageBuilder.OperationMap.CLONE, SnkMessageBuilder.OperationMap.INSERT].includes(saveOperation);
   }
   buildOperationMessage(saveOperation, records) {
     if (this.isMultiplesUpdate(saveOperation, records)) {
@@ -728,10 +728,10 @@ const SnkDataUnit = class {
      * de um registro se trata de uma chave composta.
      */
     const key = `snkDataUnit.${isCancel ? 'cancelInfo' : 'saveInfo'}`;
-    return this.getMessage(key, { records: records }, DataFetcher.OperationMap.UPDATE_MULTIPLES);
+    return this.getMessage(key, { records: records }, SnkMessageBuilder.OperationMap.UPDATE_MULTIPLES);
   }
   isMultiplesUpdate(saveOperation, records) {
-    return saveOperation === DataFetcher.OperationMap.UPDATE && records.length > 1;
+    return saveOperation === SnkMessageBuilder.OperationMap.UPDATE && records.length > 1;
   }
   handleRecordsRemoved(action) {
     var _a, _b;
@@ -776,15 +776,15 @@ const SnkDataUnit = class {
   }
   getMessageOperation() {
     if (this.dataState.copyMode) {
-      return DataFetcher.OperationMap.CLONE;
+      return SnkMessageBuilder.OperationMap.CLONE;
     }
     if (this.dataState.insertionMode || this.dataState.isStartingInsertionMode) {
-      return DataFetcher.OperationMap.INSERT;
+      return SnkMessageBuilder.OperationMap.INSERT;
     }
     if (this.dataState.isDirty) {
-      return DataFetcher.OperationMap.UPDATE;
+      return SnkMessageBuilder.OperationMap.UPDATE;
     }
-    return DataFetcher.OperationMap.CLEAN;
+    return SnkMessageBuilder.OperationMap.CLEAN;
   }
   async getDataUnitParentOrChild() {
     var _a;
@@ -887,7 +887,7 @@ const SnkDataUnit = class {
     if (this.messagesBuilder) {
       return;
     }
-    this.messagesBuilder = new DataFetcher.SnkMessageBuilder((_a = this.domainMessagesBuilder) !== null && _a !== void 0 ? _a : this.entityName);
+    this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder((_a = this.domainMessagesBuilder) !== null && _a !== void 0 ? _a : this.entityName);
   }
   //---------------------------------------------
   // Lifecycle web component

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkDataUnit = require('./snk-data-unit-036ce58c.js');
+const snkDataUnit = require('./snk-data-unit-c06263da.js');
 require('./index-1894343a.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/ezui/dist/collection/utils');
-require('./DataFetcher-0b6aa084.js');
+require('./SnkMessageBuilder-32950342.js');
+require('./dataunit-fetcher-86e286bb.js');
+require('./DataFetcher-0c830777.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8dffbcdf.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');

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

@@ -4,21 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-b8c81493.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-421f3581.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-const DataFetcher = require('./DataFetcher-0b6aa084.js');
-require('./ISave-2c455a77.js');
+require('./DataFetcher-0c830777.js');
+require('./ISave-e1e8ec96.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8dffbcdf.js');
+require('./dataunit-fetcher-86e286bb.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-5516d68a.js');
+require('./form-config-fetcher-227b2db2.js');
 const constants = require('./constants-6d82e405.js');
 const taskbarElements = require('./taskbar-elements-8a80420e.js');
-const snkGuidesViewer = require('./snk-guides-viewer-164c063e.js');
+const snkGuidesViewer = require('./snk-guides-viewer-92dadfa6.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-32950342.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-require('./ConfigStorage-a4e1e518.js');
+require('./ConfigStorage-f61eedd2.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
@@ -34,7 +35,7 @@ class GuideBuilder {
     this._dataUnit = dataUnit;
     this._messageBuilder = messageBuilder;
     if (!this._messageBuilder) {
-      this._messageBuilder = new DataFetcher.SnkMessageBuilder();
+      this._messageBuilder = new SnkMessageBuilder.SnkMessageBuilder();
     }
   }
   get id() {
@@ -303,7 +304,7 @@ const SnkDetailView = class {
     this.formConfigManager = new SnkFormConfigManager.SnkFormConfigManager(this._configName, this.resourceID, () => this.loadMetadata(), this.dataUnit);
     this.formConfigManager.loadConfig();
     if (this.messagesBuilder == undefined) {
-      this.messagesBuilder = new DataFetcher.SnkMessageBuilder(this.entityName);
+      this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder(this.entityName);
     }
   }
   async componentDidLoad() {
@@ -373,7 +374,7 @@ const SnkDetailView = class {
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (index.h(index.Host, null, index.h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === constants.VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, index.h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, index.h("stack-item", null, index.h("div", { class: "ez-box ez-box--shadow grid-container" }, index.h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, index.h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? index.h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), index.h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(constants.VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false }))), index.h("stack-item", null, index.h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), fieldToFocus: this._fieldToGetFocus, label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems), onSnkRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), fieldSearch: this._fieldSearch }, index.h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS", actionsSettingsList: this.getSettingsListForm() }, index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (index.h(index.Host, null, index.h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === constants.VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, index.h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, index.h("stack-item", null, index.h("div", { class: "ez-box ez-box--shadow grid-container" }, index.h("div", { class: "ez-title--primary ez-size-width--full ez-padding--large detail-header" }, index.h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? index.h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), index.h("snk-grid", { class: "ez-size-width--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(constants.VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: this.presentationMode, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS", outlineMode: false, enableGridInsert: true }))), index.h("stack-item", null, index.h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), fieldToFocus: this._fieldToGetFocus, label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems), onSnkRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), fieldSearch: this._fieldSearch, entityPath: this.entityName }, index.h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: this.presentationMode, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS", actionsSettingsList: this.getSettingsListForm() }, index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
-const ConfigStorage = require('./ConfigStorage-a4e1e518.js');
+const ConfigStorage = require('./ConfigStorage-f61eedd2.js');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-eccb267a.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
@@ -16,9 +16,10 @@ const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const defaultFilters = require('./default-filters-a09bf82b.js');
 const filterType_enum = require('./filter-type.enum-2bb46d2a.js');
 const filterValidate = require('./filter-validate-cb4ed41a.js');
-require('./form-config-fetcher-5516d68a.js');
-require('./DataFetcher-0b6aa084.js');
+require('./form-config-fetcher-227b2db2.js');
+require('./DataFetcher-0c830777.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-32950342.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
 const buildFilter = (item) => {

package/dist/cjs/snk-filter-modal-item.cjs.entry.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const ConfigStorage = require('./ConfigStorage-a4e1e518.js');
+const ConfigStorage = require('./ConfigStorage-f61eedd2.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const filterType_enum = require('./filter-type.enum-2bb46d2a.js');
-require('./form-config-fetcher-5516d68a.js');
-require('./DataFetcher-0b6aa084.js');
+require('./form-config-fetcher-227b2db2.js');
+require('./DataFetcher-0c830777.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-32950342.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";

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

@@ -6,9 +6,22 @@ const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const ImageUtils = require('./ImageUtils-5e3f406b.js');
 
 const snkFormViewCss = ".sc-snk-form-view-h{display:flex;width:100%;--ez-form-card-summary-field-content-weight:700}.level-path.sc-snk-form-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.summary-wrapper.sc-snk-form-view{display:flex;overflow:hidden}.summary-header.sc-snk-form-view{border-bottom:1px solid var(--color--strokes);margin-bottom:var(--space--medium);padding-bottom:var(--space--medium)}.summary-container.sc-snk-form-view{display:flex;flex-direction:column}.summary-container.sc-snk-form-view{padding-right:calc(var(--space--extra-large) / 1.5)}.summary-field.sc-snk-form-view{min-width:30px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-field__title.sc-snk-form-view{color:var(--text--primary, #626e82);font-size:var(--title--small);white-space:nowrap;font-weight:var(--text-weight--medium)}.summary-field__content.sc-snk-form-view{color:var(--title--primary, #2b3a54);font-size:var(--text--large);font-weight:var(--ez-form-card-summary-field-content-weight)}";
 
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
 const SnkFormView = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -17,6 +30,21 @@ const SnkFormView = class {
     this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this._customEditors = new Map();
     this._fieldProps = new Map();
+    this.dataUnitObserver = async (action) => {
+      if (action.type === core.Action.RECORDS_COPIED) {
+        const sourcePK = this.buildSourceRecordPK(action);
+        this.getImageField().forEach(async (field) => {
+          this.dataUnit.setFieldValue(field.name, JSON.stringify(sourcePK));
+        });
+      }
+    };
+    this.customUiBuilders = new Map([
+      [core.UserInterface.IMAGE, (_a) => {
+          var { name } = _a, props = __rest(_a, ["name"]);
+          return index.h("snk-image-input", Object.assign({ dataUnit: this.dataUnit, maxSize: Infinity, fieldName: name, entityName: this.entityPath }, props));
+        }
+      ]
+    ]);
     this._singleColumn = false;
     this.levelPath = undefined;
     this.fieldSearch = undefined;
@@ -34,6 +62,7 @@ const SnkFormView = class {
     this.fieldToFocus = undefined;
     this.customEditors = undefined;
     this.fieldsProps = undefined;
+    this.entityPath = undefined;
   }
   async showUp() {
     if (this._formView) {
@@ -83,6 +112,11 @@ const SnkFormView = class {
       }
     }
   }
+  async observeDataUnit(newValue, oldValue) {
+    if (newValue !== oldValue && newValue) {
+      newValue.subscribe(this.dataUnitObserver);
+    }
+  }
   changeFix() {
     this.fixed = !this.fixed;
     this.emitEvent("fixed");
@@ -140,6 +174,9 @@ const SnkFormView = class {
     if (this._dataBinder != undefined) {
       this._dataBinder.onDisconnectedCallback();
     }
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
   }
   componentDidLoad() {
     this.observePropsCustomEditor(this.customEditors);
@@ -198,6 +235,22 @@ const SnkFormView = class {
       });
     }
   }
+  buildSourceRecordPK(action) {
+    var _a, _b;
+    const currentRecord = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a[0]) || {};
+    const sourceBase64 = currentRecord["__record__source__id__"];
+    const sourceRecord = JSON.parse(atob(sourceBase64 || ''));
+    delete sourceRecord["__DATA_UNIT_NAME__"];
+    const pkFields = Object.keys(ImageUtils.getPKs(this.dataUnit));
+    const filteredSourceRecord = {};
+    for (const pkField of pkFields) {
+      filteredSourceRecord[pkField] = (_b = sourceRecord[pkField]) === null || _b === void 0 ? void 0 : _b.value;
+    }
+    return filteredSourceRecord;
+  }
+  getImageField() {
+    return this.dataUnit.metadata.fields.filter(field => field.userInterface === core.UserInterface.IMAGE);
+  }
   render() {
     return (index.h(index.Host, { class: "ez-box__container" }, index.h("div", { class: "summary-header ez-flex ez-size-width--full", ref: ref => this._headerContainer = ref }, index.h("div", { class: "ez-flex ez-text ez-title--primary ez-text--bold ez-flex--justify-start ez-flex--align-items-center ez-col--sd-9" }, this.levelPath ? index.h("span", { class: "level-path" }, this.levelPath + " /") : undefined, this.label), index.h("div", { class: "ez-flex ez-flex--justify-end ez-col--sd-3" }, this.canFix &&
       index.h("ez-button", { class: "ez-padding-left--medium", mode: "icon", size: "small", iconName: this.fixed ? "un-pin" : "push-pin", "data-element-id": core.ElementIDUtils.getInternalIDInfo("toggleFixed_ezFormCard"), onClick: () => this.changeFix(), title: this.fixed ? "Desafixar" : "Fixar" }), this.canExpand &&
@@ -205,11 +258,12 @@ const SnkFormView = class {
       ?
         index.h("snk-form-summary", { summary: this.getCardSummary() })
       :
-        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event), singleColumn: this._singleColumn }), this.fieldSearch && index.h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
+        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event), singleColumn: this._singleColumn, customUiBuilders: this.customUiBuilders }), this.fieldSearch && index.h("ez-popover", { ref: elem => (this._ezPopoverFieldColumn = elem), overlayType: "none" }, this.fieldSearch)));
   }
   static get watchers() { return {
     "customEditors": ["observePropsCustomEditor"],
-    "fieldsProps": ["observeFieldsProps"]
+    "fieldsProps": ["observeFieldsProps"],
+    "dataUnit": ["observeDataUnit"]
   }; }
 };
 SnkFormView.style = snkFormViewCss;

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

@@ -4,16 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-b8c81493.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-421f3581.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const formConfigFetcher = require('./form-config-fetcher-5516d68a.js');
+const formConfigFetcher = require('./form-config-fetcher-227b2db2.js');
 const constants = require('./constants-6d82e405.js');
 const FormConfigHelper = require('./FormConfigHelper-28fe4668.js');
-require('./ConfigStorage-a4e1e518.js');
-require('./DataFetcher-0b6aa084.js');
+require('./ConfigStorage-f61eedd2.js');
+require('./DataFetcher-0c830777.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-32950342.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
 

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

@@ -6,23 +6,24 @@ const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-require('./DataFetcher-0b6aa084.js');
-require('./ISave-2c455a77.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-03b58f5a.js');
+require('./DataFetcher-0c830777.js');
+require('./ISave-e1e8ec96.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-d30a96ef.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8dffbcdf.js');
+require('./dataunit-fetcher-86e286bb.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-5516d68a.js');
+require('./form-config-fetcher-227b2db2.js');
 require('./constants-6d82e405.js');
-const ConfigStorage = require('./ConfigStorage-a4e1e518.js');
+const ConfigStorage = require('./ConfigStorage-f61eedd2.js');
 const index$2 = require('./index-f0fe7e6e.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 const filterValidate = require('./filter-validate-cb4ed41a.js');
 const taskbarElements = require('./taskbar-elements-8a80420e.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-32950342.js');
 require('./IFetchDataExporterParams-e78ec415.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');

package/dist/cjs/{snk-guides-viewer-164c063e.js → snk-guides-viewer-92dadfa6.js}

@@ -5,16 +5,16 @@ const core = require('@sankhyalabs/core');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./DataFetcher-0b6aa084.js');
-require('./ISave-2c455a77.js');
+require('./DataFetcher-0c830777.js');
+require('./ISave-e1e8ec96.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8dffbcdf.js');
+require('./dataunit-fetcher-86e286bb.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-5516d68a.js');
+require('./form-config-fetcher-227b2db2.js');
 const constants = require('./constants-6d82e405.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-b8c81493.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-421f3581.js');
 const taskbarElements = require('./taskbar-elements-8a80420e.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
 
@@ -302,7 +302,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); }, customEditors: params.propsCustomEditor, 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, entityPath: params.entityPath });
     })));
   }
   wrapDetail(levels, content) {
@@ -347,7 +347,7 @@ const SnkGuidesViewer = class {
     if (!sheet)
       return;
     const cardConfig = (_b = (_a = this.masterFormConfig) === null || _a === void 0 ? void 0 : _a.cardsState) === null || _b === void 0 ? void 0 : _b.get(cardId);
-    return (index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar()));
+    return (index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_d = (_c = this.masterFormConfig) === null || _c === void 0 ? void 0 : _c.summary) === null || _d === void 0 ? void 0 : _d.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: cardId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps, fieldSearch: this._fieldSearch, entityPath: this.entityPath }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar()));
   }
   isDetailGuide(childEntityName, levels) {
     return childEntityName || levels.length > 0;
@@ -619,7 +619,8 @@ const SnkGuidesViewer = class {
       fieldToFocus: this._fieldToGetFocus,
       onRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this),
       propsCustomEditor: this._customEditors,
-      fieldsProps: this._fieldsProps
+      fieldsProps: this._fieldsProps,
+      entityPath: this.entityPath
     }), 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 })));
   }
   render() {

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,27 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-164c063e.js');
+const snkGuidesViewer = require('./snk-guides-viewer-92dadfa6.js');
 require('./index-1894343a.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
 require('@sankhyalabs/ezui/dist/collection/utils');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./DataFetcher-0b6aa084.js');
+require('./DataFetcher-0c830777.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./SnkMessageBuilder-32950342.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./ISave-2c455a77.js');
+require('./ISave-e1e8ec96.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./dataunit-fetcher-8dffbcdf.js');
+require('./dataunit-fetcher-86e286bb.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-5516d68a.js');
+require('./form-config-fetcher-227b2db2.js');
 require('./constants-6d82e405.js');
-require('./SnkFormConfigManager-b8c81493.js');
-require('./ConfigStorage-a4e1e518.js');
+require('./SnkFormConfigManager-421f3581.js');
+require('./ConfigStorage-f61eedd2.js');
 require('./taskbar-elements-8a80420e.js');
 require('./index-f0fe7e6e.js');
 require('./taskbar-processor-2fba34a8.js');

package/dist/cjs/snk-image-input.cjs.entry.js

@@ -0,0 +1,148 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1894343a.js');
+const core = require('@sankhyalabs/core');
+const SnkMessageBuilder = require('./SnkMessageBuilder-32950342.js');
+const ImageUtils = require('./ImageUtils-5e3f406b.js');
+
+const snkImageInputCss = ":host{display:block}";
+
+const SnkImageInput = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.imageError = index.createEvent(this, "imageError", 7);
+    this.dataUnitObserver = async (action) => {
+      var _a;
+      const actionsMoveSelection = [core.Action.NEXT_SELECTED, core.Action.PREVIOUS_SELECTED];
+      if (actionsMoveSelection.includes(action.type)) {
+        await this.loadImage();
+        return;
+      }
+      const selection = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.selection) || [];
+      if (action.type === core.Action.SELECTION_CHANGED && selection.length > 0) {
+        await this.loadImage();
+        return;
+      }
+      if (action.type === core.Action.RECORDS_ADDED) {
+        await this.clearImage();
+        return;
+      }
+    };
+    this.dataUnit = undefined;
+    this.fieldName = undefined;
+    this.entityName = undefined;
+    this.enabled = true;
+    this.acceptType = undefined;
+    this.maxSize = undefined;
+    this.label = undefined;
+    this.imageValue = undefined;
+    this.loading = true;
+  }
+  /**
+   * Força o reload da imagem
+   */
+  async reloadImage(pks) {
+    await this.loadImage(pks);
+  }
+  getMessage(key, params) {
+    if (!this.messagesBuilder) {
+      this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder();
+    }
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async clearImage() {
+    this.imageValue = undefined;
+  }
+  async handleImageChange(event) {
+    const base64 = event.detail;
+    if (!base64) {
+      await this.clearImage();
+      await this.updatedataUnitField(true);
+      return;
+    }
+    const blob = await ImageUtils.base64ToBlob(base64);
+    if (this.maxSize && blob.size > this.maxSize * 1024) {
+      const errorMsg = this.getMessage('snkImageInput.errorImageSize') + this.maxSize + '(KB)';
+      this.imageError.emit(errorMsg);
+      if (this.application) {
+        await this.application.error(this.getMessage('snkImageInput.errorTitle'), errorMsg);
+      }
+      return;
+    }
+    this.imageValue = base64;
+    await ImageUtils.sessionFileUpload(blob, this.entityName, this.fieldName);
+    await this.updatedataUnitField();
+  }
+  async updatedataUnitField(deleted = false) {
+    if (!this.dataUnit || !this.dataUnit.getSelectedRecord()) {
+      return;
+    }
+    if (deleted) {
+      await this.dataUnit.setFieldValue(this.fieldName, 'deletado');
+    }
+    else {
+      await this.dataUnit.setFieldValue(this.fieldName, `$file.session.key{${ImageUtils.buildFileKey(this.entityName, this.fieldName)}}`);
+    }
+  }
+  async handleImageError(event) {
+    this.imageError.emit(event.detail);
+    if (this.application) {
+      await this.application.error(this.getMessage('snkImageInput.errorTitle'), event.detail);
+    }
+  }
+  getPksFromDataUnit() {
+    if (!this.dataUnit) {
+      return undefined;
+    }
+    const selectedRecord = this.dataUnit.getSelectedRecord();
+    if (!selectedRecord) {
+      return undefined;
+    }
+    const fieldValue = selectedRecord[this.fieldName];
+    if (!fieldValue) {
+      return undefined;
+    }
+    try {
+      const pk = JSON.parse(fieldValue);
+      return pk;
+    }
+    catch (error) {
+      console.error('Error parsing PK from data unit field:', error);
+      return undefined;
+    }
+  }
+  async loadImage(pks) {
+    var _a;
+    this.loading = true;
+    if (this.dataUnit && this.entityName) {
+      pks = (_a = pks !== null && pks !== void 0 ? pks : this.getPksFromDataUnit()) !== null && _a !== void 0 ? _a : ImageUtils.getPKs(this.dataUnit);
+      this.imageValue = await ImageUtils.downloadImage(pks, this.fieldName, this.entityName);
+    }
+    this.loading = false;
+  }
+  async componentWillLoad() {
+    this.application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (!this.messagesBuilder) {
+      this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder();
+    }
+    if (this.dataUnit) {
+      this.dataUnit.subscribe(this.dataUnitObserver);
+    }
+  }
+  disconnectedCallback() {
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
+  }
+  async componentDidLoad() {
+    await this.loadImage();
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("ez-image-input", { enabled: this.enabled, label: this.label, name: this.fieldName, value: this.imageValue, maxFileSize: this.maxSize ? this.maxSize * 1024 : undefined, accept: this.acceptType || 'image/png,image/jpeg,image/gif', onEzChange: (e) => this.handleImageChange(e), onEzError: (e) => this.handleImageError(e), loading: this.loading })));
+  }
+};
+SnkImageInput.style = snkImageInputCss;
+
+exports.snk_image_input = SnkImageInput;