@formio/js 5.0.0-dev.5641.6eb7b96 → 5.0.0-dev.5642.afd813e

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

@@ -26,7 +26,8 @@ export default class CalendarWidget extends InputWidget {
     timezonesUrl: string;
     /**
      * Load the timezones.
-     * @returns {boolean} TRUE if the zones are loading, FALSE otherwise.
+     *
+     * @return {boolean} TRUE if the zones are loading, FALSE otherwise.
      */
     loadZones(): boolean;
     attach(input: any): Promise<any>;
@@ -70,18 +71,18 @@ export default class CalendarWidget extends InputWidget {
     get dateTimeFormat(): string;
     get dateFormat(): any;
     /**
-     * Return the date value as a string.
-     * @param {string|Date} date - The date object or a date string that is momentjs compatible.
-     * @param {string} format - The DateParser code format.
-     * @param {boolean} [useTimezone] - If the timezone should be used.
-     * @returns {string} - Returns the formatted date string.
+     * Return the date value.
+     *
+     * @param date
+     * @param format
+     * @return {string}
      */
-    getDateValue(date: string | Date, format: string, useTimezone?: boolean | undefined): string;
+    getDateValue(date: any, format: any, useTimezone: any): string;
     isValueISO8601(value: any): any;
     /**
      * Set the selected date value.
-     * @param {*} value - The value to set.
-     * @returns {void}
+     *
+     * @param value
      */
     setValue(value: any): void;
     getValueAsString(value: any, format: any): string;

package/lib/mjs/widgets/CalendarWidget.js

@@ -51,7 +51,8 @@ export default class CalendarWidget extends InputWidget {
     }
     /**
      * Load the timezones.
-     * @returns {boolean} TRUE if the zones are loading, FALSE otherwise.
+     *
+     * @return {boolean} TRUE if the zones are loading, FALSE otherwise.
      */
     loadZones() {
         const timezone = this.timezone;
@@ -246,11 +247,11 @@ export default class CalendarWidget extends InputWidget {
         return _.get(this.settings, 'format', DEFAULT_FORMAT);
     }
     /**
-     * Return the date value as a string.
-     * @param {string|Date} date - The date object or a date string that is momentjs compatible.
-     * @param {string} format - The DateParser code format.
-     * @param {boolean} [useTimezone] - If the timezone should be used.
-     * @returns {string} - Returns the formatted date string.
+     * Return the date value.
+     *
+     * @param date
+     * @param format
+     * @return {string}
      */
     getDateValue(date, format, useTimezone) {
         if (useTimezone) {
@@ -260,7 +261,8 @@ export default class CalendarWidget extends InputWidget {
     }
     /**
      * Return the value of the selected date.
-     * @returns {*} - The value of the selected date.
+     *
+     * @return {*}
      */
     getValue() {
         // Standard output format.
@@ -282,8 +284,8 @@ export default class CalendarWidget extends InputWidget {
     }
     /**
      * Set the selected date value.
-     * @param {*} value - The value to set.
-     * @returns {void}
+     *
+     * @param value
      */
     setValue(value) {
         const saveAsText = (this.settings.saveAs === 'text');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5641.6eb7b96",
+  "version": "5.0.0-dev.5642.afd813e",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -21,25 +21,21 @@
       "require": "./lib/cjs/formio.form.js"
     },
     "./embed": {
-      "import": "./lib/cjs/InlineEmbed.js",
-      "require": "./lib/cjs/InlineEmbed.js"
+      "import": "./lib/cjs/Embed.js",
+      "require": "./lib/cjs/Embed.js"
     },
     "./dist/*": "./dist/*"
   },
   "files": [
     "dist",
-    "lib",
-    "embed.d.ts",
-    "form.d.ts",
-    "sdk.d.ts",
-    "utils.d.ts"
+    "lib"
   ],
   "pre-commit": [
     "lint"
   ],
   "scripts": {
     "build": "yarn doc && yarn lib && yarn dist",
-    "doc": "typedoc",
+    "doc": "esdoc",
     "dist": "gulp clean:dist && webpack --config webpack.config.js && webpack --config webpack.prod.js && gulp build",
     "lib": "gulp clean:lib && tsc --project tsconfig.cjs.json && tsc --project tsconfig.mjs.json && yarn lib:package",
     "lib:package": "node ./libpackage.js",
@@ -54,7 +50,7 @@
     "release": "yarn build-app && yarn deploy-s3",
     "tag": "VERSION=$(yarn version);git add -A; git commit -m \"Build $Version\";git push origin master;git tag v$VERSION;git push origin --tags;",
     "dopublish": "npm run build && npm run tag && npm publish",
-    "lint": "eslint ./src --fix",
+    "lint": "gulp eslint",
     "serve": "jekyll serve --config _config.yml,_config.dev.yml",
     "test": "mocha 'src/**/*.unit.js'",
     "test:updateRenders": "npm run lib && TZ=UTC node --require jsdom-global/register test/updateRenders.js",
@@ -79,9 +75,9 @@
   },
   "homepage": "https://github.com/formio/formio.js#readme",
   "dependencies": {
-    "@formio/bootstrap": "^3.0.0-rc.25",
+    "@formio/bootstrap": "^3.0.0-rc.22",
     "@formio/choices.js": "^10.2.1",
-    "@formio/core": "^2.1.0-dev.tt.13",
+    "@formio/core": "2.0.0-dev.102.df37631",
     "@formio/text-mask-addons": "^3.8.0-formio.2",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",
@@ -90,10 +86,10 @@
     "browser-cookies": "^1.2.0",
     "browser-md5-file": "^1.1.1",
     "compare-versions": "^6.0.0-rc.2",
-    "core-js": "^3.37.1",
+    "core-js": "^3.37.0",
     "dialog-polyfill": "^0.5.6",
     "dom-autoscroller": "^2.3.4",
-    "dompurify": "^3.1.3",
+    "dompurify": "^3.1.1",
     "downloadjs": "^1.4.7",
     "dragula": "^3.7.3",
     "eventemitter3": "^5.0.1",
@@ -109,7 +105,7 @@
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
     "moment-timezone": "^0.5.44",
-    "quill": "^2.0.2",
+    "quill": "^2.0.0-rc.4",
     "signature_pad": "^4.2.0",
     "string-hash": "^1.1.3",
     "tippy.js": "^6.3.7",
@@ -117,9 +113,9 @@
     "vanilla-picker": "^2.12.3"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
-    "ace-builds": "1.34.2",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
+    "ace-builds": "1.33.0",
     "async-limiter": "^2.0.0",
     "bootstrap-icons": "^1.10.5",
     "bootswatch": "^5.3.3",
@@ -128,8 +124,11 @@
     "chance": "^1.1.9",
     "ejs-loader": "^0.5.0",
     "escape-string-regexp": "^5.0.0",
+    "esdoc": "^1.1.0",
+    "esdoc-ecmascript-proposal-plugin": "^1.0.0",
+    "esdoc-standard-plugin": "^1.0.0",
     "eslint": "^8.57.0",
-    "eslint-plugin-jsdoc": "^48.2.5",
+    "eslint-config-formio": "^1.1.4",
     "fetch-mock": "^9.11.0",
     "file-loader": "^6.2.0",
     "flatpickr": "^4.6.13",
@@ -138,6 +137,7 @@
     "gulp-clean": "^0.4.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-concat": "^2.6.1",
+    "gulp-eslint": "^6.0.0",
     "gulp-filter": "^7.0.0",
     "gulp-rename": "^2.0.0",
     "gulp-replace": "^1.1.3",
@@ -161,19 +161,19 @@
     "pretty": "^2.0.0",
     "pygments-css": "^1.0.0",
     "raw-loader": "^4.0.2",
-    "sass": "^1.77.1",
+    "sass": "^1.74.1",
     "shortcut-buttons-flatpickr": "^0.4.0",
     "sinon": "^17.0.1",
     "string-replace-loader": "^3.1.0",
     "ts-loader": "^9.4.4",
     "ts-node": "^10.9.1",
     "tsc": "^2.0.4",
-    "typedoc": "^0.25.13",
     "typescript": "5.3.2",
     "webpack": "^5.90.3",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.1",
     "webpack-node-externals": "^3.0.0",
-    "webpack-stream": "^7.0.0"
+    "webpack-stream": "^7.0.0",
+    "written-number": "^0.11.1"
   }
 }

package/embed.d.ts

@@ -1 +0,0 @@
-export * from './lib/cjs/InlineEmbed';

package/form.d.ts

@@ -1 +0,0 @@
-export * from './lib/cjs/formio.form';

package/lib/cjs/InlineEmbed.d.ts

@@ -1,7 +0,0 @@
-/**
- * Inline embed a form within a webpage.
- * @param {*} config - Configuration to configure how the inline embed is rendered.
- */
-export function embed(config?: any): void;
-export { Formio };
-import { Formio } from './Embed';

package/lib/cjs/InlineEmbed.js

@@ -1,116 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Formio = exports.embed = void 0;
-const Embed_1 = require("./Embed");
-Object.defineProperty(exports, "Formio", { enumerable: true, get: function () { return Embed_1.Formio; } });
-/**
- * Inline embed a form within a webpage.
- * @param {*} config - Configuration to configure how the inline embed is rendered.
- */
-function embed(config = {}) {
-    const scripts = document.getElementsByTagName('script');
-    config = Object.assign({}, window.FormioConfig || {}, config);
-    let thisScript = null;
-    let i = scripts.length;
-    const scriptName = config.scriptName || 'formio.embed.';
-    while (i--) {
-        if (scripts[i].src && (scripts[i].src.indexOf(scriptName) !== -1)) {
-            thisScript = scripts[i];
-            break;
-        }
-    }
-    if (thisScript) {
-        const query = {};
-        const queryString = thisScript.src.replace(/^[^?]+\??/, '');
-        queryString.replace(/\?/g, '&').split('&').forEach((item) => {
-            query[item.split('=')[0]] = item.split('=')[1] && decodeURIComponent(item.split('=')[1]);
-        });
-        let scriptSrc = thisScript.src.replace(/^([^?]+).*/, '$1').split('/');
-        scriptSrc.pop();
-        let cdnSrc = '';
-        if (['js', 'offline'].includes(scriptSrc[scriptSrc.length - 1])) {
-            scriptSrc.pop();
-            scriptSrc = cdnSrc = scriptSrc.join('/');
-            scriptSrc += '/js';
-        }
-        else {
-            scriptSrc = scriptSrc.join('/');
-        }
-        const debug = (query.debug === 'true' || query.debug === '1');
-        const renderer = debug ? 'formio.form' : 'formio.form.min';
-        Embed_1.Formio.config = Object.assign({
-            script: query.script || (`${scriptSrc}/${renderer}.js`),
-            style: query.styles || (`${scriptSrc}/${renderer}.css`),
-            cdn: query.cdn || cdnSrc,
-            class: (query.class || 'formio-form-wrapper'),
-            src: query.src,
-            form: null,
-            submission: null,
-            project: query.project,
-            base: query.base || 'https://api.form.io',
-            submit: query.submit,
-            includeLibs: (query.libs === 'true' || query.libs === '1'),
-            noshadow: (query.shadow === 'false' || query.shadow === '0'),
-            template: query.template || 'bootstrap',
-            debug: debug,
-            config: {},
-            redirect: (query.return || query.redirect),
-            embedCSS: (`${scriptSrc}/formio.embed.css`),
-            success: query.success || 'Thank you for your submission!',
-            before: null,
-            after: null
-        }, config);
-        if (Embed_1.Formio.config.alter) {
-            Embed_1.Formio.config.alter(Embed_1.Formio.config);
-        }
-        const form = (Embed_1.Formio.config.form || Embed_1.Formio.config.src);
-        if (form) {
-            Embed_1.Formio.debug('Embedding Configuration', config);
-            // The id for this embedded form.
-            Embed_1.Formio.config.id = `formio-${Math.random().toString(36).substring(7)}`;
-            Embed_1.Formio.debug('Creating form element');
-            const element = Embed_1.Formio.createElement('div', {
-                'id': Embed_1.Formio.config.id,
-                class: Embed_1.Formio.config.class
-            });
-            // insertAfter doesn't exist, but effect is identical.
-            thisScript.parentNode.insertBefore(element, thisScript.parentNode.firstElementChild.nextSibling);
-            Embed_1.Formio.createForm(element, form, Embed_1.Formio.config.config).then((instance) => {
-                if (Embed_1.Formio.config.submit) {
-                    instance.nosubmit = true;
-                }
-                // Trigger the submit done event.
-                instance.on('submitDone', (submission) => Embed_1.Formio.submitDone(instance, submission));
-                // Configure a redirect.
-                instance.on('submit', (submission) => {
-                    Embed_1.Formio.debug("on('submit')", submission);
-                    if (Embed_1.Formio.config.submit) {
-                        Embed_1.Formio.debug(`Sending submission to ${Embed_1.Formio.config.submit}`);
-                        const headers = {
-                            'content-type': 'application/json'
-                        };
-                        const token = Embed_1.Formio.FormioClass.getToken();
-                        if (token) {
-                            headers['x-jwt-token'] = token;
-                        }
-                        Embed_1.Formio.FormioClass.fetch(Embed_1.Formio.config.submit, {
-                            body: JSON.stringify(submission),
-                            headers: headers,
-                            method: 'POST',
-                            mode: 'cors',
-                        })
-                            .then(resp => resp.json())
-                            .then((submission) => {
-                            Embed_1.Formio.submitDone(instance, submission);
-                        });
-                    }
-                });
-            });
-        }
-    }
-    else {
-        // Show an error if the script cannot be found.
-        document.write('<span>Could not locate the Embedded form.</span>');
-    }
-}
-exports.embed = embed;

package/lib/mjs/InlineEmbed.d.ts

@@ -1,7 +0,0 @@
-/**
- * Inline embed a form within a webpage.
- * @param {*} config - Configuration to configure how the inline embed is rendered.
- */
-export function embed(config?: any): void;
-export { Formio };
-import { Formio } from './Embed';

package/lib/mjs/InlineEmbed.js

@@ -1,112 +0,0 @@
-import { Formio } from './Embed';
-/**
- * Inline embed a form within a webpage.
- * @param {*} config - Configuration to configure how the inline embed is rendered.
- */
-export function embed(config = {}) {
-    const scripts = document.getElementsByTagName('script');
-    config = Object.assign({}, window.FormioConfig || {}, config);
-    let thisScript = null;
-    let i = scripts.length;
-    const scriptName = config.scriptName || 'formio.embed.';
-    while (i--) {
-        if (scripts[i].src && (scripts[i].src.indexOf(scriptName) !== -1)) {
-            thisScript = scripts[i];
-            break;
-        }
-    }
-    if (thisScript) {
-        const query = {};
-        const queryString = thisScript.src.replace(/^[^?]+\??/, '');
-        queryString.replace(/\?/g, '&').split('&').forEach((item) => {
-            query[item.split('=')[0]] = item.split('=')[1] && decodeURIComponent(item.split('=')[1]);
-        });
-        let scriptSrc = thisScript.src.replace(/^([^?]+).*/, '$1').split('/');
-        scriptSrc.pop();
-        let cdnSrc = '';
-        if (['js', 'offline'].includes(scriptSrc[scriptSrc.length - 1])) {
-            scriptSrc.pop();
-            scriptSrc = cdnSrc = scriptSrc.join('/');
-            scriptSrc += '/js';
-        }
-        else {
-            scriptSrc = scriptSrc.join('/');
-        }
-        const debug = (query.debug === 'true' || query.debug === '1');
-        const renderer = debug ? 'formio.form' : 'formio.form.min';
-        Formio.config = Object.assign({
-            script: query.script || (`${scriptSrc}/${renderer}.js`),
-            style: query.styles || (`${scriptSrc}/${renderer}.css`),
-            cdn: query.cdn || cdnSrc,
-            class: (query.class || 'formio-form-wrapper'),
-            src: query.src,
-            form: null,
-            submission: null,
-            project: query.project,
-            base: query.base || 'https://api.form.io',
-            submit: query.submit,
-            includeLibs: (query.libs === 'true' || query.libs === '1'),
-            noshadow: (query.shadow === 'false' || query.shadow === '0'),
-            template: query.template || 'bootstrap',
-            debug: debug,
-            config: {},
-            redirect: (query.return || query.redirect),
-            embedCSS: (`${scriptSrc}/formio.embed.css`),
-            success: query.success || 'Thank you for your submission!',
-            before: null,
-            after: null
-        }, config);
-        if (Formio.config.alter) {
-            Formio.config.alter(Formio.config);
-        }
-        const form = (Formio.config.form || Formio.config.src);
-        if (form) {
-            Formio.debug('Embedding Configuration', config);
-            // The id for this embedded form.
-            Formio.config.id = `formio-${Math.random().toString(36).substring(7)}`;
-            Formio.debug('Creating form element');
-            const element = Formio.createElement('div', {
-                'id': Formio.config.id,
-                class: Formio.config.class
-            });
-            // insertAfter doesn't exist, but effect is identical.
-            thisScript.parentNode.insertBefore(element, thisScript.parentNode.firstElementChild.nextSibling);
-            Formio.createForm(element, form, Formio.config.config).then((instance) => {
-                if (Formio.config.submit) {
-                    instance.nosubmit = true;
-                }
-                // Trigger the submit done event.
-                instance.on('submitDone', (submission) => Formio.submitDone(instance, submission));
-                // Configure a redirect.
-                instance.on('submit', (submission) => {
-                    Formio.debug("on('submit')", submission);
-                    if (Formio.config.submit) {
-                        Formio.debug(`Sending submission to ${Formio.config.submit}`);
-                        const headers = {
-                            'content-type': 'application/json'
-                        };
-                        const token = Formio.FormioClass.getToken();
-                        if (token) {
-                            headers['x-jwt-token'] = token;
-                        }
-                        Formio.FormioClass.fetch(Formio.config.submit, {
-                            body: JSON.stringify(submission),
-                            headers: headers,
-                            method: 'POST',
-                            mode: 'cors',
-                        })
-                            .then(resp => resp.json())
-                            .then((submission) => {
-                            Formio.submitDone(instance, submission);
-                        });
-                    }
-                });
-            });
-        }
-    }
-    else {
-        // Show an error if the script cannot be found.
-        document.write('<span>Could not locate the Embedded form.</span>');
-    }
-}
-export { Formio };

package/sdk.d.ts

@@ -1 +0,0 @@
-export * from './lib/cjs/Formio';

package/utils.d.ts

@@ -1 +0,0 @@
-export * from './lib/cjs/utils';