added dragula to this.root

src/Webform.js

@@ -15,6 +15,7 @@ import {
     getArrayFromComponentPath,
 } from "./utils/utils";
 import { eachComponent } from "./utils/formUtils";
+import dragula from "dragula";
 
 // Initialize the available forms.
 Formio.forms = {};
@@ -322,6 +323,8 @@ export default class Webform extends NestedDataComponent {
         // Ensure the root is set to this component.
         this.root = this;
         this.localRoot = this;
+
+        this.root.dragulaLib = dragula;
     }
     /* eslint-enable max-statements */
 

src/components/datagrid/DataGrid.unit.js

@@ -15,6 +15,7 @@ import {
   comp6,
   comp7,
   comp8,
+  comp9,
   withDefValue,
   withRowGroupsAndDefValue,
   modalWithRequiredFields,
@@ -415,6 +416,13 @@ describe('DataGrid Component', () => {
       assert.equal(component.childComponentsMap['dataGrid[0].radio'].element.querySelector('input').checked, false);
     });
   });
+
+  it('Should have dragula available when reorder flag is set to true', () => {
+    return Formio.createForm(document.createElement('div'), comp9, {}).then((form) => {
+      const dataGridComponent = form.getComponent('dataGrid');
+      assert(dataGridComponent.root.dragulaLib, 'could not find dragulaLib');
+    });
+  });
 });
 
 describe('DataGrid Panels', () => {

src/components/datagrid/fixtures/comp9.js

@@ -0,0 +1,42 @@
+export default {
+  "components": [
+    {
+      "label": "Data Grid",
+      "reorder": true,
+      "addAnotherPosition": "bottom",
+      "layoutFixed": false,
+      "enableRowGroups": false,
+      "initEmpty": false,
+      "tableView": false,
+      "defaultValue": [
+        {}
+      ],
+      "key": "dataGrid",
+      "type": "datagrid",
+      "input": true,
+      "components": [
+        {
+          "label": "Text Field",
+          "applyMaskOn": "change",
+          "tableView": true,
+          "key": "textField",
+          "type": "textfield",
+          "input": true
+        },
+        {
+          "label": "Number",
+          "applyMaskOn": "change",
+          "mask": false,
+          "tableView": false,
+          "delimiter": false,
+          "requireDecimal": false,
+          "inputFormat": "plain",
+          "truncateMultipleSpaces": false,
+          "key": "number",
+          "type": "number",
+          "input": true
+        }
+      ]
+    }
+  ]
+}

src/components/datagrid/fixtures/index.js

@@ -6,6 +6,7 @@ import comp5 from './comp5';
 import comp6 from './comp6';
 import comp7 from './comp7';
 import comp8 from './comp8';
+import comp9 from './comp9';
 import withDefValue from './comp-with-def-value';
 import withRowGroupsAndDefValue from './comp-row-groups-with-def-value';
 import modalWithRequiredFields from './comp-modal-with-required-fields';
@@ -15,4 +16,4 @@ import withCollapsibleRowGroups from './comp-with-collapsible-groups';
 import withAllowCalculateOverride from './comp-with-allow-calculate-override';
 import twoWithAllowCalculatedOverride from './two-comp-with-allow-calculate-override';
 import withCheckboxes from './comp-with-checkboxes';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, withCollapsibleRowGroups, withConditionalFieldsAndValidations, withDefValue, withLogic, withRowGroupsAndDefValue, modalWithRequiredFields, withAllowCalculateOverride, twoWithAllowCalculatedOverride, withCheckboxes };
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, withCollapsibleRowGroups, withConditionalFieldsAndValidations, withDefValue, withLogic, withRowGroupsAndDefValue, modalWithRequiredFields, withAllowCalculateOverride, twoWithAllowCalculatedOverride, withCheckboxes };