@formio/js 5.1.0-dev.6040.debc859 → 5.1.0-dev.6042.6e62a7a

package/lib/mjs/utils/utils.js

@@ -8,6 +8,7 @@ import dompurify from 'dompurify';
 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
@@ -236,7 +237,7 @@ export function checkSimpleConditional(component, condition, row, data, instance
             default:
                 result = _.every(conditionsResult.flat(), res => !!res);
         }
-        return show ? result : !result;
+        return convertShowToBoolean(show) ? result : !result;
     }
 }
 /**
@@ -1502,26 +1503,6 @@ export function isPromise(value) {
         && typeof value.then === 'function'
         && Object.prototype.toString.call(value) === '[object Promise]';
 }
-/**
- * Determines if the component has a scoping parent in tree (a component which scopes its children and manages its
- * changes by itself, e.g. EditGrid)
- * @param {Component} componentInstance - The component to check for the scoping parent.
- * @param {boolean} firstPass - Whether it is the first pass of the function
- * @returns {boolean|*} - TRUE if the component has a scoping parent; FALSE otherwise
- */
-export function isInsideScopingComponent(componentInstance, firstPass = true) {
-    if (!firstPass && componentInstance?.hasScopedChildren) {
-        return true;
-    }
-    const dataParent = getDataParentComponent(componentInstance);
-    if (dataParent?.hasScopedChildren) {
-        return true;
-    }
-    else if (dataParent?.parent) {
-        return isInsideScopingComponent(dataParent.parent, false);
-    }
-    return false;
-}
 /**
  * Returns all the focusable elements within the provided dom element.
  * @param {HTMLElement} element - The element to get the focusable elements from.
@@ -1573,3 +1554,17 @@ export const interpolateErrors = (component, errors, interpolateFn) => {
         return { ...error, message: unescapeHTML(interpolateFn(toInterpolate, context)), context: { ...context } };
     });
 };
+/**
+ * Checks if a string has timezone information encoded in it
+ * Example: 2024-01-01T00:00:00Z -> true
+ * Example: 2024-01-01T00:00:00+03:00 -> true
+ * Example: 2011-05-03T00:00:00 -> false
+ * @param {string} value the string value to check
+ * @returns {boolean} if value has encoded timezone
+ */
+export function hasEncodedTimezone(value) {
+    if (typeof value !== 'string') {
+        return false;
+    }
+    return (value.substring(value.length - 1) === 'z' || value.substring(value.length - 1) === 'Z' || value.match(/[+|-][0-9]{2}:[0-9]{2}$/));
+}

package/lib/mjs/widgets/CalendarWidget.js

@@ -1,6 +1,6 @@
 import { Formio } from '../Formio';
 import InputWidget from './InputWidget';
-import { convertFormatToFlatpickr, convertFormatToMask, convertFormatToMoment, formatDate, formatOffset, getBrowserInfo, getDateSetting, getLocaleDateFormatInfo, momentDate, zonesLoaded, shouldLoadZones, loadZones, } from '../utils/utils';
+import { convertFormatToFlatpickr, convertFormatToMask, convertFormatToMoment, formatDate, formatOffset, getBrowserInfo, getDateSetting, getLocaleDateFormatInfo, momentDate, zonesLoaded, shouldLoadZones, loadZones, hasEncodedTimezone, } from '../utils/utils';
 import moment from 'moment';
 import _ from 'lodash';
 const DEFAULT_FORMAT = 'yyyy-MM-dd hh:mm a';
@@ -278,6 +278,11 @@ export default class CalendarWidget extends InputWidget {
             value = value ? formatDate(this.timezonesUrl, value, convertFormatToMoment(this.settings.format), this.timezone, convertFormatToMoment(this.valueMomentFormat)) : value;
             return super.setValue(value);
         }
+        // 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' && !hasEncodedTimezone(value)) {
+            this.settings.skipOffset = true;
+        }
         const zonesLoading = this.loadZones();
         if (value) {
             if (!saveAsText && this.settings.readOnly && !zonesLoading) {
@@ -443,7 +448,7 @@ export default class CalendarWidget extends InputWidget {
         return (date, format) => {
             // Only format this if this is the altFormat and the form is readOnly.
             if (this.settings.readOnly && (format === this.settings.altFormat)) {
-                if (!this.settings.enableTime || this.loadZones()) {
+                if (!this.settings.enableTime || this.loadZones() || this.settings.skipOffset) {
                     return Flatpickr.formatDate(date, format);
                 }
                 const currentValue = new Date(this.getValue());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.1.0-dev.6040.debc859",
+  "version": "5.1.0-dev.6042.6e62a7a",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -81,7 +81,7 @@
   "homepage": "https://github.com/formio/formio.js#readme",
   "dependencies": {
     "@formio/bootstrap": "v3.0.0-dev.121.085d187",
-    "@formio/core": "v2.4.0-dev.2",
+    "@formio/core": "2.4.0-dev.235.b497e17",
     "@formio/text-mask-addons": "3.8.0-formio.4",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",

package/lib/cjs/i18n.d.ts

@@ -1,13 +0,0 @@
-declare namespace _default {
-    let lng: string;
-    let nsSeparator: string;
-    let keySeparator: string;
-    let pluralSeparator: string;
-    let contextSeparator: string;
-    namespace resources {
-        namespace en {
-            let translation: any;
-        }
-    }
-}
-export default _default;

package/lib/cjs/i18n.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const en_1 = __importDefault(require("./translations/en"));
-const utils_1 = require("./utils/utils");
-exports.default = {
-    lng: 'en',
-    nsSeparator: '::',
-    keySeparator: '.|.',
-    pluralSeparator: '._.',
-    contextSeparator: '._.',
-    resources: {
-        en: {
-            translation: (0, utils_1.fastCloneDeep)(en_1.default)
-        }
-    }
-};

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

@@ -1,19 +0,0 @@
-/**
- * This file is used to mimic the i18n library interface.
- */
-export class I18n {
-    static languages: {};
-    static setDefaultTranslations(languages: any): void;
-    static init(languages?: {}): I18n;
-    static createInstance(): I18n;
-    constructor(languages?: {});
-    languages: any;
-    defaultKeys: any;
-    language: string;
-    currentLanguage: any;
-    setLanguages(languages: any, noDefaultOverride: any): void;
-    dir(lang?: string): "rtl" | "ltr";
-    changeLanguage(language: any, ready?: null): void;
-    addResourceBundle(language: any, type: any, strings: any): void;
-    t(text: any, ...args: any[]): any;
-}

package/lib/cjs/utils/i18n.js

@@ -1,120 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.I18n = void 0;
-const utils_1 = require("@formio/core/utils");
-const i18n_1 = __importDefault(require("../i18n"));
-const lodash_1 = require("lodash");
-const core_1 = require("@formio/core");
-const i18Defaults = {};
-for (const lang in i18n_1.default.resources) {
-    if (i18n_1.default.resources.hasOwnProperty(lang)) {
-        i18Defaults[lang] = i18n_1.default.resources[lang].translation;
-    }
-}
-/**
- * This file is used to mimic the i18n library interface.
- */
-class I18n {
-    constructor(languages = {}) {
-        var _a;
-        this.languages = (0, core_1.fastCloneDeep)(I18n.languages || {});
-        this.defaultKeys = ((_a = I18n.languages) === null || _a === void 0 ? void 0 : _a.en) || {};
-        this.language = 'en';
-        this.currentLanguage = i18Defaults.en;
-        this.setLanguages(languages);
-        this.changeLanguage(this.language);
-    }
-    static setDefaultTranslations(languages) {
-        if ((0, lodash_1.isEmpty)(languages)) {
-            return;
-        }
-        for (const lang in languages) {
-            if (lang !== 'language' && languages.hasOwnProperty(lang)) {
-                if (!this.languages[lang]) {
-                    this.languages[lang] = {};
-                }
-                this.languages[lang] = Object.assign(Object.assign({}, languages[lang]), this.languages[lang]);
-            }
-        }
-    }
-    setLanguages(languages, noDefaultOverride) {
-        if (languages.resources) {
-            for (const lang in languages.resources) {
-                if (languages.resources.hasOwnProperty(lang)) {
-                    languages[lang] = languages.resources[lang].translation;
-                }
-            }
-            delete languages.resources;
-        }
-        if (languages.lng) {
-            languages.language = languages.lng;
-            delete languages.lng;
-        }
-        // Do not use these configurations.
-        delete languages.nsSeparator;
-        delete languages.keySeparator;
-        delete languages.pluralSeparator;
-        delete languages.contextSeparator;
-        // Now establish the languages default.
-        if (languages.language) {
-            this.language = languages.language;
-        }
-        for (const lang in languages) {
-            if (lang !== 'language' && languages.hasOwnProperty(lang)) {
-                if (!this.languages[lang]) {
-                    this.languages[lang] = {};
-                }
-                this.languages[lang] = noDefaultOverride
-                    ? Object.assign(Object.assign({}, languages[lang]), this.languages[lang]) : Object.assign(Object.assign({}, this.languages[lang]), languages[lang]);
-            }
-        }
-    }
-    static init(languages = {}) {
-        return new I18n(languages);
-    }
-    dir(lang = '') {
-        lang = lang || this.language;
-        const rtls = ['ar', 'he', 'fa', 'ps', 'ur'];
-        return rtls.includes(lang) ? 'rtl' : 'ltr';
-    }
-    static createInstance() {
-        return new I18n();
-    }
-    changeLanguage(language, ready = null) {
-        if (!this.languages[language]) {
-            language = 'en';
-        }
-        this.language = language;
-        this.currentLanguage = this.languages[language] ? this.languages[language] : {};
-        if (ready) {
-            ready();
-        }
-    }
-    addResourceBundle(language, type, strings) {
-        this.languages[language] = strings;
-    }
-    t(text, ...args) {
-        var _a;
-        let currentTranslation = this.currentLanguage[text];
-        // provide compatibility with cases where the entire phrase is used as a key
-        // get the phrase that is possibly being used as a key
-        const defaultKey = this.defaultKeys[text];
-        if (defaultKey && this.currentLanguage[defaultKey]) {
-            // get translation using the phrase as a key
-            currentTranslation = this.currentLanguage[defaultKey];
-        }
-        if (currentTranslation) {
-            const customTranslationFieldName = (_a = args[0]) === null || _a === void 0 ? void 0 : _a.field;
-            if (customTranslationFieldName && this.currentLanguage[customTranslationFieldName]) {
-                args[0].field = this.currentLanguage[customTranslationFieldName];
-            }
-            return utils_1.Evaluator.interpolateString(currentTranslation, ...args);
-        }
-        return utils_1.Evaluator.interpolateString(text, ...args);
-    }
-}
-exports.I18n = I18n;
-I18n.languages = i18Defaults;

package/lib/mjs/i18n.d.ts

@@ -1,13 +0,0 @@
-declare namespace _default {
-    let lng: string;
-    let nsSeparator: string;
-    let keySeparator: string;
-    let pluralSeparator: string;
-    let contextSeparator: string;
-    namespace resources {
-        namespace en {
-            let translation: any;
-        }
-    }
-}
-export default _default;

package/lib/mjs/i18n.js

@@ -1,14 +0,0 @@
-import enTranslation from './translations/en';
-import { fastCloneDeep } from './utils/utils';
-export default {
-    lng: 'en',
-    nsSeparator: '::',
-    keySeparator: '.|.',
-    pluralSeparator: '._.',
-    contextSeparator: '._.',
-    resources: {
-        en: {
-            translation: fastCloneDeep(enTranslation)
-        }
-    }
-};

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

@@ -1,19 +0,0 @@
-/**
- * This file is used to mimic the i18n library interface.
- */
-export class I18n {
-    static languages: {};
-    static setDefaultTranslations(languages: any): void;
-    static init(languages?: {}): I18n;
-    static createInstance(): I18n;
-    constructor(languages?: {});
-    languages: any;
-    defaultKeys: any;
-    language: string;
-    currentLanguage: any;
-    setLanguages(languages: any, noDefaultOverride: any): void;
-    dir(lang?: string): "rtl" | "ltr";
-    changeLanguage(language: any, ready?: null): void;
-    addResourceBundle(language: any, type: any, strings: any): void;
-    t(text: any, ...args: any[]): any;
-}

package/lib/mjs/utils/i18n.js

@@ -1,112 +0,0 @@
-import { Evaluator } from '@formio/core/utils';
-import i18n from '../i18n';
-import { isEmpty } from 'lodash';
-import { fastCloneDeep } from '@formio/core';
-const i18Defaults = {};
-for (const lang in i18n.resources) {
-    if (i18n.resources.hasOwnProperty(lang)) {
-        i18Defaults[lang] = i18n.resources[lang].translation;
-    }
-}
-/**
- * This file is used to mimic the i18n library interface.
- */
-export class I18n {
-    static languages = i18Defaults;
-    languages = fastCloneDeep(I18n.languages || {});
-    defaultKeys = I18n.languages?.en || {};
-    language = 'en';
-    currentLanguage = i18Defaults.en;
-    constructor(languages = {}) {
-        this.setLanguages(languages);
-        this.changeLanguage(this.language);
-    }
-    static setDefaultTranslations(languages) {
-        if (isEmpty(languages)) {
-            return;
-        }
-        for (const lang in languages) {
-            if (lang !== 'language' && languages.hasOwnProperty(lang)) {
-                if (!this.languages[lang]) {
-                    this.languages[lang] = {};
-                }
-                this.languages[lang] = { ...languages[lang], ...this.languages[lang], };
-            }
-        }
-    }
-    setLanguages(languages, noDefaultOverride) {
-        if (languages.resources) {
-            for (const lang in languages.resources) {
-                if (languages.resources.hasOwnProperty(lang)) {
-                    languages[lang] = languages.resources[lang].translation;
-                }
-            }
-            delete languages.resources;
-        }
-        if (languages.lng) {
-            languages.language = languages.lng;
-            delete languages.lng;
-        }
-        // Do not use these configurations.
-        delete languages.nsSeparator;
-        delete languages.keySeparator;
-        delete languages.pluralSeparator;
-        delete languages.contextSeparator;
-        // Now establish the languages default.
-        if (languages.language) {
-            this.language = languages.language;
-        }
-        for (const lang in languages) {
-            if (lang !== 'language' && languages.hasOwnProperty(lang)) {
-                if (!this.languages[lang]) {
-                    this.languages[lang] = {};
-                }
-                this.languages[lang] = noDefaultOverride
-                    ? { ...languages[lang], ...this.languages[lang] }
-                    : { ...this.languages[lang], ...languages[lang] };
-            }
-        }
-    }
-    static init(languages = {}) {
-        return new I18n(languages);
-    }
-    dir(lang = '') {
-        lang = lang || this.language;
-        const rtls = ['ar', 'he', 'fa', 'ps', 'ur'];
-        return rtls.includes(lang) ? 'rtl' : 'ltr';
-    }
-    static createInstance() {
-        return new I18n();
-    }
-    changeLanguage(language, ready = null) {
-        if (!this.languages[language]) {
-            language = 'en';
-        }
-        this.language = language;
-        this.currentLanguage = this.languages[language] ? this.languages[language] : {};
-        if (ready) {
-            ready();
-        }
-    }
-    addResourceBundle(language, type, strings) {
-        this.languages[language] = strings;
-    }
-    t(text, ...args) {
-        let currentTranslation = this.currentLanguage[text];
-        // provide compatibility with cases where the entire phrase is used as a key
-        // get the phrase that is possibly being used as a key
-        const defaultKey = this.defaultKeys[text];
-        if (defaultKey && this.currentLanguage[defaultKey]) {
-            // get translation using the phrase as a key
-            currentTranslation = this.currentLanguage[defaultKey];
-        }
-        if (currentTranslation) {
-            const customTranslationFieldName = args[0]?.field;
-            if (customTranslationFieldName && this.currentLanguage[customTranslationFieldName]) {
-                args[0].field = this.currentLanguage[customTranslationFieldName];
-            }
-            return Evaluator.interpolateString(currentTranslation, ...args);
-        }
-        return Evaluator.interpolateString(text, ...args);
-    }
-}