@patternfly/react-table 4.53.1 → 4.55.0

package/dist/umd/react-table.js

@@ -5525,7 +5525,8 @@
                 // if viewMoreNextIndex is not -1, view more was clicked, set focus on first newly loaded item
                 if (this.state.viewMoreNextIndex !== -1 &&
                     this.refCollection.length > this.state.viewMoreNextIndex &&
-                    this.props.loadingVariant !== 'spinner') {
+                    this.props.loadingVariant !== 'spinner' &&
+                    this.refCollection[this.state.viewMoreNextIndex][0]) {
                     this.refCollection[this.state.viewMoreNextIndex][0].focus();
                 }
                 // the number or contents of the children has changed, update state.typeaheadFilteredChildren
@@ -7149,7 +7150,8 @@
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         className, onSelect = null, selectVariant } = _a, props = __rest$2(_a, ["children", "className", "onSelect", "selectVariant"]);
         return (React__namespace.createElement(React__namespace.Fragment, null,
-            React__namespace.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect })),
+            React__namespace.createElement("label", null,
+                React__namespace.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect }))),
             children));
     };
     SelectColumn.displayName = 'SelectColumn';

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

@@ -620,7 +620,7 @@
 .pf-c-table .pf-c-table__icon,
 .pf-c-table .pf-m-fit-content {
   --pf-c-table--cell--MinWidth: fit-content;
-  --pf-c-table--cell--MaxWidth: fit-content;
+  --pf-c-table--cell--MaxWidth: none;
   --pf-c-table--cell--Width: 1%;
   --pf-c-table--cell--Overflow: visible;
   --pf-c-table--cell--TextOverflow: clip;
@@ -4995,6 +4995,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
   --pf-c-button__progress--Opacity: 0;
   --pf-c-button__progress--TranslateY: -50%;
+  --pf-c-button__progress--TranslateX: 0;
   --pf-c-button__progress--Top: 50%;
   --pf-c-button__progress--Left: var(--pf-global--spacer--md);
   --pf-c-button--m-progress--TransitionProperty: padding;
@@ -5003,6 +5004,9 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
   --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
+  --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
+  --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
+  --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
   position: relative;
   display: inline-block;
   padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
@@ -5350,11 +5354,21 @@ label.pf-c-check, .pf-c-check__label,
   transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
 }
 
-.pf-c-button.pf-m-in-progress {
+.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
   --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
   --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
 }
 
+.pf-c-button.pf-m-in-progress.pf-m-plain {
+  --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color);
+  --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left);
+  --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX);
+}
+
+.pf-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-c-button__progress) {
+  opacity: 0;
+}
+
 .pf-c-button__icon.pf-m-start {
   margin-right: var(--pf-c-button__icon--m-start--MarginRight);
 }
@@ -5368,7 +5382,7 @@ label.pf-c-check, .pf-c-check__label,
   top: var(--pf-c-button__progress--Top);
   left: var(--pf-c-button__progress--Left);
   line-height: 1;
-  transform: translateY(var(--pf-c-button__progress--TranslateY));
+  transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
 }
 
 .pf-c-button__progress .pf-c-spinner {
@@ -17409,6 +17423,106 @@ ul.pf-c-list {
   margin: 0;
 }
 
+.pf-c-notification-badge {
+  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
+  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
+  --pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
+  --pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
+  --pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
+  --pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
+  --pf-c-notification-badge--after--BorderColor: transparent;
+  --pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-notification-badge--after--BorderWidth: 0;
+  --pf-c-notification-badge--after--Top: 0;
+  --pf-c-notification-badge--after--Right: 0;
+  --pf-c-notification-badge--after--Width: auto;
+  --pf-c-notification-badge--after--Height: auto;
+  --pf-c-notification-badge--after--BackgroundColor: transparent;
+  --pf-c-notification-badge--after--TranslateX: 0;
+  --pf-c-notification-badge--after--TranslateY: 0;
+  --pf-c-notification-badge__i--Width: auto;
+  --pf-c-notification-badge__i--Height: auto;
+  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
+  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
+  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
+  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
+  --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
+  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
+  --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
+  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
+  position: relative;
+  display: inline-block;
+  padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
+  margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
+  background-color: var(--pf-c-notification-badge--after--BackgroundColor);
+  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
+}
+
+.pf-c-notification-badge::before {
+  position: absolute;
+  top: var(--pf-c-notification-badge--after--Top);
+  right: var(--pf-c-notification-badge--after--Right);
+  bottom: 0;
+  left: 0;
+  width: var(--pf-c-notification-badge--after--Width);
+  height: var(--pf-c-notification-badge--after--Height);
+  content: "";
+  border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
+  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
+  transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
+}
+
+.pf-c-notification-badge > i {
+  width: var(--pf-c-notification-badge__i--Width);
+  height: var(--pf-c-notification-badge__i--Height);
+}
+
+.pf-c-notification-badge > * {
+  position: relative;
+}
+
+.pf-c-notification-badge .pf-icon-attention-bell,
+.pf-c-notification-badge .pf-icon-bell {
+  display: inline-block;
+  line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
+}
+
+.pf-c-notification-badge .pf-icon-attention-bell::before,
+.pf-c-notification-badge .pf-icon-bell::before {
+  vertical-align: bottom;
+}
+
+.pf-c-notification-badge.pf-m-read {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
+  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
+}
+
+.pf-c-notification-badge.pf-m-unread {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
+  color: var(--pf-c-notification-badge--m-unread--Color);
+}
+
+.pf-c-notification-badge.pf-m-unread:hover {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor);
+}
+
+.pf-c-notification-badge.pf-m-attention {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
+  color: var(--pf-c-notification-badge--m-attention--Color);
+}
+
+.pf-c-notification-badge.pf-m-attention:hover {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
+}
+
+.pf-c-notification-badge__count {
+  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
+}
+
 .pf-c-notification-drawer {
   --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
@@ -17687,106 +17801,6 @@ ul.pf-c-list {
   transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
 }
 
-.pf-c-notification-badge {
-  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
-  --pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
-  --pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
-  --pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
-  --pf-c-notification-badge--after--BorderColor: transparent;
-  --pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-notification-badge--after--BorderWidth: 0;
-  --pf-c-notification-badge--after--Top: 0;
-  --pf-c-notification-badge--after--Right: 0;
-  --pf-c-notification-badge--after--Width: auto;
-  --pf-c-notification-badge--after--Height: auto;
-  --pf-c-notification-badge--after--BackgroundColor: transparent;
-  --pf-c-notification-badge--after--TranslateX: 0;
-  --pf-c-notification-badge--after--TranslateY: 0;
-  --pf-c-notification-badge__i--Width: auto;
-  --pf-c-notification-badge__i--Height: auto;
-  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
-  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
-  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
-  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
-  --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
-  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
-  --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
-  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
-  position: relative;
-  display: inline-block;
-  padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
-  margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
-  background-color: var(--pf-c-notification-badge--after--BackgroundColor);
-  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
-}
-
-.pf-c-notification-badge::before {
-  position: absolute;
-  top: var(--pf-c-notification-badge--after--Top);
-  right: var(--pf-c-notification-badge--after--Right);
-  bottom: 0;
-  left: 0;
-  width: var(--pf-c-notification-badge--after--Width);
-  height: var(--pf-c-notification-badge--after--Height);
-  content: "";
-  border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
-  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
-  transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
-}
-
-.pf-c-notification-badge > i {
-  width: var(--pf-c-notification-badge__i--Width);
-  height: var(--pf-c-notification-badge__i--Height);
-}
-
-.pf-c-notification-badge > * {
-  position: relative;
-}
-
-.pf-c-notification-badge .pf-icon-attention-bell,
-.pf-c-notification-badge .pf-icon-bell {
-  display: inline-block;
-  line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
-}
-
-.pf-c-notification-badge .pf-icon-attention-bell::before,
-.pf-c-notification-badge .pf-icon-bell::before {
-  vertical-align: bottom;
-}
-
-.pf-c-notification-badge.pf-m-read {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
-  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
-}
-
-.pf-c-notification-badge.pf-m-unread {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
-  color: var(--pf-c-notification-badge--m-unread--Color);
-}
-
-.pf-c-notification-badge.pf-m-unread:hover {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor);
-}
-
-.pf-c-notification-badge.pf-m-attention {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
-  color: var(--pf-c-notification-badge--m-attention--Color);
-}
-
-.pf-c-notification-badge.pf-m-attention:hover {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
-}
-
-.pf-c-notification-badge__count {
-  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
-}
-
 .pf-c-options-menu {
   --pf-c-options-menu__toggle--BackgroundColor: transparent;
   --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);