From 0f368e5350b9dee8adaa71d6482a1a040d13909f Mon Sep 17 00:00:00 2001
From: melloware <mellowaredev@gmail.com>
Date: Fri, 6 Dec 2024 08:25:50 -0500
Subject: [PATCH] Fix #7368: Unique key prop added to CHips and icons

---
 .../button/__snapshots__/Button.spec.js.snap  |  1 -
 components/lib/chip/Chip.js                   | 10 ++-
 .../lib/chip/__snapshots__/Chip.spec.js.snap  |  2 -
 components/lib/chips/Chips.js                 | 12 +++-
 .../__snapshots__/Fieldset.spec.js.snap       | 55 +++++++-------
 .../__snapshots__/Message.spec.js.snap        |  6 --
 .../panel/__snapshots__/Panel.spec.js.snap    | 71 +++++++++----------
 components/lib/utils/IconUtils.js             |  4 +-
 package-lock.json                             | 18 ++---
 package.json                                  |  4 +-
 10 files changed, 88 insertions(+), 95 deletions(-)

diff --git a/components/lib/button/__snapshots__/Button.spec.js.snap b/components/lib/button/__snapshots__/Button.spec.js.snap
index 7b9dce0da6..603ee73b87 100644
--- a/components/lib/button/__snapshots__/Button.spec.js.snap
+++ b/components/lib/button/__snapshots__/Button.spec.js.snap
@@ -102,7 +102,6 @@ exports[`Button when click the button if loading is true it renders Button with
     disabled=""
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-icon-spin p-button-icon p-c p-button-loading-icon p-button-loading-icon"
       data-pc-section="loadingicon"
       fill="none"
diff --git a/components/lib/chip/Chip.js b/components/lib/chip/Chip.js
index 5bc1277366..781d13f300 100644
--- a/components/lib/chip/Chip.js
+++ b/components/lib/chip/Chip.js
@@ -61,7 +61,7 @@ export const Chip = React.memo(
                     ptm('image')
                 );
 
-                content.push(<img alt={props.imageAlt} {...imageProps} />);
+                content.push(<img alt={props.imageAlt} {...imageProps} key={UniqueComponentId('image')} />);
             } else if (props.icon) {
                 const chipIconProps = mergeProps(
                     {
@@ -82,7 +82,7 @@ export const Chip = React.memo(
                 );
 
                 content.push(
-                    <span {...labelProps} key="label">
+                    <span {...labelProps} key={UniqueComponentId('label')}>
                         {props.label}
                     </span>
                 );
@@ -109,7 +109,11 @@ export const Chip = React.memo(
                 ptm('root')
             );
 
-            return <div {...rootProps}>{content}</div>;
+            return (
+                <div {...rootProps} key={UniqueComponentId('chip')}>
+                    {content}
+                </div>
+            );
         };
 
         React.useImperativeHandle(ref, () => ({
diff --git a/components/lib/chip/__snapshots__/Chip.spec.js.snap b/components/lib/chip/__snapshots__/Chip.spec.js.snap
index 5d219c7653..0e5f298500 100644
--- a/components/lib/chip/__snapshots__/Chip.spec.js.snap
+++ b/components/lib/chip/__snapshots__/Chip.spec.js.snap
@@ -85,7 +85,6 @@ exports[`Chip when removable is true it returns with remove icon: before remove
     data-pc-section="root"
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-chip-remove-icon"
       data-pc-section="removeicon"
       fill="none"
@@ -117,7 +116,6 @@ exports[`Chip when removable is true the chip is removed when ENTER is pressed:
     data-pc-section="root"
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-chip-remove-icon"
       data-pc-section="removeicon"
       fill="none"
diff --git a/components/lib/chips/Chips.js b/components/lib/chips/Chips.js
index 3c85849b2c..8c79586f1a 100644
--- a/components/lib/chips/Chips.js
+++ b/components/lib/chips/Chips.js
@@ -328,7 +328,7 @@ export const Chips = React.memo(
                     },
                     ptm('removeTokenIcon')
                 );
-                const icon = props.removeIcon || <TimesCircleIcon {...iconProps} />;
+                const icon = props.removeIcon || <TimesCircleIcon {...iconProps} key={`${index}_icon`} />;
                 const removeIcon = IconUtils.getJSXIcon(icon, { ...iconProps }, { props });
 
                 return removeIcon;
@@ -345,7 +345,11 @@ export const Chips = React.memo(
                 },
                 ptm('label')
             );
-            const label = <span {...labelProps}>{content}</span>;
+            const label = (
+                <span {...labelProps} key={`${index}_${value}_span`}>
+                    {content}
+                </span>
+            );
             const icon = createRemoveIcon(value, index);
             const tokenProps = mergeProps(
                 {
@@ -456,7 +460,9 @@ export const Chips = React.memo(
 
         return (
             <>
-                <div {...rootProps}>{list}</div>
+                <div {...rootProps} key="chips">
+                    {list}
+                </div>
                 {hasTooltip && <Tooltip target={inputRef} content={props.tooltip} pt={ptm('tooltip')} {...props.tooltipOptions} />}
             </>
         );
diff --git a/components/lib/fieldset/__snapshots__/Fieldset.spec.js.snap b/components/lib/fieldset/__snapshots__/Fieldset.spec.js.snap
index 194ea4c07e..e94256c5f1 100644
--- a/components/lib/fieldset/__snapshots__/Fieldset.spec.js.snap
+++ b/components/lib/fieldset/__snapshots__/Fieldset.spec.js.snap
@@ -68,23 +68,22 @@ exports[`Fieldset when Fieldset is toggleable it must expand and collapse: expan
     class="p-fieldset p-component p-fieldset-toggleable"
     data-pc-name="fieldset"
     data-pc-section="root"
-    id="pr_id_3"
+    id="pr_id_6"
   >
     <legend
       class="p-fieldset-legend p-unselectable-text"
       data-pc-section="legend"
     >
       <a
-        aria-controls="pr_id_3_content"
+        aria-controls="pr_id_6_content"
         aria-expanded="false"
         aria-label="Expand/Collapse"
         data-pc-section="toggler"
-        id="pr_id_3_header"
+        id="pr_id_6_header"
         role="button"
         tabindex="0"
       >
         <svg
-          aria-hidden="true"
           class="p-icon p-fieldset-toggler"
           data-pc-section="togglericon"
           fill="none"
@@ -107,10 +106,10 @@ exports[`Fieldset when Fieldset is toggleable it must expand and collapse: expan
       </a>
     </legend>
     <div
-      aria-labelledby="pr_id_3_header"
+      aria-labelledby="pr_id_6_header"
       class="p-toggleable-content p-toggleable-content-exit p-toggleable-content-exit-active"
       data-pc-section="toggleablecontent"
-      id="pr_id_3_content"
+      id="pr_id_6_content"
       role="region"
     >
       <div
@@ -132,23 +131,22 @@ exports[`Fieldset when Fieldset is toggleable it must expand and collapse: expan
     class="p-fieldset p-component p-fieldset-toggleable"
     data-pc-name="fieldset"
     data-pc-section="root"
-    id="pr_id_3"
+    id="pr_id_6"
   >
     <legend
       class="p-fieldset-legend p-unselectable-text"
       data-pc-section="legend"
     >
       <a
-        aria-controls="pr_id_3_content"
+        aria-controls="pr_id_6_content"
         aria-expanded="true"
         aria-label="Expand/Collapse"
         data-pc-section="toggler"
-        id="pr_id_3_header"
+        id="pr_id_6_header"
         role="button"
         tabindex="0"
       >
         <svg
-          aria-hidden="true"
           class="p-icon p-fieldset-toggler"
           data-pc-section="togglericon"
           fill="none"
@@ -171,10 +169,10 @@ exports[`Fieldset when Fieldset is toggleable it must expand and collapse: expan
       </a>
     </legend>
     <div
-      aria-labelledby="pr_id_3_header"
+      aria-labelledby="pr_id_6_header"
       class="p-toggleable-content"
       data-pc-section="toggleablecontent"
-      id="pr_id_3_content"
+      id="pr_id_6_content"
       role="region"
     >
       <div
@@ -196,23 +194,22 @@ exports[`Fieldset when Fieldset is toggleable it must expand and collapse: expan
     class="p-fieldset p-component p-fieldset-toggleable"
     data-pc-name="fieldset"
     data-pc-section="root"
-    id="pr_id_3"
+    id="pr_id_6"
   >
     <legend
       class="p-fieldset-legend p-unselectable-text"
       data-pc-section="legend"
     >
       <a
-        aria-controls="pr_id_3_content"
+        aria-controls="pr_id_6_content"
         aria-expanded="true"
         aria-label="Expand/Collapse"
         data-pc-section="toggler"
-        id="pr_id_3_header"
+        id="pr_id_6_header"
         role="button"
         tabindex="0"
       >
         <svg
-          aria-hidden="true"
           class="p-icon p-fieldset-toggler"
           data-pc-section="togglericon"
           fill="none"
@@ -235,10 +232,10 @@ exports[`Fieldset when Fieldset is toggleable it must expand and collapse: expan
       </a>
     </legend>
     <div
-      aria-labelledby="pr_id_3_header"
+      aria-labelledby="pr_id_6_header"
       class="p-toggleable-content p-toggleable-content-enter p-toggleable-content-enter-active"
       data-pc-section="toggleablecontent"
-      id="pr_id_3_content"
+      id="pr_id_6_content"
       role="region"
     >
       <div
@@ -260,23 +257,22 @@ exports[`Fieldset when Fieldset is toggleable it will toggle when clicked: toggl
     class="p-fieldset p-component p-fieldset-toggleable"
     data-pc-name="fieldset"
     data-pc-section="root"
-    id="pr_id_2"
+    id="pr_id_3"
   >
     <legend
       class="p-fieldset-legend p-unselectable-text"
       data-pc-section="legend"
     >
       <a
-        aria-controls="pr_id_2_content"
+        aria-controls="pr_id_3_content"
         aria-expanded="true"
         aria-label="Toggleable"
         data-pc-section="toggler"
-        id="pr_id_2_header"
+        id="pr_id_3_header"
         role="button"
         tabindex="0"
       >
         <svg
-          aria-hidden="true"
           class="p-icon p-fieldset-toggler"
           data-pc-section="togglericon"
           fill="none"
@@ -299,10 +295,10 @@ exports[`Fieldset when Fieldset is toggleable it will toggle when clicked: toggl
       </a>
     </legend>
     <div
-      aria-labelledby="pr_id_2_header"
+      aria-labelledby="pr_id_3_header"
       class="p-toggleable-content"
       data-pc-section="toggleablecontent"
-      id="pr_id_2_content"
+      id="pr_id_3_content"
       role="region"
     >
       <div
@@ -324,23 +320,22 @@ exports[`Fieldset when Fieldset is toggleable it will toggle when clicked: toggl
     class="p-fieldset p-component p-fieldset-toggleable"
     data-pc-name="fieldset"
     data-pc-section="root"
-    id="pr_id_2"
+    id="pr_id_3"
   >
     <legend
       class="p-fieldset-legend p-unselectable-text"
       data-pc-section="legend"
     >
       <a
-        aria-controls="pr_id_2_content"
+        aria-controls="pr_id_3_content"
         aria-expanded="true"
         aria-label="Toggleable"
         data-pc-section="toggler"
-        id="pr_id_2_header"
+        id="pr_id_3_header"
         role="button"
         tabindex="0"
       >
         <svg
-          aria-hidden="true"
           class="p-icon p-fieldset-toggler"
           data-pc-section="togglericon"
           fill="none"
@@ -363,10 +358,10 @@ exports[`Fieldset when Fieldset is toggleable it will toggle when clicked: toggl
       </a>
     </legend>
     <div
-      aria-labelledby="pr_id_2_header"
+      aria-labelledby="pr_id_3_header"
       class="p-toggleable-content"
       data-pc-section="toggleablecontent"
-      id="pr_id_2_content"
+      id="pr_id_3_content"
       role="region"
     >
       <div
diff --git a/components/lib/message/__snapshots__/Message.spec.js.snap b/components/lib/message/__snapshots__/Message.spec.js.snap
index ca5737fe60..7d14790083 100644
--- a/components/lib/message/__snapshots__/Message.spec.js.snap
+++ b/components/lib/message/__snapshots__/Message.spec.js.snap
@@ -28,7 +28,6 @@ exports[`Message default 1`] = `
     role="alert"
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-inline-message-icon"
       data-pc-section="icon"
       fill="none"
@@ -85,7 +84,6 @@ exports[`Message severity error 1`] = `
     role="alert"
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-inline-message-icon"
       data-pc-section="icon"
       fill="none"
@@ -122,7 +120,6 @@ exports[`Message severity info 1`] = `
     role="alert"
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-inline-message-icon"
       data-pc-section="icon"
       fill="none"
@@ -159,7 +156,6 @@ exports[`Message severity success 1`] = `
     role="alert"
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-inline-message-icon"
       data-pc-section="icon"
       fill="none"
@@ -194,7 +190,6 @@ exports[`Message severity warn 1`] = `
     role="alert"
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-inline-message-icon"
       data-pc-section="icon"
       fill="none"
@@ -237,7 +232,6 @@ exports[`Message templating 1`] = `
     role="alert"
   >
     <svg
-      aria-hidden="true"
       class="p-icon p-inline-message-icon"
       data-pc-section="icon"
       fill="none"
diff --git a/components/lib/panel/__snapshots__/Panel.spec.js.snap b/components/lib/panel/__snapshots__/Panel.spec.js.snap
index 2ceb39d45b..187328ce5c 100644
--- a/components/lib/panel/__snapshots__/Panel.spec.js.snap
+++ b/components/lib/panel/__snapshots__/Panel.spec.js.snap
@@ -74,7 +74,7 @@ exports[`Panel headerTemplate 1`] = `
     class="p-panel p-component p-panel-toggleable"
     data-pc-name="panel"
     data-pc-section="root"
-    id="pr_id_2"
+    id="pr_id_3"
   >
     <div
       class="p-panel-header justify-content-start"
@@ -93,10 +93,10 @@ exports[`Panel headerTemplate 1`] = `
       </span>
     </div>
     <div
-      aria-labelledby="pr_id_2_header"
+      aria-labelledby="pr_id_3_header"
       class="p-toggleable-content"
       data-pc-section="toggleablecontent"
-      id="pr_id_2_content"
+      id="pr_id_3_content"
       role="region"
     >
       <div
@@ -116,7 +116,7 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
     class="p-panel p-component p-panel-toggleable"
     data-pc-name="panel"
     data-pc-section="root"
-    id="pr_id_4"
+    id="pr_id_9"
   >
     <div
       class="p-panel-header"
@@ -125,7 +125,7 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
       <span
         class="p-panel-title"
         data-pc-section="title"
-        id="pr_id_4_header"
+        id="pr_id_9_header"
       >
         Expand/Collapse
       </span>
@@ -134,17 +134,16 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
         data-pc-section="icons"
       >
         <button
-          aria-controls="pr_id_4_content"
+          aria-controls="pr_id_9_content"
           aria-expanded="false"
           aria-label="Expand/Collapse"
           class="p-panel-header-icon p-panel-toggler p-link"
           data-pc-section="toggler"
-          id="pr_id_4_label"
+          id="pr_id_9_label"
           role="button"
           type="button"
         >
           <svg
-            aria-hidden="true"
             class="p-icon"
             data-pc-section="togglericon"
             fill="none"
@@ -163,10 +162,10 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
     </div>
     <div
       aria-hidden="true"
-      aria-labelledby="pr_id_4_header"
+      aria-labelledby="pr_id_9_header"
       class="p-toggleable-content p-toggleable-content-exit p-toggleable-content-exit-active"
       data-pc-section="toggleablecontent"
-      id="pr_id_4_content"
+      id="pr_id_9_content"
       role="region"
     >
       <div
@@ -188,7 +187,7 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
     class="p-panel p-component p-panel-toggleable"
     data-pc-name="panel"
     data-pc-section="root"
-    id="pr_id_4"
+    id="pr_id_9"
   >
     <div
       class="p-panel-header"
@@ -197,7 +196,7 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
       <span
         class="p-panel-title"
         data-pc-section="title"
-        id="pr_id_4_header"
+        id="pr_id_9_header"
       >
         Expand/Collapse
       </span>
@@ -206,17 +205,16 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
         data-pc-section="icons"
       >
         <button
-          aria-controls="pr_id_4_content"
+          aria-controls="pr_id_9_content"
           aria-expanded="true"
           aria-label="Expand/Collapse"
           class="p-panel-header-icon p-panel-toggler p-link"
           data-pc-section="toggler"
-          id="pr_id_4_label"
+          id="pr_id_9_label"
           role="button"
           type="button"
         >
           <svg
-            aria-hidden="true"
             class="p-icon"
             data-pc-section="togglericon"
             fill="none"
@@ -234,10 +232,10 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
       </div>
     </div>
     <div
-      aria-labelledby="pr_id_4_header"
+      aria-labelledby="pr_id_9_header"
       class="p-toggleable-content"
       data-pc-section="toggleablecontent"
-      id="pr_id_4_content"
+      id="pr_id_9_content"
       role="region"
     >
       <div
@@ -259,7 +257,7 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
     class="p-panel p-component p-panel-toggleable"
     data-pc-name="panel"
     data-pc-section="root"
-    id="pr_id_4"
+    id="pr_id_9"
   >
     <div
       class="p-panel-header"
@@ -268,7 +266,7 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
       <span
         class="p-panel-title"
         data-pc-section="title"
-        id="pr_id_4_header"
+        id="pr_id_9_header"
       >
         Expand/Collapse
       </span>
@@ -277,17 +275,16 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
         data-pc-section="icons"
       >
         <button
-          aria-controls="pr_id_4_content"
+          aria-controls="pr_id_9_content"
           aria-expanded="true"
           aria-label="Expand/Collapse"
           class="p-panel-header-icon p-panel-toggler p-link"
           data-pc-section="toggler"
-          id="pr_id_4_label"
+          id="pr_id_9_label"
           role="button"
           type="button"
         >
           <svg
-            aria-hidden="true"
             class="p-icon"
             data-pc-section="togglericon"
             fill="none"
@@ -306,10 +303,10 @@ exports[`Panel when Panel is toggleable it must expand and collapse: expandable-
     </div>
     <div
       aria-hidden="false"
-      aria-labelledby="pr_id_4_header"
+      aria-labelledby="pr_id_9_header"
       class="p-toggleable-content p-toggleable-content-enter p-toggleable-content-enter-active"
       data-pc-section="toggleablecontent"
-      id="pr_id_4_content"
+      id="pr_id_9_content"
       role="region"
     >
       <div
@@ -331,7 +328,7 @@ exports[`Panel when Panel is toggleable it will toggle when clicked: toggleable-
     class="p-panel p-component p-panel-toggleable"
     data-pc-name="panel"
     data-pc-section="root"
-    id="pr_id_3"
+    id="pr_id_6"
   >
     <div
       class="p-panel-header"
@@ -340,7 +337,7 @@ exports[`Panel when Panel is toggleable it will toggle when clicked: toggleable-
       <span
         class="p-panel-title"
         data-pc-section="title"
-        id="pr_id_3_header"
+        id="pr_id_6_header"
       >
         Toggleable
       </span>
@@ -349,17 +346,16 @@ exports[`Panel when Panel is toggleable it will toggle when clicked: toggleable-
         data-pc-section="icons"
       >
         <button
-          aria-controls="pr_id_3_content"
+          aria-controls="pr_id_6_content"
           aria-expanded="true"
           aria-label="Toggleable"
           class="p-panel-header-icon p-panel-toggler p-link"
           data-pc-section="toggler"
-          id="pr_id_3_label"
+          id="pr_id_6_label"
           role="button"
           type="button"
         >
           <svg
-            aria-hidden="true"
             class="p-icon"
             data-pc-section="togglericon"
             fill="none"
@@ -377,10 +373,10 @@ exports[`Panel when Panel is toggleable it will toggle when clicked: toggleable-
       </div>
     </div>
     <div
-      aria-labelledby="pr_id_3_header"
+      aria-labelledby="pr_id_6_header"
       class="p-toggleable-content"
       data-pc-section="toggleablecontent"
-      id="pr_id_3_content"
+      id="pr_id_6_content"
       role="region"
     >
       <div
@@ -402,7 +398,7 @@ exports[`Panel when Panel is toggleable it will toggle when clicked: toggleable-
     class="p-panel p-component p-panel-toggleable"
     data-pc-name="panel"
     data-pc-section="root"
-    id="pr_id_3"
+    id="pr_id_6"
   >
     <div
       class="p-panel-header"
@@ -411,7 +407,7 @@ exports[`Panel when Panel is toggleable it will toggle when clicked: toggleable-
       <span
         class="p-panel-title"
         data-pc-section="title"
-        id="pr_id_3_header"
+        id="pr_id_6_header"
       >
         Toggleable
       </span>
@@ -420,17 +416,16 @@ exports[`Panel when Panel is toggleable it will toggle when clicked: toggleable-
         data-pc-section="icons"
       >
         <button
-          aria-controls="pr_id_3_content"
+          aria-controls="pr_id_6_content"
           aria-expanded="true"
           aria-label="Toggleable"
           class="p-panel-header-icon p-panel-toggler p-link"
           data-pc-section="toggler"
-          id="pr_id_3_label"
+          id="pr_id_6_label"
           role="button"
           type="button"
         >
           <svg
-            aria-hidden="true"
             class="p-icon"
             data-pc-section="togglericon"
             fill="none"
@@ -448,10 +443,10 @@ exports[`Panel when Panel is toggleable it will toggle when clicked: toggleable-
       </div>
     </div>
     <div
-      aria-labelledby="pr_id_3_header"
+      aria-labelledby="pr_id_6_header"
       class="p-toggleable-content"
       data-pc-section="toggleablecontent"
-      id="pr_id_3_content"
+      id="pr_id_6_content"
       role="region"
     >
       <div
diff --git a/components/lib/utils/IconUtils.js b/components/lib/utils/IconUtils.js
index e654a9e79f..c09a2d74cf 100644
--- a/components/lib/utils/IconUtils.js
+++ b/components/lib/utils/IconUtils.js
@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { classNames } from './ClassNames';
 import ObjectUtils from './ObjectUtils';
+import UniqueComponentId from './UniqueComponentId';
 
 export default class IconUtils {
     static getJSXIcon(icon, iconProps = {}, options = {}) {
@@ -10,7 +10,7 @@ export default class IconUtils {
             const iconType = typeof icon;
             const className = classNames(iconProps.className, iconType === 'string' && icon);
 
-            content = <span {...iconProps} className={className} />;
+            content = <span {...iconProps} className={className} key={UniqueComponentId('icon')} />;
 
             if (iconType !== 'string') {
                 const defaultContentOptions = {
diff --git a/package-lock.json b/package-lock.json
index f25410ceac..38144feef1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
             "version": "10.8.5",
             "dependencies": {
                 "@docsearch/react": "3.6.2",
-                "chart.js": "4.4.6",
+                "chart.js": "4.4.7",
                 "file-saver": "2.0.5",
                 "fs-extra": "^11.2.0",
                 "jspdf": "2.5.2",
@@ -18,7 +18,7 @@
                 "path": "^0.12.7",
                 "primeflex": "^3.3.1",
                 "primeicons": "^7.0.0",
-                "quill": "2.0.2",
+                "quill": "2.0.3",
                 "react": "18.3.1",
                 "react-dom": "18.3.1",
                 "react-transition-group": "^4.4.5",
@@ -6037,9 +6037,10 @@
             }
         },
         "node_modules/chart.js": {
-            "version": "4.4.6",
-            "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.6.tgz",
-            "integrity": "sha512-8Y406zevUPbbIBA/HRk33khEmQPk5+cxeflWE/2rx1NJsjVWMPw/9mSP9rxHP5eqi6LNoPBVMfZHxbwLSgldYA==",
+            "version": "4.4.7",
+            "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.7.tgz",
+            "integrity": "sha512-pwkcKfdzTMAU/+jNosKhNL2bHtJc/sSmYgVbuGTEDhzkrhmyihmP7vUc/5ZK9WopidMDHNe3Wm7jOd/WhuHWuw==",
+            "license": "MIT",
             "dependencies": {
                 "@kurkle/color": "^0.3.0"
             },
@@ -13884,9 +13885,10 @@
             "dev": true
         },
         "node_modules/quill": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/quill/-/quill-2.0.2.tgz",
-            "integrity": "sha512-QfazNrhMakEdRG57IoYFwffUIr04LWJxbS/ZkidRFXYCQt63c1gK6Z7IHUXMx/Vh25WgPBU42oBaNzQ0K1R/xw==",
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/quill/-/quill-2.0.3.tgz",
+            "integrity": "sha512-xEYQBqfYx/sfb33VJiKnSJp8ehloavImQ2A6564GAbqG55PGw1dAWUn1MUbQB62t0azawUS2CZZhWCjO8gRvTw==",
+            "license": "BSD-3-Clause",
             "dependencies": {
                 "eventemitter3": "^5.0.1",
                 "lodash-es": "^4.17.21",
diff --git a/package.json b/package.json
index 2df91baa10..373b682955 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     },
     "dependencies": {
         "@docsearch/react": "3.6.2",
-        "chart.js": "4.4.6",
+        "chart.js": "4.4.7",
         "file-saver": "2.0.5",
         "fs-extra": "^11.2.0",
         "jspdf": "2.5.2",
@@ -37,7 +37,7 @@
         "path": "^0.12.7",
         "primeflex": "^3.3.1",
         "primeicons": "^7.0.0",
-        "quill": "2.0.2",
+        "quill": "2.0.3",
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "react-transition-group": "^4.4.5",