Merge branch 'main' into chore/tearsheet-rename-ailabel-to-decorator

carbon-design-system · Dec 24, 2024 · 63a9b34 · 63a9b34
2 parents 943ec50 + d341b15
commit 63a9b34
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 20 deletions.
diff --git a/packages/ibm-products/CHANGELOG.md b/packages/ibm-products/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.56.1](https://github.com/carbon-design-system/ibm-products/compare/@carbon/[email protected]...@carbon/[email protected]) (2024-12-19)
+
+**Note:** Version bump only for package @carbon/ibm-products
+
+
+
+
+
 ## [2.56.1-rc.0](https://github.com/carbon-design-system/ibm-products/compare/@carbon/[email protected]...@carbon/[email protected]) (2024-12-18)
 
 

diff --git a/packages/ibm-products/package.json b/packages/ibm-products/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.56.1-rc.0",
+  "version": "2.56.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",

diff --git a/packages/ibm-products/src/components/SidePanel/SidePanel.docs-page.js b/packages/ibm-products/src/components/SidePanel/SidePanel.docs-page.js
@@ -8,7 +8,7 @@
 import React from 'react';
 import { StoryDocsPage } from '../../global/js/utils/StoryDocsPage';
 
-import * as stories from './SidePanel';
+import * as stories from './SidePanel.stories';
 
 const DocsPage = () => (
   <StoryDocsPage

diff --git a/packages/ibm-products/src/components/SidePanel/SidePanel.tsx b/packages/ibm-products/src/components/SidePanel/SidePanel.tsx
@@ -553,7 +553,7 @@ export let SidePanel = React.forwardRef(
       if (!open) {
         onUnmount?.();
       }
-      setAnimationComplete(true);
+      setAnimationComplete(!animationComplete);
     };
 
     // Set the internal state `animationComplete` to true if
@@ -631,26 +631,24 @@ export let SidePanel = React.forwardRef(
     ]);
 
     useEffect(() => {
-      if (open) {
-        setTimeout(() => {
+      if (open && animationComplete) {
+        if (
+          selectorPrimaryFocus &&
+          getSpecificElement(sidePanelRef?.current, selectorPrimaryFocus)
+        ) {
+          const primeFocusEl = getSpecificElement(
+            sidePanelRef?.current,
+            selectorPrimaryFocus
+          );
           if (
-            selectorPrimaryFocus &&
-            getSpecificElement(sidePanelRef?.current, selectorPrimaryFocus)
+            primeFocusEl &&
+            window?.getComputedStyle(primeFocusEl)?.display !== 'none'
           ) {
-            const primeFocusEl = getSpecificElement(
-              sidePanelRef?.current,
-              selectorPrimaryFocus
-            );
-            if (
-              primeFocusEl &&
-              window?.getComputedStyle(primeFocusEl)?.display !== 'none'
-            ) {
-              (primeFocusEl as HTMLElement)?.focus();
-            }
-          } else if (!slideIn) {
-            firstElement?.focus();
+            setTimeout(() => primeFocusEl?.focus(), 0);
           }
-        }, 0);
+        } else if (!slideIn) {
+          setTimeout(() => firstElement?.focus(), 0);
+        }
       }
     }, [
       animationComplete,

diff --git a/packages/ibm-products/telemetry.yml b/packages/ibm-products/telemetry.yml
@@ -456,14 +456,17 @@ collect:
         - editButtonText
         - editing
         - editSuccess
+        - editSuccessMessage
         - editSuccessTitle
         - errorText
         - generateButtonText
         - generateSuccessBody
+        - generateSuccessMessage
         - generateSuccessTitle
         - generateTitle
         - hasAPIKeyVisibilityToggle
         - hasDownloadLink
+        - helperText
         - hideAPIKeyLabel
         - loadingText
         - modalLabel
@@ -532,6 +535,7 @@ collect:
         - fixedIsVisible
         # CoachmarkOverlayElements
         - isVisible
+        - onBack
         # CoachmarkStackHome
         - onClickNavItem
         # Columns