@patternfly/react-core 4.222.0 → 4.222.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.222.0",
+  "version": "4.222.1",
   "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",
@@ -34,9 +34,9 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.73.0",
-    "@patternfly/react-styles": "^4.72.0",
-    "@patternfly/react-tokens": "^4.74.0",
+    "@patternfly/react-icons": "^4.73.1",
+    "@patternfly/react-styles": "^4.72.1",
+    "@patternfly/react-tokens": "^4.74.1",
     "focus-trap": "6.9.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "9c5a0c99d957bafa3548e1fd4db410a74f7f7ad8"
+  "gitHead": "badaa87b0f9005b2daf2a64636260131cc053159"
 }

package/src/components/Select/Select.tsx

@@ -297,11 +297,10 @@ export class Select extends React.Component<SelectProps & OUIAProps, SelectState
       this.setState({ viewMoreNextIndex: -1 });
     }
 
-    const hasUpdatedChildren =
-      prevProps.children.length !== this.props.children.length ||
-      prevProps.children.some((prevChild: React.ReactElement, index: number) => {
+    const checkUpdatedChildren = (prevChildren: React.ReactElement[], currChildren: React.ReactElement[]) =>
+      prevChildren.some((prevChild: React.ReactElement, index: number) => {
         const prevChildProps = prevChild.props;
-        const currChild = this.props.children[index];
+        const currChild = currChildren[index];
         const { props: currChildProps } = currChild;
 
         if (prevChildProps && currChildProps) {
@@ -316,6 +315,19 @@ export class Select extends React.Component<SelectProps & OUIAProps, SelectState
         }
       });
 
+    const hasUpdatedChildren =
+      prevProps.children.length !== this.props.children.length ||
+      checkUpdatedChildren(prevProps.children, this.props.children) ||
+      (this.props.isGrouped &&
+        prevProps.children.some(
+          (prevChild: React.ReactElement, index: number) =>
+            prevChild.type === SelectGroup &&
+            prevChild.props.children &&
+            this.props.children[index].props.children &&
+            (prevChild.props.children.length !== this.props.children[index].props.children.length ||
+              checkUpdatedChildren(prevChild.props.children, this.props.children[index].props.children))
+        ));
+
     if (hasUpdatedChildren) {
       this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
     }