🚀 Fuse React Nextjs version launched!

🎨 Material-UI (MUI) updated to v6+.

📚 Documentation layout updated with improved navigation and additional pages for better user experience.

🔐 Vitejs version: Authentication system refactored for easier configuration and better multi provider support.

🛠️ Mock Service Worker (MSW) integrated to simulate API requests, facilitating easier development and testing.

🏗️ Mock API specifications restructured to align with improved database architecture.

🔄 Axios library removed in favor of native 'fetch' API for more lightweight and standardized HTTP requests.

🔧 Axios mock adapter replaced with 'msw' for more flexible and powerful request mocking.

📦 '@lodash' package removed, now using standard 'lodash' library for utility functions.

🔀 Redux slices (FuseSettingsSlice, userSlice, i18nSlice) replaced with React Context Providers for better state management.

@hello-pangea/dnd removed, replaced with @hello-pangea/dnd.

ViteJs "JS" version is no longer supported. You can use the TypeScript compiler (tsc) to compile your TypeScript code into JavaScript. For more information on how to use the TypeScript compiler, refer to the official TypeScript documentation: https://www.typescriptlang.org/docs/handbook/compiler-options.html

vite.config.mts configured to expose the host to the local network by default.

Components validated to be compatible with Fast Refresh.

eslint-plugin-react-refresh ESLint plugin installed.

ESLint warnings resolved.

Mobile scroll issues fixed.

Created a 401 error page.

Added useFuseRouteParameter.tsx for managing route parameters.

Added a copy button to the FuseHighlight component.

Enhanced the Icon List page to allow automatic copying of icon names on click.

Created PageBreadcrumb component and integrated it across various pages and apps.

Automated route configuration generation, eliminating manual imports in routesConfig.tsx.

Added FuseTabs and FuseTab components for improved tab appearance.

Refined main theme styles for better enterprise and modern usage.

Updated default theme colors.

Created LightDarkModeToggle component.

Restyled the User Menu and moved it to the Navbar footer.

Updated tailwindconfig.js for additional customization.

Updated default font and icon sizes.

Replaced Hero-icon SVGs with the latest version.

Created FuseLayoutConfig components to simplify FuseSettings code and added number input validation for layoutConfig.containerWidth.

Performance improvements.

Dependencies updated.

Resolved an issue with error handling in JWT SignIn/SignUp forms.

Updated mobile styles across the application.

Multiple RTL support fixes.

Renamed all *Config.tsx files to *Route.tsx.

Removed @history package.

Re-configured the router to support React Router v6’s new data APIs.

Fixed Firebase authentication redirect issue after registration.

Settings App/Page created.

React version updated to v18.3.1.

Mui updated to v5.15.19.

Tailwindcss updated to v3.4.4.

All dependency packages updated.

new date-fns version imports updated due to ts type detection.

.eslintrc.cjs updated.

Minor lint fixes.

NotificationPanelButton animation added, triggers when a new notification is received.

Notification list default order changed to time desc.

All .defaultProps definitions removed due to will be deprecated on next major react release.

DateTimePicker controllers updated.

AWS Auth Social Login Google example added.

Aws Amplify authentication service example added.

Dependency packages updated

Mailbox: MailItem checkbox's click event cannot stop propagation on Firefox

FuseSearch: Misaligned popper issue resolved in horizontal layouts.

Authentication system refactored.

material-react-table library added

E-commerce products and orders page tables changed with material-react-table

@reduxjs/toolkit updated to v2.2.1

Redux slices and RTK-Query have been enhanced by leveraging the latest version of the Redux Toolkit for optimized lazy loading.

Js versions added.

RTK Query added for data fetching.

ViteJS generator added for faster development. Changed from Create React App.

New Authentication provider created.

Firebase authentication service example added.

Jwt authentication updated.

Notifications App created.

Material UI updated to v5.15.5

New theme selector added into the theme panel.

New color schemes added.

Performance improvements.

mock-api data updated.

Create React App changed with ViteJs.

All api endpoints moved from ..Slice.ts files into ..Api.ts files.

...Api.ts files created for rtk query api endpoints.

All types moved into the ...Api.ts files.

fuse, auth, navigation, settings slices lazy loaded from its own components with HOC

Transitioned the codebase from JavaScript to TypeScript.

Upgraded all dependencies to their latest stable versions.

Enhanced application performance through code optimization and bundle size reduction.

Introduced new features and functionalities.

The entire JavaScript codebase has been transitioned to TypeScript, necessitating potential updates to existing code.

Some APIs and interfaces have changed due to the conversion to TypeScript

material-ui updated to v5.13.6

react-router updated to v6.14.1

react-redux updated to v8.1.1

react-hook-form updated to v7.45.1

All dependency packages updated.

material-ui updated to v5.13.12

react-router updated to v6.11.2

tailwindcss updated to v3.3.2

@reduxjs/toolkit updated to v1.9.5

axios updated to v1.4.0

fullcalendar updated to v6.1.8

All dependency packages updated.

User role specific redirectUrl issue fixed.

Tasks App: dueDate input field fixed.

material-ui updated to v5.11.15

react-router updated to v6.10

tailwindcss updated to v3.3.1

@reduxjs/toolkit updated to v1.9.3

axios updated to v1.3.4

fullcalendar updated to v6.1.5

All dependency packages updated.

Chat Panel, custom scrollbars of messages are disabled due to scroll Bottom not works

Chat App, custom scrollbars of messages are disabled due to scroll Bottom not works.

DateTimePicker migrated to v6Please follow the migration guide at https://mui.com/x/migration/migration-pickers-v5/

Crypto Dashboard created.

FusePageCarded Sidebar width value not applied on mobile.

FusePageSimple Sidebar width value not applied on mobile.

material-ui updated to v5.11.0

react-router updated to v6.4.5

tailwindcss updated to v3.2.4

@reduxjs/toolkit updated to v1.8.6

axios updated to v1.2.1

fullcalendar updated to v6.0.0

All dependency packages updated.

Navbar style 3 light theme.

Performance refinements on FuseExample, FuseHighlight components, FuseSvgIcon

DateTimePicker z-index issue, new import path.

Finance Dashboard added.

material-ui updated to v5.10.1

tailwindcss updated to v3.1.8

react-hook-form updated to v7.34.2

@reduxjs/toolkit updated to v1.8.5

All dependency packages updated.

Theme Layout Navbar styles theming

FuseSidePanel max-height

react updated to v18.2.0

material-ui updated to v5.9.0

tailwindcss updated to v3.1.6

react-hook-form updated to v7.33.1

@reduxjs/toolkit updated to v1.8.3

All dependency packages updated.

Mock API Definitions page refined.

Improved the look and feel

Re-wrote the entire template from scratch

Mock API regenerated using OPEN API definitions

react updated to v18.1.0

material-ui updated to v5.7.0

@reduxjs/toolkit to v1.8.1

tailwindcss updated to v3.0.24

All dependency packages updated.

craco replaced with react-app-rewired.

firebase, auth0 service examples deprecated.

material-ui updated to v5.4.4

react-router updated to v6.2.2

tailwindcss updated to v3.0.23

@reduxjs/toolkit updated to v1.8.0

All dependency packages updated.

/callback route component assignment.

Authorization cannot hide navigation items in some cases.

material-ui updated to v5.2.4

react-router updated to v6.1.1

tailwindcss updated to v3.0.5

react-scripts updated to v5.0.0

All dependency packages updated.

redirectUrl changed with loginRedirectUrl.

material-ui updated to v5.0.4

tailwindcss updated to v2.2.17

All dependency packages updated.

Default font changed to 'Inter'

react-select removed.

material-ui updated to v5.0.2

tailwindcss updated to v2.2.16

All dependency packages updated.

Codebase improved, minor fixes.

material-ui migrated from v4 to v5

All dependency packages updated.

Codebase improved.

Switched yarn to npm.

react-charjs2, Formsy libraries not support anymore.

FuseAnimate, FuseGroupAnimate, FuseChipSelect Components are deprecated.

material-ui updated to v4.12.3

tailwindcss updated to v2.2.7

All dependency packages updated.

prettier config (.prettierrc) moved into eslint configuration file.

Code formatting matched with Airbnb's style guide, eslint configuration file updated, code re-formatted.

Chrome's autofill background color removed.

ChatPanel responsive positioning.

Main Theme light or Main Theme Dark values shouldn't be listed in main theme select.

ChatPanel doesn't render correctly after changing the layout and reloading the page.

All dependency packages updated.

jss, jss-plugin-extend updated to v10.6.0

Page layouts inner scroll issue.

react-hook-form migrated v6 to v7,
- Checkout migration guide at: https://react-hook-form.com/migrate-v6-to-v7

tailwindcss updated to v2.1.0

Yarn2 pnp warnings resolved.

Calendar App: react-big-calendar changed with fullCalendar/react

draft-js and react-draft-wysiwyg added, an example created at mail compose form.

croco added to extend webpack config.

tailwindcss moved inside postcss config with croco.

framer-motion added, all Animations migrated to framer-motion.

Charts changed from 'react-chartjs-2' to 'react-apexcharts'

All forms changed with react-hook-form, yup is used for form validation.

The theme design refreshed with more modern approach.

redux serializableCheck middleware disabled by default for development performance concerns.

Default theme color scheme changed

Default font changed to 'Poppins'

All theme layouts updated, now body scroll is default.

Theme vertical-layout-1 has new navigation styles (Slide, Tabbed, Tabbed dense, folded).

redux-logger configuration: collapse all except errors on dev console.

Unnecessary React imports removed.

Notification Panel created.

AdjustFontSize toolbar component created.

react updated to v17.0.2

react-scripts updated to v4.0.3

material-ui updated to v4.11.3

All dependency packages updated.

material-ui updated to v4.11.2

All dependency packages updated.

Minor design refinements.

Reset the whole redux store when user logged out.

reportWebVitals added.

data Model classes changed with function versions.

FuseChipSelect empty input height.

tailwindcss updated to v2

material-ui updated to v4.11.1

All dependency packages updated.

E-Commerce App: Removing items functionality added into the Products and Orders Table. No result message created for non existed product/order page routes.

Smooth shadows: Material design shadows changed with tailwindcss classes.

NotesApp dialog do not close when item removed.

ClickAwayListener included components not work.

react updated to v17.0.1,

E-commerce App: showing loading indicator while fetching products/orders table data.

NavbarFoldedToggleButton icon changed with push_pin

FuseSearch: placeholder and noResults props added for localization.

material ui icons updated and all variations added for to choose from.

Mobile refinements: Drawer components changed with SwipeableDrawer, react-swipeable library added.

Native scrollbar styles updated.

tailwindcss updated to v1.9.6

All dependency packages updated.

Language change dispatching should be called in the callback of the i18n.changeLanguage

firebase individual SDK import error.

customScrollbars disabled by default due to performance reasons on development.

tailwind.config.js updated.

redux-toolkit immutableCheck middleware disabled by default for development performance.

material ui icon fonts import location changed, checkout public/index.html

FullScreenToggle added into the theme toolbars,

i18nSlice created to store current language in redux store. changeLanguage action created and used in LanguageSwitcher.js

Adjustments for better responsive design

tailwindcss updated to v1.8.6

All dependency packages updated.

FuseDialog and FuseMessage actions added into serializableCheck ignoredActions list.

ScrumboardApp: non-existent board redirect error fixed.

Formsy components missing color attribute added.

theme layout footer cannot scroll on mobile.

FuseSearch, FuseShortcuts cannot find translated navigation item, translation process moved into the redux store.

Migrated to the Redux-toolkit (Official Redux library)'

Theme Color Schemes updated

Color Schemes selection added into the SettingsPanel

New Documentation layout created, and content updated.

Default highlighting added to external links ('a.link, a:not([role=button])[target=_blank]').

New Login/Register page added (LaginPage3, RegisterPage3) default login/register pages updated.

Style changes applied for better theming

material-ui updated to v4.11

All dependency packages updated.

material-ui updated to v4.10

tailwindcss updated to v1.4.6

All dependency packages updated.

Tooltip z-index issue.

material-ui updated to v4.9.10

react updated to v16.13.1

All dependency packages updated.

hide/reveal button added to password input at the login page.

important note added into the installation doc for to prevent yarn v2 issues.

Possible yarn, yarn2 package manager issues.

react updated to v16.13.0

react-table updated to v7, also react-table docs and Contacts App table updated.

formsy-react and its HOC`s updated

material-ui updated to v4.9.5

All dependency packages updated.

performance improvements.

input autofill backgroundColor changed to transparent.

FuseChipSelect error highligting.

react-scripts updated to v3.4.0 which is minor release and included mostly bug fixes.

Eslint, Prettier configuration based on Airbnb javascript style guide.

Yarn v2 (package-manager) support

.yarnrc.yml created for to resolve dependency issues (missing dependencies etc) for PnP

IDEs (Webstorm, VSCode) titled documentation created.

Toggle animations setting added.

Codebase improved.

material-ui updated to v4.9.1

All dependency packages updated.

Mutation fixed on route settings.

Circular Dependency issues.

RTL FuseScrollbars issue solved.

Bundle Size optimizations: top level imports changed with path imports:#how-to-reduce-the-bundle-size

@fuse directories re-structured (@fuse/components > @fuse/core etc.), top level imports removed from @fuse/index, import paths updated.

All Import paths re-ordered.

All project reformated with the eslint, prettier configuration

jss-extend changed with jss-plugin-extend

webpack-bundle-analyzer changed with source-map-explorer

RTL language support added.

Multi language support added.

All dependency packages updated.

Allow everyone(guest,user) for accessing root (/) page as a landing page while whole app auth protected.

"redirect the logged-in user to a specific route depending on his role" title added into the FuseAuthorization Doc.

react-scripts reverted back to v3.2.0 : v3.3.0 doesn't work in development mode on IE or edge

Scrumboard App: Board list header menu not working.

Chat Panel: Toggle Button not working on mobile; ClickAwayListener changed with custom event handler.

material-ui updated to v4.8.0

Default theme scheme changed.

All dependency packages updated.

E-Commerce App: reset table page when listing search results.

Project Dashboard: 'scales.[x/y]Axes.categoryPercentage' is deprecated changed with 'dataset.categoryPercentage'

material-ui updated to v4.6.1

react updated to v16.12.0

All dependency packages updated.

FusePage layout components: Drawer closes whenever click on it.

material-ui updated to v4.5.1

react updated to 16.11.0

All dependency packages updated.

@fake-db/mock.js).

E-Commerce App, shows FuseLoading component while product data is loading.

Contacts App Contact Dialog Mobile refinement for scroll.

Calendar App Native date input changed with DateTimePicker.

FuseNavigation, dense attr added for densed variation.

NavbarMobileToggleFab Button added for to display absence of the toolbar.

react-select returns null despite of empty array, workaround applied for FuseChipSelect.the related issue

Fix for Safari: Contacts App column filter input text is not visible.

Fix for Firefox: ScrumboardApp scroll issue.

suppressScrollX for the navigation at layout-1 for to fix showing horizontal scroll while fold.

Calendar App New Event, moment js deprecation warning - Not in a recognized ISO format

Calendar App drag drop fix:the related issue

material-ui updated to v4.4.1

react updated to 16.9.0

All dependency packages updated.

FuseChipSelectFormsy Component added.

Default FuseSuspense loading delay changed to 0.

FuseHorizontalNav items minor theming issues.

Minor fixes for dependency updates.

withRouterAndRef hoc added for use forwardRef with withRouter.

scrollToTopOnRouteChange added to FuseScrollbars.

Nested Object support added for useForm hook.
(use with attribute name="profile.username" value={form.profile.username})

scrollToTopOnChildChange changed with scrollToTopOnRouteChange in FusePageCarded.

Route component theme settings do not applied if the route is the entry path of the app.

material-ui updated to v4.3.1

tailwind config updated.

All dependency packages updated.

Some import paths optimized.

HorizontalNavigation active highlighting added for group and collapse navigation items.

FuseLayout do not hold render until settings at the redux state is updated. This causes multiple mount of the route component which has different layout settings.

Layout style issues due to browser updates.

Removal of event listeners in FuseScrollbars (@stephankaag).

material-ui updated to v4.3.0

tailwind config updated.

All dependency packages updated.

Academy App is not scroll correctly when the theme footer is static.

Scrumboard App list name form not works.

tailwindcss colors matched with material colors (shade values changed with hues for example: .bg-red-dark to .bg-red-700)

material-ui updated to v4.1.3

react-big-calendar updated to v0.22.0

Await render while auto re-login on refresh or revisit of the authenticated user. It also solves extra redirection.

All dependency packages updated.

material-ui updated to v4.1.1

react-redux updated to v7.1.0

react-router updated to v5.0.1

tailwindcss updated to v1.0.4

All dependency packages updated.

All of the code migrated tothe hooks(New feature of react let you use state and other React features without writing a class.)

material-ui updated to v4

react-scripts updated to v3

react-redux updated to v7.1 (for hooks support)

tailwindcss updated to v1.0.2

user.role can be array to assign multiple permission roles. For details checkoutFuseAuthorization Docs.

All dependency packages updated.

Codebase improved.

"createBrowserHistroy is not exported from history.tsx" error on windows environment(rare)

react-loadable changed with React.suspense, React.lazy. All route configs updated with React.lazy

classNames() replaced with clsx().

We have no longer support Internet Explorer by default. If you still need it, you can installreact-app-polyfillfor to support.

Dependency packages updated (react v16.8.5, react-router v5 etc).

Mail, Todo apps route configs updated.

Changelog page design updated.

Minor text color refinement.

Dependency packages updated (react v16.8.4 etc).

setRef prop added to FuseAnimate.

Whitelist added to purgecss config for to prevent removing dynamically created navigation classes.

Layout issues on safari <= v10

Dependency packages updated (react v16.8.3 etc).

purgecss added to decrease file size of the production build.

Fuse vertical navigation collapse items don’t have to be collapsed whenever navigation updated or location path changed.

src/styles/fuse-helpers.css renamed with src/styles/tailwind.css

src/styles/fuse-helpers.tailwind.css renamed with src/styles/tailwind.base.css

Dependency packages updated (react v16.8.1, react-scripts etc).

PSD files updated.

Rendering Dom in "window.onload" function to wait all files loaded (esp css files).

Theming issues (FuseCountdown, tables of Invoice pages).

Dependency packages updated (react, material-ui etc).

FuseNavigation update,remove,append,prepend actions created, documentation page is updated.

react-chartjs-2-defaults.js file created.

react, react-dom are added to resolutions to prevent loading two versions of the react. + the issue's main reason is auth0-lock uses react as dependency not peerDependency and they don't change it with kinda valid reason (https://github.com/auth0/lock/issues/1148#issuecomment-336765301).

Calendar App Header updating issue fixed.

Project Dashboard App added.

External Link Item added to FuseNavigation (type:'link').

"metecons" extra icon fonts added.

Dependency packages updated.

Notes App Added.

Dependency packages updated.

dir-glob error is fixed with globby 8.0.2 via locking it's version. (This error only occurs when you use npm to install node_modules instead of yarn).

FuseSearch did not hide auth protected navigation items.

New theme layout added (layout-3)

Container layout mode created for layout-2 and layout-3."container" class added to relevant places.

FuseSidePanel created and used in layout-3.

FuseNavigation: dense variant added for horizontal layout only.

FuseShortcuts: vertical variant added.

FuseSearch: basic variant added (checkout layout-3)

dark-material-bg.jpg changed to gradient background.

HeroiconsUI page refined.

Generating source map disabled by default on production build.

Navigation data refactored on the demo.

Documentation updated.

Dependency packages updated.

Codebase improvements.

Some IE fixes.

FuseAuthorization must have state to prevent restricted route component mount when unauthorized user redirects.

E-Commerce App, navigating product to new product didn't update the form state.

Authentication timing issues fixed.

Theme layouts moved out of the @fuse core files which gives developers to create or edit theme layouts easily.

Project structure changed after new layout system.

Theme configuration state moved from FuseTheme to redux store (fuse.settings).

Academy App added.

FuseSearch Component added (located at the main toolbar and searches in the navigation).

FuseChipSelect documentation page added.

Dependency packages updated (Material-ui etc).

Missing input variants added to Formsy Higher Order Components.

FuseChipSelect variant styles fixed.

FuseNavHorizontalItem missing exact prop added.

E-Commerce App, navigating product to new product didn't update the form state.

Authentication timing issues fixed.

JWT support added to Regular Authentication.

FuseMessage variations added (error, success, alert, info).

Dependency packages updated (Material-ui etc).

FuseMessage relocated (position changed absolute to fixed).

Hide navbar button when navbar display set to false on mobile.

Layout-1 folded navigation mobile fix.

react-router-config react-router-dom versions matched.

tabs style fix for tabbed page layouts.

Theme Layout-1 Mobile fix (!important)

FuseDialog Component added to theme layout for easily show dialog messages via redux action.

Dependency packages updated (Material-ui, react-redux etc).

Layout-1 folded navigation broken in macOS safari browser.

Dependency packages updated (React, Material-ui etc).

Dependency packages updated (Redux etc).

Redux developer tools disabled on production.

Redux Developer Tools Extension fix: problem occurs if the extension is enabled on Firefox.

Initial loading time reduced with code splitting (lazy loading) components and also reducers.

redux-loadable library added.

FuseLoadable component created for to avoid repetition.

webpack-bundle-analyzer package added to devDependencies for to analyze build.

Material UI updated to v3.2.0.

Dependency packages updated.

create-react-app updated to v2

Material UI updated to v3.1.2

Navigation active item style option added for to use square highlighting(old style).

Dependency packages updated.

E-commerce App data/assets updated.

Synthetically trigger event onChange for higher-order components of formsy.

Edge, Ie font icon ligature fix.

The design is modernized with Google Material Design's new specs. + Icons replaced with outlined material icons, + Main Font Family changed to Muli

Scrumboard App added.

Material UI updated to v3.1.1

FuseChipSelect: "variant" attr added for to choose creatable or fixed multi selection.

Dependency packages updated.

@lodash path created to use lodash's mixins.

Webkit scrollbar styles added.

Auth Services(Auth0, Firebase) are revised for to easily disable.

Various mobile device refinements applied.

Cleaner approach for Mail App.

E-commerce App added.

FuseChipSelect Component added.

Material UI updated to v3.0.2

Dependency packages updated.

FuseSplashScreen added.

firebaseService and auth0Service created, Auth component added as entry point for authentication.

Login, register pages updated due to adding Auth0 authentication.

404 page redirection added to the routes.

Material UI updated to v1.5.1

Dependency packages updated.

FirebaseAuth Component removed, using Auth component instead.

Chat App added.

Material UI updated to v1.4.3

Dependency packages updated.

Chat Panel added.

LeftSidePanel RightSidePanel Layout areas added.

Navbar style refined.

Material UI updated to v1.4.0

Other Dependency packages updated.

Todo App added.

Material UI updated to v1.3.1

Other Dependency packages updated.

Material UI updated to v1.3.0

Dependency packages updated.

Changing default settings with route params.

Dependency packages updated.

FuseAnimate, FuseAnimateGroup inject error.

Folded Navigation extra space fixed between 960px and 1280px of window width.

velocity-react added as dependency, its used for fuseAnimation

FuseAnimation FuseAnimationGroup created for easily animate components and applied most of the pages.

exact property option added to navigation item for matching location exactly.

Dependency packages updated.

Layout system enhanced.

New Horizontal Layout added (layout-2).

react-poper added as dependency, its used for horizontal navigation

Material UI updated to v1.2.0

Dependency packages updated.

Dialog form of Contacts App and Calendar App fixed due to React 16.4.0 bugfix for getDeriveredStateFromProps

(https://reactjs.org/blog/2018/05/23/react-v-16-4.html#bugfix-for-getderivedstatefromprops).

Actions and reducers of fuse navigation fixed.

Layout and Theme settings data structure changed.

If you are storing the user data at database, old saved user settings will not work with this version.

Page Layouts default scroll behaviour changed to singleScroll due to new layout mechanism, additional innerScroll attribute also added.

FuseSettings separated from the settings panel.

Material UI updated to v1.1.0

Dependency packages updated.

Extra control added if user.data exist in Firebase Db

Navigation Collapse fixed due to React 16.4.0 bugfix for getDeriveredStateFromProps

(https://reactjs.org/blog/2018/05/23/react-v-16-4.html#bugfix-for-getderivedstatefromprops).

Material UI updated to v1.0.0

Firebase integration added as an example for authentication (Also saves user data to firebase/db).

Register Page Created for Firebase.

FuseMessage Component added to theme layout for easily show snackbar messages via redux action.

FuseAuth renamed with FuseAuthorization

Shortcuts data storage moved under the user.data.

Material UI updated to v1.0.0-rc.0

Checkout the breaking changes

google-map-react updated.

Tailwind error on windows.

missing .env .babelrc files added.

All dependencies updated.

cross-env library added for absolute path across platforms.