@patternfly/react-table 4.61.11 → 4.61.15

package/dist/umd/react-table.css

@@ -10918,6 +10918,62 @@ button.pf-c-breadcrumb__link {
     overflow-y: visible;
   }
 }
+.pf-c-date-picker {
+  --pf-c-date-picker--m-top__calendar--Top: 0;
+  --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
+  --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
+  --pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
+  --pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
+  --pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
+  --pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
+  --pf-c-date-picker__input--c-form-control--width-chars: 10;
+  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
+  --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
+  --pf-c-date-picker__calendar--Right: auto;
+  --pf-c-date-picker__calendar--Left: 0;
+  --pf-c-date-picker__calendar--m-align-right--Right: 0;
+  --pf-c-date-picker__calendar--m-align-right--Left: auto;
+  position: relative;
+  display: inline-block;
+}
+
+.pf-c-date-picker__helper-text {
+  margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
+  font-size: var(--pf-c-date-picker__helper-text--FontSize);
+  color: var(--pf-c-date-picker__helper-text--Color);
+}
+
+.pf-c-date-picker__helper-text.pf-m-error {
+  --pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
+}
+
+.pf-c-date-picker__input .pf-c-form-control {
+  width: var(--pf-c-date-picker__input--c-form-control--Width);
+}
+
+.pf-c-date-picker__calendar {
+  position: absolute;
+  top: var(--pf-c-date-picker__calendar--Top);
+  right: var(--pf-c-date-picker__calendar--Right);
+  left: var(--pf-c-date-picker__calendar--Left);
+  z-index: var(--pf-c-date-picker__calendar--ZIndex);
+  background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
+  box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
+}
+
+.pf-c-date-picker__calendar.pf-m-align-right {
+  --pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
+  --pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
+}
+
+.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
+  --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
+  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
+}
+
 .pf-c-description-list {
   --pf-c-description-list--RowGap: var(--pf-global--gutter--md);
   --pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);
@@ -11233,62 +11289,6 @@ button.pf-c-breadcrumb__link {
     --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
   }
 }
-.pf-c-date-picker {
-  --pf-c-date-picker--m-top__calendar--Top: 0;
-  --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
-  --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
-  --pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
-  --pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
-  --pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
-  --pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
-  --pf-c-date-picker__input--c-form-control--width-chars: 10;
-  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
-  --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
-  --pf-c-date-picker__calendar--Right: auto;
-  --pf-c-date-picker__calendar--Left: 0;
-  --pf-c-date-picker__calendar--m-align-right--Right: 0;
-  --pf-c-date-picker__calendar--m-align-right--Left: auto;
-  position: relative;
-  display: inline-block;
-}
-
-.pf-c-date-picker__helper-text {
-  margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
-  font-size: var(--pf-c-date-picker__helper-text--FontSize);
-  color: var(--pf-c-date-picker__helper-text--Color);
-}
-
-.pf-c-date-picker__helper-text.pf-m-error {
-  --pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
-}
-
-.pf-c-date-picker__input .pf-c-form-control {
-  width: var(--pf-c-date-picker__input--c-form-control--Width);
-}
-
-.pf-c-date-picker__calendar {
-  position: absolute;
-  top: var(--pf-c-date-picker__calendar--Top);
-  right: var(--pf-c-date-picker__calendar--Right);
-  left: var(--pf-c-date-picker__calendar--Left);
-  z-index: var(--pf-c-date-picker__calendar--ZIndex);
-  background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
-  box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
-}
-
-.pf-c-date-picker__calendar.pf-m-align-right {
-  --pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
-  --pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
-}
-
-.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
-  --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
-  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
-}
-
 .pf-c-drawer {
   --pf-c-drawer__section--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-drawer__section--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
@@ -14231,6 +14231,92 @@ button.pf-c-label__content:focus {
   display: none;
 }
 
+.pf-c-list {
+  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
+  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
+  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
+  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
+  --pf-c-list__item-icon--MarginTop: 0.375rem;
+  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
+  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
+  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
+  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
+  padding-left: var(--pf-c-list--PaddingLeft);
+}
+
+.pf-c-list ol,
+.pf-c-list ul {
+  margin-top: var(--pf-c-list--nested--MarginTop);
+  margin-left: var(--pf-c-list--nested--MarginLeft);
+}
+
+.pf-c-list li + li {
+  margin-top: var(--pf-c-list--li--MarginTop);
+}
+
+ul.pf-c-list {
+  list-style: var(--pf-c-list--ul--ListStyle);
+}
+
+.pf-c-list .pf-c-list__item {
+  display: flex;
+}
+
+.pf-c-list .pf-c-list__item-icon {
+  flex-shrink: 0;
+  min-width: var(--pf-c-list__item-icon--MinWidth);
+  margin-top: var(--pf-c-list__item-icon--MarginTop);
+  margin-right: var(--pf-c-list__item-icon--MarginRight);
+  font-size: var(--pf-c-list__item-icon--FontSize);
+  line-height: 1;
+  color: var(--pf-c-list__item-icon--Color);
+}
+
+.pf-c-list.pf-m-icon-lg {
+  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
+  --pf-c-list__item-icon--MarginTop: 0;
+  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
+  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
+}
+
+.pf-c-list.pf-m-plain {
+  --pf-c-list--PaddingLeft: 0;
+  list-style: none;
+}
+
+.pf-c-list.pf-m-inline {
+  --pf-c-list--PaddingLeft: 0;
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+}
+
+.pf-c-list.pf-m-inline li {
+  --pf-c-list--li--MarginTop: 0;
+}
+
+.pf-c-list.pf-m-inline li:not(:last-child) {
+  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
+}
+
+.pf-c-list.pf-m-bordered > * {
+  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
+  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
+}
+
+.pf-c-list.pf-m-bordered > :last-child {
+  --pf-c-list--m-bordered--li--PaddingBottom: 0;
+  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
+}
+
 .pf-c-login__footer, .pf-c-login__header {
   --pf-global--Color--100: var(--pf-global--Color--light-100);
   --pf-global--Color--200: var(--pf-global--Color--light-200);
@@ -14533,92 +14619,6 @@ button.pf-c-label__content:focus {
   padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
 }
 
-.pf-c-list {
-  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
-  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
-  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list__item-icon--MarginTop: 0.375rem;
-  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
-  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
-  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
-  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
-  padding-left: var(--pf-c-list--PaddingLeft);
-}
-
-.pf-c-list ol,
-.pf-c-list ul {
-  margin-top: var(--pf-c-list--nested--MarginTop);
-  margin-left: var(--pf-c-list--nested--MarginLeft);
-}
-
-.pf-c-list li + li {
-  margin-top: var(--pf-c-list--li--MarginTop);
-}
-
-ul.pf-c-list {
-  list-style: var(--pf-c-list--ul--ListStyle);
-}
-
-.pf-c-list .pf-c-list__item {
-  display: flex;
-}
-
-.pf-c-list .pf-c-list__item-icon {
-  flex-shrink: 0;
-  min-width: var(--pf-c-list__item-icon--MinWidth);
-  margin-top: var(--pf-c-list__item-icon--MarginTop);
-  margin-right: var(--pf-c-list__item-icon--MarginRight);
-  font-size: var(--pf-c-list__item-icon--FontSize);
-  line-height: 1;
-  color: var(--pf-c-list__item-icon--Color);
-}
-
-.pf-c-list.pf-m-icon-lg {
-  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
-  --pf-c-list__item-icon--MarginTop: 0;
-  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
-  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
-}
-
-.pf-c-list.pf-m-plain {
-  --pf-c-list--PaddingLeft: 0;
-  list-style: none;
-}
-
-.pf-c-list.pf-m-inline {
-  --pf-c-list--PaddingLeft: 0;
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-}
-
-.pf-c-list.pf-m-inline li {
-  --pf-c-list--li--MarginTop: 0;
-}
-
-.pf-c-list.pf-m-inline li:not(:last-child) {
-  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
-}
-
-.pf-c-list.pf-m-bordered > * {
-  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
-  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
-}
-
-.pf-c-list.pf-m-bordered > :last-child {
-  --pf-c-list--m-bordered--li--PaddingBottom: 0;
-  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
-}
-
 .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);

package/dist/umd/react-table.js

@@ -10145,16 +10145,17 @@
             const { isOpen } = this.state;
             const { items, children, dropdownPosition, dropdownDirection, isDisabled, rowData, actionsToggle } = this.props;
             const actionsToggleClone = actionsToggle ? (actionsToggle({ onToggle: this.onToggle, isOpen, isDisabled })) : (React__namespace.createElement(KebabToggle, { isDisabled: isDisabled, onToggle: this.onToggle }));
-            const outsideDropdownItems = items.filter(a => a.isOutsideDropdown);
-            const dropdownItems = items.filter(a => !a.isOutsideDropdown);
             return (React__namespace.createElement(React__namespace.Fragment, null,
-                outsideDropdownItems
+                items
+                    .filter(item => item.isOutsideDropdown)
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     .map((_a, key) => {
                     var { title, itemKey, onClick, isOutsideDropdown } = _a, props = __rest$2(_a, ["title", "itemKey", "onClick", "isOutsideDropdown"]);
                     return typeof title === 'string' ? (React__namespace.createElement(Button, Object.assign({ onClick: event => this.onClick(event, onClick) }, props, { isDisabled: isDisabled, key: itemKey || `outside_dropdown_${key}`, "data-key": itemKey || `outside_dropdown_${key}` }), title)) : (React__namespace.cloneElement(title, Object.assign({ onClick, isDisabled }, props)));
                 }),
-                React__namespace.createElement(Dropdown, Object.assign({ toggle: actionsToggleClone, position: dropdownPosition, direction: dropdownDirection, isOpen: isOpen, dropdownItems: dropdownItems.map((_a, key) => {
+                React__namespace.createElement(Dropdown, Object.assign({ toggle: actionsToggleClone, position: dropdownPosition, direction: dropdownDirection, isOpen: isOpen, dropdownItems: items
+                        .filter(item => !item.isOutsideDropdown)
+                        .map((_a, key) => {
                         var { title, itemKey, onClick, isSeparator } = _a, props = __rest$2(_a, ["title", "itemKey", "onClick", "isSeparator"]);
                         return isSeparator ? (React__namespace.createElement(DropdownSeparator, Object.assign({}, props, { key: itemKey || key, "data-key": itemKey || key }))) : (React__namespace.createElement(DropdownItem, Object.assign({ component: "button", onClick: event => {
                                 this.onClick(event, onClick);