@formio/js 5.1.0-dev.6094.c49181e → 5.1.0-dev.6100.6a7b450

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

@@ -1,3 +1,170 @@
-export { FormioUtils as Utils };
+export * from "./utils";
+export * from "./formUtils";
 export default FormioUtils;
-import * as FormioUtils from './utils';
+declare const FormioUtils: {
+    Evaluator: import("./Evaluator").DefaultEvaluator;
+    interpolate: typeof interpolate;
+    ConditionOperators: {
+        [x: string]: typeof import("./conditionOperators/IsEqualTo").default | typeof import("./conditionOperators/DateGreaterThan").default;
+    };
+    _: any;
+    moment: typeof moment;
+    flattenComponents: typeof import("@formio/core/lib/utils/formUtil").flattenComponents;
+    guid: typeof import("@formio/core/lib/utils/formUtil").guid;
+    uniqueName: typeof import("@formio/core/lib/utils/formUtil").uniqueName;
+    MODEL_TYPES_OF_KNOWN_COMPONENTS: {
+        nestedArray: string[];
+        nestedDataArray: string[];
+        dataObject: string[];
+        object: string[];
+        map: string[];
+        content: string[];
+        string: string[];
+        number: string[];
+        boolean: string[];
+        none: string[];
+        any: string[];
+    };
+    getModelType: typeof import("@formio/core/lib/utils/formUtil").getModelType;
+    getComponentPath: any;
+    setComponentScope: typeof import("@formio/core/lib/utils/formUtil").setComponentScope;
+    resetComponentScope: typeof import("@formio/core/lib/utils/formUtil").resetComponentScope;
+    isComponentNestedDataType: typeof import("@formio/core/lib/utils/formUtil").isComponentNestedDataType;
+    componentPath: typeof import("@formio/core/lib/utils/formUtil").componentPath;
+    getComponentPaths: typeof import("@formio/core/lib/utils/formUtil").getComponentPaths;
+    componentMatches: typeof import("@formio/core/lib/utils/formUtil").componentMatches;
+    getBestMatch: typeof import("@formio/core/lib/utils/formUtil").getBestMatch;
+    getComponentFromPath: typeof import("@formio/core/lib/utils/formUtil").getComponentFromPath;
+    getComponentValue: typeof import("@formio/core/lib/utils/formUtil").getComponentValue;
+    findComponents: typeof import("@formio/core/lib/utils/formUtil").findComponents;
+    eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined) => Promise<void>;
+    eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined) => void;
+    getComponentKey: typeof import("@formio/core/lib/utils/formUtil").getComponentKey;
+    getContextualRowPath: typeof import("@formio/core/lib/utils/formUtil").getContextualRowPath;
+    getContextualRowData: typeof import("@formio/core/lib/utils/formUtil").getContextualRowData;
+    componentInfo: typeof import("@formio/core/lib/utils/formUtil").componentInfo;
+    eachComponent: typeof import("@formio/core/lib/utils/formUtil").eachComponent;
+    eachComponentAsync: typeof import("@formio/core/lib/utils/formUtil").eachComponentAsync;
+    getComponentData: typeof import("@formio/core/lib/utils/formUtil").getComponentData;
+    getComponentActualValue: any;
+    isLayoutComponent: typeof import("@formio/core/lib/utils/formUtil").isLayoutComponent;
+    matchComponent: typeof import("@formio/core/lib/utils/formUtil").matchComponent;
+    getComponent: typeof import("@formio/core/lib/utils/formUtil").getComponent;
+    searchComponents: typeof import("@formio/core/lib/utils/formUtil").searchComponents;
+    removeComponent: typeof import("@formio/core/lib/utils/formUtil").removeComponent;
+    hasCondition: typeof import("@formio/core/lib/utils/formUtil").hasCondition;
+    parseFloatExt: typeof import("@formio/core/lib/utils/formUtil").parseFloatExt;
+    formatAsCurrency: typeof import("@formio/core/lib/utils/formUtil").formatAsCurrency;
+    escapeRegExCharacters: typeof import("@formio/core/lib/utils/formUtil").escapeRegExCharacters;
+    getValue: typeof import("@formio/core/lib/utils/formUtil").getValue;
+    getStrings: typeof import("@formio/core/lib/utils/formUtil").getStrings;
+    generateFormChange: typeof import("@formio/core/lib/utils/formUtil").generateFormChange;
+    applyFormChanges: typeof import("@formio/core/lib/utils/formUtil").applyFormChanges;
+    findComponent: typeof import("@formio/core/lib/utils/formUtil").findComponent;
+    getEmptyValue: typeof import("@formio/core/lib/utils/formUtil").getEmptyValue;
+    isComponentDataEmpty: typeof import("@formio/core/lib/utils/formUtil").isComponentDataEmpty;
+    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;
+    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;
+    getElementRect(element: HTMLElement): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    getScriptPlugin(property: string): any;
+    boolValue(value: string | boolean): boolean;
+    isMongoId(text: string): boolean;
+    checkCalculated(component: import("@formio/core").Component, submission: import("@formio/core").Submission, rowData: any): void;
+    checkSimpleConditional(component: any, condition: any, row: any, data: any, instance: any): boolean;
+    checkCustomConditional(component: import("@formio/core").Component, custom: string, row: any, data: any, form: import("@formio/core").Form, variable: string, onError: any, instance: any): any;
+    checkJsonConditional(component: import("@formio/core").Component, json: import("@formio/core").JSONConditional, row: any, data: any, form: import("@formio/core").Form, onError: any): boolean;
+    checkCondition(component: import("@formio/core").Component, row: any, data: any, form: import("@formio/core").Form, instance: any): boolean;
+    checkTrigger(component: import("@formio/core").Component, trigger: any, row: import("@formio/core").DataObject, data: import("@formio/core").DataObject, form: import("@formio/core").Form, instance: any): boolean;
+    setActionProperty(component: import("@formio/core").Component, action: any, result: string, row: import("@formio/core").DataObject, data: import("@formio/core").DataObject, instance: any): import("@formio/core").Component;
+    removeHTML(str: string): string;
+    unescapeHTML(str: string): string;
+    convertStringToHTMLElement(str: string, selector: string): HTMLElement;
+    getDateSetting(date: string | Date): import("dayjs").Dayjs | null;
+    isValidDate(date: string | Date): boolean;
+    currentTimezone(): string;
+    offsetDate(date: Date, timezone: string): {
+        date: Date;
+        abbr: string;
+    };
+    shouldHandleTimezone(timezone: string): boolean;
+    dayjsDate(value: string | Date, format: string, timezone: string, options: object): import("dayjs").Dayjs;
+    formatDate(value: string | Date, format: string, timezone: string, flatPickrInputFormat: string): string;
+    formatOffset(formatFn: Function, date: string | Date, format: string, timezone: string): string;
+    getLocaleDateFormatInfo(locale: Intl.LocalesArgument): object;
+    convertFormatToFlatpickr(format: string): string;
+    convertFormatToDayjs(format: string): string;
+    convertFormatToMask(format: string): string;
+    getInputMask(mask: string, placeholderChar: string): any[];
+    unmaskValue(value: string, mask: string, placeholderChar: string): string;
+    matchInputMask(value: string, inputMask: string): boolean;
+    getNumberSeparators(lang?: string): {
+        delimiter: string;
+        decimalSeparator: string;
+    };
+    getNumberDecimalLimit(component: import("@formio/core").Component, defaultLimit: number): number;
+    getCurrencyAffixes({ currency, decimalLimit, decimalSeparator, lang, }: {
+        currency: string;
+        decimalLimit: number;
+        decimalSeparator: string;
+        lang: string;
+    }): {
+        prefix: string;
+        suffix: string;
+    };
+    fieldData(data: import("@formio/core").DataObject, component: import("@formio/core").Component): any;
+    delay(fn: Function, delay?: number, ...args: any[]): any;
+    iterateKey(key: string): string;
+    uniqueKey(map: Record<string, string>, base: string): string;
+    bootstrapVersion(options: {
+        bootstrap: string;
+    }): number;
+    unfold(e: any): any;
+    withSwitch(a: any, b: any): Functions[];
+    observeOverload(callback: Function, options?: {
+        limit: number;
+        delay: number;
+    }): Function;
+    getContextComponents(context: any, excludeNested: boolean, excludedTypes?: string[]): any[];
+    getContextButtons(context: any): any[];
+    translateHTMLTemplate(template: string, translate: Function): string;
+    sanitize(string: string, options: any): string;
+    fastCloneDeep(obj: any): any;
+    isInputComponent(componentJson: import("@formio/core").Component): boolean;
+    getArrayFromComponentPath(pathStr: string): string[];
+    isChildOf(child: any, parent: any): boolean;
+    getStringFromComponentPath(path: number[]): string;
+    round(number: number, precision: number): string;
+    getIEBrowserVersion(): number | null;
+    getBrowserInfo(): object;
+    getComponentPathWithoutIndicies(path?: string): string;
+    getDataParentComponent(componentInstance: Component): any;
+    isPromise(value: any): boolean;
+    getFocusableElements(element: HTMLElement): NodeList<HTMLElement>;
+    getComponentSavedTypes(fullSchema: import("@formio/core").Component): string[] | null;
+    hasEncodedTimezone(value: string): boolean;
+    firstNonNil: any;
+    componentValueTypes: {
+        number: string;
+        string: string;
+        boolean: string;
+        array: string;
+        object: string;
+        date: string;
+        any: string;
+    };
+    interpolateErrors: (component: Component, errors: FieldError[], interpolateFn: Function) => [];
+};
+import { Evaluator } from './Evaluator';
+import { registerEvaluator } from './Evaluator';
+import { interpolate } from './Evaluator';
+import moment from 'moment';
+export { FormioUtils as Utils, Evaluator, registerEvaluator };

package/lib/cjs/utils/index.js

@@ -22,11 +22,31 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Utils = void 0;
-const FormioUtils = __importStar(require("./utils"));
+exports.registerEvaluator = exports.Evaluator = exports.Utils = void 0;
+const utils = __importStar(require("./utils"));
+const formUtils = __importStar(require("./formUtils"));
+const Evaluator_1 = require("./Evaluator");
+Object.defineProperty(exports, "Evaluator", { enumerable: true, get: function () { return Evaluator_1.Evaluator; } });
+Object.defineProperty(exports, "registerEvaluator", { enumerable: true, get: function () { return Evaluator_1.registerEvaluator; } });
+const conditionOperators_1 = __importDefault(require("./conditionOperators"));
+const lodash_1 = __importDefault(require("lodash"));
+const moment_1 = __importDefault(require("moment"));
+const FormioUtils = Object.assign(Object.assign(Object.assign({}, utils), formUtils), { Evaluator: Evaluator_1.Evaluator,
+    interpolate: Evaluator_1.interpolate,
+    ConditionOperators: conditionOperators_1.default,
+    _: lodash_1.default,
+    moment: moment_1.default });
 exports.Utils = FormioUtils;
 if (typeof global === 'object') {
     global.FormioUtils = FormioUtils;
 }
+__exportStar(require("./utils"), exports);
+__exportStar(require("./formUtils"), exports);
 exports.default = FormioUtils;

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

@@ -403,15 +403,15 @@ export function fastCloneDeep(obj: any): any;
 /**
  * Returns if the component is an input component.
  * @param {import('@formio/core').Component} componentJson - The JSON of a component.
- * @returns {bool} - TRUE if the component is an input component; FALSE otherwise.
+ * @returns {boolean} - TRUE if the component is an input component; FALSE otherwise.
  */
-export function isInputComponent(componentJson: import('@formio/core').Component): bool;
+export function isInputComponent(componentJson: import('@formio/core').Component): boolean;
 /**
  * Takes a component path, and returns a component path array.
  * @param {string} pathStr - The path string to convert to an array.
- * @returns {Arryay<number>} - The array of paths.
+ * @returns {Array<string>} - The array of paths.
  */
-export function getArrayFromComponentPath(pathStr: string): Arryay<number>;
+export function getArrayFromComponentPath(pathStr: string): Array<string>;
 /**
  * Returns true if the component is a child of the parent.
  * @param {any} child - The child component to check.
@@ -488,7 +488,6 @@ export function getComponentSavedTypes(fullSchema: import('@formio/core').Compon
  * @returns {boolean} if value has encoded timezone
  */
 export function hasEncodedTimezone(value: string): boolean;
-export * from "./formUtils";
 /**
  * Map values through unfold and return first non-nil value.
  * @param {Array<T>} collection - The collection to map through unfold.;
@@ -506,7 +505,3 @@ export namespace componentValueTypes {
 }
 export function interpolateErrors(component: Component, errors: FieldError[], interpolateFn: Function): [];
 import dayjs from "dayjs";
-import ConditionOperators from './conditionOperators';
-import { Evaluator } from './Evaluator';
-export const interpolate: typeof Evaluator.interpolate;
-export { jsonLogic, ConditionOperators, moment, Evaluator, _ };

package/lib/cjs/utils/utils.js

@@ -1,64 +1,26 @@
 "use strict";
-/* global jQuery */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.observeOverload = exports.withSwitch = exports.firstNonNil = exports.unfold = exports.bootstrapVersion = exports.uniqueKey = exports.iterateKey = exports.delay = exports.fieldData = exports.getCurrencyAffixes = exports.getNumberDecimalLimit = exports.getNumberSeparators = exports.matchInputMask = exports.unmaskValue = exports.getInputMask = exports.convertFormatToMask = exports.convertFormatToDayjs = exports.convertFormatToFlatpickr = exports.getLocaleDateFormatInfo = exports.formatOffset = exports.formatDate = exports.dayjsDate = exports.shouldHandleTimezone = exports.offsetDate = exports.currentTimezone = exports.isValidDate = exports.getDateSetting = exports.guid = exports.uniqueName = exports.convertStringToHTMLElement = exports.unescapeHTML = exports.removeHTML = exports.setActionProperty = exports.checkTrigger = exports.checkCondition = exports.checkJsonConditional = exports.checkCustomConditional = exports.getComponentActualValue = exports.checkSimpleConditional = exports.checkCalculated = exports.isMongoId = exports.boolValue = exports.getScriptPlugin = exports.getElementRect = exports.getPropertyValue = exports.getRandomComponentId = exports.evaluate = exports.moment = exports.ConditionOperators = exports.jsonLogic = void 0;
-exports.hasEncodedTimezone = exports.interpolateErrors = exports.getComponentSavedTypes = exports.componentValueTypes = exports._ = exports.getFocusableElements = exports.isPromise = exports.getDataParentComponent = exports.getComponentPath = exports.getComponentPathWithoutIndicies = exports.getBrowserInfo = exports.getIEBrowserVersion = exports.round = exports.getStringFromComponentPath = exports.isChildOf = exports.getArrayFromComponentPath = exports.isInputComponent = exports.interpolate = exports.Evaluator = exports.fastCloneDeep = exports.sanitize = exports.translateHTMLTemplate = exports.getContextButtons = exports.getContextComponents = void 0;
+exports.translateHTMLTemplate = exports.getContextButtons = exports.getContextComponents = exports.observeOverload = exports.withSwitch = exports.firstNonNil = exports.unfold = exports.bootstrapVersion = exports.uniqueKey = exports.iterateKey = exports.delay = exports.fieldData = exports.getCurrencyAffixes = exports.getNumberDecimalLimit = exports.getNumberSeparators = exports.matchInputMask = exports.unmaskValue = exports.getInputMask = exports.convertFormatToMask = exports.convertFormatToDayjs = exports.convertFormatToFlatpickr = exports.getLocaleDateFormatInfo = exports.formatOffset = exports.formatDate = exports.dayjsDate = exports.shouldHandleTimezone = exports.offsetDate = exports.currentTimezone = exports.isValidDate = exports.getDateSetting = exports.guid = exports.uniqueName = exports.convertStringToHTMLElement = exports.unescapeHTML = exports.removeHTML = exports.setActionProperty = exports.checkTrigger = exports.checkCondition = exports.checkJsonConditional = exports.checkCustomConditional = exports.getComponentActualValue = exports.checkSimpleConditional = exports.checkCalculated = exports.isMongoId = exports.boolValue = exports.getScriptPlugin = exports.getElementRect = exports.getPropertyValue = exports.getRandomComponentId = exports.evaluate = void 0;
+exports.hasEncodedTimezone = exports.interpolateErrors = exports.getComponentSavedTypes = exports.componentValueTypes = exports.getFocusableElements = exports.isPromise = exports.getDataParentComponent = exports.getComponentPath = exports.getComponentPathWithoutIndicies = exports.getBrowserInfo = exports.getIEBrowserVersion = exports.round = exports.getStringFromComponentPath = exports.isChildOf = exports.getArrayFromComponentPath = exports.isInputComponent = exports.fastCloneDeep = exports.sanitize = void 0;
+/* global jQuery */
 const lodash_1 = __importDefault(require("lodash"));
-exports._ = lodash_1.default;
-const json_logic_js_1 = __importDefault(require("json-logic-js"));
-exports.jsonLogic = json_logic_js_1.default;
 const moment_timezone_1 = __importDefault(require("moment-timezone/moment-timezone"));
-exports.moment = moment_timezone_1.default;
 const jstimezonedetect_1 = __importDefault(require("jstimezonedetect"));
-const operators_1 = require("./jsonlogic/operators");
 const dompurify_1 = __importDefault(require("dompurify"));
-const formUtils_1 = require("./formUtils");
-const Evaluator_1 = require("./Evaluator");
-Object.defineProperty(exports, "Evaluator", { enumerable: true, get: function () { return Evaluator_1.Evaluator; } });
-const conditionOperators_1 = __importDefault(require("./conditionOperators"));
-exports.ConditionOperators = conditionOperators_1.default;
-const core_1 = require("@formio/core");
 const dayjs_1 = __importDefault(require("dayjs"));
 const utc_1 = __importDefault(require("dayjs/plugin/utc"));
 const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
 const advancedFormat_1 = __importDefault(require("dayjs/plugin/advancedFormat"));
+const core_1 = require("@formio/core");
+const formUtils_1 = require("./formUtils");
+const Evaluator_1 = require("./Evaluator");
+const conditionOperators_1 = __importDefault(require("./conditionOperators"));
 dayjs_1.default.extend(timezone_1.default);
 dayjs_1.default.extend(advancedFormat_1.default);
 dayjs_1.default.extend(utc_1.default);
-const interpolate = Evaluator_1.Evaluator.interpolate;
-exports.interpolate = interpolate;
-__exportStar(require("./formUtils"), exports);
-// Configure JsonLogic
-operators_1.lodashOperators.forEach((name) => json_logic_js_1.default.add_operation(`_${name}`, lodash_1.default[name]));
-// Retrieve Any Date
-json_logic_js_1.default.add_operation('getDate', (date) => {
-    return (0, moment_timezone_1.default)(date).toISOString();
-});
-// Set Relative Minimum Date
-json_logic_js_1.default.add_operation('relativeMinDate', (relativeMinDate) => {
-    return (0, moment_timezone_1.default)().subtract(relativeMinDate, 'days').toISOString();
-});
-// Set Relative Maximum Date
-json_logic_js_1.default.add_operation('relativeMaxDate', (relativeMaxDate) => {
-    return (0, moment_timezone_1.default)().add(relativeMaxDate, 'days').toISOString();
-});
 /**
  * Evaluate a method.
  * @param {Function|string|object} func - The function to evaluate.
@@ -247,13 +209,20 @@ function checkSimpleConditional(component, condition, row, data, instance) {
             return true;
         }
         const conditionsResult = lodash_1.default.map(conditions, (cond) => {
-            var _a, _b;
             const { value: comparedValue, operator, component: conditionComponentPath } = cond;
             if (!conditionComponentPath) {
                 return true;
             }
             const splittedConditionPath = conditionComponentPath.split('.');
-            const conditionalPaths = ((_a = instance === null || instance === void 0 ? void 0 : instance.parent) === null || _a === void 0 ? void 0 : _a.type) === 'datagrid' || ((_b = instance === null || instance === void 0 ? void 0 : instance.parent) === null || _b === void 0 ? void 0 : _b.type) === 'editgrid' ? [] : getConditionalPathsRecursive(splittedConditionPath, data);
+            const checkParentTypeInTree = (instance, componentType) => {
+                if (!(instance === null || instance === void 0 ? void 0 : instance.parent)) {
+                    return false;
+                }
+                return (instance === null || instance === void 0 ? void 0 : instance.parent.type) === componentType || checkParentTypeInTree(instance.parent, componentType);
+            };
+            const conditionalPaths = checkParentTypeInTree(instance, 'datagrid') || checkParentTypeInTree(instance, 'editgrid')
+                ? []
+                : getConditionalPathsRecursive(splittedConditionPath, data);
             if (conditionalPaths.length > 0) {
                 return conditionalPaths.map((path) => {
                     const value = getComponentActualValue(path, data, row);
@@ -342,7 +311,7 @@ exports.checkCustomConditional = checkCustomConditional;
  */
 function checkJsonConditional(component, json, row, data, form, onError) {
     try {
-        return json_logic_js_1.default.apply(json, {
+        return core_1.jsonLogic.apply(json, {
             data,
             row,
             form,
@@ -372,7 +341,7 @@ function getRow(component, row, instance, conditional) {
     }
     const dataParent = getDataParentComponent(instance);
     if (dataParent) {
-        const parentPath = (_a = dataParent.paths) === null || _a === void 0 ? void 0 : _a.localDataPath;
+        const parentPath = (_a = dataParent.paths) === null || _a === void 0 ? void 0 : _a.localPath;
         const isTriggerCondtionComponentPath = condition.when || !condition.conditions
             ? (_b = condition.when) === null || _b === void 0 ? void 0 : _b.startsWith((_c = dataParent.paths) === null || _c === void 0 ? void 0 : _c.localPath)
             : lodash_1.default.some(condition.conditions, cond => { var _a; return cond.component.startsWith((_a = dataParent.paths) === null || _a === void 0 ? void 0 : _a.localPath); });
@@ -1355,7 +1324,7 @@ exports.fastCloneDeep = fastCloneDeep;
 /**
  * Returns if the component is an input component.
  * @param {import('@formio/core').Component} componentJson - The JSON of a component.
- * @returns {bool} - TRUE if the component is an input component; FALSE otherwise.
+ * @returns {boolean} - TRUE if the component is an input component; FALSE otherwise.
  */
 function isInputComponent(componentJson) {
     if (componentJson.input === false || componentJson.input === true) {
@@ -1380,7 +1349,7 @@ exports.isInputComponent = isInputComponent;
 /**
  * Takes a component path, and returns a component path array.
  * @param {string} pathStr - The path string to convert to an array.
- * @returns {Arryay<number>} - The array of paths.
+ * @returns {Array<string>} - The array of paths.
  */
 function getArrayFromComponentPath(pathStr) {
     if (!pathStr || !lodash_1.default.isString(pathStr)) {

package/lib/cjs/widgets/CalendarWidget.d.ts

@@ -77,7 +77,7 @@ export default class CalendarWidget extends InputWidget {
      * @returns {void}
      */
     setValue(value: any): void;
-    getValueAsString(value: any, format: any): string;
+    getValueAsString(value: any, format?: string): string;
     setErrorClasses(hasErrors: any): void;
     isCalendarElement(element: any): any;
     initFlatpickr(Flatpickr: any): void;

package/lib/cjs/widgets/CalendarWidget.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const Formio_1 = require("../Formio");
-const InputWidget_1 = __importDefault(require("./InputWidget"));
-const utils_1 = require("../utils/utils");
 const moment_1 = __importDefault(require("moment"));
 const lodash_1 = __importDefault(require("lodash"));
+const Formio_1 = require("../Formio");
+const InputWidget_1 = __importDefault(require("./InputWidget"));
+const utils_1 = require("../utils");
 const DEFAULT_FORMAT = 'yyyy-MM-dd hh:mm a';
 const ISO_8601_FORMAT = 'yyyy-MM-ddTHH:mm:ssZ';
 const isIEBrowser = (0, utils_1.getBrowserInfo)().ie;
@@ -265,9 +265,7 @@ class CalendarWidget extends InputWidget_1.default {
         }
         // If the component is a textfield that does not have timezone information included in the string value then skip
         // the timezone offset
-        if (this.component.type === 'textfield' && !(0, utils_1.hasEncodedTimezone)(value)) {
-            this.settings.skipOffset = true;
-        }
+        this.settings.skipOffset = this.component.type === 'textfield' && !(0, utils_1.hasEncodedTimezone)(value);
         if (value) {
             if (!saveAsText && this.settings.readOnly) {
                 this.calendar.setDate((0, utils_1.dayjsDate)(value, this.valueFormat, this.timezone).format(), false);
@@ -283,7 +281,7 @@ class CalendarWidget extends InputWidget_1.default {
             this.calendar.clear(false);
         }
     }
-    getValueAsString(value, format) {
+    getValueAsString(value, format = '') {
         const inputFormat = format || this.dateFormat;
         const valueFormat = this.calendar ? this.valueFormat : this.settings.dateFormat;
         if (this.settings.saveAs === 'text' && this.componentInstance.parent && !this.settings.readOnly) {

package/lib/mjs/Element.js

@@ -1,10 +1,10 @@
-import EventEmitter from './EventEmitter';
-import { Formio } from './Formio';
-import * as FormioUtils from './utils/utils';
-import { I18n } from './utils/i18n';
 import _ from 'lodash';
 import moment from 'moment';
 import maskInput from '@formio/vanilla-text-mask';
+import EventEmitter from './EventEmitter';
+import { Formio } from './Formio';
+import { I18n } from './utils/i18n';
+import FormioUtils from './utils';
 /**
  * The root component for all elements within the Form.io renderer.
  */
@@ -523,9 +523,9 @@ export default class Element {
         if (this.component.filter === string && !this.options.building) {
             const evalContext = this.evalContext(data);
             evalContext.data = _.mapValues(evalContext.data, (val) => _.isString(val) ? encodeURIComponent(val) : val);
-            return FormioUtils.interpolate(string, evalContext, options);
+            return FormioUtils.Evaluator.interpolate(string, evalContext, options);
         }
-        return FormioUtils.interpolate(string, this.evalContext(data), options);
+        return FormioUtils.Evaluator.interpolate(string, this.evalContext(data), options);
     }
     /**
      * Performs an evaluation using the evaluation context of this component.

package/lib/mjs/EventEmitter.js

@@ -1,5 +1,5 @@
 import { EventEmitter as EventEmitter3 } from 'eventemitter3';
-import * as utils from './utils/utils';
+import { observeOverload } from './utils';
 export default class EventEmitter extends EventEmitter3 {
     constructor(conf = {}) {
         const { loadLimit = 1000, eventsSafeInterval = 300 } = conf;
@@ -7,7 +7,7 @@ export default class EventEmitter extends EventEmitter3 {
         const overloadHandler = () => {
             console.warn(`There were more than ${loadLimit} events emitted in ${eventsSafeInterval} ms. It might be caused by events' infinite loop`, this.id);
         };
-        const dispatch = utils.observeOverload(overloadHandler, {
+        const dispatch = observeOverload(overloadHandler, {
             limit: loadLimit,
             delay: eventsSafeInterval
         });

package/lib/mjs/Form.js

@@ -2,7 +2,7 @@ import Element from './Element';
 import { Formio } from './Formio';
 import Displays from './displays';
 import templates from './templates';
-import * as FormioUtils from './utils/utils';
+import FormioUtils from './utils';
 export default class Form extends Element {
     /**
      * Represents a JSON value.

package/lib/mjs/PDF.js

@@ -1,6 +1,6 @@
 import { Formio } from './Formio';
 import Webform from './Webform';
-import { fastCloneDeep, eachComponent } from './utils/utils';
+import { fastCloneDeep, eachComponent } from './utils';
 export default class PDF extends Webform {
     constructor(element, options) {
         options.display = 'pdf';

package/lib/mjs/PDFBuilder.js

@@ -1,8 +1,7 @@
 import _ from 'lodash';
 import { Formio } from './Formio';
 import WebformBuilder from './WebformBuilder';
-import { fastCloneDeep, getElementRect, getBrowserInfo } from './utils/utils';
-import { eachComponent } from './utils/formUtils';
+import { fastCloneDeep, getElementRect, getBrowserInfo, eachComponent } from './utils';
 import BuilderUtils from './utils/builder';
 import PDF from './PDF';
 export default class PDFBuilder extends WebformBuilder {

package/lib/mjs/Webform.js

@@ -5,8 +5,7 @@ import i18nDefaults from './i18n';
 import { Formio } from './Formio';
 import Components from './components/Components';
 import NestedDataComponent from './components/_classes/nesteddata/NestedDataComponent';
-import { fastCloneDeep, currentTimezone, unescapeHTML, getStringFromComponentPath, convertStringToHTMLElement, getArrayFromComponentPath, } from './utils/utils';
-import { eachComponent } from './utils/formUtils';
+import { fastCloneDeep, currentTimezone, unescapeHTML, getStringFromComponentPath, convertStringToHTMLElement, getArrayFromComponentPath, eachComponent } from './utils';
 import dayjs from "dayjs";
 // We need this here because dragula pulls in CustomEvent class that requires global to exist.
 if (typeof window !== 'undefined' && typeof window.global === 'undefined') {

package/lib/mjs/WebformBuilder.d.ts

@@ -77,6 +77,7 @@ export default class WebformBuilder extends Component {
     removeComponent(component: any, parent: any, original: any, componentInstance: any): boolean | undefined;
     replaceDoubleQuotes(data: any, fieldsToRemoveDoubleQuotes?: any[]): any;
     updateComponent(component: any, changed: any): void;
+    originalDefaultValue: any;
     findRepeatablePaths(): any[];
     highlightInvalidComponents(): void;
     /**

package/lib/mjs/WebformBuilder.js

@@ -3,8 +3,7 @@ import Component from './components/_classes/component/Component';
 import tippy from 'tippy.js';
 import Components from './components/Components';
 import { Formio } from './Formio';
-import { fastCloneDeep, bootstrapVersion, getArrayFromComponentPath, getStringFromComponentPath } from './utils/utils';
-import { eachComponent, getComponent } from './utils/formUtils';
+import { fastCloneDeep, bootstrapVersion, getArrayFromComponentPath, getStringFromComponentPath, eachComponent, getComponent, componentInfo } from './utils';
 import BuilderUtils from './utils/builder';
 import _ from 'lodash';
 import autoScroll from 'dom-autoscroller';
@@ -1054,6 +1053,16 @@ export default class WebformBuilder extends Component {
                     'fields.month.required',
                     'fields.year.required',
                 ]));
+                if (defaultValueComponent.component.components) {
+                    if (!this.originalDefaultValue) {
+                        this.originalDefaultValue = fastCloneDeep(defaultValueComponent.component);
+                    }
+                    eachComponent(defaultValueComponent.component.components, (comp => {
+                        if (comp.validate?.required) {
+                            comp.validate.required = false;
+                        }
+                    }));
+                }
                 const parentComponent = defaultValueComponent.parent;
                 let tabIndex = -1;
                 let index = -1;
@@ -1103,11 +1112,14 @@ export default class WebformBuilder extends Component {
         const repeatablePaths = [];
         const keys = new Map();
         eachComponent(this.form.components, (comp, path, components, parent, paths) => {
-            if (keys.has(paths.dataPath)) {
-                repeatablePaths.push(paths.dataPath);
-            }
-            else {
-                keys.set(paths.dataPath, true);
+            const isLayout = componentInfo(comp).layout;
+            if (!isLayout) {
+                if (keys.has(paths.dataPath)) {
+                    repeatablePaths.push(paths.dataPath);
+                }
+                else {
+                    keys.set(paths.dataPath, true);
+                }
             }
         }, true);
         return repeatablePaths;
@@ -1121,6 +1133,9 @@ export default class WebformBuilder extends Component {
                 comp.setCustomValidity(this.t('apiKey', { key: comp.key }));
                 hasInvalidComponents = true;
             }
+            else {
+                comp.setCustomValidity();
+            }
         });
         this.emit('builderFormValidityChange', hasInvalidComponents);
     }
@@ -1145,6 +1160,9 @@ export default class WebformBuilder extends Component {
         if (index !== -1) {
             let submissionData = this.editForm.submission.data;
             submissionData = submissionData.componentJson || submissionData;
+            if (submissionData.components && this.originalDefaultValue) {
+                submissionData.components = this.originalDefaultValue.components;
+            }
             const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];
             this.replaceDoubleQuotes(submissionData, fieldsToRemoveDoubleQuotes);
             this.hook('beforeSaveComponentSettings', submissionData);

package/lib/mjs/Wizard.d.ts

@@ -6,7 +6,6 @@ declare class Wizard extends Webform {
     originalComponents: any[];
     page: number;
     currentPanel: any;
-    currentPanels: any[] | null;
     currentNextPage: number;
     _seenPages: number[];
     subWizards: any[];
@@ -17,7 +16,7 @@ declare class Wizard extends Webform {
     originalOptions: any;
     isLastPage(): any;
     getPages(args?: {}): any[];
-    get hasExtraPages(): boolean;
+    get hasSubWizards(): boolean;
     get localData(): any;
     get wizardKey(): string;
     set wizard(form: object);