@sankhyalabs/sankhyablocks 10.1.0-dev.6 → 10.1.0-dev.60

package/dist/cjs/snk-filter-multi-select.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const filterNumberVariation = require('./filterNumberVariation-d65332da.js');
@@ -24,16 +24,20 @@ const SnkFilterPeriod = class {
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-number
    */
-  ezChangeListener(evt) {
+  ezInputListener(evt) {
     this.errorMessage = undefined;
+    const value = evt.detail;
     if (this.getVariation() === filterNumberVariation.FilterNumberVariation.INTERVAL) {
-      const start = this._startInterval.value;
-      const end = this._endInterval.value;
-      this.value = (!isNaN(start) || !isNaN(end) ? { start, end } : undefined);
+      if (evt.target === this._startInterval && !isNaN(value)) {
+        this.value = Object.assign(this.value, { start: value });
+      }
+      if (evt.target === this._endInterval && !isNaN(value)) {
+        this.value = Object.assign(this.value, { end: value });
+      }
       this.valueChanged.emit(this.value);
       return;
     }
-    this.value = evt.detail;
+    this.value = value;
     this.valueChanged.emit(this.value);
   }
   /**
@@ -108,7 +112,7 @@ const SnkFilterPeriod = class {
     if (this.getVariation() === filterNumberVariation.FilterNumberVariation.INTERVAL) {
       return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startIntervalLabel, ref: ref => this._startInterval = ref, value: this.getIntervalValue("start"), enabled: this.config.enabled, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision, errorMessage: this.errorMessage }), this.buildLabel(), index.h("ez-number-input", { id: `${this.config.id}_end`, label: this._endIntervalLabel, ref: ref => this._endInterval = ref, value: this.getIntervalValue("end"), enabled: this.config.enabled, precision: (_b = this.config.props) === null || _b === void 0 ? void 0 : _b.precision, errorMessage: this.errorMessage }))));
     }
-    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision, enabled: this.config.enabled, errorMessage: this.errorMessage })));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-number-input", { id: this.config.id, label: this.config.label, ref: ref => this._numberElement = ref, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision, enabled: this.config.enabled, errorMessage: this.errorMessage })));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
@@ -14,16 +14,17 @@ const SnkFilterPeriod = class {
     this._startDateLabel = 'Inicial';
     this._endDateLabel = 'Final';
     this._toLabel = 'até';
+    this._defaultEmptyValue = {
+      start: null,
+      end: null
+    };
     this.internalChange = {
       start: false,
       end: false
     };
     this.config = undefined;
     this.getMessage = undefined;
-    this.value = {
-      start: null,
-      end: null
-    };
+    this.value = this._defaultEmptyValue;
     this.presentationMode = presentationMode.EPresentationMode.CHIP;
     this.errorMessage = undefined;
   }
@@ -36,6 +37,10 @@ const SnkFilterPeriod = class {
       this.internalChange.start = false;
       return;
     }
+    if ((!newValue && oldValue) || (!(newValue === null || newValue === void 0 ? void 0 : newValue.start) && !(newValue === null || newValue === void 0 ? void 0 : newValue.end))) {
+      this.clearValue();
+      return;
+    }
     if (newValue && (newValue.start !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.start) || newValue.end !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.end))) {
       this.valueStart = this.parseDate(newValue.start);
       this.valueEnd = this.parseDate(newValue.end);
@@ -57,9 +62,11 @@ const SnkFilterPeriod = class {
    * Limpa o valor do componente restaurando o valor original da configuração.
    */
   async clearValue() {
-    this.value = this.config.value;
+    this.value = this.config.value || this._defaultEmptyValue;
     this.valueStart = this.getDate("start");
     this.valueEnd = this.getDate("end");
+    this._startDate.value = this.valueStart;
+    this._endDate.value = this.valueEnd;
   }
   componentDidLoad() {
     if (this._element) {
@@ -109,7 +116,7 @@ const SnkFilterPeriod = class {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.PERIOD) {
       return undefined;
     }
-    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, enabled: this.config.enabled, value: this.valueStart, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'start') }), this.buildLabel(), index.h("ez-date-input", { id: `${this.config.id}_end`, label: this._endDateLabel, ref: ref => this._endDate = ref, enabled: this.config.enabled, value: this.valueEnd, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'end') }))));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, enabled: this.config.enabled, value: this.valueStart, errorMessage: this.errorMessage, onEzInput: (event) => this.ezChangeListener(event, 'start') }), this.buildLabel(), index.h("ez-date-input", { id: `${this.config.id}_end`, label: this._endDateLabel, ref: ref => this._endDate = ref, enabled: this.config.enabled, value: this.valueEnd, errorMessage: this.errorMessage, onEzInput: (event) => this.ezChangeListener(event, 'end') }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 
 const SnkFilterText = class {
@@ -46,7 +46,7 @@ const SnkFilterText = class {
     if (!this.config) {
       return undefined;
     }
-    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-text-input", { id: this.config.id, label: this.config.label, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 
 const BOUNDARY_FALSE_POSITIVE_VALUE = 14;

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

@@ -2,13 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+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-d6139911.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,7 +30,23 @@ 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._currentFormLayout = undefined;
     this.levelPath = undefined;
     this.fieldSearch = undefined;
     this.label = undefined;
@@ -34,6 +63,7 @@ const SnkFormView = class {
     this.fieldToFocus = undefined;
     this.customEditors = undefined;
     this.fieldsProps = undefined;
+    this.entityPath = undefined;
   }
   async showUp() {
     if (this._formView) {
@@ -83,6 +113,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,28 +175,38 @@ const SnkFormView = class {
     if (this._dataBinder != undefined) {
       this._dataBinder.onDisconnectedCallback();
     }
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
+  }
+  async componentWillLoad() {
+    await this.initLayoutFormConfig();
   }
   componentDidLoad() {
     this.observePropsCustomEditor(this.customEditors);
     this.observeFieldsProps(this.fieldsProps);
-    this.initLayoutFormConfig();
   }
   async initLayoutFormConfig() {
-    const _application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    const layoutFormConfig = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
+    var _a;
+    if (!this._application) {
+      this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    }
+    const layoutFormConfig = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getLayoutFormConfig());
     if (layoutFormConfig) {
       this.setSingleColumn(layoutFormConfig);
       this.registerNotifyListeners(layoutFormConfig);
     }
   }
   setSingleColumn(layoutFormConfig) {
-    this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === utils.FormLayout.CASCADE;
+    this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === utils.FormLayout.CASCADE || (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === utils.FormLayout.CLASSIC_CASCADE;
+    this._currentFormLayout = layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config;
   }
   registerNotifyListeners(layoutFormConfig) {
     if (!layoutFormConfig)
       return;
     layoutFormConfig.onConfigChange((config) => {
-      this._singleColumn = (config === utils.FormLayout.CASCADE);
+      this._singleColumn = (config === utils.FormLayout.CASCADE || config === utils.FormLayout.CLASSIC_CASCADE);
+      this._currentFormLayout = config;
     });
   }
   componentDidRender() {
@@ -198,6 +243,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 +266,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, formLayout: this._currentFormLayout }), 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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1cf293c1.js');
+const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-cdbb29d4.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-5cb9a39c.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-c7af90d8.js');
+const formConfigFetcher = require('./form-config-fetcher-bbebdcb8.js');
 const constants = require('./constants-6d82e405.js');
-const FormConfigHelper = require('./FormConfigHelper-e253a418.js');
-require('./ConfigStorage-72f34bd4.js');
-require('./DataFetcher-991b0349.js');
+const FormConfigHelper = require('./FormConfigHelper-28fe4668.js');
+require('./ConfigStorage-156bfcac.js');
+require('./DataFetcher-d13b4637.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
@@ -263,8 +263,8 @@ const SnkFormConfig = class {
       this.configOptions = userConfig;
       const isDefault = this._formConfig != undefined ? this._formConfig.defaultConfiguration : true;
       const origin = (isDefault ? formConfigFetcher.UserConfigType.DEFAULT : formConfigFetcher.UserConfigType.USER);
-      this.configSelected = userConfig.find((config) => config.origin === origin);
-      this.originalConfigSelected = userConfig.find((config) => config.origin === origin);
+      this.configSelected = userConfig === null || userConfig === void 0 ? void 0 : userConfig.find((config) => config.origin === origin);
+      this.originalConfigSelected = userConfig === null || userConfig === void 0 ? void 0 : userConfig.find((config) => config.origin === origin);
     }
     catch (error) {
       console.error(this.getMessage('snkFormConfig.errors.failFetchUserConfig'));
@@ -317,13 +317,23 @@ const SnkFormConfig = class {
       return fieldVisible === true && hasCfg === false;
     });
   }
+  getInitialOrder(guidesList) {
+    var _a, _b;
+    if (Array.isArray((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.tabs)) {
+      return (_b = this._formConfig.tabs) === null || _b === void 0 ? void 0 : _b.length;
+    }
+    if (guidesList.length > 0) {
+      return Math.max(...guidesList.map(g => g.order));
+    }
+    return 0;
+  }
   loadGuides() {
-    var _a, _b, _c, _d;
+    var _a;
     this.guidesList = [];
     this.guidesList.push(...FormConfigHelper.buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea')));
-    this.guidesList.push(...FormConfigHelper.buildChildrenGuides(this.dataUnit, (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, this.guidesList));
+    this.guidesList.push(...FormConfigHelper.buildChildrenGuides(this.dataUnit, this.getInitialOrder(this.guidesList), this.guidesList));
     this.guidesList.push(...FormConfigHelper.buildCustomGuides(this.customGuidesConfig, this.guidesList));
-    this.guidesMap = FormConfigHelper.buildGuidesMap((_d = this._formConfig) === null || _d === void 0 ? void 0 : _d.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
+    this.guidesMap = FormConfigHelper.buildGuidesMap((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
   }
   getConfig() {
     let config = this.configManager.getConfig(this.dataUnit, false);