@patternfly/react-core 4.211.1 → 4.211.2

package/dist/js/helpers/KeyboardHandler.d.ts

@@ -16,6 +16,8 @@ export interface KeyboardHandlerProps {
     validSiblingTags?: string[];
     /** Flag indicating that the tabIndex of the currently focused element and next focused element should be updated, in the case of using a roving tabIndex */
     updateTabIndex?: boolean;
+    /** Flag indicating that next focusable element of a horizontal movement will be this element's sibling */
+    onlyTraverseSiblings?: boolean;
     /** Flag indicating that the included vertical arrow key handling should be ignored */
     noVerticalArrowHandling?: boolean;
     /** Flag indicating that the included horizontal arrow key handling should be ignored */

package/dist/js/helpers/KeyboardHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardHandler.d.ts","sourceRoot":"","sources":["../../../src/helpers/KeyboardHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,mLAAmL;IACnL,uBAAuB,EAAE,MAAM,OAAO,EAAE,CAAC;IACzC,wKAAwK;IACxK,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IACzD,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,mHAAmH;IACnH,eAAe,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC;IACzD,oGAAoG;IACpG,mBAAmB,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC;IAC7D,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,4JAA4J;IAC5J,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sFAAsF;IACtF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wFAAwF;IACxF,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,UAChB,aAAa,qBACD,OAAO,EAAE,8BACD,OAAO,KAAK,OAAO,kCACf,OAAO,KAAK,OAAO,qBAChC,MAAM,EAAE,4BACD,OAAO,8BACL,OAAO,mBAClB,OAAO,yBACD,OAAO,SAoG9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,YAAa,WAAW,EAAE,SASjD,CAAC;AAEF,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAqB;IACvC,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAWvC;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,UAAW,aAAa,UA+DhC;IAEF,qBAAqB,UAAW,aAAa,SAG3C;IAEF,MAAM;CAGP"}
+{"version":3,"file":"KeyboardHandler.d.ts","sourceRoot":"","sources":["../../../src/helpers/KeyboardHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,mLAAmL;IACnL,uBAAuB,EAAE,MAAM,OAAO,EAAE,CAAC;IACzC,wKAAwK;IACxK,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IACzD,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,mHAAmH;IACnH,eAAe,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC;IACzD,oGAAoG;IACpG,mBAAmB,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC;IAC7D,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,4JAA4J;IAC5J,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0GAA0G;IAC1G,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sFAAsF;IACtF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wFAAwF;IACxF,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,UAChB,aAAa,qBACD,OAAO,EAAE,8BACD,OAAO,KAAK,OAAO,kCACf,OAAO,KAAK,OAAO,qBAChC,MAAM,EAAE,4BACD,OAAO,8BACL,OAAO,mBAClB,OAAO,yBACD,OAAO,SAoG9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,YAAa,WAAW,EAAE,SASjD,CAAC;AAEF,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAqB;IACvC,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAYvC;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,UAAW,aAAa,UAiEhC;IAEF,qBAAqB,UAAW,aAAa,SAG3C;IAEF,MAAM;CAGP"}

package/dist/js/helpers/KeyboardHandler.js

@@ -134,7 +134,7 @@ class KeyboardHandler extends React.Component {
             if (isEventFromContainer ? !isEventFromContainer(event) : !this._isEventFromContainer(event)) {
                 return;
             }
-            const { isActiveElement, getFocusableElement, noVerticalArrowHandling, noHorizontalArrowHandling, noEnterHandling, noSpaceHandling, updateTabIndex, validSiblingTags, additionalKeyHandler, createNavigableElements } = this.props;
+            const { isActiveElement, getFocusableElement, noVerticalArrowHandling, noHorizontalArrowHandling, noEnterHandling, noSpaceHandling, updateTabIndex, validSiblingTags, additionalKeyHandler, createNavigableElements, onlyTraverseSiblings } = this.props;
             // Pass the event off to be handled by any custom handler
             additionalKeyHandler && additionalKeyHandler(event);
             // Initalize navigableElements from the createNavigableElements callback
@@ -162,7 +162,7 @@ class KeyboardHandler extends React.Component {
                 }
             }
             // Inject helper handler for arrow navigation
-            exports.handleArrows(event, navigableElements, isActiveElement, getFocusableElement, validSiblingTags, noVerticalArrowHandling, noHorizontalArrowHandling, updateTabIndex);
+            exports.handleArrows(event, navigableElements, isActiveElement, getFocusableElement, validSiblingTags, noVerticalArrowHandling, noHorizontalArrowHandling, updateTabIndex, onlyTraverseSiblings);
         };
         this._isEventFromContainer = (event) => {
             const { containerRef } = this.props;
@@ -191,6 +191,7 @@ KeyboardHandler.defaultProps = {
     isActiveElement: (navigableElement) => document.activeElement === navigableElement,
     getFocusableElement: (navigableElement) => navigableElement,
     validSiblingTags: ['BUTTON', 'A'],
+    onlyTraverseSiblings: true,
     updateTabIndex: true,
     noHorizontalArrowHandling: false,
     noVerticalArrowHandling: false,

package/dist/js/helpers/KeyboardHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardHandler.js","sourceRoot":"","sources":["../../../src/helpers/KeyboardHandler.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"KeyboardHandler.js","sourceRoot":"","sources":["../../../src/helpers/KeyboardHandler.tsx"],"names":[],"mappings":"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"}

package/dist/umd/react-core.css

@@ -24713,75 +24713,6 @@ svg.pf-c-spinner.pf-m-xl {
     --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
   }
 }
-.pf-l-gallery {
-  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
-  --pf-l-gallery--GridTemplateColumns--min: 250px;
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--max: 1fr;
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
-  --pf-l-gallery--GridTemplateRows: auto;
-  display: grid;
-  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
-  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-}
-
-.pf-l-gallery.pf-m-gutter {
-  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
-}
-
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
-  }
-}
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
-  }
-}
 .pf-l-grid {
   --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
   --pf-l-grid__item--GridColumnStart: auto;
@@ -25996,6 +25927,75 @@ svg.pf-c-spinner.pf-m-xl {
   grid-gap: var(--pf-l-grid--m-gutter--GridGap);
 }
 
+.pf-l-gallery {
+  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
+  --pf-l-gallery--GridTemplateColumns--min: 250px;
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--max: 1fr;
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
+  --pf-l-gallery--GridTemplateRows: auto;
+  display: grid;
+  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
+  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+}
+
+.pf-l-gallery.pf-m-gutter {
+  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
+}
+
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
+  }
+}
 .pf-l-level {
   --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
   display: flex;

package/dist/umd/react-core.js

@@ -3332,7 +3332,7 @@
                 if (isEventFromContainer ? !isEventFromContainer(event) : !this._isEventFromContainer(event)) {
                     return;
                 }
-                const { isActiveElement, getFocusableElement, noVerticalArrowHandling, noHorizontalArrowHandling, noEnterHandling, noSpaceHandling, updateTabIndex, validSiblingTags, additionalKeyHandler, createNavigableElements } = this.props;
+                const { isActiveElement, getFocusableElement, noVerticalArrowHandling, noHorizontalArrowHandling, noEnterHandling, noSpaceHandling, updateTabIndex, validSiblingTags, additionalKeyHandler, createNavigableElements, onlyTraverseSiblings } = this.props;
                 // Pass the event off to be handled by any custom handler
                 additionalKeyHandler && additionalKeyHandler(event);
                 // Initalize navigableElements from the createNavigableElements callback
@@ -3360,7 +3360,7 @@
                     }
                 }
                 // Inject helper handler for arrow navigation
-                handleArrows(event, navigableElements, isActiveElement, getFocusableElement, validSiblingTags, noVerticalArrowHandling, noHorizontalArrowHandling, updateTabIndex);
+                handleArrows(event, navigableElements, isActiveElement, getFocusableElement, validSiblingTags, noVerticalArrowHandling, noHorizontalArrowHandling, updateTabIndex, onlyTraverseSiblings);
             };
             this._isEventFromContainer = (event) => {
                 const { containerRef } = this.props;
@@ -3388,6 +3388,7 @@
         isActiveElement: (navigableElement) => document.activeElement === navigableElement,
         getFocusableElement: (navigableElement) => navigableElement,
         validSiblingTags: ['BUTTON', 'A'],
+        onlyTraverseSiblings: true,
         updateTabIndex: true,
         noHorizontalArrowHandling: false,
         noVerticalArrowHandling: false,
@@ -14440,7 +14441,7 @@
 
     const PageGroup = (_a) => {
         var { className = '', children, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest$1(_a, ["className", "children", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
-        return (React__namespace.createElement("div", Object.assign({}, props, { className: css(styles$z.pageMainGroup, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }), children));
+        return (React__namespace.createElement("div", Object.assign({}, props, { className: css(styles$z.pageMainGroup, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
     };
     PageGroup.displayName = 'PageGroup';
 
@@ -14783,7 +14784,7 @@
                 const isDrilldown = this.props.containsDrilldown;
                 return isDrilldown
                     ? Array.from(this.activeMenu.getElementsByTagName('UL')[0].children).filter(el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')))
-                    : Array.from(this.activeMenu.getElementsByTagName('LI')).filter(el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')));
+                    : Array.from(this.menuRef.current.getElementsByTagName('LI')).filter(el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')));
             };
             if (props.innerRef) {
                 this.menuRef = props.innerRef;
@@ -16787,7 +16788,7 @@
 
     const PageBreadcrumb = (_a) => {
         var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest$1(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
-        return (React__namespace.createElement("section", Object.assign({ className: css(styles$z.pageMainBreadcrumb, isWidthLimited && styles$z.modifiers.limitWidth, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, props),
+        return (React__namespace.createElement("section", Object.assign({ className: css(styles$z.pageMainBreadcrumb, isWidthLimited && styles$z.modifiers.limitWidth, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
             isWidthLimited && React__namespace.createElement("div", { className: css(styles$z.pageMainBody) }, children),
             !isWidthLimited && children));
     };
@@ -16859,7 +16860,7 @@
     };
     const PageSection = (_a) => {
         var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest$1(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
-        return (React__namespace.createElement("section", Object.assign({}, props, { className: css(variantType[type], formatBreakpointMods(padding, styles$z), variantStyle$3[variant], isFilled === false && styles$z.modifiers.noFill, isFilled === true && styles$z.modifiers.fill, isWidthLimited && styles$z.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== exports.PageSectionTypes.subNav && styles$z.modifiers.alignCenter, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }),
+        return (React__namespace.createElement("section", Object.assign({}, props, { className: css(variantType[type], formatBreakpointMods(padding, styles$z), variantStyle$3[variant], isFilled === false && styles$z.modifiers.noFill, isFilled === true && styles$z.modifiers.fill, isWidthLimited && styles$z.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== exports.PageSectionTypes.subNav && styles$z.modifiers.alignCenter, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })),
             isWidthLimited && React__namespace.createElement("div", { className: css(styles$z.pageMainBody) }, children),
             !isWidthLimited && children));
     };
@@ -16887,7 +16888,7 @@
 
     const PageNavigation = (_a) => {
         var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest$1(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
-        return (React__namespace.createElement("div", Object.assign({ className: css(styles$z.pageMainNav, isWidthLimited && styles$z.modifiers.limitWidth, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, props),
+        return (React__namespace.createElement("div", Object.assign({ className: css(styles$z.pageMainNav, isWidthLimited && styles$z.modifiers.limitWidth, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
             isWidthLimited && React__namespace.createElement("div", { className: css(styles$z.pageMainBody) }, children),
             !isWidthLimited && children));
     };
@@ -20690,10 +20691,11 @@
       "panelMainBody": "pf-c-panel__main-body"
     };
 
-    const Panel = (_a) => {
-        var { className, children, variant, isScrollable } = _a, props = __rest$1(_a, ["className", "children", "variant", "isScrollable"]);
-        return (React__namespace.createElement("div", Object.assign({ className: css(styles$7.panel, variant === 'raised' && styles$7.modifiers.raised, variant === 'bordered' && styles$7.modifiers.bordered, isScrollable && styles$7.modifiers.scrollable, className) }, props), children));
+    const PanelBase = (_a) => {
+        var { className, children, variant, isScrollable, innerRef } = _a, props = __rest$1(_a, ["className", "children", "variant", "isScrollable", "innerRef"]);
+        return (React__namespace.createElement("div", Object.assign({ className: css(styles$7.panel, variant === 'raised' && styles$7.modifiers.raised, variant === 'bordered' && styles$7.modifiers.bordered, isScrollable && styles$7.modifiers.scrollable, className), ref: innerRef }, props), children));
     };
+    const Panel = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(PanelBase, Object.assign({ innerRef: ref }, props))));
     Panel.displayName = 'Panel';
 
     const PanelMain = (_a) => {

package/dist/umd/react-core.min.css

@@ -17307,83 +17307,6 @@ label.pf-c-radio, .pf-c-radio__label,
   box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
 }
 
-.pf-c-simple-list {
-  --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
-  --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
-  --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
-  --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
-  --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
-  --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
-  --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
-  --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
-  --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
-  --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
-}
-
-.pf-c-simple-list__item-link {
-  display: block;
-  width: 100%;
-  padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
-  font-size: var(--pf-c-simple-list__item-link--FontSize);
-  font-weight: var(--pf-c-simple-list__item-link--FontWeight);
-  color: var(--pf-c-simple-list__item-link--Color);
-  text-align: left;
-  background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
-  border: none;
-}
-
-.pf-c-simple-list__item-link:hover {
-  text-decoration: none;
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
-  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
-}
-
-.pf-c-simple-list__item-link:focus {
-  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
-  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
-}
-
-.pf-c-simple-list__item-link:active {
-  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
-  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
-}
-
-.pf-c-simple-list__item-link.pf-m-current {
-  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
-  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
-}
-
-.pf-c-simple-list__title {
-  padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
-  font-size: var(--pf-c-simple-list__title--FontSize);
-  font-weight: var(--pf-c-simple-list__title--FontWeight);
-  color: var(--pf-c-simple-list__title--Color);
-}
-
-.pf-c-simple-list__section + .pf-c-simple-list__section {
-  margin-top: var(--pf-c-simple-list__section--section--MarginTop);
-}
-
 .pf-c-skeleton {
   --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-skeleton--Width: auto;
@@ -17573,6 +17496,83 @@ label.pf-c-radio, .pf-c-radio__label,
     transform: translateX(100%);
   }
 }
+.pf-c-simple-list {
+  --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
+  --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
+  --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
+  --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
+  --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
+  --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
+  --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
+}
+
+.pf-c-simple-list__item-link {
+  display: block;
+  width: 100%;
+  padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
+  font-size: var(--pf-c-simple-list__item-link--FontSize);
+  font-weight: var(--pf-c-simple-list__item-link--FontWeight);
+  color: var(--pf-c-simple-list__item-link--Color);
+  text-align: left;
+  background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
+  border: none;
+}
+
+.pf-c-simple-list__item-link:hover {
+  text-decoration: none;
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
+  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
+}
+
+.pf-c-simple-list__item-link:focus {
+  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
+  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
+}
+
+.pf-c-simple-list__item-link:active {
+  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
+  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
+}
+
+.pf-c-simple-list__item-link.pf-m-current {
+  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
+  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
+}
+
+.pf-c-simple-list__title {
+  padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
+  font-size: var(--pf-c-simple-list__title--FontSize);
+  font-weight: var(--pf-c-simple-list__title--FontWeight);
+  color: var(--pf-c-simple-list__title--Color);
+}
+
+.pf-c-simple-list__section + .pf-c-simple-list__section {
+  margin-top: var(--pf-c-simple-list__section--section--MarginTop);
+}
+
 .pf-c-skip-to-content {
   --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
   --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);