STCOM-1469 <PaneCloseLink> - add a new closeButtonRef prop to provide a ref for the pane close icon button.

CHANGELOG.md

@@ -30,6 +30,7 @@
 * Provide `isLoading` prop for `<MetaSection>` components to reflect loading status. Refs STCOM-1467.
 * Expose the `dedupe` property for `<Callout>` to prevent duplicate callouts with the same message and type from being displayed. Refs STCOM-1469.
 * `<MultiSelection>` - add a new `filterProps` prop to control option filtering. Refs STCOM-1473.
+* `<PaneCloseLink>` - add a new `closeButtonRef` prop to provide a ref for the pane close icon button. Fixes STCOM-1461.
 
 ## [13.0.0](https://github.com/folio-org/stripes-components/tree/v13.0.0) (2025-02-24)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v12.2.0...v13.0.0)

lib/PaneCloseLink/PaneCloseLink.js

@@ -1,22 +1,37 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
+
 import PaneHeaderIconButton from '../PaneHeaderIconButton';
+
 import css from './PaneCloseLink.css';
 import paneHeaderCss from '../PaneHeader/PaneHeader.css';
 
-export default function PaneCloseLink(props) {
+const PaneCloseLink = (props) => {
+  const {
+    closeButtonRef,
+    ...rest
+  } = props;
+
   return (
     <div className={classnames(css.paneCloseLink, paneHeaderCss.paneHeaderIconButton)}>
       <PaneHeaderIconButton
         className={css.paneCloseLinkArrow}
         icon="arrow-left"
-        {...props}
+        {...rest}
       />
       <PaneHeaderIconButton
         className={css.paneCloseLinkX}
         icon="times"
-        {...props}
+        ref={closeButtonRef}
+        {...rest}
       />
     </div>
   );
 }
+
+PaneCloseLink.propTypes = {
+  closeButtonRef: PropTypes.object,
+};
+
+export default PaneCloseLink;