@formio/js 5.0.0-rc.14 → 5.0.0-rc.15

package/lib/cjs/WebformBuilder.d.ts

@@ -1,5 +1,6 @@
 export default class WebformBuilder extends Component {
     constructor(...args: any[]);
+    dragulaLib: any;
     builderHeight: number;
     schemas: {};
     repeatablePaths: any[];

package/lib/cjs/WebformBuilder.js

@@ -16,6 +16,10 @@ const lodash_1 = __importDefault(require("lodash"));
 const dom_autoscroller_1 = __importDefault(require("dom-autoscroller"));
 const Templates_1 = __importDefault(require("./templates/Templates"));
 require("./components/builder");
+// We need this here because dragula pulls in CustomEvent class that requires global to exist.
+if (typeof window !== 'undefined' && typeof window.global === 'undefined') {
+    window.global = window;
+}
 const dragula_1 = __importDefault(require("dragula"));
 class WebformBuilder extends Component_1.default {
     // eslint-disable-next-line max-statements
@@ -46,6 +50,7 @@ class WebformBuilder extends Component_1.default {
             }
         };
         this.setElement(element);
+        this.dragulaLib = dragula_1.default;
         this.builderHeight = 0;
         this.schemas = {};
         this.repeatablePaths = [];

package/lib/cjs/WizardBuilder.js

@@ -8,7 +8,6 @@ const Webform_1 = __importDefault(require("./Webform"));
 const builder_1 = __importDefault(require("./utils/builder"));
 const lodash_1 = __importDefault(require("lodash"));
 const utils_1 = require("./utils/utils");
-const dragula_1 = __importDefault(require("dragula"));
 class WizardBuilder extends WebformBuilder_1.default {
     constructor() {
         let element, options;
@@ -148,8 +147,8 @@ class WizardBuilder extends WebformBuilder_1.default {
         this.refs.gotoPage.forEach((page, index) => {
             page.parentNode.dragInfo = { index };
         });
-        if (dragula_1.default) {
-            (0, dragula_1.default)([this.element.querySelector('.wizard-pages')])
+        if (this.dragulaLib) {
+            this.dragulaLib([this.element.querySelector('.wizard-pages')])
                 .on('drop', this.onReorder.bind(this));
         }
         this.refs.addPage.forEach(link => {

package/lib/cjs/components/datagrid/DataGrid.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
 const NestedArrayComponent_1 = __importDefault(require("../_classes/nestedarray/NestedArrayComponent"));
 const utils_1 = require("../../utils/utils");
-const dragula_1 = __importDefault(require("dragula"));
 class DataGridComponent extends NestedArrayComponent_1.default {
     static schema(...extend) {
         return NestedArrayComponent_1.default.schema({
@@ -270,8 +269,8 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             this.refs[`${this.datagridKey}-row`].forEach((row, index) => {
                 row.dragInfo = { index };
             });
-            if (dragula_1.default) {
-                this.dragula = (0, dragula_1.default)([this.refs[`${this.datagridKey}-tbody`]], {
+            if (this.root.dragulaLib) {
+                this.dragula = this.root.dragulaLib([this.refs[`${this.datagridKey}-tbody`]], {
                     moves: (_draggedElement, _oldParent, clickedElement) => {
                         const clickedElementKey = clickedElement.getAttribute('data-key');
                         const oldParentKey = _oldParent.getAttribute('data-key');

package/lib/cjs/templates/Templates.js

@@ -3,13 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const index_1 = __importDefault(require("./index"));
 const lodash_1 = __importDefault(require("lodash"));
 class Templates {
     static get templates() {
-        if (!Templates._templates) {
-            Templates._templates = index_1.default;
-        }
         return Templates._templates;
     }
     static addTemplate(name, template) {
@@ -32,7 +28,7 @@ class Templates {
         return Templates.defaultTemplates;
     }
     static get defaultTemplates() {
-        return Templates.templates.bootstrap;
+        return Templates.templates.hasOwnProperty('bootstrap') ? Templates.templates.bootstrap : {};
     }
     static set framework(framework) {
         if (Templates.templates.hasOwnProperty(framework)) {

package/lib/mjs/WebformBuilder.d.ts

@@ -1,5 +1,6 @@
 export default class WebformBuilder extends Component {
     constructor(...args: any[]);
+    dragulaLib: any;
     builderHeight: number;
     schemas: {};
     repeatablePaths: any[];

package/lib/mjs/WebformBuilder.js

@@ -11,6 +11,10 @@ import _ from 'lodash';
 import autoScroll from 'dom-autoscroller';
 import Templates from './templates/Templates';
 import './components/builder';
+// We need this here because dragula pulls in CustomEvent class that requires global to exist.
+if (typeof window !== 'undefined' && typeof window.global === 'undefined') {
+    window.global = window;
+}
 import dragula from 'dragula';
 export default class WebformBuilder extends Component {
     // eslint-disable-next-line max-statements
@@ -28,6 +32,7 @@ export default class WebformBuilder extends Component {
         options.display = options.display || 'form';
         super(null, options);
         this.setElement(element);
+        this.dragulaLib = dragula;
         this.builderHeight = 0;
         this.schemas = {};
         this.repeatablePaths = [];

package/lib/mjs/WizardBuilder.js

@@ -3,7 +3,6 @@ import Webform from './Webform';
 import BuilderUtils from './utils/builder';
 import _ from 'lodash';
 import { fastCloneDeep } from './utils/utils';
-import dragula from 'dragula';
 export default class WizardBuilder extends WebformBuilder {
     constructor() {
         let element, options;
@@ -143,8 +142,8 @@ export default class WizardBuilder extends WebformBuilder {
         this.refs.gotoPage.forEach((page, index) => {
             page.parentNode.dragInfo = { index };
         });
-        if (dragula) {
-            dragula([this.element.querySelector('.wizard-pages')])
+        if (this.dragulaLib) {
+            this.dragulaLib([this.element.querySelector('.wizard-pages')])
                 .on('drop', this.onReorder.bind(this));
         }
         this.refs.addPage.forEach(link => {

package/lib/mjs/components/datagrid/DataGrid.js

@@ -1,7 +1,6 @@
 import _ from 'lodash';
 import NestedArrayComponent from '../_classes/nestedarray/NestedArrayComponent';
 import { fastCloneDeep, getFocusableElements } from '../../utils/utils';
-import dragula from 'dragula';
 export default class DataGridComponent extends NestedArrayComponent {
     static schema(...extend) {
         return NestedArrayComponent.schema({
@@ -268,8 +267,8 @@ export default class DataGridComponent extends NestedArrayComponent {
             this.refs[`${this.datagridKey}-row`].forEach((row, index) => {
                 row.dragInfo = { index };
             });
-            if (dragula) {
-                this.dragula = dragula([this.refs[`${this.datagridKey}-tbody`]], {
+            if (this.root.dragulaLib) {
+                this.dragula = this.root.dragulaLib([this.refs[`${this.datagridKey}-tbody`]], {
                     moves: (_draggedElement, _oldParent, clickedElement) => {
                         const clickedElementKey = clickedElement.getAttribute('data-key');
                         const oldParentKey = _oldParent.getAttribute('data-key');

package/lib/mjs/templates/Templates.js

@@ -1,10 +1,6 @@
-import templates from './index';
 import _ from 'lodash';
 export default class Templates {
     static get templates() {
-        if (!Templates._templates) {
-            Templates._templates = templates;
-        }
         return Templates._templates;
     }
     static addTemplate(name, template) {
@@ -27,7 +23,7 @@ export default class Templates {
         return Templates.defaultTemplates;
     }
     static get defaultTemplates() {
-        return Templates.templates.bootstrap;
+        return Templates.templates.hasOwnProperty('bootstrap') ? Templates.templates.bootstrap : {};
     }
     static set framework(framework) {
         if (Templates.templates.hasOwnProperty(framework)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-rc.14",
+  "version": "5.0.0-rc.15",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -93,7 +93,7 @@
     "fast-deep-equal": "^3.1.3",
     "fast-json-patch": "^3.1.1",
     "fetch-ponyfill": "^7.1.0",
-    "i18next": "22.4.12",
+    "i18next": "22.5.1",
     "idb": "^7.1.1",
     "ismobilejs": "^1.1.1",
     "json-logic-js": "^2.0.2",
@@ -160,7 +160,7 @@
     "pretty": "^2.0.0",
     "pygments-css": "^1.0.0",
     "raw-loader": "^4.0.2",
-    "sass": "^1.62.1",
+    "sass": "^1.63.2",
     "shortcut-buttons-flatpickr": "^0.4.0",
     "sinon": "^15.1.0",
     "string-replace-loader": "^3.1.0",