update to v1.2.1

Author: sajadevo

.env

@@ -0,0 +1 @@
+GENERATE_SOURCEMAP=false

CHANGELOG.md

@@ -1,21 +1,40 @@
 # Change Log
 
+## [1.2.1] 2021-08-05
+
+- Update the dependencies
+- Migration to React 18
+- Migration to sass from node-sass
+
 ## [1.2.0] 2020-12-08
+
 ### Enhancements
+
 - **Full Hooks Support**: Change `class` components usage with `functional` ones in order to support Hooks
+
 ### Bug fixing
+
 ### Misc
+
 - Add new branch, named `main`, this will replace the `master` branch
+
 ### Major style changes
+
 - Remove `src/assets/scss/blk-design-system-react/bootstrap` folder and start using the `node_modules/bootstrap` one
 - Add `src/assets/scss/blk-design-system-react/react/_custom-forms.scss` for usage of Bootstrap Switch / Reactstrap CustomInput of type switch
+
 ### Deleted components
+
 ### Added components
+
 ### Deleted dependencies
+
 - react-bootstrap-switch
   - This project was not longer maintained, and it had issues with the new React version. The styles for it are still kept inside the product, but we do not recommended using the plugin anymore. You can use the simple Reactstrap CustomInput of type switch or the basic HTML Bootstrap Switch one.
 - eslint-plugin-flowtype
+
 ### Added dependencies
+
 ```
 "@testing-library/jest-dom": "5.11.6",
 "@testing-library/react": "11.2.2",
@@ -25,7 +44,9 @@
 "node-sass-package-importer": "5.3.2",
 "web-vitals": "1.0.1"
 ```
+
 ### Updated dependencies
+
 ```
 chart.js                   2.9.3   →    2.9.4
 moment                    2.24.0   →   2.29.1
@@ -40,35 +61,51 @@ react-scripts              3.4.1   →    4.0.1
 reactstrap                 8.4.1   →    8.7.1
 typescript                 3.8.3   →    4.1.2
 ```
+
 ### Important Notes
+
 **The jQuery and TypeScript dependencies are installed only to stop console warnings on install. They are not actually used in our product. So the product is not based on jQuery, and it is not based on TypeScript!**
+
 ### Warning
+
 _Some warnings may appear when running the installation command, but they do not affect the UI or the functionality of the product._
 _The following warnings will appear when running the installation command, but they do not affect the UI or the functionality of the product (they will be solved in our next update):_
+
 ```
 npm WARN [email protected] requires a peer of react@^16.5.0 but none is installed. You must install peer dependencies yourself.
 npm WARN [email protected] requires a peer of [email protected] || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
 npm WARN [email protected] requires a peer of react@^0.14.0 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
 ```
 
 ## [1.1.0] 2020-04-10
+
 ### Bug fixing
+
 - Github
   - https://github.com/creativetimofficial/blk-design-system-react/issues/8
   - https://github.com/creativetimofficial/blk-design-system-react/issues/7
   - https://github.com/creativetimofficial/blk-design-system-react/issues/5
   - https://github.com/creativetimofficial/blk-design-system-react/issues/4
   - https://github.com/creativetimofficial/blk-design-system-react/issues/2
   - https://github.com/creativetimofficial/blk-design-system-react/issues/1
+
 ### Major style changes
+
 - `src/assets/scss/blk-design-system-react/react/plugins/_plugin-nouislider.scss`
+
 ### Deleted components
+
 ### Added components
+
 ### Deleted dependencies
+
 ### Added dependencies
-+ [email protected] (to stop terminal/cmd warnings)
-+ [email protected] (to stop terminal/cmd warnings)
+
+- [email protected] (to stop terminal/cmd warnings)
+- [email protected] (to stop terminal/cmd warnings)
+
 ### Updated dependencies
+
 ```
 chart.js             2.7.3   →     2.9.3
 node-sass           4.11.0   →    4.13.1
@@ -81,14 +118,19 @@ react-router-dom     4.3.1   →     5.1.2
 react-scripts        2.1.5   →     3.4.1
 reactstrap           7.1.0   →     8.4.1
 ```
+
 ### Warning
+
 **The following warnings may appear when running the installation command, but they do not affect the UI or the functionality of the product:**
+
 ```
 npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
 npm WARN deprecated [email protected]: Popper changed home, find its new releases at @popperjs/core
 npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
 ```
+
 **The folowing components make react throw errors for using life-cycle methods that will be dropped in React 17.x: react-datetime, react-bootstrap-switch. But the UI or functionality of the product is not affected. When we'll update the product to React 17.x, if the issue will persist, we'll drop support for these components and replace them with other ones that create the same or a similar UI. Also, the warnings are only present in the development, and not in production.**
+
 ```
 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
 
@@ -100,6 +142,8 @@ Please update the following components: DateTime, Switch
 ```
 
 ## [1.0.0] 2019-03-04
+
 ### Original Release
+
 - Added Reactstrap as base framework
 - Added design from BLK Design System by Creative Tim

Documentation/documentation.html

@@ -2,11 +2,11 @@
 /*!
 
 =========================================================
-* BLK Design System React - v1.2.0
+* BLK Design System React - v1.2.1
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/blk-design-system-react
-* Copyright 2020 Creative Tim (https://www.creative-tim.com)
+* Copyright 2022 Creative Tim (https://www.creative-tim.com)
 * Licensed under MIT (https://github.com/creativetimofficial/blk-design-system-react/blob/main/LICENSE.md)
 
 * Coded by Creative Tim
@@ -138,7 +138,9 @@
               <span class="navbar-toggler-bar bar3"></span>
             </button>
           </div>
-          <a class="navbar-brand" href="https://www.creative-tim.com/product/blk-design-system-react?ref=blkdsr-static-docs"
+          <a
+            class="navbar-brand"
+            href="https://www.creative-tim.com/product/blk-design-system-react?ref=blkdsr-static-docs"
             >BLK Design System React</a
           >
         </div>
@@ -157,7 +159,11 @@
         <div class="collapse navbar-collapse" id="navigation">
           <ul class="navbar-nav ml-auto">
             <li class="nav-item">
-              <a target="_blank" href="https://www.creative-tim.com/product/blk-design-system-pro-react?ref=blkdsr-static-docs" class="nav-link d-none d-lg-block btn btn-primary">
+              <a
+                target="_blank"
+                href="https://www.creative-tim.com/product/blk-design-system-pro-react?ref=blkdsr-static-docs"
+                class="nav-link d-none d-lg-block btn btn-primary"
+              >
                 <i class="tim-icons icon-spaceship"></i> Upgrade to PRO
               </a>
             </li>
@@ -207,7 +213,7 @@
     <div class="page-header clear-filter">
       <div
         class="page-header-image"
-        style="background-image: url('../src/assets/img/img_3115.jpg');"
+        style="background-image: url('../src/assets/img/img_3115.jpg')"
       ></div>
       <div class="content-center">
         <div class="col-md-8 ml-auto mr-auto">
@@ -233,17 +239,26 @@ <h1 class="title">BLK• React</h1>
           <div class="col-md-3">
             <ul class="nav">
               <li class="nav-item">
-                <a href="https://creative-tim.com/contact-us?ref=blkdsr-static-docs-footer" class="nav-link">
+                <a
+                  href="https://creative-tim.com/contact-us?ref=blkdsr-static-docs-footer"
+                  class="nav-link"
+                >
                   Contact Us
                 </a>
               </li>
               <li class="nav-item">
-                <a href="https://creative-tim.com/about-us?ref=blkdsr-static-docs-footer" class="nav-link">
+                <a
+                  href="https://creative-tim.com/about-us?ref=blkdsr-static-docs-footer"
+                  class="nav-link"
+                >
                   About Us
                 </a>
               </li>
               <li class="nav-item">
-                <a href="https://creative-tim.com/blog?ref=blkdsr-static-docs-footer" class="nav-link">
+                <a
+                  href="https://creative-tim.com/blog?ref=blkdsr-static-docs-footer"
+                  class="nav-link"
+                >
                   Blog
                 </a>
               </li>
@@ -257,13 +272,31 @@ <h1 class="title">BLK• React</h1>
           <div class="col-md-3">
             <h3 class="title">Follow us:</h3>
             <div class="btn-wrapper profile">
-              <a target="_blank" href="https://twitter.com/creativetim" class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip" data-original-title="Follow us">
+              <a
+                target="_blank"
+                href="https://twitter.com/creativetim"
+                class="btn btn-icon btn-neutral btn-round btn-simple"
+                data-toggle="tooltip"
+                data-original-title="Follow us"
+              >
                 <i class="fab fa-twitter"></i>
               </a>
-              <a target="_blank" href="https://www.facebook.com/creativetim" class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip" data-original-title="Like us">
+              <a
+                target="_blank"
+                href="https://www.facebook.com/creativetim"
+                class="btn btn-icon btn-neutral btn-round btn-simple"
+                data-toggle="tooltip"
+                data-original-title="Like us"
+              >
                 <i class="fab fa-facebook-square"></i>
               </a>
-              <a target="_blank" href="https://dribbble.com/creativetim" class="btn btn-icon btn-neutral  btn-round btn-simple" data-toggle="tooltip" data-original-title="Follow us">
+              <a
+                target="_blank"
+                href="https://dribbble.com/creativetim"
+                class="btn btn-icon btn-neutral btn-round btn-simple"
+                data-toggle="tooltip"
+                data-original-title="Follow us"
+              >
                 <i class="fab fa-dribbble"></i>
               </a>
             </div>

LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Creative Tim (https://www.creative-tim.com?ref=blkdsr-license-md)
+Copyright (c) 2022 Creative Tim (https://www.creative-tim.com?ref=blkdsr-license-md)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal