From 8b25a39b2618ca088cb84d7c176a94e32a614084 Mon Sep 17 00:00:00 2001
From: Jasper <8398131+jasperfirecai2@users.noreply.github.com>
Date: Fri, 16 Aug 2024 12:56:57 +0200
Subject: [PATCH 01/10] fix special key prop in CToast

---
 packages/coreui-react/src/components/toast/CToast.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/coreui-react/src/components/toast/CToast.tsx b/packages/coreui-react/src/components/toast/CToast.tsx
index 449daaea..acc405b3 100644
--- a/packages/coreui-react/src/components/toast/CToast.tsx
+++ b/packages/coreui-react/src/components/toast/CToast.tsx
@@ -44,7 +44,7 @@ export interface CToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
   /**
    * @ignore
    */
-  key?: number
+  innerKey?: number | string
   /**
    * Callback fired when the component requests to be closed.
    */
@@ -76,7 +76,7 @@ export const CToast = forwardRef<HTMLDivElement, CToastProps>(
       color,
       delay = 5000,
       index,
-      key,
+      innerKey,
       visible = false,
       onClose,
       onShow,
@@ -143,7 +143,7 @@ export const CToast = forwardRef<HTMLDivElement, CToastProps>(
               onMouseEnter={() => clearTimeout(timeout.current)}
               onMouseLeave={() => _autohide()}
               {...rest}
-              key={key}
+              key={innerKey}
               ref={forkedRef}
             >
               {children}
@@ -163,7 +163,10 @@ CToast.propTypes = {
   color: colorPropType,
   delay: PropTypes.number,
   index: PropTypes.number,
-  key: PropTypes.number,
+  innerKey: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.string
+  ]),
   onClose: PropTypes.func,
   onShow: PropTypes.func,
   visible: PropTypes.bool,

From 71e13d8b4c0a989732c823ea1df2c6b00e96a790 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Fri, 23 Aug 2024 17:46:42 +0200
Subject: [PATCH 02/10] fix(CFormSelect): add the missing `selected` attribute
 to the option typings

---
 packages/coreui-react/src/components/form/CFormSelect.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/coreui-react/src/components/form/CFormSelect.tsx b/packages/coreui-react/src/components/form/CFormSelect.tsx
index af0b2d72..42527495 100644
--- a/packages/coreui-react/src/components/form/CFormSelect.tsx
+++ b/packages/coreui-react/src/components/form/CFormSelect.tsx
@@ -7,6 +7,7 @@ import { CFormControlWrapper, CFormControlWrapperProps } from './CFormControlWra
 type Option = {
   disabled?: boolean
   label?: string
+  selected?: boolean
   value?: string
 }
 

From 785ecc8b6fa462abf7212cc163aabe4fa8f3bc2f Mon Sep 17 00:00:00 2001
From: Jasper <8398131+jasperfirecai2@users.noreply.github.com>
Date: Mon, 2 Sep 2024 15:36:04 +0200
Subject: [PATCH 03/10] FIx crow not passing props

---
 packages/coreui-react/src/components/grid/CRow.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-react/src/components/grid/CRow.tsx b/packages/coreui-react/src/components/grid/CRow.tsx
index 14800d5e..ee2af420 100644
--- a/packages/coreui-react/src/components/grid/CRow.tsx
+++ b/packages/coreui-react/src/components/grid/CRow.tsx
@@ -91,7 +91,7 @@ export const CRow = forwardRef<HTMLDivElement, CRowProps>(
     })
 
     return (
-      <div className={classNames('row', repsonsiveClassNames, className)} ref={ref}>
+      <div {...rest} className={classNames('row', repsonsiveClassNames, className)} ref={ref}>
         {children}
       </div>
     )

From b2831a29cb9c1356126cd96421cae4ee60fad86a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Wed, 18 Sep 2024 21:23:16 +0200
Subject: [PATCH 04/10] Update CRow.tsx

---
 packages/coreui-react/src/components/grid/CRow.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-react/src/components/grid/CRow.tsx b/packages/coreui-react/src/components/grid/CRow.tsx
index ee2af420..05a54711 100644
--- a/packages/coreui-react/src/components/grid/CRow.tsx
+++ b/packages/coreui-react/src/components/grid/CRow.tsx
@@ -91,7 +91,7 @@ export const CRow = forwardRef<HTMLDivElement, CRowProps>(
     })
 
     return (
-      <div {...rest} className={classNames('row', repsonsiveClassNames, className)} ref={ref}>
+      <div className={classNames('row', repsonsiveClassNames, className)} {...rest} ref={ref}>
         {children}
       </div>
     )

From 57cfe9e0315d6d56fc4902e2368fc0cf1041075e Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 18 Sep 2024 21:32:03 +0200
Subject: [PATCH 05/10] fix(CTabs): add missing `disabled` prop

---
 packages/coreui-react/src/components/tabs/CTab.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/coreui-react/src/components/tabs/CTab.tsx b/packages/coreui-react/src/components/tabs/CTab.tsx
index 63a8dbbe..88e892d7 100644
--- a/packages/coreui-react/src/components/tabs/CTab.tsx
+++ b/packages/coreui-react/src/components/tabs/CTab.tsx
@@ -9,6 +9,10 @@ export interface CTabProps extends HTMLAttributes<HTMLButtonElement> {
    * A string of all className you want applied to the base component.
    */
   className?: string
+  /**
+   * Toggle the disabled state for the component.
+   */
+  disabled?: boolean
   /**
    * Item key.
    */
@@ -50,6 +54,7 @@ export const CTab = forwardRef<HTMLButtonElement, CTabProps>(
 CTab.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
+  disabled: PropTypes.bool,
   itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
 }
 

From 786399c2a567ba22a37797b98767c624c5c28ab3 Mon Sep 17 00:00:00 2001
From: Jasperfirecai2 <8398131+jasperfirecai2@users.noreply.github.com>
Date: Wed, 18 Sep 2024 21:58:44 +0200
Subject: [PATCH 06/10] Update key to innerkey in toaster

---
 packages/coreui-react/src/components/toast/CToaster.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/coreui-react/src/components/toast/CToaster.tsx b/packages/coreui-react/src/components/toast/CToaster.tsx
index e7d41e76..7ad9b823 100644
--- a/packages/coreui-react/src/components/toast/CToaster.tsx
+++ b/packages/coreui-react/src/components/toast/CToaster.tsx
@@ -45,7 +45,7 @@ export const CToaster = forwardRef<HTMLDivElement, CToasterProps>(
         ...state,
         React.cloneElement(push, {
           index: index.current,
-          key: index.current,
+          innerKey: index.current,
           onClose: (index: number) =>
             setToasts((state) => state.filter((i) => i.props.index !== index)),
         }),

From 67106fb24518caac71e830bf67adf9a466d199c9 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 18 Sep 2024 23:07:22 +0200
Subject: [PATCH 07/10] fix(CTabs): add missing `disabled` prop

---
 packages/docs/content/api/CTab.api.mdx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/docs/content/api/CTab.api.mdx b/packages/docs/content/api/CTab.api.mdx
index f0ba1fe6..9a9835e5 100644
--- a/packages/docs/content/api/CTab.api.mdx
+++ b/packages/docs/content/api/CTab.api.mdx
@@ -8,4 +8,5 @@ import CTab from '@coreui/react/src/components/tabs/CTab'
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | **className** | A string of all className you want applied to the base component. | `string` | - |
+| **disabled** | Toggle the disabled state for the component. | `boolean` | - |
 | **itemKey** | Item key. | `string` \| `number` | - |

From b5782510e7004f5dd3379db63945ca5b961666a8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 18 Sep 2024 23:39:14 +0200
Subject: [PATCH 08/10] feat(CBreadcrumb): allow to pass custom components as
 breadcrumb item

---
 .../components/breadcrumb/CBreadcrumbItem.tsx | 57 ++++++++++++-------
 .../docs/content/api/CBreadcrumbItem.api.mdx  |  1 +
 2 files changed, 37 insertions(+), 21 deletions(-)

diff --git a/packages/coreui-react/src/components/breadcrumb/CBreadcrumbItem.tsx b/packages/coreui-react/src/components/breadcrumb/CBreadcrumbItem.tsx
index 153ca479..fab4ec69 100644
--- a/packages/coreui-react/src/components/breadcrumb/CBreadcrumbItem.tsx
+++ b/packages/coreui-react/src/components/breadcrumb/CBreadcrumbItem.tsx
@@ -1,14 +1,22 @@
-import React, { forwardRef, HTMLAttributes } from 'react'
+import React, { ElementType, forwardRef, HTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
 import { CLink } from '../link/CLink'
 
+import { PolymorphicRefForwardingComponent } from '../../helpers'
+
 export interface CBreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
   /**
    * Toggle the active state for the component.
    */
   active?: boolean
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   *
+   * @since 5.4.0
+   */
+  as?: ElementType
   /**
    * A string of all className you want applied to the base component.
    */
@@ -19,26 +27,33 @@ export interface CBreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
   href?: string
 }
 
-export const CBreadcrumbItem = forwardRef<HTMLLIElement, CBreadcrumbItemProps>(
-  ({ children, active, className, href, ...rest }, ref) => {
-    return (
-      <li
-        className={classNames(
-          'breadcrumb-item',
-          {
-            active: active,
-          },
-          className,
-        )}
-        {...(active && { 'aria-current': 'page' })}
-        {...rest}
-        ref={ref}
-      >
-        {href ? <CLink href={href}>{children}</CLink> : children}
-      </li>
-    )
-  },
-)
+export const CBreadcrumbItem: PolymorphicRefForwardingComponent<'li', CBreadcrumbItemProps> =
+  forwardRef<HTMLLIElement, CBreadcrumbItemProps>(
+    ({ children, active, as, className, href, ...rest }, ref) => {
+      return (
+        <li
+          className={classNames(
+            'breadcrumb-item',
+            {
+              active: active,
+            },
+            className,
+          )}
+          {...(active && { 'aria-current': 'page' })}
+          {...rest}
+          ref={ref}
+        >
+          {href ? (
+            <CLink as={as} href={href}>
+              {children}
+            </CLink>
+          ) : (
+            children
+          )}
+        </li>
+      )
+    },
+  )
 
 CBreadcrumbItem.propTypes = {
   active: PropTypes.bool,
diff --git a/packages/docs/content/api/CBreadcrumbItem.api.mdx b/packages/docs/content/api/CBreadcrumbItem.api.mdx
index 431f6fb3..e3b91512 100644
--- a/packages/docs/content/api/CBreadcrumbItem.api.mdx
+++ b/packages/docs/content/api/CBreadcrumbItem.api.mdx
@@ -8,5 +8,6 @@ import CBreadcrumbItem from '@coreui/react/src/components/breadcrumb/CBreadcrumb
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | **active** | Toggle the active state for the component. | `boolean` | - |
+| **as** **_5.4.0+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'li')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
 | **className** | A string of all className you want applied to the base component. | `string` | - |
 | **href** | The `href` attribute for the inner `<CLink>` component. | `string` | - |

From e48c09f80a2de7c608268c4ffedf1128d5527396 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 22 Sep 2024 14:15:16 +0200
Subject: [PATCH 09/10] chore: update dependencies and devDependencies
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@coreui/coreui                     ^5.1.0  →    ^5.1.2
@typescript-eslint/eslint-plugin  ^7.15.0  →    ^8.6.0
@typescript-eslint/parser         ^7.15.0  →    ^8.6.0
@testing-library/jest-dom          ^6.4.8  →    ^6.5.0
@testing-library/react            ^16.0.0  →   ^16.0.1
@types/jest                      ^29.5.12  →  ^29.5.13
@types/react                       18.3.3  →    18.3.8
@types/react-transition-group     ^4.4.10  →   ^4.4.11
eslint-plugin-react               ^7.35.0  →   ^7.36.1
gatsby-plugin-offline             ^6.13.2  →   ^6.13.3
lerna                              ^8.1.7  →    ^8.1.8
prism-react-renderer               ^2.3.1  →    ^2.4.0
rollup                            ^4.19.2  →   ^4.22.4
sass                              ^1.77.8  →   ^1.79.3
ts-jest                           ^29.2.4  →   ^29.2.5
tslib                              ^2.6.3  →    ^2.7.0
typescript                         ^5.5.4  →    ^5.6.2
---
 package.json                       |  8 ++++----
 packages/coreui-react/package.json | 20 ++++++++++----------
 packages/docs/package.json         |  8 ++++----
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/package.json b/package.json
index c5b7df9c..e9ecc32b 100644
--- a/package.json
+++ b/package.json
@@ -22,15 +22,15 @@
     "test:update": "npm-run-all charts:test:update icons:test:update lib:test:update"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.15.0",
-    "@typescript-eslint/parser": "^7.15.0",
+    "@typescript-eslint/eslint-plugin": "^8.6.0",
+    "@typescript-eslint/parser": "^8.6.0",
     "eslint": "8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react": "^7.36.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-unicorn": "^55.0.0",
-    "lerna": "^8.1.7",
+    "lerna": "^8.1.8",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.3.3"
   },
diff --git a/packages/coreui-react/package.json b/packages/coreui-react/package.json
index 9a9accca..2a2f21ba 100644
--- a/packages/coreui-react/package.json
+++ b/packages/coreui-react/package.json
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.1.0",
+    "@coreui/coreui": "^5.1.2",
     "@popperjs/core": "^2.11.8",
     "prop-types": "^15.8.1"
   },
@@ -49,12 +49,12 @@
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
-    "@types/jest": "^29.5.12",
-    "@types/react": "18.3.3",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@types/jest": "^29.5.13",
+    "@types/react": "18.3.8",
     "@types/react-dom": "^18.3.0",
-    "@types/react-transition-group": "^4.4.10",
+    "@types/react-transition-group": "^4.4.11",
     "classnames": "^2.5.1",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
@@ -62,10 +62,10 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "rollup": "^4.19.2",
-    "ts-jest": "^29.2.4",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.4"
+    "rollup": "^4.22.4",
+    "ts-jest": "^29.2.5",
+    "tslib": "^2.7.0",
+    "typescript": "^5.6.2"
   },
   "peerDependencies": {
     "react": ">=17",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index a0e3a101..667a23ab 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@coreui/chartjs": "^4.0.0",
-    "@coreui/coreui": "^5.1.0",
+    "@coreui/coreui": "^5.1.2",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-react": "^2.3.0",
     "@coreui/react-chartjs": "^3.0.0",
@@ -39,7 +39,7 @@
     "gatsby-plugin-image": "^3.13.1",
     "gatsby-plugin-manifest": "^5.13.1",
     "gatsby-plugin-mdx": "^5.13.1",
-    "gatsby-plugin-offline": "^6.13.2",
+    "gatsby-plugin-offline": "^6.13.3",
     "gatsby-plugin-react-helmet": "^6.13.1",
     "gatsby-plugin-sass": "^6.13.1",
     "gatsby-plugin-sharp": "^5.13.1",
@@ -49,7 +49,7 @@
     "gatsby-source-filesystem": "^5.13.1",
     "gatsby-transformer-sharp": "^5.13.1",
     "globby": "^14.0.2",
-    "prism-react-renderer": "^2.3.1",
+    "prism-react-renderer": "^2.4.0",
     "prismjs": "^1.29.0",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
@@ -58,7 +58,7 @@
     "react-helmet": "^6.1.0",
     "react-imask": "^7.6.1",
     "rimraf": "^6.0.1",
-    "sass": "^1.77.8"
+    "sass": "^1.79.3"
   },
   "devDependencies": {
     "npm-run-all": "^4.1.5"

From 5612934329a8882cd17855c688accaf236f5a6a8 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Sun, 22 Sep 2024 17:35:57 +0200
Subject: [PATCH 10/10] release: v5.4.0

---
 README.md                          | 2 +-
 lerna.json                         | 2 +-
 packages/coreui-react/README.md    | 2 +-
 packages/coreui-react/package.json | 2 +-
 packages/docs/package.json         | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 26d6b460..f50b90dc 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.3.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.4.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`
diff --git a/lerna.json b/lerna.json
index 8e4098d4..a5830df9 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.3.0",
+  "version": "5.4.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }
diff --git a/packages/coreui-react/README.md b/packages/coreui-react/README.md
index 95934c20..3817c711 100644
--- a/packages/coreui-react/README.md
+++ b/packages/coreui-react/README.md
@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.3.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.4.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`
diff --git a/packages/coreui-react/package.json b/packages/coreui-react/package.json
index 2a2f21ba..ac389697 100644
--- a/packages/coreui-react/package.json
+++ b/packages/coreui-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 667a23ab..31890153 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-docs",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "private": true,
   "description": "",
   "homepage": "https://coreui.io/react/",

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://github.com/coreui/coreui-react/compare/v5.3.0...v5.4.0.patch" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://github.com/coreui/coreui-react/compare/v5.3.0...v5.4.0.patch" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://github.com/coreui/coreui-react/compare/v5.3.0...v5.4.0.patch" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://github.com/coreui/coreui-react/compare/v5.3.0...v5.4.0.patch" target="_blank">pFad v4 Proxy</a></p></body>
</html>