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

  1. Delete existing node_modules from the project

    1. Update/add the following file from Berry 3.2.0

      1. Update your package.json

      2. Add config-overrides.js

      3. Update src/index.js

      4. Add GENERATE_SOURCEMAP = false to .env file

      5. Update .eslintrc file

      6. Replace svgs from src\assets\images\auth

  2. 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.

    1. 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

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 readability

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