fix: allow lock focus for specific list (#1340)

* fix: allow lock focus for specific list in dialog

* fix: fix lint

* fix: optimize naming and description

src/Dialog/Dialog.js

@@ -69,6 +69,7 @@ class Dialog extends Component {
             subheader,
             titleProps,
             title,
+            allowListForLockFocus,
             ...rest
         } = this.props;
 
@@ -103,7 +104,8 @@ class Dialog extends Component {
 
         return ReactDOM.createPortal(
             <FocusLock as='div' className={backdropClassName}
-                lockProps={{ ...rest }}>
+                lockProps={{ ...rest }}
+                whiteList={allowListForLockFocus}>
                 <span data-autofocus tabIndex='-1' />
                 <div
                     aria-label={title}
@@ -165,6 +167,8 @@ Dialog.propTypes = {
     actions: PropTypes.arrayOf(PropTypes.node).isRequired,
     /** Localized text for the heading */
     title: PropTypes.string.isRequired,
+    /** Specific list of node to lock the focus*/
+    allowListForLockFocus: PropTypes.node,
     /** CSS class(es) to add to the dialog backdrop */
     backdropClassName: PropTypes.string,
     /** Additional props to be spread to the body section of the dialog */