# Changelog ## v3.8.0 - (13-11-2023) * Added MUI Grid data table variants * Migrate to Vite * Package upgrades * Set demo for react router error boundary and loader * Bug Fixes * Fixed Breadcrumbs * Fixed megamenu quick links * Fixed Organization chart RTL * Support Node 20 now ## v3.7.0 - (23-10-2023) * Next 13 App directory * Package updates * Full screen toggle * Maps * NPM Font * Stop menu collapse on large media for Apps * Remove react-app-rewired ## v3.6.0 - (23-07-2023) * Set loader for all application pages * Set notistack notification variants * Set a parent menu item on horizontal * Theme customizer re-design * Set forgot/reset password flow for Firebase and aws cognito * Bug fixes * fixed megamenu application links * fixed header profile chip color dark mode * fixed palette color - color grey.600 and grey.900 conflict * fixed content resize on drawer toggler ## v3.5.0 - (12-05-2023) * Replaced react-beautiful-dnd with @hello-pangea/dnd to avoid --legacy-peer-deps while npm install ## v3.4.0 - (10-04-2023) * Removed Mock API and use [Fake API via server](https://mock-data-api-nextjs.vercel.app/) * Update to Next JS 13 * WCAG Updates * Set Default Auth as JWT * .env File updates * Minimal [Remix React](https://remix.run/) Version (Limited support) * Added password reset for Cognito auth * Bug Fixes * Landing Section fix for mobile view * Iphone issue - The user needs to click twice * Chat app - emoji issue in mobile ## v3.3.0 - (19-01-2023) * New Landing * CSV Export * Render Dashboard menu using API * Added autocomplete form with validation * Packages updates * Removed react-images * Removed MUI-Style * Updated packages to the latest * Bug Fixes ## 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`** {% hint style="warning" %} 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. {% endhint %} You can follow this link for more: ## 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](https://blog.berrydashboard.com/year-wrap-up-2021-february-edition) for changes we did. ## v3.0.0 - (21-10-2021) * Migration to [MUI 5.0.4](https://github.com/mui-org/material-ui/releases/tag/v5.0.4) stable version (Major change) * Next.js TypeScript version (Released on 31-10-2021) * [Kanban](https://berrydashboard.com/apps/kanban/board) 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. * [How to Video series](https://www.youtube.com/playlist?list=PLknn3jaIuWiALE6UUYYBaefZedx18fN-C) * [Authentication Video](https://www.youtube.com/watch?v=daHRKlIi6Uc) ### 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 * [https://mui.com/guides/migration-v4](https://mui.com/guides/migration-v4/#migrate-from-jss) {% hint style="success" %} 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. {% endhint %} * For the Authentication, We have improved and simplified it, so you can replace it as a whole. Just refer to this [Authentication video](https://www.youtube.com/watch?v=daHRKlIi6Uc). * Let us know if you need migration assistance via the [Support panel](https://codedthemes.support-hub.io). ## 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](https://berrydashboard.com/apps/e-commerce/products) 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: 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: ## v1.2.0 - (12-06-2021) **Added** * [Form Layouts](https://berrydashboard.com/forms/layouts/layouts) * Multiple layouts - Simple, Horizontal, with label, divider * Multi column forms * Action bar * Sticky Action bar * [Form Validation](https://berrydashboard.com/forms/forms-validation) * [Form Wizard](https://berrydashboard.com/forms/forms-wizard) * Theme * 6 color preset files * [Grid](https://berrydashboard.com/utils/util-grid) page * [Animation](https://berrydashboard.com/utils/util-animation) * [Button](https://berrydashboard.com/components/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 readability * Code clean up and minor bug fixes * File Restructured for better code understanding * Code commenting and documentation {% hint style="warning" %} If you using v1.0, please do backup your files first. {% endhint %} ## v1.0 - Release (15-05-2021) * Berry initial release --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://codedthemes.gitbook.io/berry/v3.8.0/changelog.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.