CoreUI PRO for React v5.7.0

CoreUI PRO for React v5.7.0

We are excited to announce the release of CoreUI PRO for React v5.7.0. This update introduces new features, important refactors, and dependency updates to enhance the functionality and performance of the CoreUI PRO library.


Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.


How to Update

To update your project to CoreUI PRO for React v5.7.0, follow these steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/react-pro entry under dependencies and update the version number to 5.7.0.
  3. Find the @coreui/coreui-pro entry under dependencies and update the version number to 5.5.0.
  4. Save your changes to the package.json file.
  5. In your project’s root directory, run the update command appropriate for your package manager:
    • For npm users, execute npm install.
    • For yarn users, execute yarn install.

What’s New

Features

  • feat(CDateRangePicker): Added support for custom date formatting. Now, you can format the selected date as a string when using selection types like week, month, or year.

Fixes

  • fix(CListGroup): Ensured props are passed correctly to the component.
  • fix(CNavGroup): Set default height state to 0 for proper toggle animation on the first run.

Refactors

  • refactor(CMultiSelect): Improved handling of the disabled state for better accessibility.
  • refactor(CPopover, CTooltip): Enhanced fade animation for smoother transitions.
  • refactor(CSmartTable): Now emits a selectAll event on every click, ensuring better event handling.

Dependency Updates

This release includes updates to various dependencies, ensuring compatibility, security, and performance improvements:

  • Updated @coreui/coreui-pro from ^5.4.0 to ^5.5.0
  • Updated @docsearch/css from ^3.6.1 to ^3.6.2
  • Updated @rollup/plugin-commonjs from ^26.0.1 to ^28.0.0
  • Updated @rollup/plugin-node-resolve from ^15.2.3 to ^15.3.0
  • Updated @rollup/plugin-typescript from ^11.1.6 to ^12.1.0
  • Updated @types/react from 18.3.8 to 18.3.11
  • Updated @typescript-eslint/eslint-plugin from ^8.6.0 to ^8.8.0
  • Updated @typescript-eslint/parser from ^8.6.0 to ^8.8.0
  • Updated eslint-plugin-react from ^7.36.1 to ^7.37.1
  • Updated rollup from ^4.22.4 to ^4.24.0
  • Updated sass from ^1.79.3 to ^1.79.4
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Redirect to a New URL Using JavaScript Redirect Techniques
How to Redirect to a New URL Using JavaScript Redirect Techniques

How to Achieve Perfectly Rounded Corners in CSS
How to Achieve Perfectly Rounded Corners in CSS

How to Add a Tab in HTML
How to Add a Tab in HTML

How to Open Link in a New Tab in HTML?
How to Open Link in a New Tab in HTML?

How to Clone an Object in JavaScript
How to Clone an Object in JavaScript

How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”