Fixing build with imports.

Author: travist

.gitignore

@@ -1,3 +1,4 @@
+.DS_Store
 .bower.json
 *.log
 node_modules

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/react",
-  "version": "5.1.1",
+  "version": "5.2.0-rc.1",
   "description": "React renderer for form.io forms.",
   "main": "lib/index.js",
   "scripts": {

package.json

@@ -1,10 +1,8 @@
 import React, {useEffect, useState} from 'react';
 import PropTypes from 'prop-types';
 import EventEmitter from 'eventemitter2';
-import AllComponents from 'formiojs/components';
-import Components from 'formiojs/components/Components';
-Components.setComponents(AllComponents);
-import FormioForm from 'formiojs/Form';
+import {Formio} from 'formiojs';
+const FormioForm = Formio.Form;
 
  const Form = (props) => {
   let instance;

src/components/Form.jsx

@@ -1,10 +1,7 @@
 import React, {useEffect, useRef, useState, useCallback, useLayoutEffect} from 'react';
 import PropTypes from 'prop-types';
-import AllComponents from 'formiojs/components';
-import Components from 'formiojs/components/Components';
-import FormioFormBuilder from 'formiojs/FormBuilder';
-
-Components.setComponents(AllComponents);
+import {Formio} from 'formiojs';
+const FormioFormBuilder = Formio.Builder;
 
 const FormBuilder = (props) => {
   const builderRef = useRef();

src/components/FormBuilder.jsx

@@ -1,4 +1,5 @@
-import Field from 'formiojs/components/_classes/field/Field';
+import {Formio} from 'formiojs';
+const Field = Formio.Components.components.field;
 
 export default class ReactComponent extends Field {
   /**

src/components/ReactComponent.jsx

@@ -1,4 +1,4 @@
-import FormioUtils from 'formiojs/utils';
+import {Utils as FormioUtils} from 'formiojs';
 import _get from 'lodash/get';
 import _isFunction from 'lodash/isFunction';
 import _isObject from 'lodash/isObject';

src/components/SubmissionGrid.jsx

@@ -1,7 +1,8 @@
-import Webform from 'formiojs/Webform';
-import WebformBuilder from 'formiojs/WebformBuilder';
-import Wizard from 'formiojs/Wizard';
-import WizardBuilder from 'formiojs/WizardBuilder';
+import {Formio} from 'formiojs';
+const Webform = Formio.Webform;
+const WebformBuilder = Formio.WebformBuilder;
+const Wizard = Formio.Wizard;
+const WizardBuilder = Formio.WizardBuilder;
 
 export {
   Webform,

src/index.js

@@ -1,4 +1,4 @@
-import formiojs from 'formiojs/Formio';
+import {Formio as formiojs} from 'formiojs';
 import * as type from './constants';
 
 const requestUser = () => ({

src/modules/auth/actions.js

@@ -1,4 +1,4 @@
-import Formiojs from 'formiojs/Formio';
+import {Formio as Formiojs} from 'formiojs';
 import * as types from './constants';
 import {selectForm} from './selectors';