From 6d0285e4f277b6aa0dc1bc63c397826b5a31b61a Mon Sep 17 00:00:00 2001 From: sajadevo Date: Tue, 11 Jan 2022 19:47:11 +0430 Subject: [PATCH] Update the Readme and changelog --- CHANGELOG.md | 416 ++++++++++---------- README.md | 63 +-- src/pages/Presentation/sections/Download.js | 2 +- 3 files changed, 223 insertions(+), 258 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3fda13998..2d7d34dce 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ # Change Log -## [2.0.0] 2022-01-07 +## [2.0.0] 2022-01-11 ### Bug fixing @@ -8,35 +8,29 @@ - Migration from Material-UI to MUI v5. - Migration from JSS to `styled` api, emotion and `sx` prop. -- Product folders and files structured are updated: [README](https://github.com/creativetimofficial/ct-material-kit-pro-react/blob/main/README.md) +- Product folders and files structured are updated: [README](https://github.com/creativetimofficial/material-kit-react/blob/main/README.md) - New components are added - New example blocks are added - Components and Example Blocks are now totally customizable and reusable ### Deleted components -- Accordion - Badge - Card - Clearfix - CustomButtons - CustomDropdown -- CustomFileInput - CustomInput - CustomLinearProgress - CustomTabs -- CustomUpload - Footer - Grid - Header - InfoArea -- Intruction -- Media - NavPills - Pagination - Parallax - Snackbar -- Table - Typography ### Added components @@ -50,53 +44,30 @@ - MKInput - MKPagination - MKProgress -- MKSnackbar - MKSocialButton - MKTypography - Breadcrumbs - Cards - - BackgroundCards - - ColoredBackgroundCard - - DefaultBackgroundCard - - InfoBackgroundCard - - SimpleBackgroundCard - BlogCards - BackgroundBlogCard - CenteredBlogCard - - DefaultBlogCard - - RaisedBlogCard - - SimpleBlogCard - TransparentBlogCard - - BookingCards - - DefaultBookingCard - - SimpleBookingCard - CounterCards - DefaultCounterCard - InfoCards - DefaultInfoCard - FilledInfoCard - - SimpleInfoCard - - PricingCards - - DefaultPricingCard - - SimplePricingCard - ReviewCards - - ComplexReviewCard - DefaultReviewCard - - MiniReviewCard - - SimpleReviewCard - RotatingCard - TeamCards - HorizontalTeamCard - - TransparentTeamCard - Footers - CenteredFooter - DefaultFooter - - DetailedFooter - SimpleFooter - Navbars - DefaultNavbar -- Tables - - Table ### Deleted dependencies @@ -134,10 +105,6 @@ react-flatpickr react-copy-to-clipboard react-countup react-syntax-highlighter -rellax -swiper -typed.js -uuid web-vitals ``` @@ -145,15 +112,16 @@ web-vitals ### Warning -## [1.10.0] 2021-05-12 +## [1.10.0] 2021-05-11 ### Bug fixing -- https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/82 -- https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/78 -- https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/76 -- https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/69 -- https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/49 +- https://github.com/creativetimofficial/material-kit-react/issues/86 + - This issue cannot be solved, it comes from the `react-swipeable-views` plugin, this plugins is no longer maintained, even `Material-UI` has dropped its usage and stopped animating the `Nav Pills`, so, we’ve dropped their usage as well +- https://github.com/creativetimofficial/material-kit-react/issues/85 + - Tested this inside a Linux environment, and evrything worked as expected, maybe the issue was solved by the new Material-UI version +- https://github.com/creativetimofficial/material-kit-react/issues/75 + - This issue will be closed, as people might want to change the brand component from `Button` to something else, for example a `Link` from `react-router-dom` ### Major style changes @@ -161,14 +129,11 @@ web-vitals ### Added components -- `@babel/core@7.14.0` (to stop some of the console warnings) +- `@babel/core@7.14.0` (to stop warnings) ### Deleted dependencies -- history (We'll use `BrowserRouter` instead of `Router` and `history`) -- `react-google-maps` (We'll use simple Google Maps API) -- `@types/googlemaps` -- `@types/markerclustererplus` +- `history` (no more need for this one, we'll use `BrowserRouter` instead of `Router` with `history`) - `react-swipeable-views` (no longer maintained) ### Added dependencies @@ -176,25 +141,27 @@ web-vitals ### Updated dependencies ``` -@material-ui/core 4.10.1 → 4.11.4 -@material-ui/icons 4.9.1 → 4.11.2 -animate.css 4.1.0 → 4.1.1 -classnames 2.2.6 → 2.3.1 -moment 2.26.0 → 2.29.1 -node-sass 4.14.1 → 6.0.0 -nouislider 14.5.0 → 15.1.0 -react 16.13.1 → 17.0.2 -react-datetime 2.16.3 → 3.0.4 -react-dom 16.13.1 → 17.0.2 -react-image-gallery 1.0.7 → 1.0.9 -react-scripts 3.4.1 → 4.0.3 -react-slick 0.26.1 → 0.28.1 -gulp-append-prepend 1.0.8 → 1.0.9 -eslint-config-prettier 6.11.0 → 8.3.0 -eslint-plugin-prettier 3.1.3 → 3.4.0 -eslint-plugin-react 7.20.0 → 7.23.2 -prettier 2.0.5 → 2.3.0 -typescript 3.9.3 → 4.2.4 +@material-ui/core 4.10.0 → 4.11.4 +@material-ui/icons 4.9.1 → 4.11.2 +classnames 2.2.6 → 2.3.1 +moment 2.26.0 → 2.29.1 +node-sass 4.14.1 → 6.0.0 +nouislider 14.5.0 → 15.1.0 +react 16.13.1 → 17.0.2 +react-datetime 2.16.3 → 3.0.4 +react-dom 16.13.1 → 17.0.2 +react-scripts 3.4.1 → 4.0.3 +react-slick 0.26.1 → 0.28.1 +@babel/cli 7.10.1 → 7.13.16 +@babel/plugin-proposal-class-properties 7.10.1 → 7.13.0 +@babel/preset-env 7.10.1 → 7.14.1 +@babel/preset-react 7.10.1 → 7.13.13 +eslint-config-prettier 6.11.0 → 8.3.0 +eslint-plugin-prettier 3.1.3 → 3.4.0 +eslint-plugin-react 7.20.0 → 7.23.2 +gulp-append-prepend 1.0.8 → 1.0.9 +prettier 2.0.5 → 2.3.0 +typescript 3.9.3 → 4.2.4 ``` ### Warning @@ -202,36 +169,19 @@ typescript 3.9.3 → 4.2.4 _Warnings might appear while doing an npm install - they do not affect the UI or the functionality of the product, and they appear because of NodeJS and not from the product itself._ ``` -npm WARN react-animate-on-scroll@2.1.5 requires a peer of react@>= 15.4.1 < 17.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN react-datetime@3.0.4 requires a peer of react@^16.5.0 but none is installed. You must install peer dependencies yourself. -npm WARN react-tagsinput@3.19.0 requires a peer of react@^16.0.0 || ^15.0.0 || ^0.14.0 but none is installed. You must install peer dependencies yourself. -npm WARN react-swipeable@5.5.1 requires a peer of react@^16.0.0-0 but none is installed. You must install peer dependencies yourself. ``` _You will also have the following message: found 80 vulnerabilities (1 low, 79 moderate). This comes from react-scripts, and will be fixed in the next version. NOTE: the product works as expected with these vulnerabilities._ -## [1.9.0] 2020-06-05 +## [1.9.0] 2020-05-28 ### Bug fixing -- Changed the usage of `react-image-gallery` to new API, check `src/views/ProductPage/ProductPage.js` -- Solved https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/37 and https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/64 by adding for the `src/components/CustomFileInput/CustomFileInput.js` and `src/components/CustomUpload/ImageUpload.js` an `onChange` function that returns the uploaded files so people can send these to their back-end, API etc. -- Solved https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/41 -- Solved https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/46 -- Solved https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/51 -- Solved https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/60 +- https://github.com/creativetimofficial/material-kit-react/issues/67 ### Major style changes -- Move the keyframes from `src/assets/jss/material-kit-pro-react/views/presentationSections/componentsStyle.js` into scss file `src/assets/scss/core/_keyframes.scss` -- `src/assets/jss/material-kit-pro-react/customCheckboxRadioSwitchStyle.js` add primary color on hover for these 3 components -- `src/assets/jss/material-kit-pro-react/views/ecommerceSections/productsStyle.js` delete the hover effect for checkboxes -- `src/assets/scss/plugins/_plugin-react-image-gallery.scss` due to new `react-image-gallery` API -- `src/assets/jss/material-kit-pro-react/views/productStyle.js` due to new `react-image-gallery` API -- `src/assets/css/material-kit-pro-react.css` due to above changes -- `src/assets/css/material-kit-pro-react.css.map` due to above changes -- `src/assets/css/material-kit-pro-react.min.css` due to above changes - ### Deleted components ### Added components @@ -243,26 +193,27 @@ _You will also have the following message: found 80 vulnerabilities (1 low, 79 m ### Updated dependencies ``` -@material-ui/core 4.3.2 → 4.10.1 -@material-ui/icons 4.2.1 → 4.9.1 -animate.css 3.7.2 → 4.1.0 -history 4.9.0 → 4.10.1 -moment 2.24.0 → 2.26.0 -node-sass 4.12.0 → 4.14.1 -nouislider 14.0.2 → 14.5.0 -react 16.9.0 → 16.13.1 -react-dom 16.9.0 → 16.13.1 -react-image-gallery 0.8.18 → 1.0.7 -react-router-dom 5.0.1 → 5.2.0 -react-scripts 3.1.0 → 3.4.1 -react-slick 0.25.2 → 0.26.1 -react-swipeable-views 0.13.3 → 0.13.9 -@types/googlemaps 3.37.3 → 3.39.6 -eslint-config-prettier 6.0.0 → 6.11.0 -eslint-plugin-prettier 3.1.0 → 3.1.3 -eslint-plugin-react 7.14.3 → 7.20.0 -prettier 1.18.2 → 2.0.5 -typescript 3.5.3 → 3.9.3 +@material-ui/core 4.3.2 → 4.10.0 +@material-ui/icons 4.2.1 → 4.9.1 +history 4.9.0 → 4.10.1 +moment 2.24.0 → 2.26.0 +node-sass 4.12.0 → 4.14.1 +nouislider 14.0.2 → 14.5.0 +react 16.9.0 → 16.13.1 +react-dom 16.9.0 → 16.13.1 +react-router-dom 5.0.1 → 5.2.0 +react-scripts 3.1.0 → 3.4.1 +react-slick 0.25.2 → 0.26.1 +react-swipeable-views 0.13.3 → 0.13.9 +@babel/cli 7.5.5 → 7.10.1 +@babel/plugin-proposal-class-properties 7.5.5 → 7.10.1 +@babel/preset-env 7.5.5 → 7.10.1 +@babel/preset-react 7.0.0 → 7.10.1 +eslint-config-prettier 6.0.0 → 6.11.0 +eslint-plugin-prettier 3.1.0 → 3.1.3 +eslint-plugin-react 7.14.3 → 7.20.0 +prettier 1.18.2 → 2.0.5 +typescript 3.5.3 → 3.9.3 ``` ### Warning @@ -270,21 +221,19 @@ typescript 3.5.3 → 3.9.3 _While in development some of the plugins that were used for this product will throw some warnings - note, this only happens in development, the UI or the functionality of the product is not affected, also, if the issues will persist in React 17, we'll drop usage of those plugins, and replace them with other ones._ _Warnings might appear while doing an npm install - they do not affect the UI or the functionality of the product, and they appear because of NodeJS and not from the product itself._ -## [1.8.0] 2019-08-26 +## [1.8.0] 2019.08.26 ### Bug fixing - Rewrote the ISSUE_TEMPLATE - Deleted the copyright comments from all files, we only need to keep them inside our index.js and index.html - Added script that adds copyrights to the built app -- Solved https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/41 - Renamed all the files from `.jsx` to `.js` - Changed the `withStyles` function from Material-UI with the `makeStyles` function (integration with other frameworks should now be easy) - React Hooks is now supported ### Major style changes -- `src/assets/jss/material-kit-pro-react/components/cardBodyStyle.jsx` - `src/assets/scss/plugins/_plugin-nouislider.scss` ### Deleted components @@ -301,27 +250,26 @@ _Warnings might appear while doing an npm install - they do not affect the UI or ### Updated dependencies ``` -@material-ui/core 4.1.0 → 4.3.2 -@material-ui/icons 4.1.0 → 4.2.1 -nouislider 13.1.5 → 14.0.2 -react-image-gallery 0.8.17 → 0.8.18 -@types/googlemaps 3.36.4 → 3.37.0 -eslint-config-prettier 4.3.0 → 6.0.0 -eslint-plugin-react 7.13.0 → 7.14.3 -typescript 3.5.1 → 3.5.3 -react 16.8.6 → 16.9.0 -react-dom 16.8.6 → 16.9.0 -react-scripts 3.0.1 → 3.1.0 -react-slick 0.24.0 → 0.25.2 -@types/googlemaps 3.37.0 → 3.37.3 +@material-ui/core 4.1.0 → 4.3.2 +@material-ui/icons 4.1.0 → 4.2.1 +nouislider 13.1.5 → 14.0.2 +react 16.8.6 → 16.9.0 +react-dom 16.8.6 → 16.9.0 +react-scripts 3.0.1 → 3.1.0 +react-slick 0.24.0 → 0.25.2 +@babel/cli 7.4.4 → 7.5.5 +@babel/plugin-proposal-class-properties 7.4.4 → 7.5.5 +@babel/preset-env 7.4.5 → 7.5.5 +eslint-config-prettier 4.3.0 → 6.0.0 +eslint-plugin-react 7.13.0 → 7.14.3 +typescript 3.5.1 → 3.5.3 ``` ## [1.7.0] 2019-06-19 ### Warning -- **We've skipped versions 1.4.0, 1.5.0, 1.6.0 so that all React Material products would be on the same version.** -- **All linting errors are solved now, but due to google analytics stuff, we've needed to add target="\_blank" to our links, so this lint error still exists.** +**We've skipped versions 1.5.0, 1.6.0 so that all React Material products would be on the same version.** ### Bug fixing @@ -331,189 +279,227 @@ react-slick 0.24.0 → 0.25.2 - Changed all string refs to `React.createRef()` - Added types validation in each component - Solved linting issues -- Solved https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/34 +- Solved https://github.com/creativetimofficial/material-kit-react/issues/52 +- Solved https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/149 ### Major style changes ### Deleted components -- `src/routes/index.jsx` - ### Added components ### Deleted dependencies ### Added dependencies -- typescript@3.5.1 (To stop console warnings) +- eslint-plugin-react@7.13.0 +- prettier@1.18.2 (To stop console warnings on install) +- typescript@3.5.1 (To stop console warnings on install) ### Updated dependencies ``` -@material-ui/core 3.9.2 → 4.1.0 -@material-ui/icons 3.0.2 → 4.1.0 -@types/googlemaps 3.30.16 → 3.36.4 -ajv 6.9.1 → 6.10.0 -animate.css 3.7.0 → 3.7.2 -history 4.7.2 → 4.9.0 -node-sass 4.11.0 → 4.12.0 -nouislider 13.1.0 → 13.1.5 -prop-types 15.7.1 → 15.7.2 -react 16.8.1 → 16.8.6 -react-dom 16.8.1 → 16.8.6 -react-image-gallery 0.8.12 → 0.8.17 -react-router-dom 4.3.1 → 5.0.1 -react-scripts 2.1.5 → 3.0.1 -react-slick 0.23.2 → 0.24.0 -react-swipeable-views 0.13.1 → 0.13.3 -eslint-config-prettier 4.0.0 → 4.3.0 -eslint-plugin-prettier 3.0.1 → 3.1.0 -eslint-plugin-react 7.12.4 → 7.13.0 -prettier 1.16.4 → 1.18.2 +@material-ui/core 3.9.2 → 4.1.0 +@material-ui/icons 3.0.2 → 4.1.0 +history 4.7.2 → 4.9.0 +node-sass 4.11.0 → 4.12.0 +nouislider 13.1.0 → 13.1.5 +prop-types 15.7.1 → 15.7.2 +react 16.8.1 → 16.8.6 +react-dom 16.8.1 → 16.8.6 +react-router-dom 4.3.1 → 5.0.1 +react-scripts 2.1.5 → 3.0.1 +react-slick 0.23.2 → 0.24.0 +react-swipeable-views 0.13.1 → 0.13.3 +@babel/cli 7.2.3 → 7.4.4 +@babel/plugin-proposal-class-properties 7.3.0 → 7.4.4 +@babel/preset-env 7.3.1 → 7.4.5 +eslint-config-prettier 4.0.0 → 4.3.0 +eslint-plugin-prettier 3.0.1 → 3.1.0 ``` -## [1.3.0] 2019-02-15 +## [1.4.0] 2019-02-13 ### Bug fixing -- Dropped dynamic routing -- Deleted two of the Card inside `src/views/LoginPage/LoginPage.jsx` -- Changes caused by running [the prettier command](https://prettier.io/docs/en/install.html) for _.jsx_, _.js_, _.html_ and _.css_ files +- https://github.com/creativetimofficial/material-kit-react/issues/46 +- https://github.com/creativetimofficial/material-kit-react/issues/44 +- Updated available scripts +- Changed the _.babelrc_ file -### Major styling changes +### Major style changes -- Changes caused by the fact that all colors are now variables and the prettier command +- **src/assets/jss/material-kit-react/components/headerStyle.jsx** +- **src/assets/jss/material-kit-react/components/customDropdownStyle.jsx** + +### Major components changes + +- - Changes caused by running [the prettier command](https://prettier.io/docs/en/install.html) for _.jsx_, _.js_, _.html_ and _.css_ files +- **src/components/CustomDropdown/CustomDropdown.jsx** ### Deleted dependencies -- `node-sass-chokidar` -- `npm-run-all` - `babel-eslint` - `eslint` +- `eslint-plugin-react` +- `prettier` +- `npm-run-all` +- `babel-cli` +- `babel-plugin-module-resolver` +- `babel-plugin-import-rename` +- `babel-plugin-transform-object-rest-spread` +- `babel-plugin-transform-react-jsx` +- `babel-preset-es2015` +- `node-sass-chokidar` ### Added dependencies +- `@babel/cli` version: **7.2.3** +- `@babel/plugin-proposal-class-properties` version: **7.3.0** +- `@babel/preset-env` version: **7.3.1** +- `@babel/preset-react` version: **7.0.0** - `node-sass` version: **4.11.0** ### Updated dependencies - `@material-ui/core` _3.1.1_ → **3.9.2** - `@material-ui/icons` _3.0.1_ → **3.0.2** -- `@types/googlemaps` _3.30.13_ → **3.30.16** -- `ajv` _5.0.0_ → **6.8.1** - `moment` _2.22.2_ → **2.24.0** +- `node-sass-chokidar` _1.3.3_ → **1.3.4** - `nouislider` _12.0.0_ → **13.1.0** +- `npm-run-all` _4.1.3_ → **4.1.5** - `prop-types` _15.6.2_ → **15.7.1** - `react` _16.5.2_ → **16.8.1** - `react-datetime` _2.15.0_ → **2.16.3** - `react-dom` _16.5.2_ → **16.8.1** -- `react-image-gallery` _0.8.11_ → **0.8.12** -- `react-scripts` _1.1.5_ → **2.1.5** +- `react-scripts` _1.1.4_ → **2.1.5** - `react-slick` _0.23.1_ → **0.23.2** - `react-swipeable-views` _0.13.0_ → **0.13.1** -- `eslint-config-prettier` _3.0.1_ → **4.0.0** +- `babel-plugin-module-resolver` _3.1.1_ → **3.1.3** +- `eslint-config-prettier` _3.1.0_ → **4.0.0** - `eslint-plugin-prettier` _2.6.2_ → **3.0.1** -- `eslint-plugin-react` _7.11.1_ → **7.12.4** -- `prettier` _1.14.3_ → **1.16.4** -## [1.2.0] 2018-08-29 +## [1.3.0] 2018-08-16 ### Bug fixing - Github own repo - - [https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/5](https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/5) - - [https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/12](https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/12) - - [https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/13](https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/13) -- Github other repos - [https://github.com/creativetimofficial/material-kit-react/issues/36](https://github.com/creativetimofficial/material-kit-react/issues/36) - - [https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/68](https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/68) - - [https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/70](https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/70) +- Github othe repos - [https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/79](https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/79) ### Major styling changes -- `src/assets/jss/material-kit-pro-react/components/snackbarContentStyle.jsx` -- `src/assets/jss/material-kit-pro-react/components/headerStyle.jsx` -- `src/assets/jss/material-kit-pro-react/views/loginPageStyle.jsx` -- `src/assets/jss/material-kit-pro-react/views/signupPageStyle.jsx` -- `src/assets/jss/material-kit-pro-react/customCheckboxRadioSwitchStyle.jsx` +- `src/assets/jss/material-kit-react/components/headerStyle.jsx` +- `src/assets/jss/material-kit-react/components/snackbarContentStyle.jsx` +- `src/assets/jss/material-kit-react/views/loginPage.jsx` +- `src/assets/jss/material-kit-react/customCheckboxRadioSwitch.jsx` - `src/assets/scss/plugins/_plugin-nouislider.scss` ### Deleted dependencies -- `react-nouislider` (since it was not well maintained) +- `react-nouislider` ### Added dependencies -- `nouislider` `12.0.0` (instead of `react-nouislider`) +- `nouislider` `12.0.0` ### Updated dependencies - `@material-ui/core` `1.5.0` → `3.1.1` - `@material-ui/icons` `2.0.2` → `3.0.1` -- `@types/googlemaps` `3.30.11` → `3.30.13` -- `ajv` `6.5.2` → `5.0.0` - `react` `16.4.2` → `16.5.2` - `react-dom` `16.4.2` → `16.5.2` -- `react-image-gallery` `0.8.10` → `0.8.11` - `react-scripts` `1.1.4` → `1.1.5` - `react-swipeable-views` `0.12.16` → `0.13.0` -- `eslint-config-prettier` `^2.9.0` → `3.1.0` -- `eslint-plugin-react` `^7.10.0` → `7.11.1` -- `prettier` `^1.13.7` → ` 1.14.3` +- `eslint-config-prettier` `2.9.0` → `3.1.0` +- `eslint-plugin-react` `7.10.0` → `7.11.1` +- `prettier` `1.13.7` → `1.14.3` -## [1.1.0] 2018-08-14 +## [1.2.0] 2018-08-16 ### Bug fixing -- No more use of `react-popper`, no it's beeing used `@material-ui/core/Popper` instead (see `CustomDropdown`) -- Github issues - - [https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/1](https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/1) - - [https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/2](https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/2) - - [https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/3](https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/3) +- Added new script command for clean install of node_modules (just run in terminal `npm run install:clean`, this will also start your server) +- Added lint commands +- Minor changes in components due to the upgrade of `@material-ui/icons` +- Github + - [https://github.com/creativetimofficial/material-kit-react/issues/16](https://github.com/creativetimofficial/material-kit-react/issues/16) + - [https://github.com/creativetimofficial/material-kit-react/issues/25](https://github.com/creativetimofficial/material-kit-react/issues/25) + - [https://github.com/creativetimofficial/material-kit-react/issues/26](https://github.com/creativetimofficial/material-kit-react/issues/26) + - [https://github.com/creativetimofficial/material-kit-react/issues/28](https://github.com/creativetimofficial/material-kit-react/issues/28) ### Major styling changes - Added styles for `svg`'s, **font-awesome** classes and `.material-icons` class inside - - `src/assets/jss/material-kit-pro-react/components/buttonStyle.jsx` - - `src/assets/jss/material-kit-pro-react/components/cardStyle.jsx` - - `src/assets/jss/material-kit-pro-react/components/customInputStyle.jsx` - - `src/assets/jss/material-kit-pro-react/components/headerLinksStyle.jsx` - - `src/assets/jss/material-kit-pro-react/components/infoStyle.jsx` - - `src/assets/jss/material-kit-pro-react/views/componentsSections/contentAreas.jsx` - - `src/assets/jss/material-kit-pro-react/views/componentsSections/sectionCards.jsx` - - `src/assets/jss/material-kit-pro-react/views/presentationSections/overviewStyle.jsx` - - `src/assets/jss/material-kit-pro-react/views/sectionsSections/blogsStyle.jsx` - - `src/assets/jss/material-kit-pro-react/views/sectionsSections/contactsStyle.jsx` - - `src/assets/jss/material-kit-pro-react/views/sectionsSections/featuresStyle.jsx` - - `src/assets/jss/material-kit-pro-react/views/sectionsSections/pricingStyle.jsx` - - `src/assets/jss/material-kit-pro-react/views/sectionsSections/testimonialsStyle.jsx` - - `src/assets/jss/material-kit-pro-react/views/shoppingCartStyle.jsx` -- Others - - `src/assets/jss/material-kit-pro-react/views/productStyle.jsx` + - `src/assets/jss/material-kit-react/components/buttonStyle.jsx` + - `src/assets/jss/material-kit-react/components/customInputStyle.jsx` + - `src/assets/jss/material-kit-react/components/customDropdownStyle.jsx` + - `src/assets/jss/material-kit-react/components/headerLinksStyle.jsx` + - `src/assets/jss/material-kit-react/components/headerStyle.jsx` + - `src/assets/jss/material-kit-react/views/loginPage.jsx` + +### Dropped components + +- No more use of `react-popper`, no it's beeing used `@material-ui/core/Popper` instead (see `CustomDropdown`) ### Deleted dependencies -- `react-parallax v1.7.0` +### Added dependencies + +- `prop-types v15.6.2` +- `classnames v2.2.6` ### Updated dependencies -- `@material-ui/core v1.3.1` to `@material-ui/core v1.5.0` +- `@material-ui/core v1.2.1` to `@material-ui/core v1.5.0` - `@material-ui/icons v1.1.0` to `@material-ui/icons v2.0.2` -- `@types/googlemaps v3.30.8` to `@types/googlemaps v3.30.11` -- `animate.css v3.6.1` to `animate.css v3.7.0` -- `moment v2.22.1` to `moment v2.22.2` +- `ajv v6.0.0` to `ajv v6.5.2` - `node-sass-chokidar v1.3.0` to `node-sass-chokidar v1.3.3` -- `npm-run-all v4.1.2` to `npm-run-all v4.1.3` -- `react v16.3.1` to `react v16.4.2` -- `react-animate-on-scroll v2.1.4` to `react-animate-on-scroll v2.1.5` +- `react v16.4.0` to `react v16.4.2` - `react-datetime v2.14.0` to `react-datetime v2.15.0` -- `react-dom v16.3.1` to `react-dom v16.4.2` -- `react-image-gallery v0.8.7` to `react-image-gallery v0.8.10` -- `react-router-dom v4.2.2` to `react-router-dom v4.3.1` +- `react-dom v16.4.0` to `react-dom v16.4.2` - `react-swipeable-views v0.12.13` to `react-swipeable-views v0.12.16` -## [1.0.0] 2018-07-20 +## [1.1.0] 2018-06-13 + +### Major styling changes + +- `src/assets/jss/material-kit-react/components/buttonStyle.jsx`, due to the fact that we've droped `src/components/CustomButtons/IconButton.jsx` +- `src/assets/jss/material-kit-react/components/customInputStyle.jsx` +- `src/assets/jss/material-kit-react/components/customTabsStyle.jsx` +- `src/assets/jss/material-kit-react/components/headerLinksStyle.jsx` + +### Dropped components + +- `src/components/CustomButtons/IconButton.jsx` instead use `src/components/CustomButtons/Button.jsx` (with the prop `justIcon` on them) + +### Deleted dependencies + +- `material-ui@1.0.0-beta.45` + +### Added dependencies + +- `material-ui/core@1.2.1` (instead of `material-ui@1.0.0-beta.45`) +- `ajv@6.0.0` (to stop the warning: **npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.**) + +### Updated dependencies + +- `@material-ui/icons@1.0.0-beta.43` to `@material-ui/icons@1.1.0` +- `moment@2.22.1` to `moment@2.22.2` +- `node-sass-chokidar@1.2.2` to `node-sass-chokidar@1.3.0` +- `npm-run-all@4.1.2` to `npm-run-all@4.1.3` +- `react@16.3.1` to `react@16.4.0` +- `react-dom@16.3.1` to `react-dom@16.4.0` +- `react-router-dom@4.2.2` to `react-router-dom@4.3.1` + +### Bug fixing + +- Added `maxHeight` in styling sheets for those components that had `height` set in `vh` (these changes were made because on an iframe the product would scroll forever) +- Changed the imports from Material-UI (now they are with `@material-ui/core` instead of `material-ui`) +- Dropped some styling on some pages/section of pages due to the change of the buttons styling + +## [1.0.0] 2018-05-08 ### Original Release diff --git a/README.md b/README.md index 4c7000f70..ccef7edea 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,15 @@ -# [Material Kit 2 React](http://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https://www.creative-tim.com/product/material-kit-react&text=Check%20Material%20kit%202%20Pro%React%20made%20by%20@CreativeTim%20#webdesign%20#kit%20#materialdesign%20#react%20https://www.creative-tim.com/product/material-kit-react) +# [Material Kit 2 React](http://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https://www.creative-tim.com/product/material-kit-react&text=Check%20Material%20kit%20React%20made%20by%20@CreativeTim%20#webdesign%20#kit%20#materialdesign%20#react%20https://www.creative-tim.com/product/material-kit-react) -![version](https://img.shields.io/badge/version-2.0.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/ct-material-kit-react.svg)](https://github.com/creativetimofficial/ct-material-kit-react/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/ct-material-kit-react.svg)](https://github.com/creativetimofficial/ct-material-kit-react/issues?q=is%3Aissue+is%3Aclosed) +![version](https://img.shields.io/badge/version-2.0.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-kit-react.svg)](https://github.com/creativetimofficial/material-kit-react/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-kit-react.svg)](https://github.com/creativetimofficial/material-kit-react/issues?q=is%3Aissue+is%3Aclosed) -![Image](https://s3.amazonaws.com/creativetim_bucket/products/89/original/material-kit-2-pro-react.jpg) +![Image](https://s3.amazonaws.com/creativetim_bucket/products/83/original/material-kit-2-react.jpg) -Material Kit 2 React is our newest premium MUI Design System based on React. Its amazing design is inspired by Material Design and contains all the components you need for your development. If you’re a developer looking to create good-looking websites, rich with features, and highly customisable, here is your match. +Material Kit 2 React is our newest free MUI Design System based on React. Its amazing design is inspired by Material Design and contains all the components you need for your development. If you’re a developer looking to create good-looking websites, rich with features, and highly customisable, here is your match. _Fully Coded Elements_ -Material Kit 2 React is built with over 100 frontend individual elements, like buttons, inputs, navbars, alerts or cards, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using MUI styled() API and sx prop. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. +Material Kit 2 React is built with over 40 frontend individual elements, like buttons, inputs, navbars, alerts or cards, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using MUI styled() API and sx prop. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. -This Premium MUI & React template is coming with pre-built design blocks, so the development process is seamless, +This free MUI & React template is coming with pre-built design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done. View all components here. (https://www.creative-tim.com/learning-lab/react/alerts/material-kit/) @@ -20,11 +20,11 @@ You can read more about the documentation here (https://www.creative-tim.com/lea _Example Pages_ If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project. -View example pages here. (https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/coworking) +View example pages here. (https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/about-us) **HELPFUL LINKS** -- View [Github Repository](https://github.com/creativetimofficial/ct-material-kit-react) +- View [Github Repository](https://github.com/creativetimofficial/material-kit-react) - Check [FAQ Page](https://www.creative-tim.com/faq) #### Special thanks @@ -36,11 +36,7 @@ During the development of this dashboard, we have used many existing resources f - [React Copy to Clipboard](https://github.com/nkbt/react-copy-to-clipboard) - Useful library used for copying data to the clipboard. - [React Countup](https://github.com/glennreyes/react-countup) - A lightweight React component that can be used to quickly create animations that display numerical data in a more interesting way. - [React Syntax Highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter) - Syntax highlighting component for react with prismjs or highlightjs ast using inline styles. -- [Rellax](https://dixonandmoe.com/rellax/) - Rellax is a buttery smooth, super lightweight, vanilla javascript parallax library. -- [SwiperJS](https://swiperjs.com/) - Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. -- [TypedJS](https://github.com/mattboldt/typed.js/) - A JavaScript Typing Animation Library. - [ChromaJS](https://gka.github.io/chroma.js/) - A small-ish zero-dependency JavaScript library for all kinds of color conversions and color scales. -- [UUID](https://github.com/uuidjs/uuid) - JavaScript library for generating random id numbers. Let us know your thoughts below. And good luck with development! @@ -65,23 +61,22 @@ Let us know your thoughts below. And good luck with development! | React | | ----- | -| [![Material Kit 2 React](https://s3.amazonaws.com/creativetim_bucket/products/89/thumb/material-kit-2-pro-react.jpg)](http://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr) +| [![Material Kit 2 React](https://s3.amazonaws.com/creativetim_bucket/products/83/thumb/material-kit-2-react.jpg)](http://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr) ## Demo -- [Sign in page](https://demos.creative-tim.com/material-kit-react/#/authentication/sign-in/basic?ref=readme-mkrp) -- [Sign up page](https://demos.creative-tim.com/material-kit-react/#/authentication/sign-up/cover?ref=readme-mkrp) -- [About us page](https://demos.creative-tim.com/material-kit-react/#/pages/company/about-us?ref=readme-mkrp) -- [Pricing page](https://demos.creative-tim.com/material-kit-react/#/pages/company/pricing?ref=readme-mkrp) -- [Page headers](https://demos.creative-tim.com/material-kit-react/#/sections/page-sections/page-headers?ref=readme-mkrp) +- [About Us](https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/about-us?ref=readme-mkr) +- [Contact Us](https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/contact-us?ref=readme-mkr) +- [Author](https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/author?ref=readme-mkr) +- [Pricing page](https://demos.creative-tim.com/material-kit-react/#/pages/authentication/sign-in?ref=readme-mkr) -[View More](https://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkp). +[View More](https://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr). ## Quick start Quick start options: -- Buy from [Creative Tim](https://www.creative-tim.com/product/material-kit-react?ref=readme-mkr). +- Download from [Creative Tim](https://www.creative-tim.com/product/material-kit-react?ref=readme-mkr). ## Terminal Commands @@ -97,7 +92,7 @@ The documentation for the Material Dashboard is hosted at our [website](https:// Within the download you'll find the following directories and files: ``` -material-kit-2-pro-react +material-kit-2-react ├── public │   ├── apple-icon.png │   ├── favicon.png @@ -122,44 +117,28 @@ material-kit-2-pro-react │ │   ├── MKInput │ │   ├── MKPagination │ │   ├── MKrogress - │ │   ├── MKSnackbar │ │   ├── MKSocialButton │ │   └── MKTypography │   ├── examples │ │   ├── Breadcrumbs │ │   ├── Cards │ │   ├── Footer - │ │   ├── Navbars - │ │   └── Tables + │ │   └── Navbars │   ├── layouts - │ │   ├── authentication - │ │ │  ├── reset-password - │ │ │  ├── sign-in - │ │ │ └── sign-up │ │   ├── pages - │ │ │  ├── apps - │ │ │  ├── blogs - │ │ │  ├── company - │ │ │  ├── extra + │ │ │  ├── authentication │ │ │  ├── landing-pages - │ │ │  ├── presentation - │ │ │ └── support + │ │ │ └── presentation │ │   ├── sections │ │ │  ├── attention-catchers │ │ │  ├── components │ │ │  ├── elements │ │ │  ├── input-areas - │ │ │  ├── input-navigation + │ │ │  ├── navigation │ │ └── └── page-sections │   ├── pages - │ │   ├── Apps - │ │   ├── Authentication - │ │   ├── Blogs - │ │   ├── Company - │ │   ├── Extra │ │   ├── LandingPages - │ │   ├── Presentation - │ │ └── Support + │ │ └── Presentation │   ├── App.js │   ├── index.js │   ├── footer.routes.js diff --git a/src/pages/Presentation/sections/Download.js b/src/pages/Presentation/sections/Download.js index dfab2362b..73826a554 100644 --- a/src/pages/Presentation/sections/Download.js +++ b/src/pages/Presentation/sections/Download.js @@ -68,7 +68,7 @@ function Download() { href="https://www.creative-tim.com/product/material-kit-react" sx={{ mb: 2 }} > - Download HTML + Download Now