fix: type definition of dialog headers and allowListForLockFocus (#1410)

* fix: allow lock focus for specific list in dialog

* fix: fix lint

* fix: optimize naming and description

* fix: optimize check box

* fix: optimize check box

* fix: update storyshot

* fix: fix ut similate behavior like checked in browser

* fix: fix ut similate behavior like checked in browser

* fix: type definition

* fix: linting

Author: Vita-Meow

src/Dialog/Dialog.js

@@ -168,8 +168,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,
+    /** Specific function to select list of node to lock the focus*/
+    allowListForLockFocus: PropTypes.func,
     /** CSS class(es) to add to the dialog backdrop */
     backdropClassName: PropTypes.string,
     /** Additional props to be spread to the body section of the dialog */
@@ -182,8 +182,11 @@ Dialog.propTypes = {
     contentProps: PropTypes.object,
     /** Additional props to be spread to the footer of the dialog */
     footerProps: PropTypes.object,
-    /** Text for the components header */
-    header: PropTypes.string,
+    /** Text or Custom React node for the components header */
+    header: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.node
+    ]),
     /** Additional props to be spread to the header of the dialog */
     headerProps: PropTypes.object,
     /** Heading level. `<h1>` is reserved for the page title. It should not appear in components */

src/LayoutPanel/_LayoutPanelHead.js

@@ -43,8 +43,11 @@ LayoutPanelHead.propTypes = {
     headingLevel: CustomPropTypes.range(2, 6),
     /** Heading style, if it should be different from the default style for the heading level. */
     headingStyle: CustomPropTypes.range(2, 6),
-    /** Localized text for the heading */
-    title: PropTypes.string
+    /** Localized text or Custom React node for the heading */
+    title: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.node
+    ])
 };
 
 LayoutPanelHead.defaultProps = {