CoreUI PRO for React v5.8.0

CoreUI PRO for React v5.8.0

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

How to Update

To update your project to CoreUI PRO for React v5.8.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.8.0.
  3. Find the @coreui/coreui-pro entry under dependencies and update the version number to 5.6.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

  • docs: update content
  • feat(CMultiSelect): allows to append the dropdown to a specific element
  • feat(CMultiSelect): add a global search option, improve keyboard support and accessibility
  • feat(useDropdownWithPopper): add new hook
  • fix(CMultiSelect): improve selected options handling when multiple is set to false
  • refactor(CCalendar): improve time zones handling when selection type is month or year
  • refactor(CMultiSelect): minor improvements

Dependency Updates

@coreui/coreui-pro ^5.5.0 → ^5.6.0 @mdx-js/mdx ^3.0.1 → ^3.1.0 @mdx-js/react ^3.0.1 → ^3.1.0 @rollup/plugin-commonjs ^28.0.0 → ^28.0.1 @rollup/plugin-typescript ^12.1.0 → ^12.1.1 @testing-library/jest-dom ^6.5.0 → ^6.6.2 @types/jest ^29.5.13 → ^29.5.14 @types/react 18.3.11 → 18.3.12 @types/react-dom ^18.3.0 → ^18.3.1 @typescript-eslint/eslint-plugin ^8.8.0 → ^8.12.0 @typescript-eslint/parser ^8.8.0 → ^8.12.0 eslint-plugin-react ^7.37.1 → ^7.37.2 eslint-plugin-react-hooks ^4.6.2 → ^5.0.0 eslint-plugin-unicorn ^55.0.0 → ^56.0.0 rollup ^4.24.0 → ^4.24.2 sass ^1.79.4 → ^1.80.4 tslib ^2.7.0 → ^2.8.0 typescript ^5.6.2 → ^5.6.3

@coreui/coreui ^5.1.2 → ^5.2.0 @docsearch/css ^3.6.1 → ^3.6.2 @mdx-js/mdx ^3.0.1 → ^3.1.0 @mdx-js/react ^3.0.1 → ^3.1.0 @rollup/plugin-commonjs ^26.0.1 → ^28.0.1 @rollup/plugin-node-resolve ^15.2.3 → ^15.3.0 @rollup/plugin-typescript ^11.1.6 → ^12.1.1 @testing-library/jest-dom ^6.5.0 → ^6.6.2 @types/jest ^29.5.13 → ^29.5.14 @types/react 18.3.8 → 18.3.12 @types/react-dom ^18.3.0 → ^18.3.1 @typescript-eslint/eslint-plugin ^8.6.0 → ^8.12.1 @typescript-eslint/parser ^8.6.0 → ^8.12.1 eslint-plugin-react ^7.36.1 → ^7.37.2 eslint-plugin-react-hooks ^4.6.2 → ^5.0.0 eslint-plugin-unicorn ^55.0.0 → ^56.0.0 rollup ^4.22.4 → ^4.24.2 sass ^1.79.3 → ^1.80.4 tslib ^2.7.0 → ^2.8.0 typescript ^5.6.2 → ^5.6.3

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to show or hide elements in React? A Step-by-Step Guide.
How to show or hide elements in React? A Step-by-Step Guide.

How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript

What is the difference between typeof and instanceof in JavaScript
What is the difference between typeof and instanceof in JavaScript