babel config imports (#763)

* add babel import plugin

* move to es imports

Author: petar-cvit

web/src/components/Blogs/index.js

@@ -1,11 +1,13 @@
 import React, { useEffect, useRef, useState } from "react";
 import styles from "./styles.module.css";
-import { Col, Row } from "antd";
 import Blog from "./Blog";
 import BlogsTitle from "./Title";
 import BlogsDescription from "./Description";
 import More from "./More";
 
+import Col from "antd/es/col"
+import Row from "antd/es/row"
+
 const Blogs = () => {
   return (
     <div className={styles.featuresroot} style={{ overflow: "hidden" }}>

web/src/components/CalendlyWidget.jsx

@@ -1,8 +1,10 @@
 import React from "react";
-import { Button, ConfigProvider } from "antd";
 import styles from "../pages/index.module.css";
 import { Helmet } from "react-helmet";
 
+import Button from "antd/es/button"
+import ConfigProvider from "antd/es/config-provider"
+
 export default function CalendlyWidget() {
   return (
     <>

web/src/components/Comparison/index.js

@@ -4,7 +4,10 @@ import SyntaxHighlighter from 'react-syntax-highlighter';
 
 import Form from "antd/es/form";
 
-import {ConfigProvider, Input, InputNumber, Select} from "antd";
+import ConfigProvider from "antd/es/config-provider"
+import Input from "antd/es/input"
+import InputNumber from "antd/es/input-number"
+import Select from "antd/es/select"
 
 const Comparison = () => {
     const [name, setName] = useState("nginx");

web/src/components/Features/Customizable/index.js

@@ -1,7 +1,13 @@
 import React, {useEffect, useRef, useState} from 'react';
 import styles from './styles.module.css';
-import {Card, Col, ConfigProvider, Form, Input, InputNumber, Row, Select, Switch} from "antd";
-import {CheckOutlined, SmileOutlined} from "@ant-design/icons";
+
+import Card from "antd/es/card"
+import Col from "antd/es/col"
+import ConfigProvider from "antd/es/config-provider"
+import Form from "antd/es/form"
+import Input from "antd/es/input"
+import InputNumber from "antd/es/input-number"
+import Row from "antd/es/row"
 
 const Customizable = () => {
     const elementRef = useRef(null);

web/src/components/Features/Productivity/index.js

@@ -1,6 +1,9 @@
 import React, { useEffect, useRef, useState } from "react";
 import styles from "./styles.module.css";
-import { Card, Col, Row } from "antd";
+
+import Card from "antd/es/card"
+import Col from "antd/es/col"
+import Row from "antd/es/row"
 
 import graph from "/static/img/productivity-graph.gif";
 

web/src/components/Features/Title/index.js

@@ -1,6 +1,7 @@
 import React, {useEffect, useRef, useState} from 'react';
 import styles from './styles.module.css';
-import {Row} from "antd";
+
+import Row from "antd/es/row";
 
 import cyclopsTitle from '/static/img/cyclops-title.png';
 

web/src/components/Features/Validations/index.js

@@ -1,7 +1,13 @@
 import React, {useEffect, useRef, useState} from 'react';
 import styles from './styles.module.css';
-import {Card, Col, ConfigProvider, Form, Input, InputNumber, Row, Select, Switch} from "antd";
-import {CheckOutlined, SmileOutlined} from "@ant-design/icons";
+
+import Card from "antd/es/card"
+import Col from "antd/es/col"
+import ConfigProvider from "antd/es/config-provider"
+import Form from "antd/es/form"
+import Input from "antd/es/input"
+import InputNumber from "antd/es/input-number"
+import Row from "antd/es/row"
 
 const Validations = () => {
     const elementRef = useRef(null);

web/src/components/Features/index.js

@@ -2,10 +2,12 @@ import React, {useEffect, useRef} from 'react';
 import styles from './styles.module.css';
 import FeaturesTitle from "./Title";
 import Validations from "./Validations";
-import {Col, Row} from "antd";
 import Productivity from "./Productivity";
 import Customizable from "./Customizable";
 
+import Col from "antd/es/col"
+import Row from "antd/es/row"
+
 const Features = () => {
     const featRoot = useRef(null);
     const vertLine = useRef(null);

web/src/components/Support/index.js

@@ -2,7 +2,8 @@ import React from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.css';
 
-import {Col, Divider, Row} from "antd";
+import Divider from "antd/es/divider";
+
 import Link from '@docusaurus/Link';
 import Title from "antd/es/typography/Title";
 

web/src/components/Testimonials/index.js

@@ -1,9 +1,10 @@
 import React, {useEffect, useRef, useState} from 'react';
 import styles from './styles.module.css';
-import {Col, Row} from "antd";
 import Testimonial from "./Testimonial";
 import TestimonialsTitle from "./Title";
-import { LinkedinFilled } from '@ant-design/icons';
+
+import Col from "antd/es/col"
+import Row from "antd/es/row"
 
 const Testimonials = () => {
     return (

web/src/pages/index.js

@@ -13,7 +13,10 @@ import Features from "../components/Features";
 import Blogs from "../components/Blogs";
 import Testimonials from "../components/Testimonials";
 import Newsletter from "../components/Newsletter";
-import { Button, ConfigProvider, Row } from "antd";
+
+import Button from "antd/es/button";
+import ConfigProvider from "antd/es/config-provider";
+import Row from "antd/es/row";
 
 export default function Home() {
   return (

web/src/pages/pricing.js

@@ -1,9 +1,15 @@
 import Layout from "@theme/Layout";
-import { Card, Button, Typography, Row, Col, ConfigProvider } from "antd";
 import styles from "./index.module.css";
 import yaml from "/static/img/yaml_background.png";
 import AdoptersPlanSignup from "../components/AdoptersPlanSignup/AdoptersPlanSignup";
 
+import Card from "antd/es/card"
+import Button from "antd/es/button"
+import Typography from "antd/es/typography"
+import Row from "antd/es/row"
+import Col from "antd/es/col"
+import ConfigProvider from "antd/es/config-provider"
+
 const { Paragraph } = Typography;
 
 export default function Pricing() {