Change root imports to @plone/volto.

Replace all ``~`` root imports with the ``@plone/volto`` alias and remove related dev dependencies.
This change allows Volto to be defined as a importable module dependency in another library where the root is different.

Author: thet

.eslintrc

@@ -33,9 +33,6 @@
       "alias": {
         "map": [["@plone/volto", "./src"]],
         "extensions": [".js", ".jsx", ".json"]
-      },
-      "babel-plugin-root-import": {
-        "rootPathSuffix": "src"
       }
     },
     "import/core-modules": [ "load-volto-addons" ]

CHANGELOG.md

@@ -6,12 +6,6 @@ module.exports = function (api) {
     '@babel/plugin-proposal-export-default-from', // Stage 1
     '@babel/plugin-syntax-export-namespace-from', // Stage 4
     '@babel/plugin-proposal-throw-expressions', // Stage 2
-    [
-      'babel-plugin-root-import', // Required for the ~ imports to work
-      {
-        rootPathSuffix: 'src',
-      },
-    ],
     [
       'react-intl', // React Intl extractor, required for the whole i18n infrastructure to work
       {

babel.js

@@ -234,12 +234,10 @@
     "@testing-library/react": "11.2.2",
     "autoprefixer": "9.7.6",
     "axe-core": "3.5.3",
-    "babel-7-plugin-root-import": "5.4.0",
     "babel-eslint": "10.1.0",
     "babel-plugin-add-module-exports": "0.2.1",
     "babel-plugin-lodash": "3.3.4",
     "babel-plugin-react-intl": "5.1.17",
-    "babel-plugin-root-import": "6.1.0",
     "bundlesize": "0.18.0",
     "bundlewatch": "0.2.7",
     "classnames": "2.2.6",
@@ -263,7 +261,6 @@
     "eslint-config-prettier": "6.11.0",
     "eslint-config-react-app": "5.2.1",
     "eslint-import-resolver-alias": "1.1.2",
-    "eslint-import-resolver-babel-plugin-root-import": "1.1.1",
     "eslint-plugin-flowtype": "4.7.0",
     "eslint-plugin-import": "2.20.2",
     "eslint-plugin-jsx-a11y": "6.2.3",

package.json

@@ -13,7 +13,7 @@ import {
   UPDATECOLUMNS_CONTENT,
 } from '@plone/volto/constants/ActionTypes';
 import { nestContent } from '@plone/volto/helpers';
-import { settings } from '~/config';
+import { settings } from '@plone/volto/config';
 
 /**
  * Create content function.

src/actions/content/content.js

@@ -1,7 +1,7 @@
 import { getContent } from './content';
 import { GET_CONTENT } from '@plone/volto/constants/ActionTypes';
 
-jest.mock('~/config', () => ({
+jest.mock('@plone/volto/config', () => ({
   settings: {
     isMultilingual: true,
     supportedLanguages: ['de', 'es'],

src/actions/content/content.multilingual.test.js

@@ -1,5 +1,5 @@
 import { GET_QUERYSTRING_RESULTS } from '@plone/volto/constants/ActionTypes';
-import { settings } from '~/config';
+import { settings } from '@plone/volto/config';
 
 /**
  * Get querystring results.

src/actions/querystringsearch/querystringsearch.js

@@ -3,7 +3,7 @@
  * @module actions/vocabularies/vocabularies
  */
 
-import { settings } from '~/config';
+import { settings } from '@plone/volto/config';
 import {
   GET_VOCABULARY,
   GET_VOCABULARY_TOKEN_TITLE,

src/actions/vocabularies/vocabularies.js

@@ -9,7 +9,7 @@ import {
   TRANSITION_WORKFLOW,
 } from '@plone/volto/constants/ActionTypes';
 
-import { settings } from '~/config';
+import { settings } from '@plone/volto/config';
 
 /**
  * Get workflow function.

src/actions/workflow/workflow.js

@@ -16,7 +16,7 @@ import { DragDropContext } from 'react-dnd';
 import HTML5Backend from 'react-dnd-html5-backend';
 import { v4 as uuid } from 'uuid';
 import qs from 'query-string';
-import { settings } from '~/config';
+import { settings } from '@plone/volto/config';
 import { toast } from 'react-toastify';
 
 import { createContent, getSchema } from '@plone/volto/actions';
@@ -28,7 +28,7 @@ import {
   getBlocksLayoutFieldname,
 } from '@plone/volto/helpers';
 
-import { blocks } from '~/config';
+import { blocks } from '@plone/volto/config';
 
 import saveSVG from '@plone/volto/icons/save.svg';
 import clearSVG from '@plone/volto/icons/clear.svg';