fix(#7375): fix dependency issues

babel.config.js

@@ -8,24 +8,32 @@ const isESM = process.env.NODE_ENV === 'esm';
 
 console.log('Build Package:', path.basename(process.cwd()));
 
-const defaultPlugins = [
+// Always enabled plugins
+const basePlugins = [
   'lodash',
   [
     'babel-plugin-transform-builtin-extend',
     {
       globals: ['Error'],
     },
   ],
+  'babel-plugin-inline-json-import',
+];
+
+// Legacy transforms for non-ESM builds
+// REVISIT: We probably don't need any of these since we use preset-env
+const legacyPlugins = [
   'transform-export-extensions',
   '@babel/plugin-proposal-class-properties',
   '@babel/plugin-proposal-object-rest-spread',
   '@babel/plugin-proposal-export-default-from',
   '@babel/plugin-proposal-nullish-coalescing-operator',
   '@babel/plugin-proposal-optional-chaining',
   '@babel/plugin-syntax-dynamic-import',
-  'babel-plugin-inline-json-import',
 ];
 
+const defaultPlugins = [...basePlugins, ...(isESM ? [] : legacyPlugins)];
+
 const svgo = {
   plugins: [
     {
@@ -42,7 +50,7 @@ const svgo = {
 function presets() {
   return [
     '@babel/preset-react',
-    ['@babel/preset-env', isESM ? { modules: false } : {}],
+    ...(!isESM ? [['@babel/preset-env', {}]] : []),
     [
       '@emotion/babel-preset-css-prop',
       {
@@ -70,6 +78,12 @@ function plugins() {
           svgo,
         },
       ],
+      [
+        'inline-import',
+        {
+          extensions: ['.css'],
+        },
+      ],
     ];
   }
 

jest.config.js

@@ -8,6 +8,7 @@ module.exports = {
     'decap-cms-lib-widgets': '<rootDir>/packages/decap-cms-lib-widgets/src/index.ts',
     'decap-cms-widget-object': '<rootDir>/packages/decap-cms-widget-object/src/index.js',
     '\\.(css|less)$': '<rootDir>/__mocks__/styleMock.js',
+    '^#home-directory$': 'clean-stack/home-directory.js',
   },
   snapshotSerializers: ['@emotion/jest/serializer'],
   transformIgnorePatterns: [

package.json

@@ -86,6 +86,7 @@
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.0.5",
     "babel-plugin-emotion": "^10.0.9",
+    "babel-plugin-inline-import": "^3.0.0",
     "babel-plugin-inline-json-import": "^0.3.2",
     "babel-plugin-inline-react-svg": "^2.0.0",
     "babel-plugin-lodash": "^3.3.4",

packages/decap-cms-core/package.json

@@ -30,7 +30,7 @@
     "ajv": "8.12.0",
     "ajv-errors": "^3.0.0",
     "ajv-keywords": "^5.0.0",
-    "clean-stack": "^4.1.0",
+    "clean-stack": "^5.2.0",
     "copy-text-to-clipboard": "^3.0.0",
     "dayjs": "^1.11.10",
     "deepmerge": "^4.2.2",
@@ -56,7 +56,7 @@
     "react-polyglot": "^0.7.0",
     "react-redux": "^7.2.0",
     "react-router-dom": "^5.2.0",
-    "react-scroll-sync": "^0.9.0",
+    "react-scroll-sync": "^0.11.2",
     "react-split-pane": "^0.1.85",
     "react-toastify": "^9.1.1",
     "react-topbar-progress-indicator": "^4.0.0",

packages/decap-cms-widget-markdown/package.json

@@ -37,6 +37,7 @@
     "slate": "^0.91.1",
     "slate-base64-serializer": "^0.2.107",
     "slate-history": "^0.93.0",
+    "slate-hyperscript": "^0.77.0",
     "slate-plain-serializer": "^0.7.1",
     "slate-react": "^0.91.2",
     "slate-soft-break": "^0.9.0",
@@ -57,7 +58,6 @@
   },
   "devDependencies": {
     "commonmark": "^0.30.0",
-    "commonmark-spec": "^0.30.0",
-    "slate-hyperscript": "^0.77.0"
+    "commonmark-spec": "^0.30.0"
   }
 }