v2.1.1

• Update dependencies
• Fix issues

v2.1.0

• Fix issues
• Update dependencies
• Migrate to React 18
• Fix vulnerabilities issues
• Fix installation issues

Material Kit 2 PRO React

Change Log

[2.0.0] 2022-01-07

Bug fixing

Major style changes

• 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
• 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

• MKAlert
• MKAvatar
• MKBadge
• MKBox
• MKButton
• MKDatePicker
• 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

@material-ui/core
@material-ui/icons
animate.css
classnames
moment
node-sass
nouislider
react-animate-on-scroll
react-datetime
react-image-gallery
react-slick
react-tagsinput

Added dependencies

@mui/material
@mui/icons-material
@mui/styled-engine
@emotion/cache
@emotion/react
@emotion/styled
@testing-library/jest-dom
@testing-library/react":
@testing-library/user-event
chroma-js
flatpickr
prop-types
react-flatpickr
react-copy-to-clipboard
react-countup
react-syntax-highlighter
rellax
swiper
typed.js
uuid
web-vitals

Updated dependencies

Warning

Updated dependencies

[1.10.0] 2021-05-12

Bug fixing

• #82
• #78
• #76
• #69
• #49

Major style changes

Deleted components

Added components

• @babel/[email protected] (to stop some of the console 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
• react-swipeable-views (no longer maintained)

Added dependencies

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

Warning

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 [email protected] requires a peer of react@>= 15.4.1 < 17.0.0-0 but none is installed. You must install peer dependencies yourself.
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 react@^16.0.0 || ^15.0.0 || ^0.14.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] 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.

Updated dependencies and solve issues

[1.9.0] 2020-06-05

Bug fixing

• Changed the usage of react-image-gallery to new API, check src/views/ProductPage/ProductPage.js
• Solved #37 and #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 #41
• Solved #46
• Solved #51
• Solved #60

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

Deleted dependencies

Added dependencies

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

Warning

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.

Updated dependencies

[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 #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

Added components

Deleted dependencies

Added dependencies

• [email protected]
• [email protected]

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

Updated dependencies

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.

Bug fixing

• Bugs from updated dependencies
• Removed .env file, and replaced it with the jsconfig.json file
• Changes caused by running the prettier command for .jsx, .js, .html and .css files
• Changed all string refs to React.createRef()
• Added types validation in each component
• Solved linting issues
• Solved #34

Major style changes

Deleted components

• src/routes/index.jsx

Added components

Deleted dependencies

Added dependencies

• [email protected] (To stop console warnings)

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