Changelog
Defines change log
v3.2.0 - (10-10-2022)
React 18 upgrade
Horizontal and Compact menu layout options
Create a constant file for commonly used strings
Other minor package upgrades
SVG file updates due to React 18
Removed .default from the end wherever the image has been used
Added config-override.js to support native node module in react 18
Removed Skeleton version
Some miscellaneous code improvements
Migration to React 18 and other packages
Delete existing node_modules from the project
Update/add the following file from Berry 3.2.0
Update your package.json
Add config-overrides.js
Update src/index.js
Add
GENERATE_SOURCEMAP = false
to .env fileUpdate .eslintrc file
Replace svgs from
src\assets\images\auth
Run npm install using
npm i --legacy-peer-deps
For TS and Next JS, you need to make some more changes related to types. Please refer the latest package (v3.2.0) for the same.
You can follow this link for more: https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
v3.1.2 - (30-05-2022)
Bug Fixes (Common)
Fix Issue in Mozilla with 'rem'. Converted 'rem' to 'px' wherever applicable
Calendar - Hide Week and Month view in Mobile Media
src/views/application/calendar/Toolbar.tsx
src/views/application/calendar/index.tsx
ECommerce
Fix the issue with the opening previous image when clicking on the detail
src/menu-items/application.tsx
src/views/application/e-commerce/ProductDetails/ProductImages.tsx
src/views/application/e-commerce/ProductDetails/index.tsx
Remove the 'Rating' keyword when searching with a string
src/views/application/e-commerce/Products/ProductFilterView.tsx
Set Menu highlighted when browser back
src/layout/MainLayout/Sidebar/MenuList/NavItem/index.tsx
src/store/slices/menu.ts
src/types/menu.ts
Fix Menu collapse issue having sub-menus
src/layout/MainLayout/Sidebar/MenuList/NavCollapse/index.tsx
Bug Fixes - Next JS (Specifically)
Fix flickering issue in next js. When a user came to the dashboard directly, it shows the dashboard initially and then navigates to the login. This is fixed
src/utils/route-guard/AuthGuard.ts
src/utils/route-guard/GuestGuard.ts
Provided Seed version
Package upgrades
v3.1.0 - (22-02-2022)
Organization Chart
Redux toolkit
AWS Amplify login
Container Layout
Mega Menu
Add invoice page
SAAS pages like - Privacy Policy and FAQ
Image upload in kanban
Performance Enhancement
Package upgrades
Fix most possible security vulnerabilities
Client suggestions and Bug Fixes
Next JS Full Version (Released on 25-Mar-2022)
Migration From v3.0.0 to v3.1.0
This version brings most of the new features, so you can directly copy those components from the new version if needed.
For the package upgrades, you can pick the latest package.json and then run yarn/npm. You can resolve errors by copying files from the latest version.
If you need redux-toolkit for your app, we recommend using this version as a base version for your code, else you can refer src/store folder and its references.
For any performance changes, you can refer to our blog for changes we did.
v3.0.0 - (21-10-2021)
Migration to MUI 5.0.4 stable version (Major change)
Next.js TypeScript version (Released on 31-10-2021)
Kanban full-featured App
Simplified Authentication flow
Upgrade to react-router v6.0.0-beta.5
Other improvements like Styling, Documentation.
Figma Design file - Improvement and added Kanban app
Added new videos in the Berry Tutorial series.
Migration From v2.0.0 to v3.0.0
Berry 3.0 has major changes with the support of MUI 5.0.x stable version. withStyle and makeStyle are no longer used. So if you want to migrate your project to the latest stable version, you can do the following.
Run style CodeMode by MUI
We have not used codemod for migration but we created style components and then used that. If you prefer that approach, you can do that as well.
For the Authentication, We have improved and simplified it, so you can replace it as a whole. Just refer to this Authentication video.
Let us know if you need migration assistance via the Support panel.
v2.0.0 - (03-08-2021)
Upgrade to Material-UI Beta: 5.0.0-beta.1
Upgrade to react-router: 6.0.0-beta.0
E-Commerce App
Product List
Product Details
Checkout
Enforce Eslint Rules
Absolute imports
Remove package "react-material-UI-carousel" due to no support in MUI Beta. Achieved same using "slick-carousel"
Other minor improvements & fixes
Migration From v1.2.0 to v2.0.0
Use Codemods for Material-UI upgrades
Material-UI provides codemods
****for migration. Please follow this guideline: https://next.material-ui.com/guides/migration-v4/#run-codemods We highly recommend checking the above link if you want to upgrade your current project.
react-router upgrades
Follow this if you want to use react-router beta: https://github.com/ReactTraining/react-router/blob/dev/docs/advanced-guides/migrating-5-to-6.md
v1.2.0 - (12-06-2021)
Added
Multiple layouts - Simple, Horizontal, with label, divider
Multi column forms
Action bar
Sticky Action bar
Theme
6 color preset files
Grid page
Button color shadows & Animation
Fixes
Added color preset files.
Authentication responsive issues fixed.
Change color variables name
Table->Enhanced Table checkbox issue fixed.
Pricing pages fixed.
Set 404 Error page redirection.
Apps
Mail
Change the structure of the Mail app
Fixed responsive issues.
Chat
Fixed responsive issue.
The drawer issue is fixed.
Migration from v1.1.0 to v1.2.0
Change in naming of color variable to make theme scalable for multiple color options.
Old | New |
---|---|
blue50 | primaryLight |
blue200 | primary200 |
blue500 | primaryMain |
blue600 | primaryDark |
blue800 | primary800 |
deepPurple50 | secondaryLight |
deepPurple200 | secondary200 |
deepPurple500 | secondaryMain |
deepPurple600 | secondaryDark |
deepPurple800 | secondary800 |
A100 | successLight |
A200 | success200 |
A400 | successMain |
A700 | successDark |
red200 | errorLight |
red500 | errorMain |
red800 | errorDark |
deepOrange50 | orangeLight |
deepOrange200 | orangeMain |
deepOrange800 | orangeDark |
amber50 | warningLight |
amber100 | warningMain |
amber500 | warningDark |
backgroundDark | darkBackground |
paperDark | darkPaper |
textDarkTitle | darkTextTitle |
textDarkPrimary | darkTextPrimary |
textDarkSecondary | darkTextSecondary |
v1.1.0 - (28-05-2021)
More closer to the single responsibility model
Added propTypes declaration for components which helps in the development
Set Prettier formatting property "bracketSpacing" as
true
for better readabilityCode clean up and minor bug fixes
File Restructured for better code understanding
Code commenting and documentation
If you using v1.0, please do backup your files first.
v1.0 - Release (15-05-2021)
Berry initial release
Last updated