@formio/js 5.1.0-dev.6230.da74478 → 5.1.0-dev.6231.bbaf317

package/lib/cjs/Wizard.js

@@ -879,11 +879,7 @@ class Wizard extends Webform_1.default {
         var _a;
         super.onChange(flags, changed, modified, changes);
         // The onChange loop doesn't need all components for wizards
-        const errors = (flags === null || flags === void 0 ? void 0 : flags.noValidate)
-            ? []
-            : this.submitted
-                ? this.validate(this.localData, { dirty: true })
-                : this.validateCurrentPage();
+        const errors = this.submitted ? this.validate(this.localData, { dirty: true }) : this.validateCurrentPage();
         if (this.alert) {
             this.showErrors(errors, true, true);
         }

package/lib/cjs/components/Components.js

@@ -7,6 +7,7 @@ const Component_1 = __importDefault(require("./_classes/component/Component"));
 const utils_1 = __importDefault(require("./_classes/component/editForm/utils"));
 const Component_form_1 = __importDefault(require("./_classes/component/Component.form"));
 const lodash_1 = __importDefault(require("lodash"));
+const utils_2 = require("../utils");
 class Components {
     static set EditFormUtils(value) {
         Components._editFormUtils = value;
@@ -72,7 +73,7 @@ class Components {
         else {
             comp = new Component_1.default(component, options, data);
         }
-        if (comp.path) {
+        if (comp.path && (0, utils_2.isDataComponent)(comp.component)) {
             comp.componentsMap[comp.path] = comp;
         }
         // Reset the componentMatches on the root element if any new component is created.

package/lib/cjs/utils/formUtils.d.ts

@@ -55,4 +55,10 @@ export const isComponentDataEmpty: typeof Utils.isComponentDataEmpty;
 export const isSelectResourceWithObjectValue: typeof Utils.isSelectResourceWithObjectValue;
 export const compareSelectResourceWithObjectTypeValues: typeof Utils.compareSelectResourceWithObjectTypeValues;
 export const getItemTemplateKeys: typeof Utils.getItemTemplateKeys;
+/**
+ * Checks if the component is expected to have data in submission object.
+ * @param {import('@formio/core').Component} component - The component to check.
+ * @returns {boolean} - TRUE if the component is a data component.
+ */
+export function isDataComponent(component: import('@formio/core').Component): boolean;
 import { Utils } from '@formio/core';

package/lib/cjs/utils/formUtils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getItemTemplateKeys = exports.compareSelectResourceWithObjectTypeValues = exports.isSelectResourceWithObjectValue = exports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.findComponents = exports.getComponentValue = exports.getComponentFromPath = exports.getBestMatch = exports.componentMatches = exports.getComponentPaths = exports.componentPath = exports.isComponentNestedDataType = exports.resetComponentScope = exports.setComponentScope = exports.getComponentPath = exports.getModelType = exports.MODEL_TYPES_OF_KNOWN_COMPONENTS = exports.uniqueName = exports.guid = exports.flattenComponents = void 0;
+exports.isDataComponent = exports.getItemTemplateKeys = exports.compareSelectResourceWithObjectTypeValues = exports.isSelectResourceWithObjectValue = exports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.findComponents = exports.getComponentValue = exports.getComponentFromPath = exports.getBestMatch = exports.componentMatches = exports.getComponentPaths = exports.componentPath = exports.isComponentNestedDataType = exports.resetComponentScope = exports.setComponentScope = exports.getComponentPath = exports.getModelType = exports.MODEL_TYPES_OF_KNOWN_COMPONENTS = exports.uniqueName = exports.guid = exports.flattenComponents = void 0;
 const core_1 = require("@formio/core");
 const { flattenComponents, guid, uniqueName, MODEL_TYPES_OF_KNOWN_COMPONENTS, getModelType, getComponentPath, setComponentScope, resetComponentScope, isComponentNestedDataType, componentPath, getComponentPaths, componentMatches, getBestMatch, getComponentFromPath, getComponentValue, findComponents, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys } = core_1.Utils;
 exports.flattenComponents = flattenComponents;
@@ -48,3 +48,13 @@ exports.isComponentDataEmpty = isComponentDataEmpty;
 exports.isSelectResourceWithObjectValue = isSelectResourceWithObjectValue;
 exports.compareSelectResourceWithObjectTypeValues = compareSelectResourceWithObjectTypeValues;
 exports.getItemTemplateKeys = getItemTemplateKeys;
+/**
+ * Checks if the component is expected to have data in submission object.
+ * @param {import('@formio/core').Component} component - The component to check.
+ * @returns {boolean} - TRUE if the component is a data component.
+ */
+function isDataComponent(component) {
+    const modelType = getModelType(component);
+    return modelType !== 'none' && modelType !== 'content';
+}
+exports.isDataComponent = isDataComponent;

package/lib/cjs/utils/index.d.ts

@@ -66,6 +66,7 @@ declare const FormioUtils: {
     isSelectResourceWithObjectValue: typeof import("@formio/core/lib/utils/formUtil").isSelectResourceWithObjectValue;
     compareSelectResourceWithObjectTypeValues: typeof import("@formio/core/lib/utils/formUtil").compareSelectResourceWithObjectTypeValues;
     getItemTemplateKeys: typeof import("@formio/core/lib/utils/formUtil").getItemTemplateKeys;
+    isDataComponent: typeof formUtils.isDataComponent;
     evaluate(func: string | object | Function, args: any, ret: string, interpolate: boolean, options?: import("@formio/core").EvaluatorOptions): any;
     getRandomComponentId(): string;
     getPropertyValue(style: CSSStyleDeclaration, prop: string): number;
@@ -168,4 +169,5 @@ import { DefaultEvaluator } from './Evaluator';
 import { registerEvaluator } from './Evaluator';
 import { interpolate } from './Evaluator';
 import moment from 'moment';
+import * as formUtils from './formUtils';
 export { FormioUtils as Utils, Evaluator, DefaultEvaluator, registerEvaluator };

package/lib/mjs/Wizard.js

@@ -867,11 +867,7 @@ export default class Wizard extends Webform {
     onChange(flags, changed, modified, changes) {
         super.onChange(flags, changed, modified, changes);
         // The onChange loop doesn't need all components for wizards
-        const errors = flags?.noValidate
-            ? []
-            : this.submitted
-                ? this.validate(this.localData, { dirty: true })
-                : this.validateCurrentPage();
+        const errors = this.submitted ? this.validate(this.localData, { dirty: true }) : this.validateCurrentPage();
         if (this.alert) {
             this.showErrors(errors, true, true);
         }

package/lib/mjs/components/Components.js

@@ -2,6 +2,7 @@ import Component from './_classes/component/Component';
 import EditFormUtils from './_classes/component/editForm/utils';
 import BaseEditForm from './_classes/component/Component.form';
 import _ from 'lodash';
+import { isDataComponent } from '../utils';
 export default class Components {
     static _editFormUtils = EditFormUtils;
     static _baseEditForm = BaseEditForm;
@@ -69,7 +70,7 @@ export default class Components {
         else {
             comp = new Component(component, options, data);
         }
-        if (comp.path) {
+        if (comp.path && isDataComponent(comp.component)) {
             comp.componentsMap[comp.path] = comp;
         }
         // Reset the componentMatches on the root element if any new component is created.

package/lib/mjs/utils/formUtils.d.ts

@@ -55,4 +55,10 @@ export const isComponentDataEmpty: typeof Utils.isComponentDataEmpty;
 export const isSelectResourceWithObjectValue: typeof Utils.isSelectResourceWithObjectValue;
 export const compareSelectResourceWithObjectTypeValues: typeof Utils.compareSelectResourceWithObjectTypeValues;
 export const getItemTemplateKeys: typeof Utils.getItemTemplateKeys;
+/**
+ * Checks if the component is expected to have data in submission object.
+ * @param {import('@formio/core').Component} component - The component to check.
+ * @returns {boolean} - TRUE if the component is a data component.
+ */
+export function isDataComponent(component: import('@formio/core').Component): boolean;
 import { Utils } from '@formio/core';

package/lib/mjs/utils/formUtils.js

@@ -1,3 +1,12 @@
 import { Utils } from '@formio/core';
 const { flattenComponents, guid, uniqueName, MODEL_TYPES_OF_KNOWN_COMPONENTS, getModelType, getComponentPath, setComponentScope, resetComponentScope, isComponentNestedDataType, componentPath, getComponentPaths, componentMatches, getBestMatch, getComponentFromPath, getComponentValue, findComponents, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys } = Utils;
-export { flattenComponents, guid, uniqueName, MODEL_TYPES_OF_KNOWN_COMPONENTS, getModelType, getComponentPath, setComponentScope, resetComponentScope, isComponentNestedDataType, componentPath, getComponentPaths, componentMatches, getBestMatch, getComponentFromPath, getComponentValue, findComponents, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys };
+/**
+ * Checks if the component is expected to have data in submission object.
+ * @param {import('@formio/core').Component} component - The component to check.
+ * @returns {boolean} - TRUE if the component is a data component.
+ */
+function isDataComponent(component) {
+    const modelType = getModelType(component);
+    return modelType !== 'none' && modelType !== 'content';
+}
+export { flattenComponents, guid, uniqueName, MODEL_TYPES_OF_KNOWN_COMPONENTS, getModelType, getComponentPath, setComponentScope, resetComponentScope, isComponentNestedDataType, componentPath, getComponentPaths, componentMatches, getBestMatch, getComponentFromPath, getComponentValue, findComponents, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys, isDataComponent };

package/lib/mjs/utils/index.d.ts

@@ -66,6 +66,7 @@ declare const FormioUtils: {
     isSelectResourceWithObjectValue: typeof import("@formio/core/lib/utils/formUtil").isSelectResourceWithObjectValue;
     compareSelectResourceWithObjectTypeValues: typeof import("@formio/core/lib/utils/formUtil").compareSelectResourceWithObjectTypeValues;
     getItemTemplateKeys: typeof import("@formio/core/lib/utils/formUtil").getItemTemplateKeys;
+    isDataComponent: typeof formUtils.isDataComponent;
     evaluate(func: string | object | Function, args: any, ret: string, interpolate: boolean, options?: import("@formio/core").EvaluatorOptions): any;
     getRandomComponentId(): string;
     getPropertyValue(style: CSSStyleDeclaration, prop: string): number;
@@ -168,4 +169,5 @@ import { DefaultEvaluator } from './Evaluator';
 import { registerEvaluator } from './Evaluator';
 import { interpolate } from './Evaluator';
 import moment from 'moment';
+import * as formUtils from './formUtils';
 export { FormioUtils as Utils, Evaluator, DefaultEvaluator, registerEvaluator };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.1.0-dev.6230.da74478",
+  "version": "5.1.0-dev.6231.bbaf317",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {