@patternfly/react-core 4.247.0 → 4.248.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.247.0",
+  "version": "4.248.0",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -70,5 +70,5 @@
     "react": "^16.8 || ^17 || ^18",
     "react-dom": "^16.8 || ^17 || ^18"
   },
-  "gitHead": "064d341a881a7ab291add565ed1929cf915ab049"
+  "gitHead": "3e99a769dc61cb0c1506c3f2e6a868541a62d0cc"
 }

package/src/components/Menu/Menu.tsx

@@ -212,13 +212,19 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
   createNavigableElements = () => {
     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.menuRef.current.getElementsByTagName('LI')).filter(
-          el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
-        );
+    if (isDrilldown) {
+      return this.activeMenu
+        ? Array.from(this.activeMenu.getElementsByTagName('UL')[0].children).filter(
+            el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
+          )
+        : [];
+    } else {
+      return this.menuRef.current
+        ? Array.from(this.menuRef.current.getElementsByTagName('LI')).filter(
+            el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider'))
+          )
+        : [];
+    }
   };
 
   render() {

package/src/components/MenuToggle/MenuToggle.tsx

@@ -136,6 +136,7 @@ export class MenuToggleBase extends React.Component<MenuToggleProps> {
     if (splitButtonOptions) {
       return (
         <div
+          ref={innerRef as React.Ref<HTMLDivElement>}
           className={css(
             commonStyles,
             styles.modifiers.splitButton,

package/src/demos/Filters/FilterDemos.md

@@ -24,25 +24,47 @@ EmptyStateIcon,
 Title,
 EmptyStateBody,
 EmptyStatePrimary,
-Button
+Button,
+Bullseye,
+ToolbarToggleGroup
 } from '@patternfly/react-core';
 import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import { TableComposable, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
 
-## Demos
+## Filtering demos
 
-### Filtering with a search input
+### Search input
 
 ```ts file="./examples/FilterSearchInput.tsx"
 ```
 
-### Filtering with a single select
+### Single select
 
 ```ts file="./examples/FilterSingleSelect.tsx"
 ```
 
-### Filtering with a checkbox select
+### Checkbox select
 
 ```ts file="./examples/FilterCheckboxSelect.tsx"
 ```
+
+### Attribute search
+
+```ts file="./examples/FilterAttributeSearch.tsx"
+```
+
+### Mixed select filter group
+
+```ts file="./examples/FilterMixedSelectGroup.tsx"
+```
+
+### Single select filter group
+
+```ts file="./examples/FilterSameSelectGroup.tsx"
+```
+
+### Faceted filter
+
+```ts file="./examples/FilterFaceted.tsx"
+```