From c8ccf824e8a89e533e7f3904904f5ef7affec5a5 Mon Sep 17 00:00:00 2001
From: soupette <cyril.lpz@gmail.com>
Date: Tue, 4 May 2021 09:01:09 +0200
Subject: [PATCH] Add babel-plugin-styled-components

Signed-off-by: soupette <cyril.lpz@gmail.com>
---
 packages/core/admin/package.json             | 1 +
 packages/core/admin/webpack.config.js        | 1 +
 packages/core/helper-plugin/package.json     | 1 +
 packages/core/helper-plugin/rollup.config.js | 6 +++++-
 yarn.lock                                    | 2 +-
 5 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/core/admin/package.json b/packages/core/admin/package.json
index a6337e611a..c0a2b6aa4e 100644
--- a/packages/core/admin/package.json
+++ b/packages/core/admin/package.json
@@ -42,6 +42,7 @@
     "@strapi/utils": "3.6.0",
     "axios": "^0.21.1",
     "babel-loader": "8.2.2",
+    "babel-plugin-styled-components": "1.12.0",
     "bcryptjs": "^2.4.3",
     "bootstrap": "^4.6.0",
     "chalk": "^4.1.1",
diff --git a/packages/core/admin/webpack.config.js b/packages/core/admin/webpack.config.js
index 86c1e0b22b..e7609bc194 100644
--- a/packages/core/admin/webpack.config.js
+++ b/packages/core/admin/webpack.config.js
@@ -116,6 +116,7 @@ module.exports = ({
                     regenerator: true,
                   },
                 ],
+                [require.resolve('babel-plugin-styled-components'), { pure: true }],
               ],
             },
           },
diff --git a/packages/core/helper-plugin/package.json b/packages/core/helper-plugin/package.json
index 0b151ce7aa..a93f20e895 100644
--- a/packages/core/helper-plugin/package.json
+++ b/packages/core/helper-plugin/package.json
@@ -66,6 +66,7 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.14",
     "@rollup/plugin-image": "2.0.6",
+    "babel-plugin-styled-components": "1.12.0",
     "bootstrap": "^4.6.0",
     "classnames": "^2.3.1",
     "immutable": "^3.8.2",
diff --git a/packages/core/helper-plugin/rollup.config.js b/packages/core/helper-plugin/rollup.config.js
index 02d8aca698..70e67ab309 100644
--- a/packages/core/helper-plugin/rollup.config.js
+++ b/packages/core/helper-plugin/rollup.config.js
@@ -53,7 +53,11 @@ export default {
         '@babel/preset-react',
       ],
       babelHelpers: 'runtime',
-      plugins: ['@babel/plugin-transform-runtime', '@babel/plugin-proposal-class-properties'],
+      plugins: [
+        '@babel/plugin-transform-runtime',
+        '@babel/plugin-proposal-class-properties',
+        ['babel-plugin-styled-components', { pure: true }],
+      ],
       exclude: 'node_modules/**',
     }),
     commonjs(),
diff --git a/yarn.lock b/yarn.lock
index 2d6dbe21ef..7aa9ee196b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5132,7 +5132,7 @@ babel-plugin-polyfill-regenerator@^0.2.0:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.2.0"
 
-"babel-plugin-styled-components@>= 1.12.0":
+babel-plugin-styled-components@1.12.0, "babel-plugin-styled-components@>= 1.12.0":
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9"
   integrity sha512-FEiD7l5ZABdJPpLssKXjBUJMYqzbcNzBowfXDCdJhOpbhWiewapUaY+LZGT8R4Jg2TwOjGjG4RKeyrO5p9sBkA==