Merge pull request #790 from vrk-kpa/hotfix/alert-component-refs

[Hotfix] Alert and InlineAlert refs
vrk-kpa · Oct 25, 2023 · 4dd86a1 · 4dd86a1
1 parent 28a8cf6
commit 4dd86a1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/core/Alert/Alert.tsx b/src/core/Alert/Alert.tsx
@@ -60,6 +60,7 @@ class BaseAlert extends Component<AlertProps> {
       closeText,
       onCloseButtonClick,
       smallScreen,
+      forwardedRef,
       closeButtonProps = {},
       ...rest
     } = this.props;
@@ -81,6 +82,7 @@ class BaseAlert extends Component<AlertProps> {
           [alertClassNames.smallScreen]: !!smallScreen,
         })}
         style={{ ...marginStyle, ...passProps?.style }}
+        ref={forwardedRef}
       >
         <HtmlDiv className={alertClassNames.styleWrapper}>
           {status === 'warning' && (

diff --git a/src/core/InlineAlert/InlineAlert.tsx b/src/core/InlineAlert/InlineAlert.tsx
@@ -52,6 +52,7 @@ class BaseInlineAlert extends Component<InlineAlertProps> {
       children,
       smallScreen,
       id,
+      forwardedRef,
       ...rest
     } = this.props;
     const [marginProps, passProps] = separateMarginProps(rest);
@@ -65,6 +66,7 @@ class BaseInlineAlert extends Component<InlineAlertProps> {
           [inlineAlertClassNames.smallScreen]: !!smallScreen,
         })}
         style={{ ...marginStyle, ...passProps?.style }}
+        ref={forwardedRef}
       >
         <HtmlDiv className={inlineAlertClassNames.styleWrapper}>
           {status === 'warning' && (