@patternfly/react-core 4.222.0 → 4.222.3

package/dist/umd/react-core.css

@@ -11978,10 +11978,6 @@ ul.pf-c-list {
   --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
 }
 
-.pf-c-menu .pf-c-menu__content {
-  overflow: visible hidden;
-}
-
 .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
   overflow: visible;
 }
@@ -12024,7 +12020,7 @@ ul.pf-c-list {
 
 .pf-c-menu.pf-m-drilldown > .pf-c-menu__content {
   flex-grow: 1;
-  overflow-x: hidden;
+  overflow: hidden;
   transition: var(--pf-c-menu--m-drilldown__content--Transition);
 }
 
@@ -23044,69 +23040,6 @@ svg.pf-c-spinner.pf-m-xl {
   color: var(--pf-global--Color--100);
 }
 
-.pf-c-draggable {
-  --pf-c-draggable--Cursor: auto;
-  --pf-c-draggable--m-dragging--Cursor: grabbing;
-  --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
-  --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
-  --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
-  cursor: var(--pf-c-draggable--Cursor);
-}
-
-.pf-c-draggable.pf-m-dragging {
-  --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
-  position: relative;
-  background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
-  box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
-}
-
-.pf-c-draggable.pf-m-dragging::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
-}
-
-.pf-c-draggable.pf-m-drag-outside {
-  --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
-  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
-}
-
-.pf-c-droppable {
-  --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
-  --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
-  --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
-}
-
-.pf-c-droppable.pf-m-dragging {
-  position: relative;
-}
-
-.pf-c-droppable.pf-m-dragging::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-}
-
-.pf-c-droppable::after {
-  background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
-  border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
-}
-
-.pf-c-droppable.pf-m-drag-outside {
-  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
-}
-
 .pf-c-text-input-group {
   --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -23279,40 +23212,6 @@ svg.pf-c-spinner.pf-m-xl {
   display: flex;
 }
 
-.pf-c-truncate {
-  --pf-c-truncate--MinWidth: 12ch;
-  --pf-c-truncate__start--MinWidth: 6ch;
-  display: inline-grid;
-  grid-auto-flow: column;
-  align-items: baseline;
-  min-width: var(--pf-c-truncate--MinWidth);
-}
-
-.pf-c-truncate__start,
-.pf-c-truncate__end {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pf-c-truncate__start {
-  min-width: var(--pf-c-truncate__start--MinWidth);
-}
-
-.pf-c-truncate__end {
-  direction: rtl;
-}
-
-.pf-c-truncate__start + .pf-c-truncate__end {
-  overflow: visible;
-  direction: ltr;
-}
-
-@supports (-webkit-hyphens: none) {
-  .pf-c-truncate__end {
-    direction: ltr;
-  }
-}
 .pf-c-panel {
   --pf-c-panel--Width: auto;
   --pf-c-panel--MinWidth: auto;
@@ -23396,6 +23295,40 @@ svg.pf-c-spinner.pf-m-xl {
   box-shadow: var(--pf-c-panel__footer--BoxShadow);
 }
 
+.pf-c-truncate {
+  --pf-c-truncate--MinWidth: 12ch;
+  --pf-c-truncate__start--MinWidth: 6ch;
+  display: inline-grid;
+  grid-auto-flow: column;
+  align-items: baseline;
+  min-width: var(--pf-c-truncate--MinWidth);
+}
+
+.pf-c-truncate__start,
+.pf-c-truncate__end {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pf-c-truncate__start {
+  min-width: var(--pf-c-truncate__start--MinWidth);
+}
+
+.pf-c-truncate__end {
+  direction: rtl;
+}
+
+.pf-c-truncate__start + .pf-c-truncate__end {
+  overflow: visible;
+  direction: ltr;
+}
+
+@supports (-webkit-hyphens: none) {
+  .pf-c-truncate__end {
+    direction: ltr;
+  }
+}
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;
@@ -26755,6 +26688,69 @@ svg.pf-c-spinner.pf-m-xl {
   grid-gap: var(--pf-l-grid--m-gutter--GridGap);
 }
 
+.pf-c-draggable {
+  --pf-c-draggable--Cursor: auto;
+  --pf-c-draggable--m-dragging--Cursor: grabbing;
+  --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
+  --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
+  --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
+  cursor: var(--pf-c-draggable--Cursor);
+}
+
+.pf-c-draggable.pf-m-dragging {
+  --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
+  position: relative;
+  background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
+  box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
+}
+
+.pf-c-draggable.pf-m-dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
+  border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
+}
+
+.pf-c-draggable.pf-m-drag-outside {
+  --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
+  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
+}
+
+.pf-c-droppable {
+  --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
+  --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
+  --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
+}
+
+.pf-c-droppable.pf-m-dragging {
+  position: relative;
+}
+
+.pf-c-droppable.pf-m-dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+}
+
+.pf-c-droppable::after {
+  background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
+  border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
+}
+
+.pf-c-droppable.pf-m-drag-outside {
+  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
+}
+
 .pf-l-level {
   --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
   display: flex;

package/dist/umd/react-core.js

@@ -7527,21 +7527,28 @@
                     this.refCollection[this.state.viewMoreNextIndex][0].focus();
                     this.setState({ viewMoreNextIndex: -1 });
                 }
+                const checkUpdatedChildren = (prevChildren, currChildren) => prevChildren.some((prevChild, index) => {
+                    const prevChildProps = prevChild.props;
+                    const currChild = currChildren[index];
+                    const { props: currChildProps } = currChild;
+                    if (prevChildProps && currChildProps) {
+                        return (prevChildProps.value !== currChildProps.value ||
+                            prevChildProps.label !== currChildProps.label ||
+                            prevChildProps.isDisabled !== currChildProps.isDisabled ||
+                            prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
+                    }
+                    else {
+                        return prevChild !== currChild;
+                    }
+                });
                 const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
-                    prevProps.children.some((prevChild, index) => {
-                        const prevChildProps = prevChild.props;
-                        const currChild = this.props.children[index];
-                        const { props: currChildProps } = currChild;
-                        if (prevChildProps && currChildProps) {
-                            return (prevChildProps.value !== currChildProps.value ||
-                                prevChildProps.label !== currChildProps.label ||
-                                prevChildProps.isDisabled !== currChildProps.isDisabled ||
-                                prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
-                        }
-                        else {
-                            return prevChild !== currChild;
-                        }
-                    });
+                    checkUpdatedChildren(prevProps.children, this.props.children) ||
+                    (this.props.isGrouped &&
+                        prevProps.children.some((prevChild, index) => 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);
                 }

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

@@ -11978,10 +11978,6 @@ ul.pf-c-list {
   --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
 }
 
-.pf-c-menu .pf-c-menu__content {
-  overflow: visible hidden;
-}
-
 .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
   overflow: visible;
 }
@@ -12024,7 +12020,7 @@ ul.pf-c-list {
 
 .pf-c-menu.pf-m-drilldown > .pf-c-menu__content {
   flex-grow: 1;
-  overflow-x: hidden;
+  overflow: hidden;
   transition: var(--pf-c-menu--m-drilldown__content--Transition);
 }