@patternfly/react-table 4.43.2 → 4.44.3

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.44.3 (2021-11-15)
+
+
+### Bug Fixes
+
+* **Menu:** allow maxMenuHeight with Scrollabe ([#6608](https://github.com/patternfly/patternfly-react/issues/6608)) ([8c1f12c](https://github.com/patternfly/patternfly-react/commit/8c1f12c2b0e86bbc5ba1071db3ebf29fee7421a0))
+
+
+
+
+
+## 4.44.2 (2021-11-15)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## 4.44.1 (2021-11-15)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+# 4.44.0 (2021-11-12)
+
+
+### Features
+
+* **card:** added hoverable/selectable/selected-raised variant ([#6565](https://github.com/patternfly/patternfly-react/issues/6565)) ([8c60568](https://github.com/patternfly/patternfly-react/commit/8c60568ba4fa18398fed636710e222ce506de82c))
+
+
+
+
+
 ## 4.43.2 (2021-11-12)
 
 **Note:** Version bump only for package @patternfly/react-table

package/dist/umd/react-table.css

@@ -7294,6 +7294,153 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
 }
 
+.pf-u-screen-reader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.pf-u-visible {
+  position: static;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  border: inherit;
+}
+
+.pf-u-hidden {
+  display: none !important;
+}
+
+@media screen and (min-width: 576px) {
+  .pf-u-screen-reader-on-sm {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 576px) {
+  .pf-u-visible-on-sm {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 576px) {
+  .pf-u-hidden-on-sm {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-screen-reader-on-md {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-visible-on-md {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-hidden-on-md {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-screen-reader-on-lg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-visible-on-lg {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-hidden-on-lg {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-screen-reader-on-xl {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-visible-on-xl {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-hidden-on-xl {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-screen-reader-on-2xl {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-visible-on-2xl {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-hidden-on-2xl {
+    display: none !important;
+  }
+}
 .pf-c-app-launcher {
   --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
   --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -7523,153 +7670,6 @@ svg.pf-c-spinner.pf-m-xl {
   color: var(--pf-c-app-launcher__group-title--Color);
 }
 
-.pf-u-screen-reader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-.pf-u-visible {
-  position: static;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-  border: inherit;
-}
-
-.pf-u-hidden {
-  display: none !important;
-}
-
-@media screen and (min-width: 576px) {
-  .pf-u-screen-reader-on-sm {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 576px) {
-  .pf-u-visible-on-sm {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 576px) {
-  .pf-u-hidden-on-sm {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-screen-reader-on-md {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-visible-on-md {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-hidden-on-md {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-screen-reader-on-lg {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-visible-on-lg {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-hidden-on-lg {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-screen-reader-on-xl {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-visible-on-xl {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-hidden-on-xl {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-screen-reader-on-2xl {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-visible-on-2xl {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-hidden-on-2xl {
-    display: none !important;
-  }
-}
 .pf-c-avatar {
   --pf-c-avatar--BorderColor: transparent;
   --pf-c-avatar--BorderWidth: 0;
@@ -25344,6 +25344,89 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
 }
 
+.pf-c-panel {
+  --pf-c-panel--Width: auto;
+  --pf-c-panel--MinWidth: auto;
+  --pf-c-panel--MaxWidth: none;
+  --pf-c-panel--ZIndex: auto;
+  --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-panel--BoxShadow: none;
+  --pf-c-panel--before--BorderWidth: 0;
+  --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__main--MaxHeight: none;
+  --pf-c-panel__main--Overflow: visible;
+  --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--BoxShadow: none;
+  --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
+  --pf-c-panel--m-scrollable__main--Overflow: auto;
+  --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
+  position: relative;
+  z-index: var(--pf-c-panel--ZIndex);
+  width: var(--pf-c-panel--Width);
+  min-width: var(--pf-c-panel--MinWidth);
+  max-width: var(--pf-c-panel--MaxWidth);
+  background-color: var(--pf-c-panel--BackgroundColor);
+  box-shadow: var(--pf-c-panel--BoxShadow);
+}
+
+.pf-c-panel::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
+}
+
+.pf-c-panel.pf-m-bordered {
+  --pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
+}
+
+.pf-c-panel.pf-m-raised {
+  --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
+  --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
+}
+
+.pf-c-panel.pf-m-scrollable {
+  --pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
+  --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
+  --pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
+}
+
+.pf-c-panel__header {
+  padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
+}
+
+.pf-c-panel__main {
+  max-height: var(--pf-c-panel__main--MaxHeight);
+  overflow: var(--pf-c-panel__main--Overflow);
+}
+
+.pf-c-panel__main-body {
+  padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
+}
+
+.pf-c-panel__footer {
+  padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
+  box-shadow: var(--pf-c-panel__footer--BoxShadow);
+}
+
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;

package/dist/umd/react-table.js

@@ -3000,7 +3000,7 @@
                 return () => { };
             }
         }), [popperMatchesTriggerWidth]);
-        const { styles: popperStyles, attributes } = usePopper(refOrTrigger, popperElement, {
+        const { styles: popperStyles, attributes, forceUpdate } = usePopper(refOrTrigger, popperElement, {
             placement: getPlacementMemo,
             modifiers: [
                 {
@@ -3028,6 +3028,11 @@
                 sameWidthMod
             ]
         });
+        // force update when content changes
+        // https://github.com/patternfly/patternfly-react/issues/5620
+        React__namespace.useEffect(() => {
+            forceUpdate && forceUpdate();
+        }, [popper]);
         // Returns the CSS modifier class in order to place the Popper's arrow properly
         // Depends on the position of the Popper relative to the reference element
         const modifierFromPopperPosition = () => {

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

@@ -7294,6 +7294,153 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
 }
 
+.pf-u-screen-reader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.pf-u-visible {
+  position: static;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  border: inherit;
+}
+
+.pf-u-hidden {
+  display: none !important;
+}
+
+@media screen and (min-width: 576px) {
+  .pf-u-screen-reader-on-sm {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 576px) {
+  .pf-u-visible-on-sm {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 576px) {
+  .pf-u-hidden-on-sm {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-screen-reader-on-md {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-visible-on-md {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-hidden-on-md {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-screen-reader-on-lg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-visible-on-lg {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-hidden-on-lg {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-screen-reader-on-xl {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-visible-on-xl {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-hidden-on-xl {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-screen-reader-on-2xl {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-visible-on-2xl {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-hidden-on-2xl {
+    display: none !important;
+  }
+}
 .pf-c-app-launcher {
   --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
   --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -7523,153 +7670,6 @@ svg.pf-c-spinner.pf-m-xl {
   color: var(--pf-c-app-launcher__group-title--Color);
 }
 
-.pf-u-screen-reader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-.pf-u-visible {
-  position: static;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-  border: inherit;
-}
-
-.pf-u-hidden {
-  display: none !important;
-}
-
-@media screen and (min-width: 576px) {
-  .pf-u-screen-reader-on-sm {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 576px) {
-  .pf-u-visible-on-sm {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 576px) {
-  .pf-u-hidden-on-sm {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-screen-reader-on-md {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-visible-on-md {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-hidden-on-md {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-screen-reader-on-lg {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-visible-on-lg {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-hidden-on-lg {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-screen-reader-on-xl {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-visible-on-xl {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-hidden-on-xl {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-screen-reader-on-2xl {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-visible-on-2xl {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-hidden-on-2xl {
-    display: none !important;
-  }
-}
 .pf-c-avatar {
   --pf-c-avatar--BorderColor: transparent;
   --pf-c-avatar--BorderWidth: 0;
@@ -24085,38 +24085,6 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-toolbar--spacer: 0;
 }
 
-.pf-c-number-input {
-  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2);
-  --pf-c-number-input--c-form-control--width-chars: 4;
-  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
-  display: inline-flex;
-  align-items: center;
-}
-
-.pf-c-number-input .pf-c-form-control {
-  display: inline-flex;
-  width: var(--pf-c-number-input--c-form-control--Width);
-  text-align: right;
-  -moz-appearance: textfield;
-}
-
-.pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-.pf-c-input-group + .pf-c-number-input__unit,
-.pf-c-number-input__unit + .pf-c-input-group {
-  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
-}
-
-.pf-c-number-input__icon {
-  display: flex;
-  font-size: var(--pf-c-number-input__icon--FontSize);
-}
-
 .pf-c-tree-view {
   --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
@@ -25344,6 +25312,121 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
 }
 
+.pf-c-panel {
+  --pf-c-panel--Width: auto;
+  --pf-c-panel--MinWidth: auto;
+  --pf-c-panel--MaxWidth: none;
+  --pf-c-panel--ZIndex: auto;
+  --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-panel--BoxShadow: none;
+  --pf-c-panel--before--BorderWidth: 0;
+  --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__main--MaxHeight: none;
+  --pf-c-panel__main--Overflow: visible;
+  --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--BoxShadow: none;
+  --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
+  --pf-c-panel--m-scrollable__main--Overflow: auto;
+  --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
+  position: relative;
+  z-index: var(--pf-c-panel--ZIndex);
+  width: var(--pf-c-panel--Width);
+  min-width: var(--pf-c-panel--MinWidth);
+  max-width: var(--pf-c-panel--MaxWidth);
+  background-color: var(--pf-c-panel--BackgroundColor);
+  box-shadow: var(--pf-c-panel--BoxShadow);
+}
+
+.pf-c-panel::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
+}
+
+.pf-c-panel.pf-m-bordered {
+  --pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
+}
+
+.pf-c-panel.pf-m-raised {
+  --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
+  --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
+}
+
+.pf-c-panel.pf-m-scrollable {
+  --pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
+  --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
+  --pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
+}
+
+.pf-c-panel__header {
+  padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
+}
+
+.pf-c-panel__main {
+  max-height: var(--pf-c-panel__main--MaxHeight);
+  overflow: var(--pf-c-panel__main--Overflow);
+}
+
+.pf-c-panel__main-body {
+  padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
+}
+
+.pf-c-panel__footer {
+  padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
+  box-shadow: var(--pf-c-panel__footer--BoxShadow);
+}
+
+.pf-c-number-input {
+  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2);
+  --pf-c-number-input--c-form-control--width-chars: 4;
+  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
+  display: inline-flex;
+  align-items: center;
+}
+
+.pf-c-number-input .pf-c-form-control {
+  display: inline-flex;
+  width: var(--pf-c-number-input--c-form-control--Width);
+  text-align: right;
+  -moz-appearance: textfield;
+}
+
+.pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.pf-c-input-group + .pf-c-number-input__unit,
+.pf-c-number-input__unit + .pf-c-input-group {
+  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
+}
+
+.pf-c-number-input__icon {
+  display: flex;
+  font-size: var(--pf-c-number-input__icon--FontSize);
+}
+
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;

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

@@ -37,7 +37,7 @@ var g,v=["input","select","textarea","a[href]","button","[tabindex]","audio[cont
     * focus-trap 6.2.2
     * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
     */
-function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var D,j=(D=[],{activateTrap:function(e){if(D.length>0){var t=D[D.length-1];t!==e&&t.pause()}var n=D.indexOf(e);-1===n||D.splice(n,1),D.push(e)},deactivateTrap:function(e){var t=D.indexOf(e);-1!==t&&D.splice(t,1),D.length>0&&D[D.length-1].unpause()}}),P=function(e){return setTimeout(e,0)},L=function(e,t){var n,r=document,o=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},t),a={containers:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1},i=function(e){return a.containers.some((function(t){return t.contains(e)}))},s=function(e){var t=o[e];if(!t)return null;var n=t;if("string"==typeof t&&!(n=r.querySelector(t)))throw new Error("`".concat(e,"` refers to no known node"));if("function"==typeof t&&!(n=t()))throw new Error("`".concat(e,"` did not return a node"));return n},l=function(){var e;if(null!==s("initialFocus"))e=s("initialFocus");else if(i(r.activeElement))e=r.activeElement;else{var t=a.tabbableGroups[0];e=t&&t.firstTabbableNode||s("fallbackFocus")}if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},c=function(){if(a.tabbableGroups=a.containers.map((function(e){var t=T(e);if(t.length>0)return{firstTabbableNode:t[0],lastTabbableNode:t[t.length-1]}})).filter((function(e){return!!e})),a.tabbableGroups.length<=0&&!s("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},p=function e(t){t!==r.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!o.preventScroll}),a.mostRecentlyFocusedNode=t,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(t)&&t.select()):e(l()))},d=function(e){i(e.target)||(o.clickOutsideDeactivates?n.deactivate({returnFocus:o.returnFocusOnDeactivate&&!S(e.target)}):o.allowOutsideClick&&("boolean"==typeof o.allowOutsideClick?o.allowOutsideClick:o.allowOutsideClick(e))||e.preventDefault())},u=function(e){var t=i(e.target);t||e.target instanceof Document?t&&(a.mostRecentlyFocusedNode=e.target):(e.stopImmediatePropagation(),p(a.mostRecentlyFocusedNode||l()))},f=function(e){if(!1!==o.escapeDeactivates&&function(e){return"Escape"===e.key||"Esc"===e.key||27===e.keyCode}(e))return e.preventDefault(),void n.deactivate();(function(e){return"Tab"===e.key||9===e.keyCode})(e)&&function(e){c();var t=null;if(a.tabbableGroups.length>0)if(e.shiftKey){var n=a.tabbableGroups.findIndex((function(t){var n=t.firstTabbableNode;return e.target===n}));if(n>=0){var r=0===n?a.tabbableGroups.length-1:n-1;t=a.tabbableGroups[r].lastTabbableNode}}else{var o=a.tabbableGroups.findIndex((function(t){var n=t.lastTabbableNode;return e.target===n}));if(o>=0){var i=o===a.tabbableGroups.length-1?0:o+1;t=a.tabbableGroups[i].firstTabbableNode}}else t=s("fallbackFocus");t&&(e.preventDefault(),p(t))}(e)},m=function(e){o.clickOutsideDeactivates||i(e.target)||o.allowOutsideClick&&("boolean"==typeof o.allowOutsideClick?o.allowOutsideClick:o.allowOutsideClick(e))||(e.preventDefault(),e.stopImmediatePropagation())},h=function(){if(a.active)return j.activateTrap(n),g=o.delayInitialFocus?P((function(){p(l())})):p(l()),r.addEventListener("focusin",u,!0),r.addEventListener("mousedown",d,{capture:!0,passive:!1}),r.addEventListener("touchstart",d,{capture:!0,passive:!1}),r.addEventListener("click",m,{capture:!0,passive:!1}),r.addEventListener("keydown",f,{capture:!0,passive:!1}),n},b=function(){if(a.active)return r.removeEventListener("focusin",u,!0),r.removeEventListener("mousedown",d,!0),r.removeEventListener("touchstart",d,!0),r.removeEventListener("click",m,!0),r.removeEventListener("keydown",f,!0),n};return(n={activate:function(e){if(a.active)return this;c(),a.active=!0,a.paused=!1,a.nodeFocusedBeforeActivation=r.activeElement;var t=e&&e.onActivate?e.onActivate:o.onActivate;return t&&t(),h(),this},deactivate:function(e){if(!a.active)return this;clearTimeout(g),b(),a.active=!1,a.paused=!1,j.deactivateTrap(n);var t=e&&void 0!==e.onDeactivate?e.onDeactivate:o.onDeactivate;return t&&t(),(e&&void 0!==e.returnFocus?e.returnFocus:o.returnFocusOnDeactivate)&&P((function(){var e;p((e=a.nodeFocusedBeforeActivation,s("setReturnFocus")||e))})),this},pause:function(){return a.paused||!a.active||(a.paused=!0,b()),this},unpause:function(){return a.paused&&a.active?(a.paused=!1,c(),h(),this):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return a.containers=t.map((function(e){return"string"==typeof e?r.querySelector(e):e})),a.active&&c(),this}}).updateContainerElements(e),n};class A extends o.Component{constructor(e){super(e),this.divRef=o.createRef(),"undefined"!=typeof document&&(this.previouslyFocusedElement=document.activeElement)}componentDidMount(){this.focusTrap=L(this.divRef.current,Object.assign(Object.assign({},this.props.focusTrapOptions),{returnFocusOnDeactivate:!1})),this.props.active&&this.focusTrap.activate(),this.props.paused&&this.focusTrap.pause()}componentDidUpdate(e){e.active&&!this.props.active?this.focusTrap.deactivate():!e.active&&this.props.active&&this.focusTrap.activate(),e.paused&&!this.props.paused?this.focusTrap.unpause():!e.paused&&this.props.paused&&this.focusTrap.pause()}componentWillUnmount(){this.focusTrap.deactivate(),!1!==this.props.focusTrapOptions.returnFocusOnDeactivate&&this.previouslyFocusedElement&&this.previouslyFocusedElement.focus&&this.previouslyFocusedElement.focus({preventScroll:this.props.preventScrollOnDeactivate})}render(){const e=this.props,{children:t,className:n,focusTrapOptions:r,active:a,paused:i,preventScrollOnDeactivate:l}=e,c=s(e,["children","className","focusTrapOptions","active","paused","preventScrollOnDeactivate"]);return o.createElement("div",Object.assign({ref:this.divRef,className:n},c),t)}}A.displayName="FocusTrap",A.defaultProps={active:!0,paused:!1,focusTrapOptions:{},preventScrollOnDeactivate:!1};let F=0;class M extends o.Component{constructor(){super(...arguments),this.id=`${this.props.prefix}${F++}`}render(){return this.props.children(this.id)}}M.displayName="GenerateId",M.defaultProps={prefix:"pf-random-id-"};let B=0;const V="OUIA-Generated-",H={};function z(e,t,n=!0){return{"data-ouia-component-type":`PF4/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const $=(e,t,n=!0,r)=>({"data-ouia-component-type":`PF4/${e}`,"data-ouia-safe":n,"data-ouia-component-id":W(e,t,r)}),W=(e,n,r)=>void 0!==n?n:t.useMemo((()=>K(e,r)),[e,r]);function K(e,t){try{const n=`${window.location.href}-${e}-${t||""}`;return H[n]||(H[n]=0),`${V}${e}-${t?`${t}-`:""}${++H[n]}`}catch(n){return`${V}${e}-${t?`${t}-`:""}${++B}`}}function G(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}function U(e,t){let n;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e.apply(this,r)),t)}}function q(e,t,n,r,o,i=!1){if(!Array.isArray(o))return;const s=r.filter((e=>e))[0].constructor===Array;let l=e,c=t;if("up"===n?l=0===e?o.length-1:e-1:"down"===n?l=e===o.length-1?0:e+1:"left"===n?c=0===t?r[e].length-1:t-1:"right"===n&&(c=t===r[e].length-1?0:t+1),null===r[l]||void 0===r[l]||s&&(null===r[l][c]||void 0===r[l][c]))q(l,c,n,r,o,i);else if(i){r[l].focus&&r[l].focus();a.findDOMNode(r[l]).focus()}else"tab"!==n&&(s?r[l][c].focus():r[l].focus())}function X(e,t,n){let r;return r="up"===t?0===e?n.length-1:e-1:e===n.length-1?0:e+1,void 0===n[r]||null===n[r][0]?X(r,t,n):r}const Y=(e,t,n="")=>Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}`)).map(Q).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" "),J=e=>e.toUpperCase().replace("-","").replace("_",""),Q=e=>e.replace(/([-_][a-z])/gi,J),Z=!("undefined"==typeof window||!window.document||!window.document.createElement),ee=(e,t)=>{const n=getComputedStyle(t),r=document.createElement("canvas").getContext("2d");return r.font=n.font||(()=>{let e="";const t={"50%":"ultra-condensed","62.5%":"extra-condensed","75%":"condensed","87.5%":"semi-condensed","100%":"normal","112.5%":"semi-expanded","125%":"expanded","150%":"extra-expanded","200%":"ultra-expanded"};let r;return r=n.fontStretch in t?t[n.fontStretch]:"normal",e=n.fontStyle+" "+n.fontVariant+" "+n.fontWeight+" "+r+" "+n.fontSize+"/"+n.lineHeight+" "+n.fontFamily,e})(),r.measureText(e).width},te=(e,t)=>{const n=(e=>{const t=getComputedStyle(e);let n=e.clientWidth,r=e.clientHeight;return r-=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom),n-=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),{height:r,width:n}})(e).width;let r=t;if(ee(t,e)>n){for(;ee(`...${r}`,e)>n;)r=r.substring(1);e.value?e.value=`...${r}`:e.innerText=`...${r}`}else e.value?e.value=t:e.innerText=t};class ne extends o.Component{componentDidMount(){const e=a.findDOMNode(this);this.props.onFoundRef(e)}render(){return this.props.children||null}}function re(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function oe(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function ae(e){const t=oe(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ie(e){return e instanceof oe(e).Element||e instanceof Element}function se(e){return e instanceof oe(e).HTMLElement||e instanceof HTMLElement}function le(e){return e?(e.nodeName||"").toLowerCase():null}function ce(e){return(ie(e)?e.ownerDocument:e.document).documentElement}function pe(e){return re(ce(e)).left+ae(e).scrollLeft}function de(e){return oe(e).getComputedStyle(e)}function ue(e){const{overflow:t,overflowX:n,overflowY:r}=de(e);return/auto|scroll|overlay|hidden/.test(t+r+n)}function fe(e,t,n=!1){const r=ce(t),o=re(e),a=se(t);let i={scrollLeft:0,scrollTop:0},s={x:0,y:0};var l,c;return(a||!a&&!n)&&(("body"!==le(t)||ue(r))&&(i=(l=t)!==oe(l)&&se(l)?{scrollLeft:(c=l).scrollLeft,scrollTop:c.scrollTop}:ae(l)),se(t)?(s=re(t),s.x+=t.clientLeft,s.y+=t.clientTop):r&&(s.x=pe(r))),{x:o.left+i.scrollLeft-s.x,y:o.top+i.scrollTop-s.y,width:o.width,height:o.height}}function me(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function he(e){return"html"===le(e)?e:e.assignedSlot||e.parentNode||e.host||ce(e)}function be(e){return["html","body","#document"].indexOf(le(e))>=0?e.ownerDocument.body:se(e)&&ue(e)?e:be(he(e))}function ge(e,t=[]){const n=be(e),r="body"===le(n),o=oe(n),a=r?[o].concat(o.visualViewport||[],ue(n)?n:[]):n,i=t.concat(a);return r?i:i.concat(ge(he(a)))}function ve(e){return["table","td","th"].indexOf(le(e))>=0}function ye(e){if(!se(e)||"fixed"===de(e).position)return null;const t=e.offsetParent;if(t){const e=ce(t);if("body"===le(t)&&"static"===de(t).position&&"static"!==de(e).position)return e}return t}function we(e){const t=oe(e);let n=ye(e);for(;n&&ve(n)&&"static"===de(n).position;)n=ye(n);return n&&"body"===le(n)&&"static"===de(n).position?t:n||function(e){let t=he(e);for(;se(t)&&["html","body"].indexOf(le(t))<0;){const e=de(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}ne.displayName="FindRefWrapper";const xe="top",Ce="bottom",Oe="right",Ee="left",Ne="auto",ke=[xe,Ce,Oe,Ee],Te="start",_e="end",Se="clippingParents",Re="viewport",Ie="popper",De=ke.reduce(((e,t)=>e.concat([`${t}-start`,`${t}-end`])),[]),je=[...ke,Ne].reduce(((e,t)=>e.concat([t,`${t}-start`,`${t}-end`])),[]),Pe=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Le(e){const t=new Map,n=new Set,r=[];function o(e){n.add(e.name);[...e.requires||[],...e.requiresIfExists||[]].forEach((e=>{if(!n.has(e)){const n=t.get(e);n&&o(n)}})),r.push(e)}return e.forEach((e=>{t.set(e.name,e)})),e.forEach((e=>{n.has(e.name)||o(e)})),r}function Ae(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function Fe(e){return e.split("-")[0]}function Me(e,t){const n=Boolean(t.getRootNode&&t.getRootNode().host);if(e.contains(t))return!0;if(n){let n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Be(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Ve(e,t){return t===Re?Be(function(e){const t=oe(e),n=ce(e),r=t.visualViewport;let o=n.clientWidth,a=n.clientHeight,i=0,s=0;return r&&(o=r.width,a=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=r.offsetLeft,s=r.offsetTop)),{width:o,height:a,x:i+pe(e),y:s}}(e)):se(t)?function(e){const t=re(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):Be(function(e){const t=ce(e),n=ae(e),r=e.ownerDocument.body,o=Math.max(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=Math.max(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let i=-n.scrollLeft+pe(e);const s=-n.scrollTop;return"rtl"===de(r||t).direction&&(i+=Math.max(t.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:i,y:s}}(ce(e)))}function He(e,t,n){const r="clippingParents"===t?function(e){const t=ge(he(e)),n=["absolute","fixed"].indexOf(de(e).position)>=0&&se(e)?we(e):e;return ie(n)?t.filter((e=>ie(e)&&Me(e,n)&&"body"!==le(e))):[]}(e):[].concat(t),o=[...r,n],a=o[0],i=o.reduce(((t,n)=>{const r=Ve(e,n);return t.top=Math.max(r.top,t.top),t.right=Math.min(r.right,t.right),t.bottom=Math.min(r.bottom,t.bottom),t.left=Math.max(r.left,t.left),t}),Ve(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ze(e){return e.split("-")[1]}function $e(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function We({reference:e,element:t,placement:n}){const r=n?Fe(n):null,o=n?ze(n):null,a=e.x+e.width/2-t.width/2,i=e.y+e.height/2-t.height/2;let s;switch(r){case xe:s={x:a,y:e.y-t.height};break;case Ce:s={x:a,y:e.y+e.height};break;case Oe:s={x:e.x+e.width,y:i};break;case Ee:s={x:e.x-t.width,y:i};break;default:s={x:e.x,y:e.y}}const l=r?$e(r):null;if(null!=l){const n="y"===l?"height":"width";switch(o){case Te:s[l]=Math.floor(s[l])-Math.floor(e[n]/2-t[n]/2);break;case _e:s[l]=Math.floor(s[l])+Math.ceil(e[n]/2-t[n]/2)}}return s}function Ke(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function Ge(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function Ue(e,t={}){const{placement:n=e.placement,boundary:r=Se,rootBoundary:o=Re,elementContext:a=Ie,altBoundary:i=!1,padding:s=0}=t,l=Ke("number"!=typeof s?s:Ge(s,ke)),c=a===Ie?"reference":Ie,p=e.elements.reference,d=e.rects.popper,u=e.elements[i?c:a],f=He(ie(u)?u:u.contextElement||ce(e.elements.popper),r,o),m=re(p),h=We({reference:m,element:d,strategy:"absolute",placement:n}),b=Be(Object.assign(Object.assign({},d),h)),g=a===Ie?b:m,v={top:f.top-g.top+l.top,bottom:g.bottom-f.bottom+l.bottom,left:f.left-g.left+l.left,right:g.right-f.right+l.right},y=e.modifiersData.offset;if(a===Ie&&y){const e=y[n];Object.keys(v).forEach((t=>{const n=[Oe,Ce].indexOf(t)>=0?1:-1,r=[xe,Ce].indexOf(t)>=0?"y":"x";v[t]+=e[r]*n}))}return v}const qe={placement:"bottom",modifiers:[],strategy:"absolute"};function Xe(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const Ye={passive:!0};const Je={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Qe({popper:e,popperRect:t,placement:n,offsets:r,position:o,gpuAcceleration:a,adaptive:i}){let{x:s,y:l}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(r);const c=r.hasOwnProperty("x"),p=r.hasOwnProperty("y");let d=Ee,u=xe;const f=window;if(i){let r=we(e);r===oe(e)&&(r=ce(e)),n===xe&&(u=Ce,l-=r.clientHeight-t.height,l*=a?1:-1),n===Ee&&(d=Oe,s-=r.clientWidth-t.width,s*=a?1:-1)}const m=Object.assign({position:o},i&&Je);return a?Object.assign(Object.assign({},m),{[u]:p?"0":"",[d]:c?"0":"",transform:(f.devicePixelRatio||1)<2?`translate(${s}px, ${l}px)`:`translate3d(${s}px, ${l}px, 0)`}):Object.assign(Object.assign({},m),{[u]:p?`${l}px`:"",[d]:c?`${s}px`:"",transform:""})}var Ze={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:r=[0,0]}=t,o=je.reduce(((t,n)=>(t[n]=function(e,t,n){const r=Fe(e),o=[Ee,xe].indexOf(r)>=0?-1:1;let[a,i]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return a=a||0,i=(i||0)*o,[Ee,Oe].indexOf(r)>=0?{x:i,y:a}:{x:a,y:i}}(n,e.rects,r),t)),{}),{x:a,y:i}=o[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a,e.modifiersData.popperOffsets.y+=i),e.modifiersData[n]=o}};const et={left:"right",right:"left",bottom:"top",top:"bottom"};function tt(e){return e.replace(/left|right|bottom|top/g,(e=>et[e]))}const nt={start:"end",end:"start"};function rt(e){return e.replace(/start|end/g,(e=>nt[e]))}function ot(e,t={}){const{placement:n,boundary:r,rootBoundary:o,padding:a,flipVariations:i,allowedAutoPlacements:s=je}=t,l=ze(n),c=l?i?De:De.filter((e=>ze(e)===l)):ke;let p=c.filter((e=>s.indexOf(e)>=0));0===p.length&&(p=c);const d=p.reduce(((t,n)=>(t[n]=Ue(e,{placement:n,boundary:r,rootBoundary:o,padding:a})[Fe(n)],t)),{});return Object.keys(d).sort(((e,t)=>d[e]-d[t]))}var at={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:r=!0,altAxis:o=!0,fallbackPlacements:a,padding:i,boundary:s,rootBoundary:l,altBoundary:c,flipVariations:p=!0,allowedAutoPlacements:d}=t,u=e.options.placement,f=Fe(u),m=[u,...a||(f===u||!p?[tt(u)]:function(e){if(Fe(e)===Ne)return[];const t=tt(e);return[rt(e),t,rt(t)]}(u))].reduce(((t,n)=>t.concat(Fe(n)===Ne?ot(e,{placement:n,boundary:s,rootBoundary:l,padding:i,flipVariations:p,allowedAutoPlacements:d}):n)),[]),h=e.rects.reference,b=e.rects.popper,g=new Map;let v=!0,y=m[0];for(let t=0;t<m.length;t++){const n=m[t],a=Fe(n),p=ze(n)===Te,d=[xe,Ce].indexOf(a)>=0,u=d?"width":"height",f=Ue(e,{placement:n,boundary:s,rootBoundary:l,altBoundary:c,padding:i});let w=d?p?Oe:Ee:p?Ce:xe;h[u]>b[u]&&(w=tt(w));const x=tt(w),C=[];if(r&&C.push(f[a]<=0),o&&C.push(f[w]<=0,f[x]<=0),C.every((e=>e))){y=n,v=!1;break}g.set(n,C)}if(v){for(let e=p?3:1;e>0;e--){const t=m.find((t=>{const n=g.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){y=t;break}}}e.placement!==y&&(e.modifiersData[n]._skip=!0,e.placement=y,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function it(e,t,n){return Math.max(e,Math.min(t,n))}var st={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:r=!0,altAxis:o=!1,boundary:a,rootBoundary:i,altBoundary:s,padding:l,tether:c=!0,tetherOffset:p=0}=t,d=Ue(e,{boundary:a,rootBoundary:i,padding:l,altBoundary:s}),u=Fe(e.placement),f=ze(e.placement),m=!f,h=$e(u),b="x"===h?"y":"x",g=e.modifiersData.popperOffsets,v=e.rects.reference,y=e.rects.popper,w="function"==typeof p?p(Object.assign(Object.assign({},e.rects),{placement:e.placement})):p,x={x:0,y:0};if(g){if(r){const t="y"===h?xe:Ee,n="y"===h?Ce:Oe,r="y"===h?"height":"width",o=g[h],a=g[h]+d[t],i=g[h]-d[n],s=c?-y[r]/2:0,l=f===Te?v[r]:y[r],p=f===Te?-y[r]:-v[r],u=e.elements.arrow,b=c&&u?me(u):{width:0,height:0},C=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},O=C[t],E=C[n],N=it(0,v[r],b[r]),k=m?v[r]/2-s-N-O-w:l-N-O-w,T=m?-v[r]/2+s+N+E+w:p+N+E+w,_=e.elements.arrow&&we(e.elements.arrow),S=_?"y"===h?_.clientTop||0:_.clientLeft||0:0,R=e.modifiersData.offset?e.modifiersData.offset[e.placement][h]:0,I=g[h]+k-R-S,D=g[h]+T-R,j=it(c?Math.min(a,I):a,o,c?Math.max(i,D):i);g[h]=j,x[h]=j-o}if(o){const e="x"===h?xe:Ee,t="x"===h?Ce:Oe,n=g[b],r=it(n+d[e],n,n-d[t]);g[b]=r,x[b]=r-n}e.modifiersData[n]=x}},requiresIfExists:["offset"]};var lt={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,r=e.modifiersData.popperOffsets,o=Fe(e.placement),a=$e(o),i=[Ee,Oe].indexOf(o)>=0?"height":"width";if(!n||!r)return;const s=e.modifiersData[`${t}#persistent`].padding,l=me(n),c="y"===a?xe:Ee,p="y"===a?Ce:Oe,d=e.rects.reference[i]+e.rects.reference[a]-r[a]-e.rects.popper[i],u=r[a]-e.rects.reference[a],f=we(n),m=f?"y"===a?f.clientHeight||0:f.clientWidth||0:0,h=d/2-u/2,b=s[c],g=m-l[i]-s[p],v=m/2-l[i]/2+h,y=it(b,v,g),w=a;e.modifiersData[t]={[w]:y,centerOffset:y-v}},effect:function({state:e,options:t,name:n}){let{element:r="[data-popper-arrow]",padding:o=0}=t;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r),r))&&Me(e.elements.popper,r)&&(e.elements.arrow=r,e.modifiersData[`${n}#persistent`]={padding:Ke("number"!=typeof o?o:Ge(o,ke))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ct(e,t,n={x:0,y:0}){return{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function pt(e){return[xe,Oe,Ce,Ee].some((t=>e[t]>=0))}const dt=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=qe}=e;return function(e,r,o=n){let a={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},qe),n),modifiersData:{},elements:{reference:e,popper:r},attributes:{},styles:{}},i=[],s=!1;const l={state:a,setOptions(o){c(),a.options=Object.assign(Object.assign(Object.assign({},n),a.options),o),a.scrollParents={reference:ie(e)?ge(e):e.contextElement?ge(e.contextElement):[],popper:ge(r)};const s=function(e){const t=Le(e);return Pe.reduce(((e,n)=>e.concat(t.filter((e=>e.phase===n)))),[])}(function(e){const t=e.reduce(((e,t)=>{const n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((e=>t[e]))}([...t,...a.options.modifiers]));return a.orderedModifiers=s.filter((e=>e.enabled)),a.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const r=n({state:a,name:e,instance:l,options:t}),o=()=>{};i.push(r||o)}})),l.update()},forceUpdate(){if(s)return;const{reference:e,popper:t}=a.elements;if(Xe(e,t)){a.rects={reference:fe(e,we(t),"fixed"===a.options.strategy),popper:me(t)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((e=>a.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<a.orderedModifiers.length;e++){if(!0===a.reset){a.reset=!1,e=-1;continue}const{fn:t,options:n={},name:r}=a.orderedModifiers[e];"function"==typeof t&&(a=t({state:a,options:n,name:r,instance:l})||a)}}},update:Ae((()=>new Promise((e=>{l.forceUpdate(),e(a)})))),destroy(){c(),s=!0}};if(!Xe(e,r))return l;function c(){i.forEach((e=>e())),i=[]}return l.setOptions(o).then((e=>{!s&&o.onFirstUpdate&&o.onFirstUpdate(e)})),l}}({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:r=!0,resize:o=!0}=n,a=oe(e.elements.popper),i=[...e.scrollParents.reference,...e.scrollParents.popper];return r&&i.forEach((e=>{e.addEventListener("scroll",t.update,Ye)})),o&&a.addEventListener("resize",t.update,Ye),()=>{r&&i.forEach((e=>{e.removeEventListener("scroll",t.update,Ye)})),o&&a.removeEventListener("resize",t.update,Ye)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=We({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function({state:e,options:t}){const{gpuAcceleration:n=!0,adaptive:r=!0}=t,o={placement:Fe(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),Qe(Object.assign(Object.assign({},o),{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:r})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),Qe(Object.assign(Object.assign({},o),{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function({state:e}){Object.keys(e.elements).forEach((t=>{const n=e.styles[t]||{},r=e.attributes[t]||{},o=e.elements[t];se(o)&&le(o)&&(Object.assign(o.style,n),Object.keys(r).forEach((e=>{const t=r[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const r=e.elements[n],o=e.attributes[n]||{},a=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});se(r)&&le(r)&&(Object.assign(r.style,a),Object.keys(o).forEach((e=>{r.removeAttribute(e)})))}))}},requires:["computeStyles"]},Ze,at,st,lt,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=Ue(e,{elementContext:"reference"}),i=Ue(e,{altBoundary:!0}),s=ct(a,n),l=ct(i,r,o),c=pt(s),p=pt(l);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:l,isReferenceHidden:c,hasPopperEscaped:p},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":p})}}]}),ut=Z?o.useLayoutEffect:o.useEffect,ft=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),mt=[],ht=(e,t,n={})=>{const r=o.useRef(null),a={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||mt},[i,s]=o.useState({styles:{popper:{position:a.strategy,left:"0",top:"0"}},attributes:{}}),l=o.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);s({styles:ft(t.map((t=>[t,e.styles[t]||{}]))),attributes:ft(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=o.useMemo((()=>{const e={onFirstUpdate:a.onFirstUpdate,placement:a.placement,strategy:a.strategy,modifiers:[...a.modifiers,l,{name:"applyStyles",enabled:!1}]};return t=r.current,n=e,JSON.stringify(t)===JSON.stringify(n)?r.current||e:(r.current=e,e);var t,n}),[a.onFirstUpdate,a.placement,a.strategy,a.modifiers,l]),p=o.useRef();return ut((()=>{p&&p.current&&p.current.setOptions(c)}),[c]),ut((()=>{if(null==e||null==t)return;const r=(n.createPopper||dt)(e,t,c);return p.current=r,()=>{r.destroy(),p.current=null}}),[e,t,n.createPopper]),{state:p.current?p.current.state:null,styles:i.styles,attributes:i.attributes,update:p.current?p.current.update:null,forceUpdate:p.current?p.current.forceUpdate:null}},bt={left:"right",right:"left",bottom:"top",top:"bottom"},gt=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,vt=({trigger:e,popper:t,popperMatchesTriggerWidth:n=!0,direction:r="down",position:i="left",placement:s,appendTo:c=(()=>document.body),zIndex:p=9999,isVisible:d=!0,positionModifiers:u,distance:f=0,onMouseEnter:m,onMouseLeave:h,onFocus:b,onBlur:g,onDocumentClick:v,onTriggerClick:y,onTriggerEnter:w,onPopperClick:x,onDocumentKeyDown:C,enableFlip:O=!0,flipBehavior:E="flip",reference:N})=>{const[k,T]=o.useState(null),[_,S]=o.useState(null),[R,I]=o.useState(null),[D,j]=o.useState(!1),P=_||k,L=o.useCallback((e=>v(e,P,R)),[d,k,_,R,v]);o.useEffect((()=>{j(!0)}),[]),o.useEffect((()=>{N&&(N.current?S(N.current):"function"==typeof N&&S(N()))}),[N]);const A=(e,t,n)=>{e&&t&&t.addEventListener(n,e)},F=(e,t,n)=>{e&&t&&t.removeEventListener(n,e)};o.useEffect((()=>(A(m,P,"mouseenter"),A(h,P,"mouseleave"),A(b,P,"focus"),A(g,P,"blur"),A(y,P,"click"),A(w,P,"keydown"),A(x,R,"click"),v&&A(L,document,"click"),A(C,document,"keydown"),()=>{F(m,P,"mouseenter"),F(h,P,"mouseleave"),F(b,P,"focus"),F(g,P,"blur"),F(y,P,"click"),F(w,P,"keydown"),F(x,R,"click"),v&&F(L,document,"click"),F(C,document,"keydown")})),[k,R,m,h,b,g,y,w,x,v,C,_]);const M=()=>{if(s)return s;let e="up"===r?"top":"bottom";return"center"!==i&&(e=`${e}-${"right"===i?"end":"start"}`),e},B=o.useMemo(M,[r,i,s]),V=o.useMemo((()=>(e=>e.replace(/left|right|bottom|top/g,(e=>bt[e])))(M())),[r,i,s]),H=o.useMemo((()=>({name:"sameWidth",enabled:n,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>(e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`,()=>{})})),[n]),{styles:z,attributes:$}=ht(P,R,{placement:B,modifiers:[{name:"offset",options:{offset:[0,f]}},{name:"preventOverflow",enabled:!1},{name:"hide",enabled:!0},{name:"flip",enabled:B.startsWith("auto")||O,options:{fallbackPlacements:"flip"===E?[V]:E}},H]}),W=o.cloneElement(t,Object.assign({className:l(t.props&&t.props.className,u&&(()=>{if($&&$.popper&&$.popper["data-popper-placement"]){const e=$.popper["data-popper-placement"];return u[e]}return u.top})()),style:Object.assign(Object.assign(Object.assign({},t.props&&t.props.style||{}),z.popper),{zIndex:p})},$.popper));return o.createElement(o.Fragment,null,!N&&e&&o.createElement(ne,{onFoundRef:e=>T(e)},e),D&&d&&a.createPortal(o.createElement(ne,{onFoundRef:e=>I(e)},W),"function"==typeof c?c():c))};vt.displayName="Popper";const yt=(e,t,n=(e=>document.activeElement.contains(e)),r=(e=>e),o=["A","BUTTON","INPUT"],a=!1,i=!1,s=!0,l=!0)=>{const c=document.activeElement,p=e.key;let d=null;if(!a&&["ArrowUp","ArrowDown"].includes(p)){e.preventDefault(),e.stopImmediatePropagation();let o=-1;t.forEach(((e,a)=>{if(n(e)){let e=0;for(;!d&&e<t.length&&-1*e<t.length;)"ArrowUp"===p?e--:e++,o=a+e,o>=t.length&&(o=0),o<0&&(o=t.length-1),d=r(t[o])}}))}if(!i&&["ArrowLeft","ArrowRight"].includes(p)){e.preventDefault(),e.stopImmediatePropagation();let r=-1;t.forEach(((a,i)=>{if(n(a)){const n=t[i].querySelectorAll(o.join(","));if(!n.length||l){let e=c;for(;e;)if(e="ArrowLeft"===p?e.previousElementSibling:e.nextElementSibling,e&&o.includes(e.tagName)){d=e;break}}else n.forEach(((t,o)=>{if(e.target===t){r=o+("ArrowLeft"===p?-1:1),r>=n.length&&(r=0),r<0&&(r=n.length-1),d=n[r]}}))}}))}d&&(s&&(c.tabIndex=-1,d.tabIndex=0),d.focus())};class wt extends o.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:r,noVerticalArrowHandling:o,noHorizontalArrowHandling:a,noEnterHandling:i,noSpaceHandling:s,updateTabIndex:l,validSiblingTags:c,additionalKeyHandler:p,createNavigableElements:d}=this.props;p&&p(e);const u=d();if(!u)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const f=e.key;i||"Enter"===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),s||" "===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),yt(e,u,n,r,c,o,a,l)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){Z&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){Z&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}wt.displayName="KeyboardHandler",wt.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:e=>document.activeElement===e,getFocusableElement:e=>e,validSiblingTags:["BUTTON","A"],updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};var xt,Ct,Ot="pf-l-bullseye",Et={modifiers:{"4xl":"pf-m-4xl","3xl":"pf-m-3xl","2xl":"pf-m-2xl",xl:"pf-m-xl",lg:"pf-m-lg",md:"pf-m-md",overpassFont:"pf-m-overpass-font"},title:"pf-c-title"};!function(e){e.md="md",e.lg="lg",e.xl="xl",e["2xl"]="2xl",e["3xl"]="3xl",e["4xl"]="4xl"}(xt||(xt={})),function(e){e.h1="2xl",e.h2="xl",e.h3="lg",e.h4="md",e.h5="md",e.h6="md"}(Ct||(Ct={}));const Nt=e=>{var{className:t="",children:n="",headingLevel:r,size:a=Ct[r],ouiaId:i,ouiaSafe:c=!0}=e,p=s(e,["className","children","headingLevel","size","ouiaId","ouiaSafe"]);const d=$(Nt.displayName,i,c);return o.createElement(r,Object.assign({},d,p,{className:l(Et.title,a&&Et.modifiers[a],t)}),n)};Nt.displayName="Title";var kt,Tt={button:"pf-c-button",buttonIcon:"pf-c-button__icon",buttonProgress:"pf-c-button__progress",modifiers:{active:"pf-m-active",block:"pf-m-block",small:"pf-m-small",primary:"pf-m-primary",displayLg:"pf-m-display-lg",secondary:"pf-m-secondary",tertiary:"pf-m-tertiary",link:"pf-m-link",inline:"pf-m-inline",danger:"pf-m-danger",warning:"pf-m-warning",control:"pf-m-control",expanded:"pf-m-expanded",plain:"pf-m-plain",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",start:"pf-m-start",end:"pf-m-end",overpassFont:"pf-m-overpass-font"},spinner:"pf-c-spinner"},_t={modifiers:{sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-c-spinner",spinnerClipper:"pf-c-spinner__clipper",spinnerLeadBall:"pf-c-spinner__lead-ball",spinnerPath:"pf-c-spinner__path",spinnerTailBall:"pf-c-spinner__tail-ball"};!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(kt||(kt={}));const St=e=>{var{className:t="",size:n="xl","aria-valuetext":r="Loading...",isSVG:a=!1,diameter:i}=e,c=s(e,["className","size","aria-valuetext","isSVG","diameter"]);const p=a?"svg":"span";return o.createElement(p,Object.assign({className:l(_t.spinner,_t.modifiers[n],t),role:"progressbar","aria-valuetext":r},a&&{viewBox:"0 0 100 100"},i&&{style:{"--pf-c-spinner--diameter":i}},c),a?o.createElement("circle",{className:_t.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}):o.createElement(o.Fragment,null,o.createElement("span",{className:l(_t.spinnerClipper)}),o.createElement("span",{className:l(_t.spinnerLeadBall)}),o.createElement("span",{className:l(_t.spinnerTailBall)})))};var Rt,It;St.displayName="Spinner",function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.danger="danger",e.warning="warning",e.link="link",e.plain="plain",e.control="control"}(Rt||(Rt={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(It||(It={}));const Dt=e=>{var{children:t=null,className:n="",component:r="button",isActive:a=!1,isBlock:i=!1,isDisabled:c=!1,isAriaDisabled:p=!1,isLoading:d=null,isDanger:u=!1,spinnerAriaValueText:f,isSmall:m=!1,isLarge:h=!1,inoperableEvents:b=["onClick","onKeyPress"],isInline:g=!1,type:v=It.button,variant:y=Rt.primary,iconPosition:w="left","aria-label":x=null,icon:C=null,ouiaId:O,ouiaSafe:E=!0,tabIndex:N=null,innerRef:k}=e,T=s(e,["children","className","component","isActive","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","isSmall","isLarge","inoperableEvents","isInline","type","variant","iconPosition","aria-label","icon","ouiaId","ouiaSafe","tabIndex","innerRef"]);const _=$(jt.displayName,O,E,y),S=r,R="button"===S,I=g&&"span"===S,D=b.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});return o.createElement(S,Object.assign({},T,p?D:null,{"aria-disabled":c||p,"aria-label":x,className:l(Tt.button,Tt.modifiers[y],i&&Tt.modifiers.block,c&&Tt.modifiers.disabled,p&&Tt.modifiers.ariaDisabled,a&&Tt.modifiers.active,g&&y===Rt.link&&Tt.modifiers.inline,u&&(y===Rt.secondary||y===Rt.link)&&Tt.modifiers.danger,null!==d&&Tt.modifiers.progress,d&&Tt.modifiers.inProgress,m&&Tt.modifiers.small,h&&Tt.modifiers.displayLg,n),disabled:R?c:null,tabIndex:null!==N?N:c?R?null:-1:p?null:I?0:void 0,type:R||I?v:null,role:I?"button":null,ref:k},_),d&&o.createElement("span",{className:l(Tt.buttonProgress)},o.createElement(St,{size:kt.md,"aria-valuetext":f})),y!==Rt.plain&&C&&"left"===w&&o.createElement("span",{className:l(Tt.buttonIcon,Tt.modifiers.start)},C),t,y!==Rt.plain&&C&&"right"===w&&o.createElement("span",{className:l(Tt.buttonIcon,Tt.modifiers.end)},C))},jt=o.forwardRef(((e,t)=>o.createElement(Dt,Object.assign({innerRef:t},e))));var Pt;jt.displayName="Button",function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(Pt||(Pt={}));let Lt=0;function At({name:e,xOffset:t=0,yOffset:n=0,width:r,height:a,svgPath:i}){var s;return s=class extends o.Component{constructor(){super(...arguments),this.id="icon-title-"+Lt++}render(){const e=this.props,{size:s,color:l,title:c,noVerticalAlign:p}=e,d=
+function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var D,j=(D=[],{activateTrap:function(e){if(D.length>0){var t=D[D.length-1];t!==e&&t.pause()}var n=D.indexOf(e);-1===n||D.splice(n,1),D.push(e)},deactivateTrap:function(e){var t=D.indexOf(e);-1!==t&&D.splice(t,1),D.length>0&&D[D.length-1].unpause()}}),P=function(e){return setTimeout(e,0)},L=function(e,t){var n,r=document,o=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},t),a={containers:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1},i=function(e){return a.containers.some((function(t){return t.contains(e)}))},s=function(e){var t=o[e];if(!t)return null;var n=t;if("string"==typeof t&&!(n=r.querySelector(t)))throw new Error("`".concat(e,"` refers to no known node"));if("function"==typeof t&&!(n=t()))throw new Error("`".concat(e,"` did not return a node"));return n},l=function(){var e;if(null!==s("initialFocus"))e=s("initialFocus");else if(i(r.activeElement))e=r.activeElement;else{var t=a.tabbableGroups[0];e=t&&t.firstTabbableNode||s("fallbackFocus")}if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},c=function(){if(a.tabbableGroups=a.containers.map((function(e){var t=T(e);if(t.length>0)return{firstTabbableNode:t[0],lastTabbableNode:t[t.length-1]}})).filter((function(e){return!!e})),a.tabbableGroups.length<=0&&!s("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},p=function e(t){t!==r.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!o.preventScroll}),a.mostRecentlyFocusedNode=t,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(t)&&t.select()):e(l()))},d=function(e){i(e.target)||(o.clickOutsideDeactivates?n.deactivate({returnFocus:o.returnFocusOnDeactivate&&!S(e.target)}):o.allowOutsideClick&&("boolean"==typeof o.allowOutsideClick?o.allowOutsideClick:o.allowOutsideClick(e))||e.preventDefault())},u=function(e){var t=i(e.target);t||e.target instanceof Document?t&&(a.mostRecentlyFocusedNode=e.target):(e.stopImmediatePropagation(),p(a.mostRecentlyFocusedNode||l()))},f=function(e){if(!1!==o.escapeDeactivates&&function(e){return"Escape"===e.key||"Esc"===e.key||27===e.keyCode}(e))return e.preventDefault(),void n.deactivate();(function(e){return"Tab"===e.key||9===e.keyCode})(e)&&function(e){c();var t=null;if(a.tabbableGroups.length>0)if(e.shiftKey){var n=a.tabbableGroups.findIndex((function(t){var n=t.firstTabbableNode;return e.target===n}));if(n>=0){var r=0===n?a.tabbableGroups.length-1:n-1;t=a.tabbableGroups[r].lastTabbableNode}}else{var o=a.tabbableGroups.findIndex((function(t){var n=t.lastTabbableNode;return e.target===n}));if(o>=0){var i=o===a.tabbableGroups.length-1?0:o+1;t=a.tabbableGroups[i].firstTabbableNode}}else t=s("fallbackFocus");t&&(e.preventDefault(),p(t))}(e)},m=function(e){o.clickOutsideDeactivates||i(e.target)||o.allowOutsideClick&&("boolean"==typeof o.allowOutsideClick?o.allowOutsideClick:o.allowOutsideClick(e))||(e.preventDefault(),e.stopImmediatePropagation())},h=function(){if(a.active)return j.activateTrap(n),g=o.delayInitialFocus?P((function(){p(l())})):p(l()),r.addEventListener("focusin",u,!0),r.addEventListener("mousedown",d,{capture:!0,passive:!1}),r.addEventListener("touchstart",d,{capture:!0,passive:!1}),r.addEventListener("click",m,{capture:!0,passive:!1}),r.addEventListener("keydown",f,{capture:!0,passive:!1}),n},b=function(){if(a.active)return r.removeEventListener("focusin",u,!0),r.removeEventListener("mousedown",d,!0),r.removeEventListener("touchstart",d,!0),r.removeEventListener("click",m,!0),r.removeEventListener("keydown",f,!0),n};return(n={activate:function(e){if(a.active)return this;c(),a.active=!0,a.paused=!1,a.nodeFocusedBeforeActivation=r.activeElement;var t=e&&e.onActivate?e.onActivate:o.onActivate;return t&&t(),h(),this},deactivate:function(e){if(!a.active)return this;clearTimeout(g),b(),a.active=!1,a.paused=!1,j.deactivateTrap(n);var t=e&&void 0!==e.onDeactivate?e.onDeactivate:o.onDeactivate;return t&&t(),(e&&void 0!==e.returnFocus?e.returnFocus:o.returnFocusOnDeactivate)&&P((function(){var e;p((e=a.nodeFocusedBeforeActivation,s("setReturnFocus")||e))})),this},pause:function(){return a.paused||!a.active||(a.paused=!0,b()),this},unpause:function(){return a.paused&&a.active?(a.paused=!1,c(),h(),this):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return a.containers=t.map((function(e){return"string"==typeof e?r.querySelector(e):e})),a.active&&c(),this}}).updateContainerElements(e),n};class A extends o.Component{constructor(e){super(e),this.divRef=o.createRef(),"undefined"!=typeof document&&(this.previouslyFocusedElement=document.activeElement)}componentDidMount(){this.focusTrap=L(this.divRef.current,Object.assign(Object.assign({},this.props.focusTrapOptions),{returnFocusOnDeactivate:!1})),this.props.active&&this.focusTrap.activate(),this.props.paused&&this.focusTrap.pause()}componentDidUpdate(e){e.active&&!this.props.active?this.focusTrap.deactivate():!e.active&&this.props.active&&this.focusTrap.activate(),e.paused&&!this.props.paused?this.focusTrap.unpause():!e.paused&&this.props.paused&&this.focusTrap.pause()}componentWillUnmount(){this.focusTrap.deactivate(),!1!==this.props.focusTrapOptions.returnFocusOnDeactivate&&this.previouslyFocusedElement&&this.previouslyFocusedElement.focus&&this.previouslyFocusedElement.focus({preventScroll:this.props.preventScrollOnDeactivate})}render(){const e=this.props,{children:t,className:n,focusTrapOptions:r,active:a,paused:i,preventScrollOnDeactivate:l}=e,c=s(e,["children","className","focusTrapOptions","active","paused","preventScrollOnDeactivate"]);return o.createElement("div",Object.assign({ref:this.divRef,className:n},c),t)}}A.displayName="FocusTrap",A.defaultProps={active:!0,paused:!1,focusTrapOptions:{},preventScrollOnDeactivate:!1};let F=0;class M extends o.Component{constructor(){super(...arguments),this.id=`${this.props.prefix}${F++}`}render(){return this.props.children(this.id)}}M.displayName="GenerateId",M.defaultProps={prefix:"pf-random-id-"};let B=0;const V="OUIA-Generated-",H={};function z(e,t,n=!0){return{"data-ouia-component-type":`PF4/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const $=(e,t,n=!0,r)=>({"data-ouia-component-type":`PF4/${e}`,"data-ouia-safe":n,"data-ouia-component-id":W(e,t,r)}),W=(e,n,r)=>void 0!==n?n:t.useMemo((()=>K(e,r)),[e,r]);function K(e,t){try{const n=`${window.location.href}-${e}-${t||""}`;return H[n]||(H[n]=0),`${V}${e}-${t?`${t}-`:""}${++H[n]}`}catch(n){return`${V}${e}-${t?`${t}-`:""}${++B}`}}function G(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}function U(e,t){let n;return(...r)=>{clearTimeout(n),n=setTimeout((()=>e.apply(this,r)),t)}}function q(e,t,n,r,o,i=!1){if(!Array.isArray(o))return;const s=r.filter((e=>e))[0].constructor===Array;let l=e,c=t;if("up"===n?l=0===e?o.length-1:e-1:"down"===n?l=e===o.length-1?0:e+1:"left"===n?c=0===t?r[e].length-1:t-1:"right"===n&&(c=t===r[e].length-1?0:t+1),null===r[l]||void 0===r[l]||s&&(null===r[l][c]||void 0===r[l][c]))q(l,c,n,r,o,i);else if(i){r[l].focus&&r[l].focus();a.findDOMNode(r[l]).focus()}else"tab"!==n&&(s?r[l][c].focus():r[l].focus())}function X(e,t,n){let r;return r="up"===t?0===e?n.length-1:e-1:e===n.length-1?0:e+1,void 0===n[r]||null===n[r][0]?X(r,t,n):r}const Y=(e,t,n="")=>Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}`)).map(Q).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" "),J=e=>e.toUpperCase().replace("-","").replace("_",""),Q=e=>e.replace(/([-_][a-z])/gi,J),Z=!("undefined"==typeof window||!window.document||!window.document.createElement),ee=(e,t)=>{const n=getComputedStyle(t),r=document.createElement("canvas").getContext("2d");return r.font=n.font||(()=>{let e="";const t={"50%":"ultra-condensed","62.5%":"extra-condensed","75%":"condensed","87.5%":"semi-condensed","100%":"normal","112.5%":"semi-expanded","125%":"expanded","150%":"extra-expanded","200%":"ultra-expanded"};let r;return r=n.fontStretch in t?t[n.fontStretch]:"normal",e=n.fontStyle+" "+n.fontVariant+" "+n.fontWeight+" "+r+" "+n.fontSize+"/"+n.lineHeight+" "+n.fontFamily,e})(),r.measureText(e).width},te=(e,t)=>{const n=(e=>{const t=getComputedStyle(e);let n=e.clientWidth,r=e.clientHeight;return r-=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom),n-=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),{height:r,width:n}})(e).width;let r=t;if(ee(t,e)>n){for(;ee(`...${r}`,e)>n;)r=r.substring(1);e.value?e.value=`...${r}`:e.innerText=`...${r}`}else e.value?e.value=t:e.innerText=t};class ne extends o.Component{componentDidMount(){const e=a.findDOMNode(this);this.props.onFoundRef(e)}render(){return this.props.children||null}}function re(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function oe(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function ae(e){const t=oe(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ie(e){return e instanceof oe(e).Element||e instanceof Element}function se(e){return e instanceof oe(e).HTMLElement||e instanceof HTMLElement}function le(e){return e?(e.nodeName||"").toLowerCase():null}function ce(e){return(ie(e)?e.ownerDocument:e.document).documentElement}function pe(e){return re(ce(e)).left+ae(e).scrollLeft}function de(e){return oe(e).getComputedStyle(e)}function ue(e){const{overflow:t,overflowX:n,overflowY:r}=de(e);return/auto|scroll|overlay|hidden/.test(t+r+n)}function fe(e,t,n=!1){const r=ce(t),o=re(e),a=se(t);let i={scrollLeft:0,scrollTop:0},s={x:0,y:0};var l,c;return(a||!a&&!n)&&(("body"!==le(t)||ue(r))&&(i=(l=t)!==oe(l)&&se(l)?{scrollLeft:(c=l).scrollLeft,scrollTop:c.scrollTop}:ae(l)),se(t)?(s=re(t),s.x+=t.clientLeft,s.y+=t.clientTop):r&&(s.x=pe(r))),{x:o.left+i.scrollLeft-s.x,y:o.top+i.scrollTop-s.y,width:o.width,height:o.height}}function me(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function he(e){return"html"===le(e)?e:e.assignedSlot||e.parentNode||e.host||ce(e)}function be(e){return["html","body","#document"].indexOf(le(e))>=0?e.ownerDocument.body:se(e)&&ue(e)?e:be(he(e))}function ge(e,t=[]){const n=be(e),r="body"===le(n),o=oe(n),a=r?[o].concat(o.visualViewport||[],ue(n)?n:[]):n,i=t.concat(a);return r?i:i.concat(ge(he(a)))}function ve(e){return["table","td","th"].indexOf(le(e))>=0}function ye(e){if(!se(e)||"fixed"===de(e).position)return null;const t=e.offsetParent;if(t){const e=ce(t);if("body"===le(t)&&"static"===de(t).position&&"static"!==de(e).position)return e}return t}function we(e){const t=oe(e);let n=ye(e);for(;n&&ve(n)&&"static"===de(n).position;)n=ye(n);return n&&"body"===le(n)&&"static"===de(n).position?t:n||function(e){let t=he(e);for(;se(t)&&["html","body"].indexOf(le(t))<0;){const e=de(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}ne.displayName="FindRefWrapper";const xe="top",Ce="bottom",Oe="right",Ee="left",Ne="auto",ke=[xe,Ce,Oe,Ee],Te="start",_e="end",Se="clippingParents",Re="viewport",Ie="popper",De=ke.reduce(((e,t)=>e.concat([`${t}-start`,`${t}-end`])),[]),je=[...ke,Ne].reduce(((e,t)=>e.concat([t,`${t}-start`,`${t}-end`])),[]),Pe=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Le(e){const t=new Map,n=new Set,r=[];function o(e){n.add(e.name);[...e.requires||[],...e.requiresIfExists||[]].forEach((e=>{if(!n.has(e)){const n=t.get(e);n&&o(n)}})),r.push(e)}return e.forEach((e=>{t.set(e.name,e)})),e.forEach((e=>{n.has(e.name)||o(e)})),r}function Ae(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function Fe(e){return e.split("-")[0]}function Me(e,t){const n=Boolean(t.getRootNode&&t.getRootNode().host);if(e.contains(t))return!0;if(n){let n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Be(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Ve(e,t){return t===Re?Be(function(e){const t=oe(e),n=ce(e),r=t.visualViewport;let o=n.clientWidth,a=n.clientHeight,i=0,s=0;return r&&(o=r.width,a=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=r.offsetLeft,s=r.offsetTop)),{width:o,height:a,x:i+pe(e),y:s}}(e)):se(t)?function(e){const t=re(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):Be(function(e){const t=ce(e),n=ae(e),r=e.ownerDocument.body,o=Math.max(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=Math.max(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let i=-n.scrollLeft+pe(e);const s=-n.scrollTop;return"rtl"===de(r||t).direction&&(i+=Math.max(t.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:i,y:s}}(ce(e)))}function He(e,t,n){const r="clippingParents"===t?function(e){const t=ge(he(e)),n=["absolute","fixed"].indexOf(de(e).position)>=0&&se(e)?we(e):e;return ie(n)?t.filter((e=>ie(e)&&Me(e,n)&&"body"!==le(e))):[]}(e):[].concat(t),o=[...r,n],a=o[0],i=o.reduce(((t,n)=>{const r=Ve(e,n);return t.top=Math.max(r.top,t.top),t.right=Math.min(r.right,t.right),t.bottom=Math.min(r.bottom,t.bottom),t.left=Math.max(r.left,t.left),t}),Ve(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ze(e){return e.split("-")[1]}function $e(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function We({reference:e,element:t,placement:n}){const r=n?Fe(n):null,o=n?ze(n):null,a=e.x+e.width/2-t.width/2,i=e.y+e.height/2-t.height/2;let s;switch(r){case xe:s={x:a,y:e.y-t.height};break;case Ce:s={x:a,y:e.y+e.height};break;case Oe:s={x:e.x+e.width,y:i};break;case Ee:s={x:e.x-t.width,y:i};break;default:s={x:e.x,y:e.y}}const l=r?$e(r):null;if(null!=l){const n="y"===l?"height":"width";switch(o){case Te:s[l]=Math.floor(s[l])-Math.floor(e[n]/2-t[n]/2);break;case _e:s[l]=Math.floor(s[l])+Math.ceil(e[n]/2-t[n]/2)}}return s}function Ke(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function Ge(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function Ue(e,t={}){const{placement:n=e.placement,boundary:r=Se,rootBoundary:o=Re,elementContext:a=Ie,altBoundary:i=!1,padding:s=0}=t,l=Ke("number"!=typeof s?s:Ge(s,ke)),c=a===Ie?"reference":Ie,p=e.elements.reference,d=e.rects.popper,u=e.elements[i?c:a],f=He(ie(u)?u:u.contextElement||ce(e.elements.popper),r,o),m=re(p),h=We({reference:m,element:d,strategy:"absolute",placement:n}),b=Be(Object.assign(Object.assign({},d),h)),g=a===Ie?b:m,v={top:f.top-g.top+l.top,bottom:g.bottom-f.bottom+l.bottom,left:f.left-g.left+l.left,right:g.right-f.right+l.right},y=e.modifiersData.offset;if(a===Ie&&y){const e=y[n];Object.keys(v).forEach((t=>{const n=[Oe,Ce].indexOf(t)>=0?1:-1,r=[xe,Ce].indexOf(t)>=0?"y":"x";v[t]+=e[r]*n}))}return v}const qe={placement:"bottom",modifiers:[],strategy:"absolute"};function Xe(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const Ye={passive:!0};const Je={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Qe({popper:e,popperRect:t,placement:n,offsets:r,position:o,gpuAcceleration:a,adaptive:i}){let{x:s,y:l}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(r);const c=r.hasOwnProperty("x"),p=r.hasOwnProperty("y");let d=Ee,u=xe;const f=window;if(i){let r=we(e);r===oe(e)&&(r=ce(e)),n===xe&&(u=Ce,l-=r.clientHeight-t.height,l*=a?1:-1),n===Ee&&(d=Oe,s-=r.clientWidth-t.width,s*=a?1:-1)}const m=Object.assign({position:o},i&&Je);return a?Object.assign(Object.assign({},m),{[u]:p?"0":"",[d]:c?"0":"",transform:(f.devicePixelRatio||1)<2?`translate(${s}px, ${l}px)`:`translate3d(${s}px, ${l}px, 0)`}):Object.assign(Object.assign({},m),{[u]:p?`${l}px`:"",[d]:c?`${s}px`:"",transform:""})}var Ze={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:r=[0,0]}=t,o=je.reduce(((t,n)=>(t[n]=function(e,t,n){const r=Fe(e),o=[Ee,xe].indexOf(r)>=0?-1:1;let[a,i]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return a=a||0,i=(i||0)*o,[Ee,Oe].indexOf(r)>=0?{x:i,y:a}:{x:a,y:i}}(n,e.rects,r),t)),{}),{x:a,y:i}=o[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a,e.modifiersData.popperOffsets.y+=i),e.modifiersData[n]=o}};const et={left:"right",right:"left",bottom:"top",top:"bottom"};function tt(e){return e.replace(/left|right|bottom|top/g,(e=>et[e]))}const nt={start:"end",end:"start"};function rt(e){return e.replace(/start|end/g,(e=>nt[e]))}function ot(e,t={}){const{placement:n,boundary:r,rootBoundary:o,padding:a,flipVariations:i,allowedAutoPlacements:s=je}=t,l=ze(n),c=l?i?De:De.filter((e=>ze(e)===l)):ke;let p=c.filter((e=>s.indexOf(e)>=0));0===p.length&&(p=c);const d=p.reduce(((t,n)=>(t[n]=Ue(e,{placement:n,boundary:r,rootBoundary:o,padding:a})[Fe(n)],t)),{});return Object.keys(d).sort(((e,t)=>d[e]-d[t]))}var at={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:r=!0,altAxis:o=!0,fallbackPlacements:a,padding:i,boundary:s,rootBoundary:l,altBoundary:c,flipVariations:p=!0,allowedAutoPlacements:d}=t,u=e.options.placement,f=Fe(u),m=[u,...a||(f===u||!p?[tt(u)]:function(e){if(Fe(e)===Ne)return[];const t=tt(e);return[rt(e),t,rt(t)]}(u))].reduce(((t,n)=>t.concat(Fe(n)===Ne?ot(e,{placement:n,boundary:s,rootBoundary:l,padding:i,flipVariations:p,allowedAutoPlacements:d}):n)),[]),h=e.rects.reference,b=e.rects.popper,g=new Map;let v=!0,y=m[0];for(let t=0;t<m.length;t++){const n=m[t],a=Fe(n),p=ze(n)===Te,d=[xe,Ce].indexOf(a)>=0,u=d?"width":"height",f=Ue(e,{placement:n,boundary:s,rootBoundary:l,altBoundary:c,padding:i});let w=d?p?Oe:Ee:p?Ce:xe;h[u]>b[u]&&(w=tt(w));const x=tt(w),C=[];if(r&&C.push(f[a]<=0),o&&C.push(f[w]<=0,f[x]<=0),C.every((e=>e))){y=n,v=!1;break}g.set(n,C)}if(v){for(let e=p?3:1;e>0;e--){const t=m.find((t=>{const n=g.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){y=t;break}}}e.placement!==y&&(e.modifiersData[n]._skip=!0,e.placement=y,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function it(e,t,n){return Math.max(e,Math.min(t,n))}var st={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:r=!0,altAxis:o=!1,boundary:a,rootBoundary:i,altBoundary:s,padding:l,tether:c=!0,tetherOffset:p=0}=t,d=Ue(e,{boundary:a,rootBoundary:i,padding:l,altBoundary:s}),u=Fe(e.placement),f=ze(e.placement),m=!f,h=$e(u),b="x"===h?"y":"x",g=e.modifiersData.popperOffsets,v=e.rects.reference,y=e.rects.popper,w="function"==typeof p?p(Object.assign(Object.assign({},e.rects),{placement:e.placement})):p,x={x:0,y:0};if(g){if(r){const t="y"===h?xe:Ee,n="y"===h?Ce:Oe,r="y"===h?"height":"width",o=g[h],a=g[h]+d[t],i=g[h]-d[n],s=c?-y[r]/2:0,l=f===Te?v[r]:y[r],p=f===Te?-y[r]:-v[r],u=e.elements.arrow,b=c&&u?me(u):{width:0,height:0},C=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},O=C[t],E=C[n],N=it(0,v[r],b[r]),k=m?v[r]/2-s-N-O-w:l-N-O-w,T=m?-v[r]/2+s+N+E+w:p+N+E+w,_=e.elements.arrow&&we(e.elements.arrow),S=_?"y"===h?_.clientTop||0:_.clientLeft||0:0,R=e.modifiersData.offset?e.modifiersData.offset[e.placement][h]:0,I=g[h]+k-R-S,D=g[h]+T-R,j=it(c?Math.min(a,I):a,o,c?Math.max(i,D):i);g[h]=j,x[h]=j-o}if(o){const e="x"===h?xe:Ee,t="x"===h?Ce:Oe,n=g[b],r=it(n+d[e],n,n-d[t]);g[b]=r,x[b]=r-n}e.modifiersData[n]=x}},requiresIfExists:["offset"]};var lt={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,r=e.modifiersData.popperOffsets,o=Fe(e.placement),a=$e(o),i=[Ee,Oe].indexOf(o)>=0?"height":"width";if(!n||!r)return;const s=e.modifiersData[`${t}#persistent`].padding,l=me(n),c="y"===a?xe:Ee,p="y"===a?Ce:Oe,d=e.rects.reference[i]+e.rects.reference[a]-r[a]-e.rects.popper[i],u=r[a]-e.rects.reference[a],f=we(n),m=f?"y"===a?f.clientHeight||0:f.clientWidth||0:0,h=d/2-u/2,b=s[c],g=m-l[i]-s[p],v=m/2-l[i]/2+h,y=it(b,v,g),w=a;e.modifiersData[t]={[w]:y,centerOffset:y-v}},effect:function({state:e,options:t,name:n}){let{element:r="[data-popper-arrow]",padding:o=0}=t;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r),r))&&Me(e.elements.popper,r)&&(e.elements.arrow=r,e.modifiersData[`${n}#persistent`]={padding:Ke("number"!=typeof o?o:Ge(o,ke))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ct(e,t,n={x:0,y:0}){return{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function pt(e){return[xe,Oe,Ce,Ee].some((t=>e[t]>=0))}const dt=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=qe}=e;return function(e,r,o=n){let a={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},qe),n),modifiersData:{},elements:{reference:e,popper:r},attributes:{},styles:{}},i=[],s=!1;const l={state:a,setOptions(o){c(),a.options=Object.assign(Object.assign(Object.assign({},n),a.options),o),a.scrollParents={reference:ie(e)?ge(e):e.contextElement?ge(e.contextElement):[],popper:ge(r)};const s=function(e){const t=Le(e);return Pe.reduce(((e,n)=>e.concat(t.filter((e=>e.phase===n)))),[])}(function(e){const t=e.reduce(((e,t)=>{const n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((e=>t[e]))}([...t,...a.options.modifiers]));return a.orderedModifiers=s.filter((e=>e.enabled)),a.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const r=n({state:a,name:e,instance:l,options:t}),o=()=>{};i.push(r||o)}})),l.update()},forceUpdate(){if(s)return;const{reference:e,popper:t}=a.elements;if(Xe(e,t)){a.rects={reference:fe(e,we(t),"fixed"===a.options.strategy),popper:me(t)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((e=>a.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<a.orderedModifiers.length;e++){if(!0===a.reset){a.reset=!1,e=-1;continue}const{fn:t,options:n={},name:r}=a.orderedModifiers[e];"function"==typeof t&&(a=t({state:a,options:n,name:r,instance:l})||a)}}},update:Ae((()=>new Promise((e=>{l.forceUpdate(),e(a)})))),destroy(){c(),s=!0}};if(!Xe(e,r))return l;function c(){i.forEach((e=>e())),i=[]}return l.setOptions(o).then((e=>{!s&&o.onFirstUpdate&&o.onFirstUpdate(e)})),l}}({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:r=!0,resize:o=!0}=n,a=oe(e.elements.popper),i=[...e.scrollParents.reference,...e.scrollParents.popper];return r&&i.forEach((e=>{e.addEventListener("scroll",t.update,Ye)})),o&&a.addEventListener("resize",t.update,Ye),()=>{r&&i.forEach((e=>{e.removeEventListener("scroll",t.update,Ye)})),o&&a.removeEventListener("resize",t.update,Ye)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=We({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function({state:e,options:t}){const{gpuAcceleration:n=!0,adaptive:r=!0}=t,o={placement:Fe(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),Qe(Object.assign(Object.assign({},o),{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:r})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),Qe(Object.assign(Object.assign({},o),{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function({state:e}){Object.keys(e.elements).forEach((t=>{const n=e.styles[t]||{},r=e.attributes[t]||{},o=e.elements[t];se(o)&&le(o)&&(Object.assign(o.style,n),Object.keys(r).forEach((e=>{const t=r[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const r=e.elements[n],o=e.attributes[n]||{},a=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});se(r)&&le(r)&&(Object.assign(r.style,a),Object.keys(o).forEach((e=>{r.removeAttribute(e)})))}))}},requires:["computeStyles"]},Ze,at,st,lt,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=Ue(e,{elementContext:"reference"}),i=Ue(e,{altBoundary:!0}),s=ct(a,n),l=ct(i,r,o),c=pt(s),p=pt(l);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:l,isReferenceHidden:c,hasPopperEscaped:p},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":p})}}]}),ut=Z?o.useLayoutEffect:o.useEffect,ft=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),mt=[],ht=(e,t,n={})=>{const r=o.useRef(null),a={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||mt},[i,s]=o.useState({styles:{popper:{position:a.strategy,left:"0",top:"0"}},attributes:{}}),l=o.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);s({styles:ft(t.map((t=>[t,e.styles[t]||{}]))),attributes:ft(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=o.useMemo((()=>{const e={onFirstUpdate:a.onFirstUpdate,placement:a.placement,strategy:a.strategy,modifiers:[...a.modifiers,l,{name:"applyStyles",enabled:!1}]};return t=r.current,n=e,JSON.stringify(t)===JSON.stringify(n)?r.current||e:(r.current=e,e);var t,n}),[a.onFirstUpdate,a.placement,a.strategy,a.modifiers,l]),p=o.useRef();return ut((()=>{p&&p.current&&p.current.setOptions(c)}),[c]),ut((()=>{if(null==e||null==t)return;const r=(n.createPopper||dt)(e,t,c);return p.current=r,()=>{r.destroy(),p.current=null}}),[e,t,n.createPopper]),{state:p.current?p.current.state:null,styles:i.styles,attributes:i.attributes,update:p.current?p.current.update:null,forceUpdate:p.current?p.current.forceUpdate:null}},bt={left:"right",right:"left",bottom:"top",top:"bottom"},gt=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,vt=({trigger:e,popper:t,popperMatchesTriggerWidth:n=!0,direction:r="down",position:i="left",placement:s,appendTo:c=(()=>document.body),zIndex:p=9999,isVisible:d=!0,positionModifiers:u,distance:f=0,onMouseEnter:m,onMouseLeave:h,onFocus:b,onBlur:g,onDocumentClick:v,onTriggerClick:y,onTriggerEnter:w,onPopperClick:x,onDocumentKeyDown:C,enableFlip:O=!0,flipBehavior:E="flip",reference:N})=>{const[k,T]=o.useState(null),[_,S]=o.useState(null),[R,I]=o.useState(null),[D,j]=o.useState(!1),P=_||k,L=o.useCallback((e=>v(e,P,R)),[d,k,_,R,v]);o.useEffect((()=>{j(!0)}),[]),o.useEffect((()=>{N&&(N.current?S(N.current):"function"==typeof N&&S(N()))}),[N]);const A=(e,t,n)=>{e&&t&&t.addEventListener(n,e)},F=(e,t,n)=>{e&&t&&t.removeEventListener(n,e)};o.useEffect((()=>(A(m,P,"mouseenter"),A(h,P,"mouseleave"),A(b,P,"focus"),A(g,P,"blur"),A(y,P,"click"),A(w,P,"keydown"),A(x,R,"click"),v&&A(L,document,"click"),A(C,document,"keydown"),()=>{F(m,P,"mouseenter"),F(h,P,"mouseleave"),F(b,P,"focus"),F(g,P,"blur"),F(y,P,"click"),F(w,P,"keydown"),F(x,R,"click"),v&&F(L,document,"click"),F(C,document,"keydown")})),[k,R,m,h,b,g,y,w,x,v,C,_]);const M=()=>{if(s)return s;let e="up"===r?"top":"bottom";return"center"!==i&&(e=`${e}-${"right"===i?"end":"start"}`),e},B=o.useMemo(M,[r,i,s]),V=o.useMemo((()=>(e=>e.replace(/left|right|bottom|top/g,(e=>bt[e])))(M())),[r,i,s]),H=o.useMemo((()=>({name:"sameWidth",enabled:n,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>(e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`,()=>{})})),[n]),{styles:z,attributes:$,forceUpdate:W}=ht(P,R,{placement:B,modifiers:[{name:"offset",options:{offset:[0,f]}},{name:"preventOverflow",enabled:!1},{name:"hide",enabled:!0},{name:"flip",enabled:B.startsWith("auto")||O,options:{fallbackPlacements:"flip"===E?[V]:E}},H]});o.useEffect((()=>{W&&W()}),[t]);const K=o.cloneElement(t,Object.assign({className:l(t.props&&t.props.className,u&&(()=>{if($&&$.popper&&$.popper["data-popper-placement"]){const e=$.popper["data-popper-placement"];return u[e]}return u.top})()),style:Object.assign(Object.assign(Object.assign({},t.props&&t.props.style||{}),z.popper),{zIndex:p})},$.popper));return o.createElement(o.Fragment,null,!N&&e&&o.createElement(ne,{onFoundRef:e=>T(e)},e),D&&d&&a.createPortal(o.createElement(ne,{onFoundRef:e=>I(e)},K),"function"==typeof c?c():c))};vt.displayName="Popper";const yt=(e,t,n=(e=>document.activeElement.contains(e)),r=(e=>e),o=["A","BUTTON","INPUT"],a=!1,i=!1,s=!0,l=!0)=>{const c=document.activeElement,p=e.key;let d=null;if(!a&&["ArrowUp","ArrowDown"].includes(p)){e.preventDefault(),e.stopImmediatePropagation();let o=-1;t.forEach(((e,a)=>{if(n(e)){let e=0;for(;!d&&e<t.length&&-1*e<t.length;)"ArrowUp"===p?e--:e++,o=a+e,o>=t.length&&(o=0),o<0&&(o=t.length-1),d=r(t[o])}}))}if(!i&&["ArrowLeft","ArrowRight"].includes(p)){e.preventDefault(),e.stopImmediatePropagation();let r=-1;t.forEach(((a,i)=>{if(n(a)){const n=t[i].querySelectorAll(o.join(","));if(!n.length||l){let e=c;for(;e;)if(e="ArrowLeft"===p?e.previousElementSibling:e.nextElementSibling,e&&o.includes(e.tagName)){d=e;break}}else n.forEach(((t,o)=>{if(e.target===t){r=o+("ArrowLeft"===p?-1:1),r>=n.length&&(r=0),r<0&&(r=n.length-1),d=n[r]}}))}}))}d&&(s&&(c.tabIndex=-1,d.tabIndex=0),d.focus())};class wt extends o.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:r,noVerticalArrowHandling:o,noHorizontalArrowHandling:a,noEnterHandling:i,noSpaceHandling:s,updateTabIndex:l,validSiblingTags:c,additionalKeyHandler:p,createNavigableElements:d}=this.props;p&&p(e);const u=d();if(!u)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const f=e.key;i||"Enter"===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),s||" "===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),yt(e,u,n,r,c,o,a,l)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){Z&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){Z&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}wt.displayName="KeyboardHandler",wt.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:e=>document.activeElement===e,getFocusableElement:e=>e,validSiblingTags:["BUTTON","A"],updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};var xt,Ct,Ot="pf-l-bullseye",Et={modifiers:{"4xl":"pf-m-4xl","3xl":"pf-m-3xl","2xl":"pf-m-2xl",xl:"pf-m-xl",lg:"pf-m-lg",md:"pf-m-md",overpassFont:"pf-m-overpass-font"},title:"pf-c-title"};!function(e){e.md="md",e.lg="lg",e.xl="xl",e["2xl"]="2xl",e["3xl"]="3xl",e["4xl"]="4xl"}(xt||(xt={})),function(e){e.h1="2xl",e.h2="xl",e.h3="lg",e.h4="md",e.h5="md",e.h6="md"}(Ct||(Ct={}));const Nt=e=>{var{className:t="",children:n="",headingLevel:r,size:a=Ct[r],ouiaId:i,ouiaSafe:c=!0}=e,p=s(e,["className","children","headingLevel","size","ouiaId","ouiaSafe"]);const d=$(Nt.displayName,i,c);return o.createElement(r,Object.assign({},d,p,{className:l(Et.title,a&&Et.modifiers[a],t)}),n)};Nt.displayName="Title";var kt,Tt={button:"pf-c-button",buttonIcon:"pf-c-button__icon",buttonProgress:"pf-c-button__progress",modifiers:{active:"pf-m-active",block:"pf-m-block",small:"pf-m-small",primary:"pf-m-primary",displayLg:"pf-m-display-lg",secondary:"pf-m-secondary",tertiary:"pf-m-tertiary",link:"pf-m-link",inline:"pf-m-inline",danger:"pf-m-danger",warning:"pf-m-warning",control:"pf-m-control",expanded:"pf-m-expanded",plain:"pf-m-plain",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",start:"pf-m-start",end:"pf-m-end",overpassFont:"pf-m-overpass-font"},spinner:"pf-c-spinner"},_t={modifiers:{sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-c-spinner",spinnerClipper:"pf-c-spinner__clipper",spinnerLeadBall:"pf-c-spinner__lead-ball",spinnerPath:"pf-c-spinner__path",spinnerTailBall:"pf-c-spinner__tail-ball"};!function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(kt||(kt={}));const St=e=>{var{className:t="",size:n="xl","aria-valuetext":r="Loading...",isSVG:a=!1,diameter:i}=e,c=s(e,["className","size","aria-valuetext","isSVG","diameter"]);const p=a?"svg":"span";return o.createElement(p,Object.assign({className:l(_t.spinner,_t.modifiers[n],t),role:"progressbar","aria-valuetext":r},a&&{viewBox:"0 0 100 100"},i&&{style:{"--pf-c-spinner--diameter":i}},c),a?o.createElement("circle",{className:_t.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}):o.createElement(o.Fragment,null,o.createElement("span",{className:l(_t.spinnerClipper)}),o.createElement("span",{className:l(_t.spinnerLeadBall)}),o.createElement("span",{className:l(_t.spinnerTailBall)})))};var Rt,It;St.displayName="Spinner",function(e){e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.danger="danger",e.warning="warning",e.link="link",e.plain="plain",e.control="control"}(Rt||(Rt={})),function(e){e.button="button",e.submit="submit",e.reset="reset"}(It||(It={}));const Dt=e=>{var{children:t=null,className:n="",component:r="button",isActive:a=!1,isBlock:i=!1,isDisabled:c=!1,isAriaDisabled:p=!1,isLoading:d=null,isDanger:u=!1,spinnerAriaValueText:f,isSmall:m=!1,isLarge:h=!1,inoperableEvents:b=["onClick","onKeyPress"],isInline:g=!1,type:v=It.button,variant:y=Rt.primary,iconPosition:w="left","aria-label":x=null,icon:C=null,ouiaId:O,ouiaSafe:E=!0,tabIndex:N=null,innerRef:k}=e,T=s(e,["children","className","component","isActive","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","isSmall","isLarge","inoperableEvents","isInline","type","variant","iconPosition","aria-label","icon","ouiaId","ouiaSafe","tabIndex","innerRef"]);const _=$(jt.displayName,O,E,y),S=r,R="button"===S,I=g&&"span"===S,D=b.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});return o.createElement(S,Object.assign({},T,p?D:null,{"aria-disabled":c||p,"aria-label":x,className:l(Tt.button,Tt.modifiers[y],i&&Tt.modifiers.block,c&&Tt.modifiers.disabled,p&&Tt.modifiers.ariaDisabled,a&&Tt.modifiers.active,g&&y===Rt.link&&Tt.modifiers.inline,u&&(y===Rt.secondary||y===Rt.link)&&Tt.modifiers.danger,null!==d&&Tt.modifiers.progress,d&&Tt.modifiers.inProgress,m&&Tt.modifiers.small,h&&Tt.modifiers.displayLg,n),disabled:R?c:null,tabIndex:null!==N?N:c?R?null:-1:p?null:I?0:void 0,type:R||I?v:null,role:I?"button":null,ref:k},_),d&&o.createElement("span",{className:l(Tt.buttonProgress)},o.createElement(St,{size:kt.md,"aria-valuetext":f})),y!==Rt.plain&&C&&"left"===w&&o.createElement("span",{className:l(Tt.buttonIcon,Tt.modifiers.start)},C),t,y!==Rt.plain&&C&&"right"===w&&o.createElement("span",{className:l(Tt.buttonIcon,Tt.modifiers.end)},C))},jt=o.forwardRef(((e,t)=>o.createElement(Dt,Object.assign({innerRef:t},e))));var Pt;jt.displayName="Button",function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(Pt||(Pt={}));let Lt=0;function At({name:e,xOffset:t=0,yOffset:n=0,width:r,height:a,svgPath:i}){var s;return s=class extends o.Component{constructor(){super(...arguments),this.id="icon-title-"+Lt++}render(){const e=this.props,{size:s,color:l,title:c,noVerticalAlign:p}=e,d=
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.43.2",
+  "version": "4.44.3",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.174.2",
-    "@patternfly/react-icons": "^4.25.2",
-    "@patternfly/react-styles": "^4.24.2",
-    "@patternfly/react-tokens": "^4.26.2",
+    "@patternfly/react-core": "^4.175.3",
+    "@patternfly/react-icons": "^4.26.3",
+    "@patternfly/react-styles": "^4.25.3",
+    "@patternfly/react-tokens": "^4.27.3",
     "lodash": "^4.17.19",
     "tslib": "^2.0.0"
   },
@@ -46,5 +46,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "e3eb3038c1f23818774f99280f2a4485ee4a2be2"
+  "gitHead": "bee987d557bc8027afeb222e2d0df84796c119ba"
 }