CoreUI PRO for React v5.11.0

CoreUI PRO for React v5.11.0

We’re thrilled to announce the release of CoreUI PRO for React v5.11.0! This version delivers significant enhancements, improved component behavior, and better developer tooling. It reinforces CoreUI PRO as the top choice for building sophisticated React applications with speed and efficiency.


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 upgrade to CoreUI PRO for React v5.11.0, follow these steps:

  1. Open your package.json file.
  2. Update the @coreui/react-pro dependency to version 5.11.0.
  3. Update the @coreui/coreui-pro dependency to version 5.9.0.
  4. Save the file.
  5. Run the following command in your project directory:
    • For npm users: npm install
    • For yarn users: yarn install

What’s New

Features

  • CSidebar: Added as prop for improved customization.
  • CAccordion: Enhanced accessibility features for better user experience.
  • CCalendar: Refactored into smaller components and enhanced keyboard navigation.
  • CTimePicker: Improved typings for better developer experience.
  • CSmartTable: Enhanced custom filter rendering and event handling.

Fixes

  • CBadge: Updated propTypes to use ElementType for the as prop and resolved a type mismatch issue.
  • CNavGroup: Added a missing href attribute to the toggler for increased flexibility.
  • CRangeSlider:
    • Resolved issues with tooltip manipulation.
    • Improved behavior when the component is disabled.
  • CDatePicker, CDateRangePicker: Fixed calendar date props to ensure proper calendar updates.

Refactors

  • Improved typings for various components, including CDateRangePicker and CTimePicker.
  • Replaced window with globalThis in useColorModes for broader compatibility.
  • Enhanced performance and maintainability across components.

Tests

  • Updated test coverage for new features and fixes.

Dependency Updates

This release also includes updates to several dependencies to ensure compatibility with the latest features and security patches:

  • @docsearch/css updated from ^3.8.1 to ^3.8.2
  • @docsearch/react updated from ^3.8.1 to ^3.8.2
  • @rollup/plugin-commonjs updated from ^28.0.1 to ^28.0.2
  • @rollup/plugin-node-resolve updated from ^15.3.0 to ^16.0.0
  • @rollup/plugin-typescript updated from ^12.1.1 to ^12.1.2
  • @testing-library/jest-dom updated from ^6.6.2 to ^6.6.3
  • @testing-library/react updated from ^16.0.1 to ^16.1.0
  • @typescript-eslint/eslint-plugin updated from ^8.12.1 to ^8.19.0
  • @typescript-eslint/parser updated from ^8.12.1 to ^8.19.0
  • eslint-plugin-react-hooks updated from ^5.0.0 to ^5.1.0
  • eslint-plugin-unicorn updated from ^56.0.0 to ^56.0.1
  • gatsby updated from ^5.13.7 to ^5.14.0
  • gatsby-plugin-google-tagmanager updated from ^5.13.1 to ^5.14.0
  • gatsby-plugin-image updated from ^3.13.1 to ^3.14.0
  • gatsby-plugin-manifest updated from ^5.13.1 to ^5.14.0
  • gatsby-plugin-mdx updated from ^5.13.1 to ^5.14.0
  • gatsby-plugin-offline updated from ^6.13.3 to ^6.14.0
  • gatsby-plugin-sass updated from ^6.13.1 to ^6.14.0
  • gatsby-plugin-sharp updated from ^5.13.1 to ^5.14.0
  • gatsby-plugin-sitemap updated from ^6.13.1 to ^6.14.0
  • gatsby-remark-autolink-headers updated from ^6.13.1 to ^6.14.0
  • gatsby-source-filesystem updated from ^5.13.1 to ^5.14.0
  • gatsby-transformer-sharp updated from ^5.13.1 to ^5.14.0
  • lerna updated from ^8.1.8 to ^8.1.9
  • prettier updated from ^3.3.3 to ^3.4.2
  • prism-react-renderer updated from ^2.4.0 to ^2.4.1
  • rollup updated from ^4.28.1 to ^4.29.1
  • sass updated from ^1.80.4 to ^1.83.0
  • tslib updated from ^2.8.0 to ^2.8.1
  • typescript updated from ^5.6.3 to ^5.7.2
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
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.”

How to Remove Elements from a JavaScript Array
How to Remove Elements from a JavaScript Array