@formio/js 5.1.0-dev.6109.79f22ad → 5.1.0-dev.6112.06b0f26

package/lib/mjs/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, noScopeReset?: boolean | 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, noScopeReset?: boolean | 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/mjs/utils/index.js

@@ -1,6 +1,23 @@
-import * as FormioUtils from './utils';
+import * as utils from './utils';
+import * as formUtils from './formUtils';
+import { Evaluator, registerEvaluator, interpolate } from './Evaluator';
+import ConditionOperators from './conditionOperators';
+import _ from 'lodash';
+import moment from 'moment';
+const FormioUtils = {
+    ...utils,
+    ...formUtils,
+    Evaluator,
+    interpolate,
+    ConditionOperators,
+    _,
+    moment
+};
 if (typeof global === 'object') {
     global.FormioUtils = FormioUtils;
 }
 export { FormioUtils as Utils };
+export { Evaluator, registerEvaluator };
+export * from './utils';
+export * from './formUtils';
 export default FormioUtils;

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

@@ -164,9 +164,9 @@ export function guid(): string;
 /**
  * Return a translated date setting.
  * @param {string|Date} date - The date to translate.
- * @returns {(null|Date)} - The translated date.
+ * @returns {(null|dayjs.Dayjs)} - The translated date.
  */
-export function getDateSetting(date: string | Date): (null | Date);
+export function getDateSetting(date: string | Date): (null | dayjs.Dayjs);
 /**
  * Returns true if the date is a valid date. False otherwise.
  * @param {Date|string} date - The date to check for validity.
@@ -182,56 +182,45 @@ export function currentTimezone(): string;
  * Get an offset date provided a date object and timezone object.
  * @param {Date} date - The date to offset.
  * @param {string} timezone - The timezone to offset the date to.
- * @returns {Date} - The offset date.
+ * @returns {{date: Date, abbr: string}} - The offset date.
  */
-export function offsetDate(date: Date, timezone: string): Date;
-/**
- * Returns if the zones are loaded.
- * @returns {boolean} - TRUE if the zones are loaded; FALSE otherwise.
- */
-export function zonesLoaded(): boolean;
+export function offsetDate(date: Date, timezone: string): {
+    date: Date;
+    abbr: string;
+};
 /**
- * Returns if we should load the zones.
+ * Returns if we should handle a timezone difference.
  * @param {string} timezone - The timezone to check if we should load the zones.
- * @returns {boolean} - TRUE if we should load the zones; FALSE otherwise.
- */
-export function shouldLoadZones(timezone: string): boolean;
-/**
- * Externally load the timezone data.
- * @param {string} url - The URL to load the timezone data from.
- * @param {string} timezone - The timezone to load.
- * @returns {Promise<any> | *} - Resolves when the zones for this timezone are loaded.
+ * @returns {boolean} - TRUE if we should handle timezones; FALSE otherwise.
  */
-export function loadZones(url: string, timezone: string): Promise<any> | any;
+export function shouldHandleTimezone(timezone: string): boolean;
 /**
- * Get the moment date object for translating dates with timezones.
- * @param {string|Date} value - The value to convert into a moment date.
+ * Get the Dayjs date object for translating dates with timezones.
+ * @param {string|Date} value - The value to convert into a dayjs date.
  * @param {string} format - The format to convert the date to.
  * @param {string} timezone - The timezone to convert the date to.
  * @param {object} options - The options object
- * @returns {Date} - The moment date object.
+ * @returns {dayjs.Dayjs} - The dayjs date object.
  */
-export function momentDate(value: string | Date, format: string, timezone: string, options: object): Date;
+export function dayjsDate(value: string | Date, format: string, timezone: string, options: object): dayjs.Dayjs;
 /**
  * Format a date provided a value, format, and timezone object.
- * @param {string} timezonesUrl - The URL to load the timezone data from.
  * @param {string|Date} value - The value to format.
  * @param {string} format - The format to format the date to.
  * @param {string} timezone - The timezone to format the date to.
  * @param {string} flatPickrInputFormat - The format to use for flatpickr input.
  * @returns {string} - The formatted date.
  */
-export function formatDate(timezonesUrl: string, value: string | Date, format: string, timezone: string, flatPickrInputFormat: string): string;
+export function formatDate(value: string | Date, format: string, timezone: string, flatPickrInputFormat: string): string;
 /**
  * Pass a format function to format within a timezone.
- * @param {string} timezonesUrl - The URL to load the timezone data from.
  * @param {Function} formatFn - The format function to use.
  * @param {Date|string} date - The date to format.
  * @param {string} format - The format to format the date to.
  * @param {string} timezone - The timezone to format the date to.
  * @returns {string} - The formatted date.
  */
-export function formatOffset(timezonesUrl: string, formatFn: Function, date: Date | string, format: string, timezone: string): string;
+export function formatOffset(formatFn: Function, date: Date | string, format: string, timezone: string): string;
 /**
  * Returns the local date format information.
  * @param {Intl.LocalesArgument} locale - The locale to get the date format for.
@@ -249,7 +238,7 @@ export function convertFormatToFlatpickr(format: string): string;
  * @param {string} format - The format to convert.
  * @returns {string} - The converted format.
  */
-export function convertFormatToMoment(format: string): string;
+export function convertFormatToDayjs(format: string): string;
 /**
  * Convert the format from the angular-datepicker module to mask format.
  * @param {string} format - The format to convert.
@@ -414,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.
@@ -499,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.;
@@ -516,7 +504,4 @@ export namespace componentValueTypes {
     let any: string;
 }
 export function interpolateErrors(component: Component, errors: FieldError[], interpolateFn: Function): [];
-import ConditionOperators from './conditionOperators';
-import { Evaluator } from './Evaluator';
-export const interpolate: typeof Evaluator.interpolate;
-export { jsonLogic, ConditionOperators, moment, Evaluator, _ };
+import dayjs from "dayjs";

package/lib/mjs/utils/utils.js

@@ -1,31 +1,19 @@
 /* global jQuery */
 import _ from 'lodash';
-import jsonLogic from 'json-logic-js';
 import moment from 'moment-timezone/moment-timezone';
 import jtz from 'jstimezonedetect';
-import { lodashOperators } from './jsonlogic/operators';
 import dompurify from 'dompurify';
+import dayjs from "dayjs";
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import { jsonLogic, convertShowToBoolean } from '@formio/core';
 import { getValue } from './formUtils';
 import { Evaluator } from './Evaluator';
 import ConditionOperators from './conditionOperators';
-import { convertShowToBoolean } from '@formio/core';
-const interpolate = Evaluator.interpolate;
-export * from './formUtils';
-// Configure JsonLogic
-lodashOperators.forEach((name) => jsonLogic.add_operation(`_${name}`, _[name]));
-// Retrieve Any Date
-jsonLogic.add_operation('getDate', (date) => {
-    return moment(date).toISOString();
-});
-// Set Relative Minimum Date
-jsonLogic.add_operation('relativeMinDate', (relativeMinDate) => {
-    return moment().subtract(relativeMinDate, 'days').toISOString();
-});
-// Set Relative Maximum Date
-jsonLogic.add_operation('relativeMaxDate', (relativeMaxDate) => {
-    return moment().add(relativeMaxDate, 'days').toISOString();
-});
-export { jsonLogic, ConditionOperators, moment };
+dayjs.extend(timezone);
+dayjs.extend(advancedFormat);
+dayjs.extend(utc);
 /**
  * Evaluate a method.
  * @param {Function|string|object} func - The function to evaluate.
@@ -211,7 +199,15 @@ export function checkSimpleConditional(component, condition, row, data, instance
                 return true;
             }
             const splittedConditionPath = conditionComponentPath.split('.');
-            const conditionalPaths = instance?.parent?.type === 'datagrid' || instance?.parent?.type === 'editgrid' ? [] : getConditionalPathsRecursive(splittedConditionPath, data);
+            const checkParentTypeInTree = (instance, componentType) => {
+                if (!instance?.parent) {
+                    return false;
+                }
+                return 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);
@@ -325,7 +321,7 @@ function getRow(component, row, instance, conditional) {
     }
     const dataParent = getDataParentComponent(instance);
     if (dataParent) {
-        const parentPath = dataParent.paths?.localDataPath;
+        const parentPath = dataParent.paths?.localPath;
         const isTriggerCondtionComponentPath = condition.when || !condition.conditions
             ? condition.when?.startsWith(dataParent.paths?.localPath)
             : _.some(condition.conditions, cond => cond.component.startsWith(dataParent.paths?.localPath));
@@ -505,7 +501,7 @@ export function guid() {
 /**
  * Return a translated date setting.
  * @param {string|Date} date - The date to translate.
- * @returns {(null|Date)} - The translated date.
+ * @returns {(null|dayjs.Dayjs)} - The translated date.
  */
 export function getDateSetting(date) {
     if (_.isNil(date) || _.isNaN(date) || date === '') {
@@ -525,13 +521,13 @@ export function getDateSetting(date) {
     try {
         const value = Evaluator.evaluator(`return ${date};`, 'moment')(moment);
         if (typeof value === 'string') {
-            dateSetting = moment(value);
+            dateSetting = dayjs(value);
         }
         else if (typeof value.toDate === 'function') {
-            dateSetting = moment(value.toDate().toUTCString());
+            dateSetting = dayjs(value.toDate().toUTCString());
         }
         else if (value instanceof Date) {
-            dateSetting = moment(value);
+            dateSetting = dayjs(value);
         }
     }
     catch (e) {
@@ -559,17 +555,17 @@ export function isValidDate(date) {
  * @returns {string} - The current timezone.
  */
 export function currentTimezone() {
-    if (moment.currentTimezone) {
-        return moment.currentTimezone;
+    if (dayjs.currentTimezone) {
+        return dayjs.currentTimezone;
     }
-    moment.currentTimezone = jtz.determine().name();
-    return moment.currentTimezone;
+    dayjs.currentTimezone = jtz.determine().name();
+    return dayjs.currentTimezone;
 }
 /**
  * Get an offset date provided a date object and timezone object.
  * @param {Date} date - The date to offset.
  * @param {string} timezone - The timezone to offset the date to.
- * @returns {Date} - The offset date.
+ * @returns {{date: Date, abbr: string}} - The offset date.
  */
 export function offsetDate(date, timezone) {
     if (timezone === 'UTC') {
@@ -578,134 +574,89 @@ export function offsetDate(date, timezone) {
             abbr: 'UTC'
         };
     }
-    const dateMoment = moment(date).tz(timezone);
+    const dateMoment = dayjs(date).tz(timezone);
     return {
         date: new Date(date.getTime() + ((dateMoment.utcOffset() + date.getTimezoneOffset()) * 60000)),
         abbr: dateMoment.format('z')
     };
 }
 /**
- * Returns if the zones are loaded.
- * @returns {boolean} - TRUE if the zones are loaded; FALSE otherwise.
- */
-export function zonesLoaded() {
-    return moment.zonesLoaded;
-}
-/**
- * Returns if we should load the zones.
+ * Returns if we should handle a timezone difference.
  * @param {string} timezone - The timezone to check if we should load the zones.
- * @returns {boolean} - TRUE if we should load the zones; FALSE otherwise.
+ * @returns {boolean} - TRUE if we should handle timezones; FALSE otherwise.
  */
-export function shouldLoadZones(timezone) {
-    if (timezone === currentTimezone() || timezone === 'UTC') {
-        return false;
-    }
-    return true;
-}
-/**
- * Externally load the timezone data.
- * @param {string} url - The URL to load the timezone data from.
- * @param {string} timezone - The timezone to load.
- * @returns {Promise<any> | *} - Resolves when the zones for this timezone are loaded.
- */
-export function loadZones(url, timezone) {
-    if (timezone && !shouldLoadZones(timezone)) {
-        // Return non-resolving promise.
-        return new Promise(_.noop);
-    }
-    if (moment.zonesPromise) {
-        return moment.zonesPromise;
-    }
-    return moment.zonesPromise = fetch(url)
-        .then(resp => resp.json().then(zones => {
-        moment.tz.load(zones);
-        moment.zonesLoaded = true;
-        // Trigger a global event that the timezones have finished loading.
-        if (document && document.createEvent && document.body && document.body.dispatchEvent) {
-            var event = document.createEvent('Event');
-            event.initEvent('zonesLoaded', true, true);
-            document.body.dispatchEvent(event);
-        }
-    }));
+export function shouldHandleTimezone(timezone) {
+    return !(timezone === currentTimezone() || timezone === 'UTC');
 }
 /**
- * Get the moment date object for translating dates with timezones.
- * @param {string|Date} value - The value to convert into a moment date.
+ * Get the Dayjs date object for translating dates with timezones.
+ * @param {string|Date} value - The value to convert into a dayjs date.
  * @param {string} format - The format to convert the date to.
  * @param {string} timezone - The timezone to convert the date to.
  * @param {object} options - The options object
- * @returns {Date} - The moment date object.
+ * @returns {dayjs.Dayjs} - The dayjs date object.
  */
-export function momentDate(value, format, timezone, options) {
-    const momentDate = moment(value);
+export function dayjsDate(value, format, timezone, options) {
+    const dayjsDate = dayjs(value);
     if (!timezone) {
-        return momentDate;
+        return dayjsDate;
     }
     if (timezone === 'UTC') {
         timezone = 'Etc/UTC';
     }
-    if ((timezone !== currentTimezone() || (format && format.match(/\s(z$|z\s)/))) && (moment.zonesLoaded || options?.email)) {
-        return momentDate.tz(timezone);
+    if ((timezone !== currentTimezone() || (format && format.match(/\s(z$|z\s)/))) && (shouldHandleTimezone(timezone) || options?.email)) {
+        return dayjsDate.tz(timezone);
     }
-    return momentDate;
+    return dayjsDate;
 }
 /**
  * Format a date provided a value, format, and timezone object.
- * @param {string} timezonesUrl - The URL to load the timezone data from.
  * @param {string|Date} value - The value to format.
  * @param {string} format - The format to format the date to.
  * @param {string} timezone - The timezone to format the date to.
  * @param {string} flatPickrInputFormat - The format to use for flatpickr input.
  * @returns {string} - The formatted date.
  */
-export function formatDate(timezonesUrl, value, format, timezone, flatPickrInputFormat) {
-    const momentDate = moment(value, flatPickrInputFormat || undefined);
+export function formatDate(value, format, timezone, flatPickrInputFormat) {
+    const dayjsDate = dayjs(value, flatPickrInputFormat || undefined);
     if (timezone === currentTimezone()) {
         // See if our format contains a "z" timezone character.
         if (format.match(/\s(z$|z\s)/)) {
-            loadZones(timezonesUrl);
-            if (moment.zonesLoaded) {
-                return momentDate.tz(timezone).format(convertFormatToMoment(format));
+            if (shouldHandleTimezone(timezone)) {
+                return dayjsDate.tz(timezone).format(convertFormatToDayjs(format));
             }
             else {
-                return momentDate.format(convertFormatToMoment(format.replace(/\s(z$|z\s)/, '')));
+                return dayjsDate.format(convertFormatToDayjs(format.replace(/\s(z$|z\s)/, '')));
             }
         }
         // Return the standard format.
-        return momentDate.format(convertFormatToMoment(format));
+        return dayjsDate.format(convertFormatToDayjs(format));
     }
     if (timezone === 'UTC') {
-        const offset = offsetDate(momentDate.toDate(), 'UTC');
-        return `${moment(offset.date).format(convertFormatToMoment(format))} UTC`;
-    }
-    // Load the zones since we need timezone information.
-    loadZones(timezonesUrl);
-    if (moment.zonesLoaded && timezone) {
-        return momentDate.tz(timezone).format(`${convertFormatToMoment(format)} z`);
+        const offset = offsetDate(dayjsDate.toDate(), 'UTC');
+        return `${dayjs(offset.date).format(convertFormatToDayjs(format))} UTC`;
     }
-    else {
-        return momentDate.format(convertFormatToMoment(format));
+    if (shouldHandleTimezone(timezone)) {
+        return dayjsDate.tz(timezone).format(`${convertFormatToDayjs(format)} z`);
     }
+    return dayjsDate.format(convertFormatToDayjs(format));
 }
 /**
  * Pass a format function to format within a timezone.
- * @param {string} timezonesUrl - The URL to load the timezone data from.
  * @param {Function} formatFn - The format function to use.
  * @param {Date|string} date - The date to format.
  * @param {string} format - The format to format the date to.
  * @param {string} timezone - The timezone to format the date to.
  * @returns {string} - The formatted date.
  */
-export function formatOffset(timezonesUrl, formatFn, date, format, timezone) {
+export function formatOffset(formatFn, date, format, timezone) {
     if (timezone === currentTimezone()) {
         return formatFn(date, format);
     }
     if (timezone === 'UTC') {
         return `${formatFn(offsetDate(date, 'UTC').date, format)} UTC`;
     }
-    // Load the zones since we need timezone information.
-    loadZones(timezonesUrl);
-    if (moment.zonesLoaded) {
+    if (shouldHandleTimezone(timezone)) {
         const offset = offsetDate(date, timezone);
         return `${formatFn(offset.date, format)} ${offset.abbr}`;
     }
@@ -762,7 +713,7 @@ export function convertFormatToFlatpickr(format) {
  * @param {string} format - The format to convert.
  * @returns {string} - The converted format.
  */
-export function convertFormatToMoment(format) {
+export function convertFormatToDayjs(format) {
     return format
         // Year conversion.
         .replace(/y/g, 'Y')
@@ -1311,11 +1262,10 @@ export function sanitize(string, options) {
 export function fastCloneDeep(obj) {
     return obj ? JSON.parse(JSON.stringify(obj)) : obj;
 }
-export { Evaluator, interpolate };
 /**
  * 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) {
     if (componentJson.input === false || componentJson.input === true) {
@@ -1339,7 +1289,7 @@ export function isInputComponent(componentJson) {
 /**
  * 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) {
     if (!pathStr || !_.isString(pathStr)) {
@@ -1513,8 +1463,6 @@ export function getFocusableElements(element) {
     textarea:not([disabled]), button:not([disabled]), [href]`;
     return element.querySelectorAll(focusableSelector);
 }
-// Export lodash to save space with other libraries.
-export { _ };
 export const componentValueTypes = {
     number: 'number',
     string: 'string',