@rhc-shared-components/packages-table 1.0.4 → 2.0.1

package/dist/index.modern.js

@@ -1,9 +1,10 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { useState, useEffect, useCallback, cloneElement } from 'react';
-import { setTabIndex, useOUIAProps, handleArrows, Toolbar, ToolbarContent, ToolbarItem, Pagination, Bullseye, Title, Spinner, EmptyState, EmptyStateHeader, EmptyStateIcon, SearchInput, ToggleGroup as ToggleGroup$1, ToggleGroupItem, Tabs, Tab } from '@patternfly/react-core';
-import { sortBy, uniqueId } from 'lodash';
+import { useState, useEffect, useCallback, cloneElement, useMemo } from 'react';
+import { Toolbar, ToolbarContent, ToolbarItem, Bullseye, Title, Spinner, EmptyState, EmptyStateHeader, EmptyStateIcon, Pagination, SearchInput, ToggleGroup as ToggleGroup$1, ToggleGroupItem, Tabs, Tab } from '@patternfly/react-core';
+import { setTabIndex, handleArrows } from '@patternfly/react-core/dist/esm/helpers/KeyboardHandler';
+import { useOUIAProps } from '@patternfly/react-core/dist/esm/helpers/OUIA/ouia';
 import { useOUIAProps as useOUIAProps$1 } from '@patternfly/react-core/dist/esm/helpers';
-import mergeWith from 'lodash/mergeWith';
 import { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip';
 import { Button } from '@patternfly/react-core/dist/esm/components/Button';
 import { Popover } from '@patternfly/react-core/dist/esm/components/Popover';
@@ -17,6 +18,16 @@ import { format } from 'date-fns';
 
 var css_248z = ".vulnerabilities-table .impact-icon {\n  font-size: 1.5rem;\n  padding-right: 0.5rem;\n}\n.vulnerabilities-table .impact-icon.color-critical {\n  color: #a30000;\n}\n.vulnerabilities-table .impact-icon.color-important {\n  color: #ec7a08;\n}\n.vulnerabilities-table .impact-icon.color-moderate {\n  color: #f5c12e;\n}\n.vulnerabilities-table .impact-icon.color-low {\n  color: #777;\n}\n.vulnerabilities-table__affected-packages-cell {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.vulnerabilities-table__impact-cell {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n}\n\n.filterable-table {\n  padding-bottom: var(--pf-v5-global--spacer--lg);\n}\n.filterable-table__bottom-pagination[class] {\n  margin-top: 1rem;\n}\n.filterable-table .pf-v5-c-toolbar__content {\n  --pf-v5-c-toolbar__content--PaddingRight: 0;\n  --pf-v5-c-toolbar__content--PaddingLeft: 0;\n}\n.filterable-table .pf-v5-c-input-group__text {\n  --pf-v5-c-input-group__text--PaddingRight: 0;\n}\n.filterable-table .pf-v5-c-pagination.pf-m-bottom {\n  --pf-v5-c-pagination--m-bottom--md--PaddingRight: 0;\n}\n\n.packages-table .pf-v5-c-tabs__item > button {\n  padding: 1rem 1.5rem;\n}\n.packages-table__excluded-packages-disclaimer {\n  margin: 1rem 0 0 0.5rem;\n}\n\n.filter-input {\n  width: 18rem;\n}";
 
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -31,52 +42,23 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function __rest$1(s, e) {
+function __rest(s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 }
-
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
   var e = new Error(message);
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-function __rest(s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-}
-
 let currentId = 0;
 /**
  * Factory to create Icon class components for consumers
  */
-
 function createIcon({
   name,
   xOffset = 0,
@@ -86,21 +68,18 @@ function createIcon({
   svgPath
 }) {
   var _a;
-
   return _a = class SVGIcon extends React.Component {
     constructor() {
       super(...arguments);
       this.id = `icon-title-${currentId++}`;
     }
-
     render() {
-      const _a = this.props,
-            {
-        title,
-        className
-      } = _a,
-            props = __rest(_a, ["title", "className"]);
-
+      const _b = this.props,
+        {
+          title,
+          className
+        } = _b,
+        props = __rest(_b, ["title", "className"]);
       const classes = className ? `pf-v5-svg ${className}` : 'pf-v5-svg';
       const hasTitle = Boolean(title);
       const viewBox = [xOffset, yOffset, width, height].join(' ');
@@ -119,7 +98,6 @@ function createIcon({
         d: svgPath
       }));
     }
-
   }, _a.displayName = name, _a;
 }
 
@@ -136,46 +114,42 @@ var EllipsisVIcon$1 = EllipsisVIcon;
 
 const ActionsColumnBase = _a => {
   var {
-    items,
-    isDisabled,
-    rowData,
-    extraData,
-    actionsToggle,
-    popperProps = {
-      position: 'end',
-      direction: 'down'
-    },
-    innerRef,
-    firstActionItemRef,
-    isOnOpenChangeDisabled = false
-  } = _a,
-      props = __rest$1(_a, ["items", "isDisabled", "rowData", "extraData", "actionsToggle", "popperProps", "innerRef", "firstActionItemRef", "isOnOpenChangeDisabled"]);
-
+      items,
+      isDisabled,
+      rowData,
+      extraData,
+      actionsToggle,
+      popperProps = {
+        position: 'end',
+        direction: 'down'
+      },
+      innerRef,
+      firstActionItemRef,
+      isOnOpenChangeDisabled = false
+    } = _a,
+    props = __rest(_a, ["items", "isDisabled", "rowData", "extraData", "actionsToggle", "popperProps", "innerRef", "firstActionItemRef", "isOnOpenChangeDisabled"]);
   const [isOpen, setIsOpen] = React.useState(false);
-
   const onToggle = () => {
     setIsOpen(!isOpen);
   };
-
   const onActionClick = (event, onClick) => {
     // Only prevent default if onClick is provided.  This allows href support.
     if (onClick) {
-      event.preventDefault(); // tslint:disable-next-line:no-unused-expression
-
+      event.preventDefault();
+      // tslint:disable-next-line:no-unused-expression
       onClick(event, extraData && extraData.rowIndex, rowData, extraData);
     }
   };
-
-  return React.createElement(React.Fragment, null, items.filter(item => item.isOutsideDropdown) // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  return React.createElement(React.Fragment, null, items.filter(item => item.isOutsideDropdown)
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   .map((_a, key) => {
     var {
-      title,
-      itemKey,
-      onClick,
-      isOutsideDropdown
-    } = _a,
-        props = __rest$1(_a, ["title", "itemKey", "onClick", "isOutsideDropdown"]);
-
+        title,
+        itemKey,
+        onClick,
+        isOutsideDropdown
+      } = _a,
+      props = __rest(_a, ["title", "itemKey", "onClick", "isOutsideDropdown"]);
     return typeof title === 'string' ? React.createElement(Button, Object.assign({
       onClick: event => onActionClick(event, onClick)
     }, props, {
@@ -208,22 +182,20 @@ const ActionsColumnBase = _a => {
     popperProps: popperProps
   }), React.createElement(DropdownList, null, items.filter(item => !item.isOutsideDropdown).map((_a, index) => {
     var {
-      title,
-      itemKey,
-      onClick,
-      tooltipProps,
-      isSeparator,
-      shouldCloseOnClick = true
-    } = _a,
-        props = __rest$1(_a, ["title", "itemKey", "onClick", "tooltipProps", "isSeparator", "shouldCloseOnClick"]);
-
+        title,
+        itemKey,
+        onClick,
+        tooltipProps,
+        isSeparator,
+        shouldCloseOnClick = true
+      } = _a,
+      props = __rest(_a, ["title", "itemKey", "onClick", "tooltipProps", "isSeparator", "shouldCloseOnClick"]);
     if (isSeparator) {
       return React.createElement(Divider, {
         key: itemKey || index,
         "data-key": itemKey || index
       });
     }
-
     const item = React.createElement(DropdownItem, Object.assign({
       onClick: event => {
         onActionClick(event, onClick);
@@ -234,7 +206,6 @@ const ActionsColumnBase = _a => {
       "data-key": itemKey || index,
       ref: index === 0 ? firstActionItemRef : undefined
     }), title);
-
     if (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content) {
       return React.createElement(Tooltip, Object.assign({
         key: itemKey || index
@@ -244,7 +215,6 @@ const ActionsColumnBase = _a => {
     }
   }))));
 };
-
 const ActionsColumn = React.forwardRef((props, ref) => React.createElement(ActionsColumnBase, Object.assign({}, props, {
   innerRef: ref
 })));
@@ -271,12 +241,10 @@ function css(...args) {
   const hasOwn = {}.hasOwnProperty;
   args.filter(Boolean).forEach(arg => {
     const argType = typeof arg;
-
     if (argType === 'string' || argType === 'number') {
       classes.push(arg);
     } else if (Array.isArray(arg) && arg.length) {
       const inner = css(...arg);
-
       if (inner) {
         classes.push(inner);
       }
@@ -384,13 +352,12 @@ var styles$1 = {
 
 const CollapseColumn = _a => {
   var {
-    className = '',
-    children = null,
-    isOpen,
-    onToggle
-  } = _a,
-      props = __rest$1(_a, ["className", "children", "isOpen", "onToggle"]);
-
+      className = '',
+      children = null,
+      isOpen,
+      onToggle
+    } = _a,
+    props = __rest(_a, ["className", "children", "isOpen", "onToggle"]);
   return React.createElement(React.Fragment, null, isOpen !== undefined && React.createElement(Button, Object.assign({
     className: css(className, isOpen && styles$1.modifiers.expanded)
   }, props, {
@@ -417,13 +384,12 @@ var GripVerticalIcon$1 = GripVerticalIcon;
 
 const DraggableCell = _a => {
   var {
-    className,
-    onClick,
-    'aria-label': ariaLabel,
-    id
-  } = _a,
-      props = __rest$1(_a, ["className", "onClick", 'aria-label', "id"]);
-
+      className,
+      onClick,
+      'aria-label': ariaLabel,
+      id
+    } = _a,
+    props = __rest(_a, ["className", "onClick", 'aria-label', "id"]);
   return React.createElement(Button, Object.assign({
     id: id,
     variant: "plain",
@@ -472,14 +438,11 @@ const HelpIcon = createIcon(HelpIconConfig);
 var HelpIcon$1 = HelpIcon;
 
 var TableTextVariant;
-
 (function (TableTextVariant) {
   TableTextVariant["div"] = "div";
   TableTextVariant["nav"] = "nav";
 })(TableTextVariant || (TableTextVariant = {}));
-
 var WrapModifier;
-
 (function (WrapModifier) {
   WrapModifier["wrap"] = "wrap";
   WrapModifier["nowrap"] = "nowrap";
@@ -487,35 +450,30 @@ var WrapModifier;
   WrapModifier["breakWord"] = "breakWord";
   WrapModifier["fitContent"] = "fitContent";
 })(WrapModifier || (WrapModifier = {}));
-
 const TableText = _a => {
   var {
-    children = null,
-    className = '',
-    variant = 'span',
-    wrapModifier = null,
-    tooltip: tooltipProp = '',
-    tooltipProps = {},
-    onMouseEnter: onMouseEnterProp = () => {},
-    focused = false,
-    tooltipHasDefaultBehavior = false
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "variant", "wrapModifier", "tooltip", "tooltipProps", "onMouseEnter", "focused", "tooltipHasDefaultBehavior"]);
-
+      children = null,
+      className = '',
+      variant = 'span',
+      wrapModifier = null,
+      tooltip: tooltipProp = '',
+      tooltipProps = {},
+      onMouseEnter: onMouseEnterProp = () => {},
+      focused = false,
+      tooltipHasDefaultBehavior = false
+    } = _a,
+    props = __rest(_a, ["children", "className", "variant", "wrapModifier", "tooltip", "tooltipProps", "onMouseEnter", "focused", "tooltipHasDefaultBehavior"]);
   const Component = variant;
   const textRef = React.createRef();
   const [tooltip, setTooltip] = React.useState(tooltipProp);
-
   const onMouseEnter = event => {
     if (event.target.offsetWidth < event.target.scrollWidth) {
       setTooltip(tooltipProp || event.target.innerText);
     } else {
       setTooltip('');
     }
-
     onMouseEnterProp(event);
   };
-
   const onFocus = element => {
     if (element.offsetWidth < element.scrollWidth) {
       setTooltip(tooltipProp || element.innerText);
@@ -523,7 +481,6 @@ const TableText = _a => {
       setTooltip('');
     }
   };
-
   const text = React.createElement(Component, Object.assign({
     ref: textRef,
     onMouseEnter: !tooltipHasDefaultBehavior ? onMouseEnter : undefined,
@@ -641,24 +598,21 @@ var treeViewStyles = {
 };
 
 var RowSelectVariant;
-
 (function (RowSelectVariant) {
   RowSelectVariant["radio"] = "radio";
   RowSelectVariant["checkbox"] = "checkbox";
 })(RowSelectVariant || (RowSelectVariant = {}));
-
 const SelectColumn = _a => {
   var {
-    children = null,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    className,
-    onSelect = null,
-    selectVariant,
-    tooltip,
-    tooltipProps
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "onSelect", "selectVariant", "tooltip", "tooltipProps"]);
-
+      children = null,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      className,
+      onSelect = null,
+      selectVariant,
+      tooltip,
+      tooltipProps
+    } = _a,
+    props = __rest(_a, ["children", "className", "onSelect", "selectVariant", "tooltip", "tooltipProps"]);
   const inputRef = React.createRef();
   const content = React.createElement(React.Fragment, null, React.createElement("label", null, React.createElement("input", Object.assign({}, props, {
     ref: inputRef,
@@ -707,25 +661,21 @@ const selectable = (label, {
     column,
     property
   };
-
   if (rowData && rowData.hasOwnProperty('parent') && !rowData.showSelect && !rowData.fullWidth) {
     return {
       component: 'td',
       isVisible: true
     };
   }
-
   const rowId = rowIndex !== undefined ? rowIndex : -1;
   /**
    * @param {React.FormEvent} event - React form event
    */
-
   function selectClick(event) {
-    const selected = rowIndex === undefined ? event.currentTarget.checked : rowData && !rowData.selected; // tslint:disable-next-line:no-unused-expression
-
+    const selected = rowIndex === undefined ? event.currentTarget.checked : rowData && !rowData.selected;
+    // tslint:disable-next-line:no-unused-expression
     onSelect && onSelect(event, selected, rowId, rowData, extraData);
   }
-
   const customProps = Object.assign(Object.assign(Object.assign({}, rowId !== -1 ? {
     checked: rowData && !!rowData.selected,
     'aria-label': `Select row ${rowIndex}`
@@ -739,13 +689,11 @@ const selectable = (label, {
     disabled: true
   });
   let selectName = 'check-all';
-
   if (rowId !== -1 && selectVariant === RowSelectVariant.checkbox) {
     selectName = `checkrow${rowIndex}`;
   } else if (rowId !== -1) {
     selectName = 'radioGroup';
   }
-
   return {
     className: css(styles$1.tableCheck),
     component: rowId !== -1 ? 'td' : 'th',
@@ -793,35 +741,30 @@ const ArrowsAltVIcon = createIcon(ArrowsAltVIconConfig);
 var ArrowsAltVIcon$1 = ArrowsAltVIcon;
 
 var SortByDirection;
-
 (function (SortByDirection) {
   SortByDirection["asc"] = "asc";
   SortByDirection["desc"] = "desc";
 })(SortByDirection || (SortByDirection = {}));
-
 const SortColumn = _a => {
   var {
-    children = null,
-    className = '',
-    isSortedBy = false,
-    onSort = null,
-    sortDirection = '',
-    type = 'button',
-    tooltip,
-    tooltipProps,
-    tooltipHasDefaultBehavior
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "isSortedBy", "onSort", "sortDirection", "type", "tooltip", "tooltipProps", "tooltipHasDefaultBehavior"]);
-
+      children = null,
+      className = '',
+      isSortedBy = false,
+      onSort = null,
+      sortDirection = '',
+      type = 'button',
+      tooltip,
+      tooltipProps,
+      tooltipHasDefaultBehavior
+    } = _a,
+    props = __rest(_a, ["children", "className", "isSortedBy", "onSort", "sortDirection", "type", "tooltip", "tooltipProps", "tooltipHasDefaultBehavior"]);
   let SortedByIcon;
   const [focused, setFocused] = React.useState(false);
-
   if (isSortedBy) {
     SortedByIcon = sortDirection === SortByDirection.asc ? LongArrowAltUpIcon$1 : LongArrowAltDownIcon$1;
   } else {
     SortedByIcon = ArrowsAltVIcon$1;
   }
-
   return React.createElement("button", Object.assign({}, props, {
     type: type,
     className: css(className, styles$1.tableButton),
@@ -893,23 +836,21 @@ const sortable = (label, {
   /**
    * @param {React.MouseEvent} event - React mouse event
    */
-
   function sortClicked(event) {
     let reversedDirection;
-
     if (!isSortedBy) {
       reversedDirection = sortBy.defaultDirection ? sortBy.defaultDirection : SortByDirection.asc;
     } else {
       reversedDirection = sortBy.direction === SortByDirection.asc ? SortByDirection.desc : SortByDirection.asc;
-    } // tslint:disable-next-line:no-unused-expression
-
-
+    }
+    // tslint:disable-next-line:no-unused-expression
     onSort && onSort(event, columnIndex, reversedDirection, extraData);
   }
-
-  return {
-    className: css(styles$1.tableSort, isSortedBy && styles$1.modifiers.selected, className),
-    'aria-sort': isSortedBy ? `${sortBy.direction}ending` : 'none',
+  return Object.assign(Object.assign({
+    className: css(styles$1.tableSort, isSortedBy && styles$1.modifiers.selected, className)
+  }, isSortedBy && {
+    'aria-sort': `${sortBy.direction}ending`
+  }), {
     children: React.createElement(SortColumn, {
       isSortedBy: isSortedBy,
       sortDirection: isSortedBy ? sortBy.direction : '',
@@ -919,11 +860,10 @@ const sortable = (label, {
       tooltipProps: tooltipProps,
       tooltipHasDefaultBehavior: tooltipHasDefaultBehavior
     }, label)
-  };
+  });
 };
 
 const resolveOrDefault = (resolver, defaultValue, rowData, extraData) => typeof resolver === 'function' ? resolver(rowData, extraData) : defaultValue;
-
 const cellActions = (actions, actionResolver, areActionsDisabled) => (label, {
   rowData,
   column,
@@ -965,12 +905,10 @@ const cellActions = (actions, actionResolver, areActionsDisabled) => (label, {
 };
 
 const camelize = s => s.toUpperCase().replace('-', '').replace('_', '');
-
 const toCamel = s => s.replace(/([-_][a-z])/gi, camelize);
 /**
  * @param {string} input - String to capitalize
  */
-
 function capitalize(input) {
   return input[0].toUpperCase() + input.substring(1);
 }
@@ -1012,13 +950,11 @@ const collapsible = (value, {
   /**
    * @param {React.MouseEvent} event - Mouse event
    */
-
   function onToggle(event) {
-    const open = rowData ? !rowData.isOpen : !allRowsExpanded; // tslint:disable-next-line:no-unused-expression
-
+    const open = rowData ? !rowData.isOpen : !allRowsExpanded;
+    // tslint:disable-next-line:no-unused-expression
     onCollapse && onCollapse(event, rowIndex, open, rowData, extraData);
   }
-
   return {
     className: ((rowData === null || rowData === void 0 ? void 0 : rowData.isOpen) !== undefined || rowId === -1) && css(styles$1.tableToggle),
     isVisible: !(rowData === null || rowData === void 0 ? void 0 : rowData.fullWidth),
@@ -1040,7 +976,6 @@ const compoundExpand = (value, {
   if (!value) {
     return null;
   }
-
   const {
     title,
     props
@@ -1060,12 +995,10 @@ const compoundExpand = (value, {
   /**
    * @param {React.MouseEvent} event - Mouse event
    */
-
   function onToggle(event) {
     // tslint:disable-next-line:no-unused-expression
     onExpand && onExpand(event, rowIndex, columnIndex, props.isOpen, rowData, extraData);
   }
-
   return {
     className: css(styles$1.tableCompoundExpansionToggle, props.isOpen && styles$1.modifiers.expanded),
     children: props.isOpen !== undefined && React.createElement("button", {
@@ -1113,19 +1046,17 @@ const info = ({
       className: className
     }, value)
   });
-
   return infoObj;
 };
 
 const FavoritesCell = _a => {
   var {
-    className = '',
-    onFavorite,
-    isFavorited,
-    rowIndex
-  } = _a,
-      props = __rest$1(_a, ["className", "onFavorite", "isFavorited", "rowIndex"]);
-
+      className = '',
+      onFavorite,
+      isFavorited,
+      rowIndex
+    } = _a,
+    props = __rest(_a, ["className", "onFavorite", "isFavorited", "rowIndex"]);
   const ariaProps = rowIndex === undefined ? {} : {
     id: `favorites-button-${rowIndex}`,
     'aria-labelledby': `favorites-button-${rowIndex}`
@@ -1159,8 +1090,8 @@ const favoritable = (value, {
     columnIndex,
     column,
     property
-  }; // this is a child row which should not display the favorites icon
-
+  };
+  // this is a child row which should not display the favorites icon
   if (rowData && rowData.hasOwnProperty('parent') && !rowData.fullWidth) {
     return {
       component: 'td',
@@ -1170,13 +1101,10 @@ const favoritable = (value, {
   /**
    * @param {React.MouseEvent} event - Mouse event
    */
-
-
   function favoritesClick(event) {
     // tslint:disable-next-line:no-unused-expression
     onFavorite && onFavorite(event, rowData && !rowData.favorited, rowIndex, rowData, extraData);
   }
-
   const additionalProps = rowData.favoritesProps || {};
   return {
     className: css(styles$1.tableFavorite, rowData && rowData.favorited && styles$1.modifiers.favorited),
@@ -1227,11 +1155,9 @@ const treeRow = (onCollapse, onCheckChange, onToggleRowDetails) => (value, {
     className: styles$1.tableText,
     key: "table-text"
   }, content));
-
   const onChange = (isChecked, event) => {
     onCheckChange(event, isChecked, rowIndex, content, rowData);
   };
-
   return {
     component: 'th',
     className: treeViewStyles.tableTreeViewTitleCell,
@@ -1277,7 +1203,6 @@ const treeRow = (onCollapse, onCheckChange, onToggleRowDetails) => (value, {
 };
 
 var TableGridBreakpoint;
-
 (function (TableGridBreakpoint) {
   TableGridBreakpoint["none"] = "";
   TableGridBreakpoint["grid"] = "grid";
@@ -1286,9 +1211,7 @@ var TableGridBreakpoint;
   TableGridBreakpoint["gridXl"] = "grid-xl";
   TableGridBreakpoint["grid2xl"] = "grid-2xl";
 })(TableGridBreakpoint || (TableGridBreakpoint = {}));
-
 var TableVariant;
-
 (function (TableVariant) {
   TableVariant["compact"] = "compact";
 })(TableVariant || (TableVariant = {}));
@@ -1296,45 +1219,41 @@ var TableVariant;
 const TableContext = React.createContext({
   registerSelectableRow: () => {}
 });
-
 const TableBase = _a => {
   var _b, _c;
-
   var {
-    children,
-    className,
-    variant,
-    borders = true,
-    isStickyHeader = false,
-    gridBreakPoint = TableGridBreakpoint.gridMd,
-    'aria-label': ariaLabel,
-    role = 'grid',
-    innerRef,
-    ouiaId,
-    ouiaSafe = true,
-    isTreeTable = false,
-    isNested = false,
-    isStriped = false,
-    isExpandable = false,
-    hasNoInset = false,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    nestedHeaderColumnSpans,
-    selectableRowCaptionText
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "variant", "borders", "isStickyHeader", "gridBreakPoint", 'aria-label', "role", "innerRef", "ouiaId", "ouiaSafe", "isTreeTable", "isNested", "isStriped", "isExpandable", "hasNoInset", "nestedHeaderColumnSpans", "selectableRowCaptionText"]);
-
+      children,
+      className,
+      variant,
+      borders = true,
+      isStickyHeader = false,
+      gridBreakPoint = TableGridBreakpoint.gridMd,
+      'aria-label': ariaLabel,
+      role = 'grid',
+      innerRef,
+      ouiaId,
+      ouiaSafe = true,
+      isTreeTable = false,
+      isNested = false,
+      isStriped = false,
+      isExpandable = false,
+      hasNoInset = false,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      nestedHeaderColumnSpans,
+      selectableRowCaptionText
+    } = _a,
+    props = __rest(_a, ["children", "className", "variant", "borders", "isStickyHeader", "gridBreakPoint", 'aria-label', "role", "innerRef", "ouiaId", "ouiaSafe", "isTreeTable", "isNested", "isStriped", "isExpandable", "hasNoInset", "nestedHeaderColumnSpans", "selectableRowCaptionText"]);
   const ref = React.useRef(null);
   const tableRef = innerRef || ref;
   const [hasSelectableRows, setHasSelectableRows] = React.useState(false);
   const [tableCaption, setTableCaption] = React.useState();
   React.useEffect(() => {
-    document.addEventListener('keydown', handleKeys); // sets up roving tab-index to tree tables only
-
+    document.addEventListener('keydown', handleKeys);
+    // sets up roving tab-index to tree tables only
     if (tableRef && tableRef.current && tableRef.current.classList.contains('pf-m-tree-view')) {
       const tbody = tableRef.current.querySelector('tbody');
       tbody && setTabIndex(Array.from(tbody.querySelectorAll('button, a, input')));
     }
-
     return function cleanup() {
       document.removeEventListener('keydown', handleKeys);
     };
@@ -1354,31 +1273,25 @@ const TableBase = _a => {
   const grid = (_b = stylesGrid.modifiers) === null || _b === void 0 ? void 0 : _b[toCamel(gridBreakPoint || '').replace(/-?2xl/, '_2xl')];
   const breakPointPrefix = `treeView${gridBreakPoint.charAt(0).toUpperCase() + gridBreakPoint.slice(1)}`;
   const treeGrid = (_c = treeViewStyles.modifiers) === null || _c === void 0 ? void 0 : _c[toCamel(breakPointPrefix || '').replace(/-?2xl/, '_2xl')];
-
   const handleKeys = event => {
-    if (isNested || !(tableRef && tableRef.current && tableRef.current.classList.contains(treeViewStyles.modifiers.treeView)) || // implements roving tab-index to tree tables only
+    if (isNested || !(tableRef && tableRef.current && tableRef.current.classList.contains(treeViewStyles.modifiers.treeView)) ||
+    // implements roving tab-index to tree tables only
     tableRef && tableRef.current !== event.target.closest(`.${styles$1.table}:not(.pf-m-nested)`)) {
       return;
     }
-
     const activeElement = document.activeElement;
     const key = event.key;
     const rows = Array.from(tableRef.current.querySelectorAll('tbody tr')).filter(el => !el.classList.contains('pf-m-disabled') && !el.hidden);
-
     if (key === 'Space' || key === 'Enter') {
       activeElement.click();
       event.preventDefault();
     }
-
     const getFocusableElement = element => element.querySelectorAll('button:not(:disabled), input:not(:disabled), a:not(:disabled)')[0];
-
     handleArrows(event, rows, element => element === activeElement.closest('tr'), getFocusableElement, ['button', 'input', 'a'], undefined, false, true, false);
   };
-
   const registerSelectableRow = () => {
     !hasSelectableRows && setHasSelectableRows(true);
   };
-
   return React.createElement(TableContext.Provider, {
     value: {
       registerSelectableRow
@@ -1392,7 +1305,6 @@ const TableBase = _a => {
     role: 'treegrid'
   }, ouiaProps, props), hasSelectableRows && tableCaption, children));
 };
-
 const Table = React.forwardRef((props, ref) => React.createElement(TableBase, Object.assign({}, props, {
   innerRef: ref
 })));
@@ -1400,29 +1312,28 @@ Table.displayName = 'Table';
 
 const TrBase = _a => {
   var {
-    children,
-    className,
-    isExpanded,
-    isEditable,
-    isHidden = false,
-    isClickable = false,
-    isRowSelected = false,
-    isStriped = false,
-    isBorderRow = false,
-    innerRef,
-    ouiaId,
-    ouiaSafe = true,
-    resetOffset = false,
-    onRowClick,
-    isSelectable,
-    'aria-label': passedAriaLabel
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "isExpanded", "isEditable", "isHidden", "isClickable", "isRowSelected", "isStriped", "isBorderRow", "innerRef", "ouiaId", "ouiaSafe", "resetOffset", "onRowClick", "isSelectable", 'aria-label']);
-
+      children,
+      className,
+      isExpanded,
+      isEditable,
+      isHidden = false,
+      isClickable = false,
+      isRowSelected = false,
+      isStriped = false,
+      isBorderRow = false,
+      isControlRow = false,
+      innerRef,
+      ouiaId,
+      ouiaSafe = true,
+      resetOffset = false,
+      onRowClick,
+      isSelectable,
+      'aria-label': passedAriaLabel
+    } = _a,
+    props = __rest(_a, ["children", "className", "isExpanded", "isEditable", "isHidden", "isClickable", "isRowSelected", "isStriped", "isBorderRow", "isControlRow", "innerRef", "ouiaId", "ouiaSafe", "resetOffset", "onRowClick", "isSelectable", 'aria-label']);
   const ouiaProps = useOUIAProps$1('TableRow', ouiaId, ouiaSafe);
   const [computedAriaLabel, setComputedAriaLabel] = React.useState('');
   let onKeyDown = null;
-
   if (onRowClick) {
     onKeyDown = e => {
       if (e.key === 'Enter' || e.key === ' ') {
@@ -1431,7 +1342,6 @@ const TrBase = _a => {
       }
     };
   }
-
   const rowIsHidden = isHidden || isExpanded !== undefined && !isExpanded;
   const {
     registerSelectableRow
@@ -1446,7 +1356,7 @@ const TrBase = _a => {
   }, [isRowSelected, isSelectable, registerSelectableRow, rowIsHidden]);
   const ariaLabel = passedAriaLabel || computedAriaLabel;
   return React.createElement(React.Fragment, null, React.createElement("tr", Object.assign({
-    className: css(styles$1.tableTr, className, isExpanded !== undefined && styles$1.tableExpandableRow, isExpanded && styles$1.modifiers.expanded, isEditable && inlineStyles.modifiers.inlineEditable, isClickable && styles$1.modifiers.clickable, isRowSelected && styles$1.modifiers.selected, isStriped && styles$1.modifiers.striped, isBorderRow && styles$1.modifiers.borderRow, resetOffset && styles$1.modifiers.firstCellOffsetReset),
+    className: css(styles$1.tableTr, className, isExpanded !== undefined && styles$1.tableExpandableRow, isExpanded && styles$1.modifiers.expanded, isEditable && inlineStyles.modifiers.inlineEditable, isClickable && styles$1.modifiers.clickable, isRowSelected && styles$1.modifiers.selected, isStriped && styles$1.modifiers.striped, isBorderRow && styles$1.modifiers.borderRow, isControlRow && styles$1.tableControlRow, resetOffset && styles$1.modifiers.firstCellOffsetReset),
     hidden: rowIsHidden
   }, isClickable && {
     tabIndex: 0
@@ -1458,7 +1368,6 @@ const TrBase = _a => {
     onKeyDown
   }, ouiaProps, props), children));
 };
-
 const Tr = React.forwardRef((props, ref) => React.createElement(TrBase, Object.assign({}, props, {
   innerRef: ref
 })));
@@ -1466,20 +1375,18 @@ Tr.displayName = 'Tr';
 
 const TheadBase = _a => {
   var {
-    children,
-    className,
-    noWrap = false,
-    innerRef,
-    hasNestedHeader
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "noWrap", "innerRef", "hasNestedHeader"]);
-
+      children,
+      className,
+      noWrap = false,
+      innerRef,
+      hasNestedHeader
+    } = _a,
+    props = __rest(_a, ["children", "className", "noWrap", "innerRef", "hasNestedHeader"]);
   return React.createElement("thead", Object.assign({
     className: css(styles$1.tableThead, className, noWrap && styles$1.modifiers.nowrap, hasNestedHeader && styles$1.modifiers.nestedColumnHeader),
     ref: innerRef
   }, props), children);
 };
-
 const Thead = React.forwardRef((props, ref) => React.createElement(TheadBase, Object.assign({}, props, {
   innerRef: ref
 })));
@@ -1487,22 +1394,20 @@ Thead.displayName = 'Thead';
 
 const TbodyBase = _a => {
   var {
-    children,
-    className,
-    isExpanded,
-    innerRef,
-    isEvenStriped = false,
-    isOddStriped = false
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "isExpanded", "innerRef", "isEvenStriped", "isOddStriped"]);
-
+      children,
+      className,
+      isExpanded,
+      innerRef,
+      isEvenStriped = false,
+      isOddStriped = false
+    } = _a,
+    props = __rest(_a, ["children", "className", "isExpanded", "innerRef", "isEvenStriped", "isOddStriped"]);
   return React.createElement("tbody", Object.assign({
     role: "rowgroup",
     className: css(styles$1.tableTbody, className, isExpanded && styles$1.modifiers.expanded, isOddStriped && styles$1.modifiers.striped, isEvenStriped && styles$1.modifiers.stripedEven),
     ref: innerRef
   }, props), children);
 };
-
 const Tbody = React.forwardRef((props, ref) => React.createElement(TbodyBase, Object.assign({}, props, {
   innerRef: ref
 })));
@@ -1524,121 +1429,2238 @@ var styles = {
 };
 
 /**
- * merge-props.js
+ * Removes all key-value entries from the list cache.
  *
- * Forked from reactabular-table version 8.14.0
- * https://github.com/reactabular/reactabular/tree/v8.14.0/packages/reactabular-table/src
+ * @private
+ * @name clear
+ * @memberOf ListCache
  */
+function listCacheClear() {
+  this.__data__ = [];
+  this.size = 0;
+}
+var _listCacheClear = listCacheClear;
+
 /**
- * @param {any} props - Props
+ * Performs a
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * comparison between two values to determine if they are equivalent.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.eq(object, object);
+ * // => true
+ *
+ * _.eq(object, other);
+ * // => false
+ *
+ * _.eq('a', 'a');
+ * // => true
+ *
+ * _.eq('a', Object('a'));
+ * // => false
+ *
+ * _.eq(NaN, NaN);
+ * // => true
  */
+function eq(value, other) {
+  return value === other || value !== value && other !== other;
+}
+var eq_1 = eq;
 
-function mergeProps(...props) {
-  const firstProps = props[0];
-  const restProps = props.slice(1);
+/**
+ * Gets the index at which the `key` is found in `array` of key-value pairs.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} key The key to search for.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function assocIndexOf(array, key) {
+  var length = array.length;
+  while (length--) {
+    if (eq_1(array[length][0], key)) {
+      return length;
+    }
+  }
+  return -1;
+}
+var _assocIndexOf = assocIndexOf;
 
-  if (!restProps.length) {
-    return mergeWith({}, firstProps);
-  } // Avoid mutating the first prop collection
+/** Used for built-in method references. */
+var arrayProto = Array.prototype;
 
+/** Built-in value references. */
+var splice = arrayProto.splice;
 
-  return mergeWith(mergeWith({}, firstProps), ...restProps, (a, b, key) => {
-    if (key === 'children') {
-      if (a && b) {
-        // compose the two
-        return React.cloneElement(a, {
-          children: b
-        });
-      } // Children have to be merged in reverse order for Reactabular
-      // logic to work.
+/**
+ * Removes `key` and its value from the list cache.
+ *
+ * @private
+ * @name delete
+ * @memberOf ListCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function listCacheDelete(key) {
+  var data = this.__data__,
+    index = _assocIndexOf(data, key);
+  if (index < 0) {
+    return false;
+  }
+  var lastIndex = data.length - 1;
+  if (index == lastIndex) {
+    data.pop();
+  } else {
+    splice.call(data, index, 1);
+  }
+  --this.size;
+  return true;
+}
+var _listCacheDelete = listCacheDelete;
 
+/**
+ * Gets the list cache value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf ListCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function listCacheGet(key) {
+  var data = this.__data__,
+    index = _assocIndexOf(data, key);
+  return index < 0 ? undefined : data[index][1];
+}
+var _listCacheGet = listCacheGet;
 
-      return Object.assign(Object.assign({}, b), a);
-    }
+/**
+ * Checks if a list cache value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf ListCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function listCacheHas(key) {
+  return _assocIndexOf(this.__data__, key) > -1;
+}
+var _listCacheHas = listCacheHas;
 
-    if (key === 'className') {
-      // Process class names through classNames to merge properly
-      // as a string.
-      return css(a, b);
-    }
+/**
+ * Sets the list cache `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf ListCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the list cache instance.
+ */
+function listCacheSet(key, value) {
+  var data = this.__data__,
+    index = _assocIndexOf(data, key);
+  if (index < 0) {
+    ++this.size;
+    data.push([key, value]);
+  } else {
+    data[index][1] = value;
+  }
+  return this;
+}
+var _listCacheSet = listCacheSet;
 
-    return undefined;
-  });
+/**
+ * Creates an list cache object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function ListCache(entries) {
+  var index = -1,
+    length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
 }
 
-const c_table__sticky_cell_MinWidth = {
-  "name": "--pf-v5-c-table__sticky-cell--MinWidth",
-  "value": "12.5rem",
-  "var": "var(--pf-v5-c-table__sticky-cell--MinWidth)"
-};
-var cssStickyCellMinWidth = c_table__sticky_cell_MinWidth;
+// Add methods to `ListCache`.
+ListCache.prototype.clear = _listCacheClear;
+ListCache.prototype['delete'] = _listCacheDelete;
+ListCache.prototype.get = _listCacheGet;
+ListCache.prototype.has = _listCacheHas;
+ListCache.prototype.set = _listCacheSet;
+var _ListCache = ListCache;
 
-const c_table__sticky_cell_Left = {
-  "name": "--pf-v5-c-table__sticky-cell--Left",
-  "value": "0",
-  "var": "var(--pf-v5-c-table__sticky-cell--Left)"
-};
-var cssStickyCellLeft = c_table__sticky_cell_Left;
+/**
+ * Removes all key-value entries from the stack.
+ *
+ * @private
+ * @name clear
+ * @memberOf Stack
+ */
+function stackClear() {
+  this.__data__ = new _ListCache();
+  this.size = 0;
+}
+var _stackClear = stackClear;
 
-const c_table__sticky_cell_Right = {
-  "name": "--pf-v5-c-table__sticky-cell--Right",
-  "value": "0",
-  "var": "var(--pf-v5-c-table__sticky-cell--Right)"
-};
-var cssStickyCellRight = c_table__sticky_cell_Right;
+/**
+ * Removes `key` and its value from the stack.
+ *
+ * @private
+ * @name delete
+ * @memberOf Stack
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function stackDelete(key) {
+  var data = this.__data__,
+    result = data['delete'](key);
+  this.size = data.size;
+  return result;
+}
+var _stackDelete = stackDelete;
 
-const ThBase = _a => {
-  var {
-    children,
-    className,
-    component = 'th',
-    dataLabel,
-    scope = 'col',
-    textCenter = false,
-    sort = null,
-    modifier,
-    select = null,
-    expand: collapse = null,
-    tooltip = '',
-    tooltipProps,
-    onMouseEnter: onMouseEnterProp = () => {},
-    width,
-    visibility,
-    innerRef,
-    info: infoProps,
-    isStickyColumn = false,
-    hasRightBorder = false,
-    hasLeftBorder = false,
-    stickyMinWidth = '120px',
-    stickyLeftOffset,
-    stickyRightOffset,
-    isSubheader = false,
-    screenReaderText,
-    'aria-label': ariaLabel
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "component", "dataLabel", "scope", "textCenter", "sort", "modifier", "select", "expand", "tooltip", "tooltipProps", "onMouseEnter", "width", "visibility", "innerRef", "info", "isStickyColumn", "hasRightBorder", "hasLeftBorder", "stickyMinWidth", "stickyLeftOffset", "stickyRightOffset", "isSubheader", "screenReaderText", 'aria-label']);
+/**
+ * Gets the stack value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Stack
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function stackGet(key) {
+  return this.__data__.get(key);
+}
+var _stackGet = stackGet;
 
-  if (!children && !screenReaderText && !ariaLabel) {
-    // eslint-disable-next-line no-console
-    console.warn('Th: Table headers must have an accessible name. If the Th is intended to be visually empty, pass in screenReaderText. If the Th contains only non-text, interactive content such as a checkbox or expand toggle, pass in an aria-label.');
-  }
+/**
+ * Checks if a stack value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Stack
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function stackHas(key) {
+  return this.__data__.has(key);
+}
+var _stackHas = stackHas;
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn) {
+  var module = { exports: {} };
+	return fn(module, module.exports), module.exports;
+}
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var _freeGlobal = freeGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = _freeGlobal || freeSelf || Function('return this')();
+var _root = root;
+
+/** Built-in value references. */
+var Symbol = _root.Symbol;
+var _Symbol = Symbol;
+
+/** Used for built-in method references. */
+var objectProto$a = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$a.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag(value) {
+  var isOwn = hasOwnProperty$8.call(value, symToStringTag$1),
+    tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+var _getRawTag = getRawTag;
+
+/** Used for built-in method references. */
+var objectProto$9 = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto$9.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}
+var _objectToString = objectToString;
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+  undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return symToStringTag && symToStringTag in Object(value) ? _getRawTag(value) : _objectToString(value);
+}
+var _baseGetTag = baseGetTag;
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+var isObject_1 = isObject;
+
+/** `Object#toString` result references. */
+var asyncTag = '[object AsyncFunction]',
+  funcTag$1 = '[object Function]',
+  genTag = '[object GeneratorFunction]',
+  proxyTag = '[object Proxy]';
+
+/**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+function isFunction(value) {
+  if (!isObject_1(value)) {
+    return false;
+  }
+  // The use of `Object#toString` avoids issues with the `typeof` operator
+  // in Safari 9 which returns 'object' for typed arrays and other constructors.
+  var tag = _baseGetTag(value);
+  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
+var isFunction_1 = isFunction;
+
+/** Used to detect overreaching core-js shims. */
+var coreJsData = _root['__core-js_shared__'];
+var _coreJsData = coreJsData;
+
+/** Used to detect methods masquerading as native. */
+var maskSrcKey = function () {
+  var uid = /[^.]+$/.exec(_coreJsData && _coreJsData.keys && _coreJsData.keys.IE_PROTO || '');
+  return uid ? 'Symbol(src)_1.' + uid : '';
+}();
+
+/**
+ * Checks if `func` has its source masked.
+ *
+ * @private
+ * @param {Function} func The function to check.
+ * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+ */
+function isMasked(func) {
+  return !!maskSrcKey && maskSrcKey in func;
+}
+var _isMasked = isMasked;
+
+/** Used for built-in method references. */
+var funcProto$2 = Function.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString$2 = funcProto$2.toString;
+
+/**
+ * Converts `func` to its source code.
+ *
+ * @private
+ * @param {Function} func The function to convert.
+ * @returns {string} Returns the source code.
+ */
+function toSource(func) {
+  if (func != null) {
+    try {
+      return funcToString$2.call(func);
+    } catch (e) {}
+    try {
+      return func + '';
+    } catch (e) {}
+  }
+  return '';
+}
+var _toSource = toSource;
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+
+/** Used to detect host constructors (Safari). */
+var reIsHostCtor = /^\[object .+?Constructor\]$/;
+
+/** Used for built-in method references. */
+var funcProto$1 = Function.prototype,
+  objectProto$8 = Object.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString$1 = funcProto$1.toString;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
+
+/** Used to detect if a method is native. */
+var reIsNative = RegExp('^' + funcToString$1.call(hasOwnProperty$7).replace(reRegExpChar, '\\$&').replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$');
+
+/**
+ * The base implementation of `_.isNative` without bad shim checks.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a native function,
+ *  else `false`.
+ */
+function baseIsNative(value) {
+  if (!isObject_1(value) || _isMasked(value)) {
+    return false;
+  }
+  var pattern = isFunction_1(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(_toSource(value));
+}
+var _baseIsNative = baseIsNative;
+
+/**
+ * Gets the value at `key` of `object`.
+ *
+ * @private
+ * @param {Object} [object] The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+function getValue(object, key) {
+  return object == null ? undefined : object[key];
+}
+var _getValue = getValue;
+
+/**
+ * Gets the native function at `key` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the method to get.
+ * @returns {*} Returns the function if it's native, else `undefined`.
+ */
+function getNative(object, key) {
+  var value = _getValue(object, key);
+  return _baseIsNative(value) ? value : undefined;
+}
+var _getNative = getNative;
+
+/* Built-in method references that are verified to be native. */
+var Map = _getNative(_root, 'Map');
+var _Map = Map;
+
+/* Built-in method references that are verified to be native. */
+var nativeCreate = _getNative(Object, 'create');
+var _nativeCreate = nativeCreate;
+
+/**
+ * Removes all key-value entries from the hash.
+ *
+ * @private
+ * @name clear
+ * @memberOf Hash
+ */
+function hashClear() {
+  this.__data__ = _nativeCreate ? _nativeCreate(null) : {};
+  this.size = 0;
+}
+var _hashClear = hashClear;
+
+/**
+ * Removes `key` and its value from the hash.
+ *
+ * @private
+ * @name delete
+ * @memberOf Hash
+ * @param {Object} hash The hash to modify.
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function hashDelete(key) {
+  var result = this.has(key) && delete this.__data__[key];
+  this.size -= result ? 1 : 0;
+  return result;
+}
+var _hashDelete = hashDelete;
+
+/** Used to stand-in for `undefined` hash values. */
+var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
+
+/** Used for built-in method references. */
+var objectProto$7 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+
+/**
+ * Gets the hash value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Hash
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function hashGet(key) {
+  var data = this.__data__;
+  if (_nativeCreate) {
+    var result = data[key];
+    return result === HASH_UNDEFINED$1 ? undefined : result;
+  }
+  return hasOwnProperty$6.call(data, key) ? data[key] : undefined;
+}
+var _hashGet = hashGet;
+
+/** Used for built-in method references. */
+var objectProto$6 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+
+/**
+ * Checks if a hash value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Hash
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function hashHas(key) {
+  var data = this.__data__;
+  return _nativeCreate ? data[key] !== undefined : hasOwnProperty$5.call(data, key);
+}
+var _hashHas = hashHas;
+
+/** Used to stand-in for `undefined` hash values. */
+var HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+/**
+ * Sets the hash `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Hash
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the hash instance.
+ */
+function hashSet(key, value) {
+  var data = this.__data__;
+  this.size += this.has(key) ? 0 : 1;
+  data[key] = _nativeCreate && value === undefined ? HASH_UNDEFINED : value;
+  return this;
+}
+var _hashSet = hashSet;
+
+/**
+ * Creates a hash object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Hash(entries) {
+  var index = -1,
+    length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `Hash`.
+Hash.prototype.clear = _hashClear;
+Hash.prototype['delete'] = _hashDelete;
+Hash.prototype.get = _hashGet;
+Hash.prototype.has = _hashHas;
+Hash.prototype.set = _hashSet;
+var _Hash = Hash;
+
+/**
+ * Removes all key-value entries from the map.
+ *
+ * @private
+ * @name clear
+ * @memberOf MapCache
+ */
+function mapCacheClear() {
+  this.size = 0;
+  this.__data__ = {
+    'hash': new _Hash(),
+    'map': new (_Map || _ListCache)(),
+    'string': new _Hash()
+  };
+}
+var _mapCacheClear = mapCacheClear;
+
+/**
+ * Checks if `value` is suitable for use as unique object key.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+ */
+function isKeyable(value) {
+  var type = typeof value;
+  return type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean' ? value !== '__proto__' : value === null;
+}
+var _isKeyable = isKeyable;
+
+/**
+ * Gets the data for `map`.
+ *
+ * @private
+ * @param {Object} map The map to query.
+ * @param {string} key The reference key.
+ * @returns {*} Returns the map data.
+ */
+function getMapData(map, key) {
+  var data = map.__data__;
+  return _isKeyable(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map;
+}
+var _getMapData = getMapData;
+
+/**
+ * Removes `key` and its value from the map.
+ *
+ * @private
+ * @name delete
+ * @memberOf MapCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function mapCacheDelete(key) {
+  var result = _getMapData(this, key)['delete'](key);
+  this.size -= result ? 1 : 0;
+  return result;
+}
+var _mapCacheDelete = mapCacheDelete;
+
+/**
+ * Gets the map value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf MapCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function mapCacheGet(key) {
+  return _getMapData(this, key).get(key);
+}
+var _mapCacheGet = mapCacheGet;
+
+/**
+ * Checks if a map value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf MapCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function mapCacheHas(key) {
+  return _getMapData(this, key).has(key);
+}
+var _mapCacheHas = mapCacheHas;
+
+/**
+ * Sets the map `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf MapCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the map cache instance.
+ */
+function mapCacheSet(key, value) {
+  var data = _getMapData(this, key),
+    size = data.size;
+  data.set(key, value);
+  this.size += data.size == size ? 0 : 1;
+  return this;
+}
+var _mapCacheSet = mapCacheSet;
+
+/**
+ * Creates a map cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function MapCache(entries) {
+  var index = -1,
+    length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `MapCache`.
+MapCache.prototype.clear = _mapCacheClear;
+MapCache.prototype['delete'] = _mapCacheDelete;
+MapCache.prototype.get = _mapCacheGet;
+MapCache.prototype.has = _mapCacheHas;
+MapCache.prototype.set = _mapCacheSet;
+var _MapCache = MapCache;
+
+/** Used as the size to enable large array optimizations. */
+var LARGE_ARRAY_SIZE = 200;
+
+/**
+ * Sets the stack `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Stack
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the stack cache instance.
+ */
+function stackSet(key, value) {
+  var data = this.__data__;
+  if (data instanceof _ListCache) {
+    var pairs = data.__data__;
+    if (!_Map || pairs.length < LARGE_ARRAY_SIZE - 1) {
+      pairs.push([key, value]);
+      this.size = ++data.size;
+      return this;
+    }
+    data = this.__data__ = new _MapCache(pairs);
+  }
+  data.set(key, value);
+  this.size = data.size;
+  return this;
+}
+var _stackSet = stackSet;
+
+/**
+ * Creates a stack cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Stack(entries) {
+  var data = this.__data__ = new _ListCache(entries);
+  this.size = data.size;
+}
+
+// Add methods to `Stack`.
+Stack.prototype.clear = _stackClear;
+Stack.prototype['delete'] = _stackDelete;
+Stack.prototype.get = _stackGet;
+Stack.prototype.has = _stackHas;
+Stack.prototype.set = _stackSet;
+var _Stack = Stack;
+
+var defineProperty = function () {
+  try {
+    var func = _getNative(Object, 'defineProperty');
+    func({}, '', {});
+    return func;
+  } catch (e) {}
+}();
+var _defineProperty = defineProperty;
+
+/**
+ * The base implementation of `assignValue` and `assignMergeValue` without
+ * value checks.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function baseAssignValue(object, key, value) {
+  if (key == '__proto__' && _defineProperty) {
+    _defineProperty(object, key, {
+      'configurable': true,
+      'enumerable': true,
+      'value': value,
+      'writable': true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+var _baseAssignValue = baseAssignValue;
+
+/**
+ * This function is like `assignValue` except that it doesn't assign
+ * `undefined` values.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function assignMergeValue(object, key, value) {
+  if (value !== undefined && !eq_1(object[key], value) || value === undefined && !(key in object)) {
+    _baseAssignValue(object, key, value);
+  }
+}
+var _assignMergeValue = assignMergeValue;
+
+/**
+ * Creates a base function for methods like `_.forIn` and `_.forOwn`.
+ *
+ * @private
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {Function} Returns the new base function.
+ */
+function createBaseFor(fromRight) {
+  return function (object, iteratee, keysFunc) {
+    var index = -1,
+      iterable = Object(object),
+      props = keysFunc(object),
+      length = props.length;
+    while (length--) {
+      var key = props[fromRight ? length : ++index];
+      if (iteratee(iterable[key], key, iterable) === false) {
+        break;
+      }
+    }
+    return object;
+  };
+}
+var _createBaseFor = createBaseFor;
+
+/**
+ * The base implementation of `baseForOwn` which iterates over `object`
+ * properties returned by `keysFunc` and invokes `iteratee` for each property.
+ * Iteratee functions may exit iteration early by explicitly returning `false`.
+ *
+ * @private
+ * @param {Object} object The object to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @param {Function} keysFunc The function to get the keys of `object`.
+ * @returns {Object} Returns `object`.
+ */
+var baseFor = _createBaseFor();
+var _baseFor = baseFor;
+
+var _cloneBuffer = createCommonjsModule(function (module, exports) {
+  /** Detect free variable `exports`. */
+  var freeExports = exports && !exports.nodeType && exports;
+
+  /** Detect free variable `module`. */
+  var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
+
+  /** Detect the popular CommonJS extension `module.exports`. */
+  var moduleExports = freeModule && freeModule.exports === freeExports;
+
+  /** Built-in value references. */
+  var Buffer = moduleExports ? _root.Buffer : undefined,
+    allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined;
+
+  /**
+   * Creates a clone of  `buffer`.
+   *
+   * @private
+   * @param {Buffer} buffer The buffer to clone.
+   * @param {boolean} [isDeep] Specify a deep clone.
+   * @returns {Buffer} Returns the cloned buffer.
+   */
+  function cloneBuffer(buffer, isDeep) {
+    if (isDeep) {
+      return buffer.slice();
+    }
+    var length = buffer.length,
+      result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
+    buffer.copy(result);
+    return result;
+  }
+  module.exports = cloneBuffer;
+});
+
+/** Built-in value references. */
+var Uint8Array = _root.Uint8Array;
+var _Uint8Array = Uint8Array;
+
+/**
+ * Creates a clone of `arrayBuffer`.
+ *
+ * @private
+ * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
+ * @returns {ArrayBuffer} Returns the cloned array buffer.
+ */
+function cloneArrayBuffer(arrayBuffer) {
+  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+  new _Uint8Array(result).set(new _Uint8Array(arrayBuffer));
+  return result;
+}
+var _cloneArrayBuffer = cloneArrayBuffer;
+
+/**
+ * Creates a clone of `typedArray`.
+ *
+ * @private
+ * @param {Object} typedArray The typed array to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Object} Returns the cloned typed array.
+ */
+function cloneTypedArray(typedArray, isDeep) {
+  var buffer = isDeep ? _cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+}
+var _cloneTypedArray = cloneTypedArray;
+
+/**
+ * Copies the values of `source` to `array`.
+ *
+ * @private
+ * @param {Array} source The array to copy values from.
+ * @param {Array} [array=[]] The array to copy values to.
+ * @returns {Array} Returns `array`.
+ */
+function copyArray(source, array) {
+  var index = -1,
+    length = source.length;
+  array || (array = Array(length));
+  while (++index < length) {
+    array[index] = source[index];
+  }
+  return array;
+}
+var _copyArray = copyArray;
+
+/** Built-in value references. */
+var objectCreate = Object.create;
+
+/**
+ * The base implementation of `_.create` without support for assigning
+ * properties to the created object.
+ *
+ * @private
+ * @param {Object} proto The object to inherit from.
+ * @returns {Object} Returns the new object.
+ */
+var baseCreate = function () {
+  function object() {}
+  return function (proto) {
+    if (!isObject_1(proto)) {
+      return {};
+    }
+    if (objectCreate) {
+      return objectCreate(proto);
+    }
+    object.prototype = proto;
+    var result = new object();
+    object.prototype = undefined;
+    return result;
+  };
+}();
+var _baseCreate = baseCreate;
+
+/**
+ * Creates a unary function that invokes `func` with its argument transformed.
+ *
+ * @private
+ * @param {Function} func The function to wrap.
+ * @param {Function} transform The argument transform.
+ * @returns {Function} Returns the new function.
+ */
+function overArg(func, transform) {
+  return function (arg) {
+    return func(transform(arg));
+  };
+}
+var _overArg = overArg;
+
+/** Built-in value references. */
+var getPrototype = _overArg(Object.getPrototypeOf, Object);
+var _getPrototype = getPrototype;
+
+/** Used for built-in method references. */
+var objectProto$5 = Object.prototype;
+
+/**
+ * Checks if `value` is likely a prototype object.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
+ */
+function isPrototype(value) {
+  var Ctor = value && value.constructor,
+    proto = typeof Ctor == 'function' && Ctor.prototype || objectProto$5;
+  return value === proto;
+}
+var _isPrototype = isPrototype;
+
+/**
+ * Initializes an object clone.
+ *
+ * @private
+ * @param {Object} object The object to clone.
+ * @returns {Object} Returns the initialized clone.
+ */
+function initCloneObject(object) {
+  return typeof object.constructor == 'function' && !_isPrototype(object) ? _baseCreate(_getPrototype(object)) : {};
+}
+var _initCloneObject = initCloneObject;
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+var isObjectLike_1 = isObjectLike;
+
+/** `Object#toString` result references. */
+var argsTag$1 = '[object Arguments]';
+
+/**
+ * The base implementation of `_.isArguments`.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ */
+function baseIsArguments(value) {
+  return isObjectLike_1(value) && _baseGetTag(value) == argsTag$1;
+}
+var _baseIsArguments = baseIsArguments;
+
+/** Used for built-in method references. */
+var objectProto$4 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
+
+/** Built-in value references. */
+var propertyIsEnumerable = objectProto$4.propertyIsEnumerable;
+
+/**
+ * Checks if `value` is likely an `arguments` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArguments(function() { return arguments; }());
+ * // => true
+ *
+ * _.isArguments([1, 2, 3]);
+ * // => false
+ */
+var isArguments = _baseIsArguments(function () {
+  return arguments;
+}()) ? _baseIsArguments : function (value) {
+  return isObjectLike_1(value) && hasOwnProperty$4.call(value, 'callee') && !propertyIsEnumerable.call(value, 'callee');
+};
+var isArguments_1 = isArguments;
+
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+var isArray = Array.isArray;
+var isArray_1 = isArray;
+
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER$1 = 9007199254740991;
+
+/**
+ * Checks if `value` is a valid array-like length.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+ * @example
+ *
+ * _.isLength(3);
+ * // => true
+ *
+ * _.isLength(Number.MIN_VALUE);
+ * // => false
+ *
+ * _.isLength(Infinity);
+ * // => false
+ *
+ * _.isLength('3');
+ * // => false
+ */
+function isLength(value) {
+  return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER$1;
+}
+var isLength_1 = isLength;
+
+/**
+ * Checks if `value` is array-like. A value is considered array-like if it's
+ * not a function and has a `value.length` that's an integer greater than or
+ * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+ * @example
+ *
+ * _.isArrayLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLike(document.body.children);
+ * // => true
+ *
+ * _.isArrayLike('abc');
+ * // => true
+ *
+ * _.isArrayLike(_.noop);
+ * // => false
+ */
+function isArrayLike(value) {
+  return value != null && isLength_1(value.length) && !isFunction_1(value);
+}
+var isArrayLike_1 = isArrayLike;
+
+/**
+ * This method is like `_.isArrayLike` except that it also checks if `value`
+ * is an object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array-like object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArrayLikeObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLikeObject(document.body.children);
+ * // => true
+ *
+ * _.isArrayLikeObject('abc');
+ * // => false
+ *
+ * _.isArrayLikeObject(_.noop);
+ * // => false
+ */
+function isArrayLikeObject(value) {
+  return isObjectLike_1(value) && isArrayLike_1(value);
+}
+var isArrayLikeObject_1 = isArrayLikeObject;
+
+/**
+ * This method returns `false`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {boolean} Returns `false`.
+ * @example
+ *
+ * _.times(2, _.stubFalse);
+ * // => [false, false]
+ */
+function stubFalse() {
+  return false;
+}
+var stubFalse_1 = stubFalse;
+
+var isBuffer_1 = createCommonjsModule(function (module, exports) {
+  /** Detect free variable `exports`. */
+  var freeExports = exports && !exports.nodeType && exports;
+
+  /** Detect free variable `module`. */
+  var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
+
+  /** Detect the popular CommonJS extension `module.exports`. */
+  var moduleExports = freeModule && freeModule.exports === freeExports;
+
+  /** Built-in value references. */
+  var Buffer = moduleExports ? _root.Buffer : undefined;
+
+  /* Built-in method references for those with the same name as other `lodash` methods. */
+  var nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;
+
+  /**
+   * Checks if `value` is a buffer.
+   *
+   * @static
+   * @memberOf _
+   * @since 4.3.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
+   * @example
+   *
+   * _.isBuffer(new Buffer(2));
+   * // => true
+   *
+   * _.isBuffer(new Uint8Array(2));
+   * // => false
+   */
+  var isBuffer = nativeIsBuffer || stubFalse_1;
+  module.exports = isBuffer;
+});
+
+/** `Object#toString` result references. */
+var objectTag$1 = '[object Object]';
+
+/** Used for built-in method references. */
+var funcProto = Function.prototype,
+  objectProto$3 = Object.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString = funcProto.toString;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+
+/** Used to infer the `Object` constructor. */
+var objectCtorString = funcToString.call(Object);
+
+/**
+ * Checks if `value` is a plain object, that is, an object created by the
+ * `Object` constructor or one with a `[[Prototype]]` of `null`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.8.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ * }
+ *
+ * _.isPlainObject(new Foo);
+ * // => false
+ *
+ * _.isPlainObject([1, 2, 3]);
+ * // => false
+ *
+ * _.isPlainObject({ 'x': 0, 'y': 0 });
+ * // => true
+ *
+ * _.isPlainObject(Object.create(null));
+ * // => true
+ */
+function isPlainObject(value) {
+  if (!isObjectLike_1(value) || _baseGetTag(value) != objectTag$1) {
+    return false;
+  }
+  var proto = _getPrototype(value);
+  if (proto === null) {
+    return true;
+  }
+  var Ctor = hasOwnProperty$3.call(proto, 'constructor') && proto.constructor;
+  return typeof Ctor == 'function' && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
+}
+var isPlainObject_1 = isPlainObject;
+
+/** `Object#toString` result references. */
+var argsTag = '[object Arguments]',
+  arrayTag = '[object Array]',
+  boolTag = '[object Boolean]',
+  dateTag = '[object Date]',
+  errorTag = '[object Error]',
+  funcTag = '[object Function]',
+  mapTag = '[object Map]',
+  numberTag = '[object Number]',
+  objectTag = '[object Object]',
+  regexpTag = '[object RegExp]',
+  setTag = '[object Set]',
+  stringTag = '[object String]',
+  weakMapTag = '[object WeakMap]';
+var arrayBufferTag = '[object ArrayBuffer]',
+  dataViewTag = '[object DataView]',
+  float32Tag = '[object Float32Array]',
+  float64Tag = '[object Float64Array]',
+  int8Tag = '[object Int8Array]',
+  int16Tag = '[object Int16Array]',
+  int32Tag = '[object Int32Array]',
+  uint8Tag = '[object Uint8Array]',
+  uint8ClampedTag = '[object Uint8ClampedArray]',
+  uint16Tag = '[object Uint16Array]',
+  uint32Tag = '[object Uint32Array]';
+
+/** Used to identify `toStringTag` values of typed arrays. */
+var typedArrayTags = {};
+typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+
+/**
+ * The base implementation of `_.isTypedArray` without Node.js optimizations.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ */
+function baseIsTypedArray(value) {
+  return isObjectLike_1(value) && isLength_1(value.length) && !!typedArrayTags[_baseGetTag(value)];
+}
+var _baseIsTypedArray = baseIsTypedArray;
+
+/**
+ * The base implementation of `_.unary` without support for storing metadata.
+ *
+ * @private
+ * @param {Function} func The function to cap arguments for.
+ * @returns {Function} Returns the new capped function.
+ */
+function baseUnary(func) {
+  return function (value) {
+    return func(value);
+  };
+}
+var _baseUnary = baseUnary;
+
+var _nodeUtil = createCommonjsModule(function (module, exports) {
+  /** Detect free variable `exports`. */
+  var freeExports = exports && !exports.nodeType && exports;
+
+  /** Detect free variable `module`. */
+  var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
+
+  /** Detect the popular CommonJS extension `module.exports`. */
+  var moduleExports = freeModule && freeModule.exports === freeExports;
+
+  /** Detect free variable `process` from Node.js. */
+  var freeProcess = moduleExports && _freeGlobal.process;
+
+  /** Used to access faster Node.js helpers. */
+  var nodeUtil = function () {
+    try {
+      // Use `util.types` for Node.js 10+.
+      var types = freeModule && freeModule.require && freeModule.require('util').types;
+      if (types) {
+        return types;
+      }
+
+      // Legacy `process.binding('util')` for Node.js < 10.
+      return freeProcess && freeProcess.binding && freeProcess.binding('util');
+    } catch (e) {}
+  }();
+  module.exports = nodeUtil;
+});
+
+/* Node.js helper references. */
+var nodeIsTypedArray = _nodeUtil && _nodeUtil.isTypedArray;
+
+/**
+ * Checks if `value` is classified as a typed array.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ * @example
+ *
+ * _.isTypedArray(new Uint8Array);
+ * // => true
+ *
+ * _.isTypedArray([]);
+ * // => false
+ */
+var isTypedArray = nodeIsTypedArray ? _baseUnary(nodeIsTypedArray) : _baseIsTypedArray;
+var isTypedArray_1 = isTypedArray;
+
+/**
+ * Gets the value at `key`, unless `key` is "__proto__" or "constructor".
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+function safeGet(object, key) {
+  if (key === 'constructor' && typeof object[key] === 'function') {
+    return;
+  }
+  if (key == '__proto__') {
+    return;
+  }
+  return object[key];
+}
+var _safeGet = safeGet;
+
+/** Used for built-in method references. */
+var objectProto$2 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+
+/**
+ * Assigns `value` to `key` of `object` if the existing value is not equivalent
+ * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * for equality comparisons.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function assignValue(object, key, value) {
+  var objValue = object[key];
+  if (!(hasOwnProperty$2.call(object, key) && eq_1(objValue, value)) || value === undefined && !(key in object)) {
+    _baseAssignValue(object, key, value);
+  }
+}
+var _assignValue = assignValue;
+
+/**
+ * Copies properties of `source` to `object`.
+ *
+ * @private
+ * @param {Object} source The object to copy properties from.
+ * @param {Array} props The property identifiers to copy.
+ * @param {Object} [object={}] The object to copy properties to.
+ * @param {Function} [customizer] The function to customize copied values.
+ * @returns {Object} Returns `object`.
+ */
+function copyObject(source, props, object, customizer) {
+  var isNew = !object;
+  object || (object = {});
+  var index = -1,
+    length = props.length;
+  while (++index < length) {
+    var key = props[index];
+    var newValue = customizer ? customizer(object[key], source[key], key, object, source) : undefined;
+    if (newValue === undefined) {
+      newValue = source[key];
+    }
+    if (isNew) {
+      _baseAssignValue(object, key, newValue);
+    } else {
+      _assignValue(object, key, newValue);
+    }
+  }
+  return object;
+}
+var _copyObject = copyObject;
+
+/**
+ * The base implementation of `_.times` without support for iteratee shorthands
+ * or max array length checks.
+ *
+ * @private
+ * @param {number} n The number of times to invoke `iteratee`.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the array of results.
+ */
+function baseTimes(n, iteratee) {
+  var index = -1,
+    result = Array(n);
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+  return result;
+}
+var _baseTimes = baseTimes;
+
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/** Used to detect unsigned integer values. */
+var reIsUint = /^(?:0|[1-9]\d*)$/;
+
+/**
+ * Checks if `value` is a valid array-like index.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+ * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+ */
+function isIndex(value, length) {
+  var type = typeof value;
+  length = length == null ? MAX_SAFE_INTEGER : length;
+  return !!length && (type == 'number' || type != 'symbol' && reIsUint.test(value)) && value > -1 && value % 1 == 0 && value < length;
+}
+var _isIndex = isIndex;
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+
+/**
+ * Creates an array of the enumerable property names of the array-like `value`.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @param {boolean} inherited Specify returning inherited property names.
+ * @returns {Array} Returns the array of property names.
+ */
+function arrayLikeKeys(value, inherited) {
+  var isArr = isArray_1(value),
+    isArg = !isArr && isArguments_1(value),
+    isBuff = !isArr && !isArg && isBuffer_1(value),
+    isType = !isArr && !isArg && !isBuff && isTypedArray_1(value),
+    skipIndexes = isArr || isArg || isBuff || isType,
+    result = skipIndexes ? _baseTimes(value.length, String) : [],
+    length = result.length;
+  for (var key in value) {
+    if ((inherited || hasOwnProperty$1.call(value, key)) && !(skipIndexes && (
+    // Safari 9 has enumerable `arguments.length` in strict mode.
+    key == 'length' ||
+    // Node.js 0.10 has enumerable non-index properties on buffers.
+    isBuff && (key == 'offset' || key == 'parent') ||
+    // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset') ||
+    // Skip index properties.
+    _isIndex(key, length)))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+var _arrayLikeKeys = arrayLikeKeys;
+
+/**
+ * This function is like
+ * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+ * except that it includes inherited enumerable properties.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */
+function nativeKeysIn(object) {
+  var result = [];
+  if (object != null) {
+    for (var key in Object(object)) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+var _nativeKeysIn = nativeKeysIn;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */
+function baseKeysIn(object) {
+  if (!isObject_1(object)) {
+    return _nativeKeysIn(object);
+  }
+  var isProto = _isPrototype(object),
+    result = [];
+  for (var key in object) {
+    if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+var _baseKeysIn = baseKeysIn;
+
+/**
+ * Creates an array of the own and inherited enumerable property names of `object`.
+ *
+ * **Note:** Non-object values are coerced to objects.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.keysIn(new Foo);
+ * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+ */
+function keysIn(object) {
+  return isArrayLike_1(object) ? _arrayLikeKeys(object, true) : _baseKeysIn(object);
+}
+var keysIn_1 = keysIn;
+
+/**
+ * Converts `value` to a plain object flattening inherited enumerable string
+ * keyed properties of `value` to own properties of the plain object.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {Object} Returns the converted plain object.
+ * @example
+ *
+ * function Foo() {
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.assign({ 'a': 1 }, new Foo);
+ * // => { 'a': 1, 'b': 2 }
+ *
+ * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
+ * // => { 'a': 1, 'b': 2, 'c': 3 }
+ */
+function toPlainObject(value) {
+  return _copyObject(value, keysIn_1(value));
+}
+var toPlainObject_1 = toPlainObject;
+
+/**
+ * A specialized version of `baseMerge` for arrays and objects which performs
+ * deep merges and tracks traversed objects enabling objects with circular
+ * references to be merged.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @param {string} key The key of the value to merge.
+ * @param {number} srcIndex The index of `source`.
+ * @param {Function} mergeFunc The function to merge values.
+ * @param {Function} [customizer] The function to customize assigned values.
+ * @param {Object} [stack] Tracks traversed source values and their merged
+ *  counterparts.
+ */
+function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+  var objValue = _safeGet(object, key),
+    srcValue = _safeGet(source, key),
+    stacked = stack.get(srcValue);
+  if (stacked) {
+    _assignMergeValue(object, key, stacked);
+    return;
+  }
+  var newValue = customizer ? customizer(objValue, srcValue, key + '', object, source, stack) : undefined;
+  var isCommon = newValue === undefined;
+  if (isCommon) {
+    var isArr = isArray_1(srcValue),
+      isBuff = !isArr && isBuffer_1(srcValue),
+      isTyped = !isArr && !isBuff && isTypedArray_1(srcValue);
+    newValue = srcValue;
+    if (isArr || isBuff || isTyped) {
+      if (isArray_1(objValue)) {
+        newValue = objValue;
+      } else if (isArrayLikeObject_1(objValue)) {
+        newValue = _copyArray(objValue);
+      } else if (isBuff) {
+        isCommon = false;
+        newValue = _cloneBuffer(srcValue, true);
+      } else if (isTyped) {
+        isCommon = false;
+        newValue = _cloneTypedArray(srcValue, true);
+      } else {
+        newValue = [];
+      }
+    } else if (isPlainObject_1(srcValue) || isArguments_1(srcValue)) {
+      newValue = objValue;
+      if (isArguments_1(objValue)) {
+        newValue = toPlainObject_1(objValue);
+      } else if (!isObject_1(objValue) || isFunction_1(objValue)) {
+        newValue = _initCloneObject(srcValue);
+      }
+    } else {
+      isCommon = false;
+    }
+  }
+  if (isCommon) {
+    // Recursively merge objects and arrays (susceptible to call stack limits).
+    stack.set(srcValue, newValue);
+    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+    stack['delete'](srcValue);
+  }
+  _assignMergeValue(object, key, newValue);
+}
+var _baseMergeDeep = baseMergeDeep;
+
+/**
+ * The base implementation of `_.merge` without support for multiple sources.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @param {number} srcIndex The index of `source`.
+ * @param {Function} [customizer] The function to customize merged values.
+ * @param {Object} [stack] Tracks traversed source values and their merged
+ *  counterparts.
+ */
+function baseMerge(object, source, srcIndex, customizer, stack) {
+  if (object === source) {
+    return;
+  }
+  _baseFor(source, function (srcValue, key) {
+    stack || (stack = new _Stack());
+    if (isObject_1(srcValue)) {
+      _baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
+    } else {
+      var newValue = customizer ? customizer(_safeGet(object, key), srcValue, key + '', object, source, stack) : undefined;
+      if (newValue === undefined) {
+        newValue = srcValue;
+      }
+      _assignMergeValue(object, key, newValue);
+    }
+  }, keysIn_1);
+}
+var _baseMerge = baseMerge;
+
+/**
+ * This method returns the first argument it receives.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {*} value Any value.
+ * @returns {*} Returns `value`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ *
+ * console.log(_.identity(object) === object);
+ * // => true
+ */
+function identity(value) {
+  return value;
+}
+var identity_1 = identity;
+
+/**
+ * A faster alternative to `Function#apply`, this function invokes `func`
+ * with the `this` binding of `thisArg` and the arguments of `args`.
+ *
+ * @private
+ * @param {Function} func The function to invoke.
+ * @param {*} thisArg The `this` binding of `func`.
+ * @param {Array} args The arguments to invoke `func` with.
+ * @returns {*} Returns the result of `func`.
+ */
+function apply(func, thisArg, args) {
+  switch (args.length) {
+    case 0:
+      return func.call(thisArg);
+    case 1:
+      return func.call(thisArg, args[0]);
+    case 2:
+      return func.call(thisArg, args[0], args[1]);
+    case 3:
+      return func.call(thisArg, args[0], args[1], args[2]);
+  }
+  return func.apply(thisArg, args);
+}
+var _apply = apply;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max;
+
+/**
+ * A specialized version of `baseRest` which transforms the rest array.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @param {Function} transform The rest array transform.
+ * @returns {Function} Returns the new function.
+ */
+function overRest(func, start, transform) {
+  start = nativeMax(start === undefined ? func.length - 1 : start, 0);
+  return function () {
+    var args = arguments,
+      index = -1,
+      length = nativeMax(args.length - start, 0),
+      array = Array(length);
+    while (++index < length) {
+      array[index] = args[start + index];
+    }
+    index = -1;
+    var otherArgs = Array(start + 1);
+    while (++index < start) {
+      otherArgs[index] = args[index];
+    }
+    otherArgs[start] = transform(array);
+    return _apply(func, this, otherArgs);
+  };
+}
+var _overRest = overRest;
+
+/**
+ * Creates a function that returns `value`.
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Util
+ * @param {*} value The value to return from the new function.
+ * @returns {Function} Returns the new constant function.
+ * @example
+ *
+ * var objects = _.times(2, _.constant({ 'a': 1 }));
+ *
+ * console.log(objects);
+ * // => [{ 'a': 1 }, { 'a': 1 }]
+ *
+ * console.log(objects[0] === objects[1]);
+ * // => true
+ */
+function constant(value) {
+  return function () {
+    return value;
+  };
+}
+var constant_1 = constant;
+
+/**
+ * The base implementation of `setToString` without support for hot loop shorting.
+ *
+ * @private
+ * @param {Function} func The function to modify.
+ * @param {Function} string The `toString` result.
+ * @returns {Function} Returns `func`.
+ */
+var baseSetToString = !_defineProperty ? identity_1 : function (func, string) {
+  return _defineProperty(func, 'toString', {
+    'configurable': true,
+    'enumerable': false,
+    'value': constant_1(string),
+    'writable': true
+  });
+};
+var _baseSetToString = baseSetToString;
+
+/** Used to detect hot functions by number of calls within a span of milliseconds. */
+var HOT_COUNT = 800,
+  HOT_SPAN = 16;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeNow = Date.now;
+
+/**
+ * Creates a function that'll short out and invoke `identity` instead
+ * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN`
+ * milliseconds.
+ *
+ * @private
+ * @param {Function} func The function to restrict.
+ * @returns {Function} Returns the new shortable function.
+ */
+function shortOut(func) {
+  var count = 0,
+    lastCalled = 0;
+  return function () {
+    var stamp = nativeNow(),
+      remaining = HOT_SPAN - (stamp - lastCalled);
+    lastCalled = stamp;
+    if (remaining > 0) {
+      if (++count >= HOT_COUNT) {
+        return arguments[0];
+      }
+    } else {
+      count = 0;
+    }
+    return func.apply(undefined, arguments);
+  };
+}
+var _shortOut = shortOut;
+
+/**
+ * Sets the `toString` method of `func` to return `string`.
+ *
+ * @private
+ * @param {Function} func The function to modify.
+ * @param {Function} string The `toString` result.
+ * @returns {Function} Returns `func`.
+ */
+var setToString = _shortOut(_baseSetToString);
+var _setToString = setToString;
+
+/**
+ * The base implementation of `_.rest` which doesn't validate or coerce arguments.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @returns {Function} Returns the new function.
+ */
+function baseRest(func, start) {
+  return _setToString(_overRest(func, start, identity_1), func + '');
+}
+var _baseRest = baseRest;
+
+/**
+ * Checks if the given arguments are from an iteratee call.
+ *
+ * @private
+ * @param {*} value The potential iteratee value argument.
+ * @param {*} index The potential iteratee index or key argument.
+ * @param {*} object The potential iteratee object argument.
+ * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
+ *  else `false`.
+ */
+function isIterateeCall(value, index, object) {
+  if (!isObject_1(object)) {
+    return false;
+  }
+  var type = typeof index;
+  if (type == 'number' ? isArrayLike_1(object) && _isIndex(index, object.length) : type == 'string' && index in object) {
+    return eq_1(object[index], value);
+  }
+  return false;
+}
+var _isIterateeCall = isIterateeCall;
+
+/**
+ * Creates a function like `_.assign`.
+ *
+ * @private
+ * @param {Function} assigner The function to assign values.
+ * @returns {Function} Returns the new assigner function.
+ */
+function createAssigner(assigner) {
+  return _baseRest(function (object, sources) {
+    var index = -1,
+      length = sources.length,
+      customizer = length > 1 ? sources[length - 1] : undefined,
+      guard = length > 2 ? sources[2] : undefined;
+    customizer = assigner.length > 3 && typeof customizer == 'function' ? (length--, customizer) : undefined;
+    if (guard && _isIterateeCall(sources[0], sources[1], guard)) {
+      customizer = length < 3 ? undefined : customizer;
+      length = 1;
+    }
+    object = Object(object);
+    while (++index < length) {
+      var source = sources[index];
+      if (source) {
+        assigner(object, source, index, customizer);
+      }
+    }
+    return object;
+  });
+}
+var _createAssigner = createAssigner;
+
+/**
+ * This method is like `_.merge` except that it accepts `customizer` which
+ * is invoked to produce the merged values of the destination and source
+ * properties. If `customizer` returns `undefined`, merging is handled by the
+ * method instead. The `customizer` is invoked with six arguments:
+ * (objValue, srcValue, key, object, source, stack).
+ *
+ * **Note:** This method mutates `object`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Object
+ * @param {Object} object The destination object.
+ * @param {...Object} sources The source objects.
+ * @param {Function} customizer The function to customize assigned values.
+ * @returns {Object} Returns `object`.
+ * @example
+ *
+ * function customizer(objValue, srcValue) {
+ *   if (_.isArray(objValue)) {
+ *     return objValue.concat(srcValue);
+ *   }
+ * }
+ *
+ * var object = { 'a': [1], 'b': [2] };
+ * var other = { 'a': [3], 'b': [4] };
+ *
+ * _.mergeWith(object, other, customizer);
+ * // => { 'a': [1, 3], 'b': [2, 4] }
+ */
+var mergeWith = _createAssigner(function (object, source, srcIndex, customizer) {
+  _baseMerge(object, source, srcIndex, customizer);
+});
+var mergeWith_1 = mergeWith;
+var mergeWith$1 = mergeWith_1;
+
+/**
+ * merge-props.js
+ *
+ * Forked from reactabular-table version 8.14.0
+ * https://github.com/reactabular/reactabular/tree/v8.14.0/packages/reactabular-table/src
+ */
+/**
+ * @param {any} props - Props
+ */
+function mergeProps(...props) {
+  const firstProps = props[0];
+  const restProps = props.slice(1);
+  if (!restProps.length) {
+    return mergeWith$1({}, firstProps);
+  }
+  // Avoid mutating the first prop collection
+  return mergeWith$1(mergeWith$1({}, firstProps), ...restProps, (a, b, key) => {
+    if (key === 'children') {
+      if (a && b) {
+        // compose the two
+        return React.cloneElement(a, {
+          children: b
+        });
+      }
+      // Children have to be merged in reverse order for Reactabular
+      // logic to work.
+      return Object.assign(Object.assign({}, b), a);
+    }
+    if (key === 'className') {
+      // Process class names through classNames to merge properly
+      // as a string.
+      return css(a, b);
+    }
+    return undefined;
+  });
+}
+
+const c_table__sticky_cell_MinWidth = {
+  "name": "--pf-v5-c-table__sticky-cell--MinWidth",
+  "value": "12.5rem",
+  "var": "var(--pf-v5-c-table__sticky-cell--MinWidth)"
+};
+var cssStickyCellMinWidth = c_table__sticky_cell_MinWidth;
+
+const c_table__sticky_cell_Left = {
+  "name": "--pf-v5-c-table__sticky-cell--Left",
+  "value": "0",
+  "var": "var(--pf-v5-c-table__sticky-cell--Left)"
+};
+var cssStickyCellLeft = c_table__sticky_cell_Left;
+
+const c_table__sticky_cell_Right = {
+  "name": "--pf-v5-c-table__sticky-cell--Right",
+  "value": "0",
+  "var": "var(--pf-v5-c-table__sticky-cell--Right)"
+};
+var cssStickyCellRight = c_table__sticky_cell_Right;
+
+const ThBase = _a => {
+  var {
+      children,
+      className,
+      component = 'th',
+      dataLabel,
+      scope = 'col',
+      textCenter = false,
+      sort = null,
+      modifier,
+      select = null,
+      expand: collapse = null,
+      tooltip = '',
+      tooltipProps,
+      onMouseEnter: onMouseEnterProp = () => {},
+      width,
+      visibility,
+      innerRef,
+      info: infoProps,
+      isStickyColumn = false,
+      hasRightBorder = false,
+      hasLeftBorder = false,
+      stickyMinWidth = '120px',
+      stickyLeftOffset,
+      stickyRightOffset,
+      isSubheader = false,
+      screenReaderText,
+      'aria-label': ariaLabel
+    } = _a,
+    props = __rest(_a, ["children", "className", "component", "dataLabel", "scope", "textCenter", "sort", "modifier", "select", "expand", "tooltip", "tooltipProps", "onMouseEnter", "width", "visibility", "innerRef", "info", "isStickyColumn", "hasRightBorder", "hasLeftBorder", "stickyMinWidth", "stickyLeftOffset", "stickyRightOffset", "isSubheader", "screenReaderText", 'aria-label']);
+  if (!children && !screenReaderText && !ariaLabel) {
+    // eslint-disable-next-line no-console
+    console.warn('Th: Table headers must have an accessible name. If the Th is intended to be visually empty, pass in screenReaderText. If the Th contains only non-text, interactive content such as a checkbox or expand toggle, pass in an aria-label.');
+  }
   const [showTooltip, setShowTooltip] = React.useState(false);
   const [truncated, setTruncated] = React.useState(false);
   const cellRef = innerRef ? innerRef : React.createRef();
-
   const onMouseEnter = event => {
     if (event.target.offsetWidth < event.target.scrollWidth) {
       !showTooltip && setShowTooltip(true);
     } else {
       showTooltip && setShowTooltip(false);
     }
-
     onMouseEnterProp(event);
   };
-
   let sortParams = null;
-
   if (sort) {
     if (sort.isFavorites) {
       sortParams = sortableFavorites({
@@ -1662,7 +3684,6 @@ const ThBase = _a => {
       });
     }
   }
-
   const selectParams = select ? selectable(children, {
     rowData: {
       selected: select.isSelected,
@@ -1691,29 +3712,25 @@ const ThBase = _a => {
   }) : null;
   const widthParams = width ? cellWidth(width)() : null;
   const visibilityParams = visibility ? classNames(...visibility.map(vis => Visibility[vis]))() : null;
-  let transformedChildren = (sortParams === null || sortParams === void 0 ? void 0 : sortParams.children) || (selectParams === null || selectParams === void 0 ? void 0 : selectParams.children) || (collapseParams === null || collapseParams === void 0 ? void 0 : collapseParams.children) || children; // info can wrap other transformedChildren
-
+  let transformedChildren = (sortParams === null || sortParams === void 0 ? void 0 : sortParams.children) || (selectParams === null || selectParams === void 0 ? void 0 : selectParams.children) || (collapseParams === null || collapseParams === void 0 ? void 0 : collapseParams.children) || children;
+  // info can wrap other transformedChildren
   let infoParams = null;
-
   if (infoProps) {
     infoParams = info(infoProps)(transformedChildren);
     transformedChildren = infoParams.children;
   }
-
   const merged = mergeProps(sortParams, selectParams, collapseParams, widthParams, visibilityParams, infoParams);
-
   const {
-    // ignore the merged children since we transform them ourselves so we can wrap it with info
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    children: mergedChildren = null,
-    // selectable adds this but we don't want it
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    isVisible = null,
-    className: mergedClassName = '',
-    component: MergedComponent = component
-  } = merged,
-        mergedProps = __rest$1(merged, ["children", "isVisible", "className", "component"]);
-
+      // ignore the merged children since we transform them ourselves so we can wrap it with info
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      children: mergedChildren = null,
+      // selectable adds this but we don't want it
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      isVisible = null,
+      className: mergedClassName = '',
+      component: MergedComponent = component
+    } = merged,
+    mergedProps = __rest(merged, ["children", "isVisible", "className", "component"]);
   React.useEffect(() => {
     setTruncated(cellRef.current.offsetWidth < cellRef.current.scrollWidth);
   }, [cellRef]);
@@ -1744,7 +3761,6 @@ const ThBase = _a => {
     isVisible: true
   }, tooltipProps))) : cell;
 };
-
 const Th = React.forwardRef((props, ref) => React.createElement(ThBase, Object.assign({}, props, {
   innerRef: ref
 })));
@@ -1766,49 +3782,45 @@ const draggable = (value, {
 
 const TdBase = _a => {
   var {
-    children,
-    className,
-    isActionCell = false,
-    component = 'td',
-    dataLabel,
-    textCenter = false,
-    modifier,
-    select = null,
-    actions = null,
-    expand = null,
-    treeRow: treeRowProp = null,
-    compoundExpand: compoundExpandProp = null,
-    noPadding,
-    width,
-    visibility,
-    innerRef,
-    favorites = null,
-    draggableRow: draggableRowProp = null,
-    tooltip = '',
-    onMouseEnter: onMouseEnterProp = () => {},
-    isStickyColumn = false,
-    hasRightBorder = false,
-    hasLeftBorder = false,
-    stickyMinWidth = '120px',
-    stickyLeftOffset,
-    stickyRightOffset
-  } = _a,
-      props = __rest$1(_a, ["children", "className", "isActionCell", "component", "dataLabel", "textCenter", "modifier", "select", "actions", "expand", "treeRow", "compoundExpand", "noPadding", "width", "visibility", "innerRef", "favorites", "draggableRow", "tooltip", "onMouseEnter", "isStickyColumn", "hasRightBorder", "hasLeftBorder", "stickyMinWidth", "stickyLeftOffset", "stickyRightOffset"]);
-
+      children,
+      className,
+      isActionCell = false,
+      component = 'td',
+      dataLabel,
+      textCenter = false,
+      modifier,
+      select = null,
+      actions = null,
+      expand = null,
+      treeRow: treeRowProp = null,
+      compoundExpand: compoundExpandProp = null,
+      noPadding,
+      width,
+      visibility,
+      innerRef,
+      favorites = null,
+      draggableRow: draggableRowProp = null,
+      tooltip = '',
+      onMouseEnter: onMouseEnterProp = () => {},
+      isStickyColumn = false,
+      hasRightBorder = false,
+      hasLeftBorder = false,
+      stickyMinWidth = '120px',
+      stickyLeftOffset,
+      stickyRightOffset
+    } = _a,
+    props = __rest(_a, ["children", "className", "isActionCell", "component", "dataLabel", "textCenter", "modifier", "select", "actions", "expand", "treeRow", "compoundExpand", "noPadding", "width", "visibility", "innerRef", "favorites", "draggableRow", "tooltip", "onMouseEnter", "isStickyColumn", "hasRightBorder", "hasLeftBorder", "stickyMinWidth", "stickyLeftOffset", "stickyRightOffset"]);
   const [showTooltip, setShowTooltip] = React.useState(false);
   const [truncated, setTruncated] = React.useState(false);
   const cellRef = innerRef ? innerRef : React.createRef();
-
   const onMouseEnter = event => {
     if (event.target.offsetWidth < event.target.scrollWidth) {
       !showTooltip && setShowTooltip(true);
     } else {
       showTooltip && setShowTooltip(false);
     }
-
     onMouseEnterProp(event);
   };
-
   const selectParams = select ? selectable(children, {
     rowIndex: select.rowIndex,
     rowData: {
@@ -1894,17 +3906,15 @@ const TdBase = _a => {
     }
   }) : null;
   const merged = mergeProps(selectParams, actionParams, expandableParams, compoundParams, widthParams, visibilityParams, favoriteParams, treeRowParams, draggableParams);
-
   const {
-    // selectable adds this but we don't want it
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    isVisible = null,
-    children: mergedChildren = null,
-    className: mergedClassName = '',
-    component: MergedComponent = component
-  } = merged,
-        mergedProps = __rest$1(merged, ["isVisible", "children", "className", "component"]);
-
+      // selectable adds this but we don't want it
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      isVisible = null,
+      children: mergedChildren = null,
+      className: mergedClassName = '',
+      component: MergedComponent = component
+    } = merged,
+    mergedProps = __rest(merged, ["isVisible", "children", "className", "component"]);
   const treeTableTitleCell = className && className.includes(treeViewStyles.tableTreeViewTitleCell) || mergedClassName && mergedClassName.includes(treeViewStyles.tableTreeViewTitleCell);
   React.useEffect(() => {
     setTruncated(cellRef.current.offsetWidth < cellRef.current.scrollWidth);
@@ -1933,7 +3943,6 @@ const TdBase = _a => {
     isVisible: true
   })) : cell;
 };
-
 const Td = React.forwardRef((props, ref) => React.createElement(TdBase, Object.assign({}, props, {
   innerRef: ref
 })));
@@ -1970,70 +3979,68 @@ function FilterableTable({
   actions,
   perPageOptions
 }) {
-
   const [page, setPage] = useState(DEFAULT_PAGE);
   const [perPage, setPerPage] = useState(DEFAULT_PERPAGE );
   const [sortTableBy, setSortTableBy] = useState({});
   const [rows, setRows] = useState([]);
   const [filteredItems, setFilteredItems] = useState(items);
   const [tableFilters, setTableFilters] = useState([]);
-  /**
-   * Sorts table by the selected column in ascending or decending order
-   * @param _event click
-   * @param index column index
-   * @param direction asc || desc
+  /**
+   * Sorts table by the selected column in ascending or decending order
+   * @param _event click
+   * @param index column index
+   * @param direction asc || desc
    */
-
   const onSort = (_event, index, direction) => {
     var _columns$index, _columns$index2;
-
-    const sortField = columns == null ? void 0 : (_columns$index = columns[index]) == null ? void 0 : _columns$index.sortField;
-    const sortFn = columns == null ? void 0 : (_columns$index2 = columns[index]) == null ? void 0 : _columns$index2.sortFn;
-    const sortedRows = sortFn ? sortBy(filteredItems, sortFn) : sortField ? sortBy(filteredItems, item => item[sortField]) : filteredItems;
+    const sortField = columns == null || (_columns$index = columns[index]) == null ? void 0 : _columns$index.sortField;
+    const sortFn = columns == null || (_columns$index2 = columns[index]) == null ? void 0 : _columns$index2.sortFn;
+    const sortedRows = sortFn ? [...filteredItems].sort((a, b) => {
+      const aVal = sortFn(a);
+      const bVal = sortFn(b);
+      return aVal < bVal ? -1 : aVal > bVal ? 1 : 0;
+    }) : sortField ? [...filteredItems].sort((a, b) => {
+      const aVal = a[sortField];
+      const bVal = b[sortField];
+      return aVal < bVal ? -1 : aVal > bVal ? 1 : 0;
+    }) : filteredItems;
     setSortTableBy({
       index,
       direction
     });
     setFilteredItems(direction === SortByDirection.asc ? [...sortedRows] : [...(sortedRows == null ? void 0 : sortedRows.reverse())]);
   };
-  /**
-   * Set table rows to display based on current list of filtered items, page, and perPage settings
+  /**
+   * Set table rows to display based on current list of filtered items, page, and perPage settings
    */
-
-
   useEffect(() => {
     const startIndex = (page - 1) * perPage;
     const endIndex = startIndex + perPage;
     const itemsInPage = filteredItems.slice(startIndex, endIndex);
     setRows(itemsInPage);
   }, [filteredItems, page, perPage]);
-  /**
-   * If the list of items change, reset to the first page
+  /**
+   * If the list of items change, reset to the first page
    */
-
   function handleItemsPropChange() {
     setPage(1);
   }
-
   const handleItemsPropChangeCallback = useCallback(handleItemsPropChange, [setPage, items]);
   useEffect(handleItemsPropChangeCallback, [handleItemsPropChangeCallback]);
-  /**
-   * Whenever a filter is selected or a user enter a search string, run each item through each filter condition
-   * and check it includes the search string. Only inlcude the item in the table if it passes all filter/search string
-   * conditions.
+  /**
+   * Whenever a filter is selected or a user enter a search string, run each item through each filter condition
+   * and check it includes the search string. Only inlcude the item in the table if it passes all filter/search string
+   * conditions.
    */
-
   useEffect(() => setFilteredItems(items.filter(item => tableFilters.map((f, i) => {
-    var _filters$i, _filters$i$props;
-
-    return !f ? true : filters == null ? void 0 : (_filters$i = filters[i]) == null ? void 0 : (_filters$i$props = _filters$i.props) == null ? void 0 : _filters$i$props.onChange(f, item);
+    var _filters$i$props$onCh, _filters$i;
+    return !f ? true : (_filters$i$props$onCh = filters == null || (_filters$i = filters[i]) == null || (_filters$i = _filters$i.props) == null || _filters$i.onChange == null ? void 0 : _filters$i.onChange(f, item)) != null ? _filters$i$props$onCh : true;
   }).reduce((r, v) => r && v, true))), [filters, items, tableFilters]);
-  /**
-   * Whenever a new filter is selected by the user, update the state of selectedFilters
-   * @param selected filter selections
-   * @param index filter to update with new selections
+  /**
+   * Whenever a new filter is selected by the user, update the state of selectedFilters
+   * @param selected filter selections
+   * @param index filter to update with new selections
    */
-
   const onFilterChange = (selected, index) => {
     handleItemsPropChangeCallback();
     setTableFilters(prevState => {
@@ -2041,15 +4048,13 @@ function FilterableTable({
       return [...prevState];
     });
   };
-  /**
-   * Pagination component
-   * @param variant top or bottom
-   * @returns Pagination component based on variant
+  /**
+   * Pagination component
+   * @param variant top or bottom
+   * @returns Pagination component based on variant
    */
-
-
   const renderPagination = variant => {
-    return (filteredItems == null ? void 0 : filteredItems.length) > 0 && React__default.createElement(Pagination, {
+    return (filteredItems == null ? void 0 : filteredItems.length) > 0 && jsx(Pagination, {
       itemCount: (filteredItems == null ? void 0 : filteredItems.length) || 0,
       page: page,
       perPage: perPage,
@@ -2066,64 +4071,85 @@ function FilterableTable({
       }
     });
   };
-  /**
-   * Toolbar populated with provided filters
+  /**
+   * Toolbar populated with provided filters
    */
-
-
-  const header = React__default.createElement(Toolbar, null, React__default.createElement(ToolbarContent, null, filters == null ? void 0 : filters.map((el, i) => {
-    return React__default.createElement(ToolbarItem, {
-      key: i,
-      className: 'filterable-table__toolbar__item--filter'
-    }, cloneElement(el, {
-      onChange: selectedFilters => onFilterChange(selectedFilters, i)
-    }));
-  }), actions == null ? void 0 : actions.map((el, i) => {
-    return React__default.createElement(ToolbarItem, {
-      key: i,
-      className: 'filterable-table__toolbar__item--action'
-    }, el);
-  }), React__default.createElement(ToolbarItem, {
-    variant: 'pagination'
-  }, renderPagination('top'))));
-  return React__default.createElement("div", {
-    className: 'filterable-table'
-  }, isLoading ? React__default.createElement(Bullseye, {
-    style: {
-      minHeight: '15rem'
-    }
-  }, React__default.createElement("div", null, React__default.createElement(Title, {
-    headingLevel: 'h3'
-  }, React__default.createElement(Spinner, {
-    size: 'lg'
-  })))) : React__default.createElement(React__default.Fragment, null, header, React__default.createElement(Table, {
-    "aria-label": 'Packages Table',
-    gridBreakPoint: 'grid-xl'
-  }, React__default.createElement(Thead, null, React__default.createElement(Tr, null, columns.map((col, colIdx) => React__default.createElement(Th, Object.assign({
-    key: `pkg-table-head-${colIdx}`
-  }, col.sortField ? {
-    sort: {
-      onSort: onSort,
-      sortBy: sortTableBy,
-      columnIndex: colIdx
-    }
-  } : {}), col.title)))), React__default.createElement(Tbody, null, rows.length > 0 ? rows.map((row, rowIdx) => React__default.createElement(Tr, {
-    key: `pkg-table-row-${rowIdx}`
-  }, columns.map((_col, colIdx) => {
-    var _renderRow;
-
-    return React__default.createElement(Td, {
-      key: `pkg-table-row-${rowIdx}-col-${colIdx}`
-    }, (_renderRow = renderRow(row)) == null ? void 0 : _renderRow[colIdx]);
-  }))) : React__default.createElement(Tr, null, React__default.createElement(Td, {
-    colSpan: columns.length
-  }, React__default.createElement(EmptyState, null, React__default.createElement(EmptyStateHeader, {
-    titleText: 'No results found',
-    icon: React__default.createElement(EmptyStateIcon, {
-      icon: SearchIcon
-    }),
-    headingLevel: 'h5'
-  }))))))), renderPagination('bottom'));
+  const header = jsx(Toolbar, {
+    children: jsxs(ToolbarContent, {
+      children: [filters == null ? void 0 : filters.map((el, i) => {
+        return jsx(ToolbarItem, {
+          className: 'filterable-table__toolbar__item--filter',
+          children: cloneElement(el, {
+            onChange: selectedFilters => onFilterChange(selectedFilters, i)
+          })
+        }, i);
+      }), actions == null ? void 0 : actions.map((el, i) => {
+        return jsx(ToolbarItem, {
+          className: 'filterable-table__toolbar__item--action',
+          children: el
+        }, i);
+      }), jsx(ToolbarItem, {
+        variant: 'pagination',
+        children: renderPagination('top')
+      })]
+    })
+  });
+  return jsxs("div", {
+    className: 'filterable-table',
+    children: [isLoading ? jsx(Bullseye, {
+      style: {
+        minHeight: '15rem'
+      },
+      children: jsx("div", {
+        children: jsx(Title, {
+          headingLevel: 'h3',
+          children: jsx(Spinner, {
+            size: 'lg'
+          })
+        })
+      })
+    }) : jsxs(Fragment, {
+      children: [header, jsxs(Table, {
+        "aria-label": 'Packages Table',
+        gridBreakPoint: 'grid-xl',
+        children: [jsx(Thead, {
+          children: jsx(Tr, {
+            children: columns.map((col, colIdx) => jsx(Th, _extends({}, col.sortField ? {
+              sort: {
+                onSort: onSort,
+                sortBy: sortTableBy,
+                columnIndex: colIdx
+              }
+            } : {}, {
+              children: col.title
+            }), `pkg-table-head-${colIdx}`))
+          })
+        }), jsx(Tbody, {
+          children: rows.length > 0 ? rows.map((row, rowIdx) => jsx(Tr, {
+            children: columns.map((_col, colIdx) => {
+              var _renderRow;
+              return jsx(Td, {
+                children: (_renderRow = renderRow(row)) == null ? void 0 : _renderRow[colIdx]
+              }, `pkg-table-row-${rowIdx}-col-${colIdx}`);
+            })
+          }, `pkg-table-row-${rowIdx}`)) : jsx(Tr, {
+            children: jsx(Td, {
+              colSpan: columns.length,
+              children: jsx(EmptyState, {
+                children: jsx(EmptyStateHeader, {
+                  titleText: 'No results found',
+                  icon: jsx(EmptyStateIcon, {
+                    icon: SearchIcon
+                  }),
+                  headingLevel: 'h5'
+                })
+              })
+            })
+          })
+        })]
+      })]
+    }), renderPagination('bottom')]
+  });
 }
 
 const FilterInput = ({
@@ -2131,7 +4157,6 @@ const FilterInput = ({
   placeholder
 }) => {
   const [searchStr, setSearchStr] = useState('');
-
   const onChange = (event, text) => {
     event.stopPropagation();
     event.preventDefault();
@@ -2140,24 +4165,24 @@ const FilterInput = ({
       return text;
     });
   };
-
-  return React__default.createElement("div", {
-    className: 'filter-input'
-  }, React__default.createElement(SearchInput, {
-    value: searchStr,
-    placeholder: placeholder,
-    onChange: onChange,
-    "aria-label": 'Text input filter',
-    onFocus: event => {
-      event.stopPropagation();
-      event.preventDefault();
-    },
-    onClick: event => {
-      event.stopPropagation();
-      event.preventDefault();
-    },
-    onClear: event => onChange(event, '')
-  }));
+  return jsx("div", {
+    className: 'filter-input',
+    children: jsx(SearchInput, {
+      value: searchStr,
+      placeholder: placeholder,
+      onChange: onChange,
+      "aria-label": 'Text input filter',
+      onFocus: event => {
+        event.stopPropagation();
+        event.preventDefault();
+      },
+      onClick: event => {
+        event.stopPropagation();
+        event.preventDefault();
+      },
+      onClear: event => onChange(event, '')
+    })
+  });
 };
 
 const ExcludedPackagesTable = ({
@@ -2173,46 +4198,47 @@ const ExcludedPackagesTable = ({
     nvra,
     summary
   }) => {
-    return [gpg ? React__default.createElement("a", {
+    return [gpg ? jsx("a", {
       href: `https://access.redhat.com/downloads/content/${name}/${version}}-${release}/${architecture}/${gpg == null ? void 0 : gpg.slice(-8)}/package`,
       target: '_blank',
-      rel: 'noopener noreferrer'
-    }, nvra) : React__default.createElement("span", null, nvra), summary];
+      rel: 'noopener noreferrer',
+      children: nvra
+    }) : jsx("span", {
+      children: nvra
+    }), summary];
   };
-
   const onTextInputFilterChange = (text, {
     nvra,
     summary
   }) => `${nvra + summary}`.toLowerCase().includes(text.toLowerCase());
-
-  return React__default.createElement("div", {
-    className: 'excluded-packages-table'
-  }, React__default.createElement(FilterableTable, {
-    isLoading: isLoading,
-    tableName: 'Excluded packages table',
-    columns: [{
-      title: 'Excluded Package'
-    }, {
-      title: 'Summary'
-    }],
-    items: excludedPackages,
-    renderRow: renderPackagesRow,
-    perPageOptions: [{
-      title: '5',
-      value: 5
-    }, {
-      title: '10',
-      value: 10
-    }, {
-      title: '20',
-      value: 20
-    }],
-    filters: [React__default.createElement(FilterInput, {
-      key: 'excluded-packages-table__filter-input',
-      onChange: onTextInputFilterChange,
-      placeholder: 'Filter excluded packages'
-    })]
-  }));
+  return jsx("div", {
+    className: 'excluded-packages-table',
+    children: jsx(FilterableTable, {
+      isLoading: isLoading,
+      tableName: 'Excluded packages table',
+      columns: [{
+        title: 'Excluded Package'
+      }, {
+        title: 'Summary'
+      }],
+      items: excludedPackages,
+      renderRow: renderPackagesRow,
+      perPageOptions: [{
+        title: '5',
+        value: 5
+      }, {
+        title: '10',
+        value: 10
+      }, {
+        title: '20',
+        value: 20
+      }],
+      filters: [jsx(FilterInput, {
+        onChange: onTextInputFilterChange,
+        placeholder: 'Filter excluded packages'
+      }, 'excluded-packages-table__filter-input')]
+    })
+  });
 };
 
 function EcoSelect({
@@ -2224,37 +4250,34 @@ function EcoSelect({
 }) {
   const [isOpen, setIsOpen] = useState(false);
   const [selected, setSelected] = useState([]);
-
   const onToggle = isOpen => setIsOpen(isOpen);
-
   const onSelect = (event, selection) => {
     const result = selected.includes(selection) ? selected.filter(item => item !== selection) : [selection, ...selected];
     setSelected(result);
     onChange && onChange(result, event);
   };
-
-  const id = uniqueId('select-');
-  return React__default.createElement("div", {
-    className: 'select'
-  }, React__default.createElement(Select, {
-    id: id,
-    variant: variant,
-    "aria-label": ariaLabel,
-    onToggle: (_event, isOpen) => onToggle(isOpen),
-    onSelect: onSelect,
-    selections: selected,
-    isOpen: isOpen,
-    placeholderText: placeholderText,
-    className: 'pf-select-wrapper'
-  }, options.map(option => React__default.createElement(SelectOption, {
-    key: option,
-    value: option
-  }))));
+  const id = useMemo(() => `select-${Math.random().toString(36).substring(2, 11)}`, []);
+  return jsx("div", {
+    className: 'select',
+    children: jsx(Select, {
+      id: id,
+      variant: variant,
+      "aria-label": ariaLabel,
+      onToggle: (_event, isOpen) => onToggle(isOpen),
+      onSelect: onSelect,
+      selections: selected,
+      isOpen: isOpen,
+      placeholderText: placeholderText,
+      className: 'pf-select-wrapper',
+      children: options.map(option => jsx(SelectOption, {
+        value: option
+      }, option))
+    })
+  });
 }
 
 const ToggleGroup = props => {
   const [selected, setSelected] = useState('');
-
   const onClick = (_, event) => {
     const id = event.currentTarget.id;
     setSelected(() => {
@@ -2262,19 +4285,17 @@ const ToggleGroup = props => {
       return id;
     });
   };
-
-  return React__default.createElement(ToggleGroup$1, {
-    "aria-label": props['aria-label']
-  }, props.options.map((option, index) => React__default.createElement(ToggleGroupItem, {
-    text: option.text,
-    key: index,
-    buttonId: option.id,
-    isSelected: selected === option.id,
-    onChange: (event, _) => onClick(_, event)
-  })));
+  return jsx(ToggleGroup$1, {
+    "aria-label": props['aria-label'],
+    children: props.options.map((option, index) => jsx(ToggleGroupItem, {
+      text: option.text,
+      buttonId: option.id,
+      isSelected: selected === option.id,
+      onChange: (event, _) => onClick(_, event)
+    }, index))
+  });
 };
 
-/* eslint-disable camelcase */
 const VulnerabilitiesTable = ({
   vulnerabilities,
   isLoading,
@@ -2283,65 +4304,80 @@ const VulnerabilitiesTable = ({
   const getImpact = ({
     severity
   }) => {
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-      className: 'vulnerabilities-table__impact-cell'
-    }, React__default.createElement(SecurityIcon, {
-      className: `impact-icon color-${severity.toLowerCase()}`
-    }), React__default.createElement("span", null, severity)));
+    return jsx(Fragment, {
+      children: jsxs("div", {
+        className: 'vulnerabilities-table__impact-cell',
+        children: [jsx(SecurityIcon, {
+          className: `impact-icon color-${severity.toLowerCase()}`
+        }), jsx("span", {
+          children: severity
+        })]
+      })
+    });
   };
-
   const getCVE = ({
     cve_id
   }) => {
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-      className: 'vulnerabilities-table__cve-cell'
-    }, React__default.createElement("a", {
-      href: `https://access.redhat.com/security/cve/${cve_id}`,
-      target: '_blank',
-      rel: 'noopener noreferrer'
-    }, cve_id)));
+    return jsx(Fragment, {
+      children: jsx("div", {
+        className: 'vulnerabilities-table__cve-cell',
+        children: jsx("a", {
+          href: `https://access.redhat.com/security/cve/${cve_id}`,
+          target: '_blank',
+          rel: 'noopener noreferrer',
+          children: cve_id
+        })
+      })
+    });
   };
-
   const getAffectedPackages = rpms => {
-    return React__default.createElement(React__default.Fragment, null, rpms == null ? void 0 : rpms.map(({
-      gpg,
-      name,
-      version,
-      release,
-      architecture,
-      nvra
-    } = {}, index) => {
-      return gpg ? React__default.createElement("div", {
-        className: 'vulnerabilities-table__affected-packages-cell',
-        key: `affected-package-${index}`
-      }, React__default.createElement("a", {
-        href: `https://access.redhat.com/downloads/content/${name}/${version}-${release}/${architecture}/${gpg == null ? void 0 : gpg.slice(-8)}/package`,
-        target: '_blank',
-        rel: 'noopener noreferrer'
-      }, nvra)) : React__default.createElement("div", {
-        key: `affected-package-${index}`,
-        className: 'vulnerabilities-table__affected-packages-cell'
-      }, React__default.createElement("span", null, nvra));
-    }));
+    return jsx(Fragment, {
+      children: rpms == null ? void 0 : rpms.map(({
+        gpg,
+        name,
+        version,
+        release,
+        architecture,
+        nvra
+      } = {}, index) => {
+        return gpg ? jsx("div", {
+          className: 'vulnerabilities-table__affected-packages-cell',
+          children: jsx("a", {
+            href: `https://access.redhat.com/downloads/content/${name}/${version}-${release}/${architecture}/${gpg == null ? void 0 : gpg.slice(-8)}/package`,
+            target: '_blank',
+            rel: 'noopener noreferrer',
+            children: nvra
+          })
+        }, `affected-package-${index}`) : jsx("div", {
+          className: 'vulnerabilities-table__affected-packages-cell',
+          children: jsx("span", {
+            children: nvra
+          })
+        }, `affected-package-${index}`);
+      })
+    });
   };
-
   const getRPMAdvisory = ({
     advisory_type,
     advisory_id
   }) => {
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-      className: 'vulnerabilities-table__rpm-advisory-cell'
-    }, advisory_type && advisory_id ? React__default.createElement("a", {
-      href: `https://access.redhat.com/errata/${advisory_type}-${advisory_id}`,
-      target: '_blank',
-      rel: 'noopener noreferrer'
-    }, advisory_type, "-", advisory_id) : React__default.createElement("span", null, "-")));
+    return jsx(Fragment, {
+      children: jsx("div", {
+        className: 'vulnerabilities-table__rpm-advisory-cell',
+        children: advisory_type && advisory_id ? jsxs("a", {
+          href: `https://access.redhat.com/errata/${advisory_type}-${advisory_id}`,
+          target: '_blank',
+          rel: 'noopener noreferrer',
+          children: [advisory_type, "-", advisory_id]
+        }) : jsx("span", {
+          children: "-"
+        })
+      })
+    });
   };
-
   const renderVulnerabilitiesRow = vulnerability => {
     return [getImpact(vulnerability), getCVE(vulnerability), getAffectedPackages(vulnerability.rpm_nvra_with_link_data), getRPMAdvisory(vulnerability), vulnerability != null && vulnerability.creation_date ? format(new Date(vulnerability == null ? void 0 : vulnerability.creation_date), 'MMM dd, yyyy hh:mm a') : ''];
   };
-
   const onTextInputFilterChange = (text, {
     rpm_nvra_with_link_data,
     severity,
@@ -2353,89 +4389,81 @@ const VulnerabilitiesTable = ({
     }) => result += nvra, '');
     return `${severity + cve_id + advisory_id + nvraList}`.toLowerCase().includes(text.toLowerCase());
   };
-
   const onStatusFilterChange = (selected, vulnerability) => {
     return selected === 'fixed' ? !!(vulnerability != null && vulnerability.advisory_id) : selected === 'unfixed' ? !(vulnerability != null && vulnerability.advisory_id) : true;
   };
-
   const onImpactFilterChange = (selected, vulnerability) => {
     return selected.length > 0 ? selected.includes(vulnerability.severity) : true;
   };
-
-  return React__default.createElement("div", {
-    className: 'vulnerabilities-table'
-  }, React__default.createElement(FilterableTable, {
-    tableName: 'Vulnerabilities impact table',
-    columns: [{
-      title: 'Impact',
-      sortField: 'severity',
-      sortFn: vulnerability => severitySortOrder[vulnerability.severity]
-    }, {
-      title: 'CVE',
-      sortField: 'cve_id'
-    }, {
-      title: 'Affected Package(s)'
-    }, {
-      title: 'RPM Advisory',
-      sortField: 'advisory_id'
-    }, {
-      title: 'Created',
-      sortField: 'creation_date',
-      sortFn: vulnerability => new Date(vulnerability == null ? void 0 : vulnerability.creation_date).getTime()
-    }],
-    items: vulnerabilities,
-    renderRow: renderVulnerabilitiesRow,
-    isLoading: isLoading,
-    perPageOptions: [{
-      title: '5',
-      value: 5
-    }, {
-      title: '10',
-      value: 10
-    }, {
-      title: '20',
-      value: 20
-    }],
-    filters: [React__default.createElement(FilterInput, {
-      key: 'vulnerabilities-table__filter-input',
-      onChange: onTextInputFilterChange,
-      placeholder: 'Filter vulnerabilities'
-    }), !hideToggler ? React__default.createElement(ToggleGroup, {
-      key: 'vulnerabilities-table__toggle-group',
-      onChange: onStatusFilterChange,
-      "aria-label": 'Vulnerability status filter',
-      options: [{
-        id: 'all',
-        text: 'All'
+  return jsx("div", {
+    className: 'vulnerabilities-table',
+    children: jsx(FilterableTable, {
+      tableName: 'Vulnerabilities impact table',
+      columns: [{
+        title: 'Impact',
+        sortField: 'severity',
+        sortFn: vulnerability => severitySortOrder[vulnerability.severity]
       }, {
-        id: 'fixed',
-        text: 'Fixed'
+        title: 'CVE',
+        sortField: 'cve_id'
       }, {
-        id: 'unfixed',
-        text: 'Unfixed'
-      }]
-    }) : React__default.createElement(React__default.Fragment, null), React__default.createElement(EcoSelect, {
-      key: 'vulnerabilities-table__select',
-      onChange: onImpactFilterChange,
-      "aria-label": 'Impact filter',
-      placeholderText: 'Impact',
-      variant: 'checkbox',
-      options: Array.from(new Set(vulnerabilities.map(vulnerability => vulnerability.severity)))
-    })]
-  }));
+        title: 'Affected Package(s)'
+      }, {
+        title: 'RPM Advisory',
+        sortField: 'advisory_id'
+      }, {
+        title: 'Created',
+        sortField: 'creation_date',
+        sortFn: vulnerability => new Date(vulnerability == null ? void 0 : vulnerability.creation_date).getTime()
+      }],
+      items: vulnerabilities,
+      renderRow: renderVulnerabilitiesRow,
+      isLoading: isLoading,
+      perPageOptions: [{
+        title: '5',
+        value: 5
+      }, {
+        title: '10',
+        value: 10
+      }, {
+        title: '20',
+        value: 20
+      }],
+      filters: [jsx(FilterInput, {
+        onChange: onTextInputFilterChange,
+        placeholder: 'Filter vulnerabilities'
+      }, 'vulnerabilities-table__filter-input'), !hideToggler ? jsx(ToggleGroup, {
+        onChange: onStatusFilterChange,
+        "aria-label": 'Vulnerability status filter',
+        options: [{
+          id: 'all',
+          text: 'All'
+        }, {
+          id: 'fixed',
+          text: 'Fixed'
+        }, {
+          id: 'unfixed',
+          text: 'Unfixed'
+        }]
+      }, 'vulnerabilities-table__toggle-group') : jsx(Fragment, {}), jsx(EcoSelect, {
+        onChange: onImpactFilterChange,
+        "aria-label": 'Impact filter',
+        placeholderText: 'Impact',
+        variant: 'checkbox',
+        options: Array.from(new Set(vulnerabilities.map(vulnerability => vulnerability.severity)))
+      }, 'vulnerabilities-table__select')]
+    })
+  });
 };
 
-/* eslint-disable camelcase */
 const severitySortOrder = {
   Critical: 1,
   Important: 2,
   Moderate: 3,
   Low: 4
 };
-
 const InsertCss = () => {
   const styleId = 'example-component-styles';
-
   if (!document.getElementById(styleId)) {
     const styleTag = document.createElement('style');
     styleTag.id = styleId;
@@ -2443,85 +4471,85 @@ const InsertCss = () => {
     document.body.appendChild(styleTag);
   }
 };
-
 const PackagesTable = ({
   vulnerabilities: _vulnerabilities = [],
   rpms: _rpms = [],
   hideToggler,
   isLoading: _isLoading = false
 }) => {
-  const [excludedPackages, setExcludedPackages] = React.useState([]);
-  const [uniqueVulnerabilities, setUniqueVulnerabilities] = React.useState([]);
-  const [activeKey, setActiveKey] = React.useState(0);
-  React.useEffect(() => {
+  const [excludedPackages, setExcludedPackages] = useState([]);
+  const [uniqueVulnerabilities, setUniqueVulnerabilities] = useState([]);
+  const [activeKey, setActiveKey] = useState(0);
+  useEffect(() => {
     const VALID_REDHAT_GPG_KEYS = ['199e2f91fd431d51', '5326810137017186', '45689c882fa658e0', '219180cddb42a60e', '7514f77d8366b0d9', 'fd372689897da07a', '938a80caf21541eb', '08b871e6a5787476'];
-
     const packages = _rpms.filter(({
       gpg
     }) => !VALID_REDHAT_GPG_KEYS.includes(gpg));
-
     setExcludedPackages(packages);
-    const uniqueVulnerabilities = [..._vulnerabilities]; // augment vulnerabilities with link data
-
+    const uniqueVulnerabilities = [..._vulnerabilities];
+    // augment vulnerabilities with link data
     uniqueVulnerabilities.forEach(vulnerability => {
-      vulnerability.rpm_nvra_with_link_data = []; // // CONNCERT-2121
-
+      vulnerability.rpm_nvra_with_link_data = [];
+      // // CONNCERT-2121
       if (vulnerability != null && vulnerability.affected_packages) {
         var _vulnerability$affect;
-
-        vulnerability == null ? void 0 : (_vulnerability$affect = vulnerability.affected_packages) == null ? void 0 : _vulnerability$affect.forEach(({
+        vulnerability == null || (_vulnerability$affect = vulnerability.affected_packages) == null || _vulnerability$affect.forEach(({
           name,
           arch
         }) => {
-          const link_data = _rpms == null ? void 0 : _rpms.filter(rpm => rpm.name === name && rpm.architecture === arch);
+          const link_data = _rpms == null ? void 0 : _rpms.filter(rpm => rpm.name === name && rpm.architecture === arch && !excludedPackages.includes(rpm));
           vulnerability.rpm_nvra_with_link_data.push(link_data[0]);
         });
       } else {
         var _vulnerability$packag;
-
-        vulnerability == null ? void 0 : (_vulnerability$packag = vulnerability.packages) == null ? void 0 : _vulnerability$packag.forEach(p => {
+        vulnerability == null || (_vulnerability$packag = vulnerability.packages) == null || _vulnerability$packag.forEach(p => {
           var _p$rpm_nvra;
-
-          return p == null ? void 0 : (_p$rpm_nvra = p.rpm_nvra) == null ? void 0 : _p$rpm_nvra.forEach(rpm_nvra => {
+          return p == null || (_p$rpm_nvra = p.rpm_nvra) == null ? void 0 : _p$rpm_nvra.forEach(rpm_nvra => {
             const link_data = _rpms == null ? void 0 : _rpms.filter(pk => pk.nvra === rpm_nvra);
             vulnerability.rpm_nvra_with_link_data.push(link_data[0]);
           });
         });
       }
-
       return vulnerability;
-    }); // sort vulnerabilities by severity
-
-    uniqueVulnerabilities.sort(vulnerability => severitySortOrder[vulnerability.severity]); // filter out vulnerabilities with duplicate CVE IDs
-
+    });
+    // sort vulnerabilities by severity
+    uniqueVulnerabilities.sort(vulnerability => severitySortOrder[vulnerability.severity]);
+    // filter out vulnerabilities with duplicate CVE IDs
     uniqueVulnerabilities.filter((value, index, self) => self.findIndex(vulnerability => vulnerability.cve_id === value.cve_id) === index);
     setUniqueVulnerabilities(uniqueVulnerabilities);
   }, [_rpms, _vulnerabilities]);
   InsertCss();
-  return React.createElement(React.Fragment, null, (uniqueVulnerabilities.length > 0 || excludedPackages.length > 0) && React.createElement("div", {
-    className: 'packages-table'
-  }, React.createElement(Tabs, {
-    activeKey: activeKey,
-    onSelect: (_evt, tabKey) => setActiveKey(tabKey),
-    variant: 'default',
-    isBox: true,
-    "aria-label": 'vulnerability tab'
-  }, uniqueVulnerabilities.length > 0 && React.createElement(Tab, {
-    eventKey: 0,
-    title: `Vulnerabilities (${uniqueVulnerabilities.length})`
-  }, React.createElement(VulnerabilitiesTable, {
-    vulnerabilities: uniqueVulnerabilities,
-    isLoading: _isLoading,
-    hideToggler: hideToggler
-  })), excludedPackages.length > 0 && React.createElement(Tab, {
-    eventKey: 1,
-    title: `Excluded Packages (${excludedPackages.length})`
-  }, React.createElement("p", {
-    className: 'packages-table__excluded-packages-disclaimer'
-  }, "The following packages were found in this image and cannot be scanned or compared to public vulnerability information. This image may include additional packages or content not found or listed below."), React.createElement(ExcludedPackagesTable, {
-    excludedPackages: excludedPackages,
-    isLoading: _isLoading
-  })))));
+  return jsx(Fragment, {
+    children: (uniqueVulnerabilities.length > 0 || excludedPackages.length > 0) && jsx("div", {
+      className: 'packages-table',
+      children: jsxs(Tabs, {
+        activeKey: activeKey,
+        onSelect: (_evt, tabKey) => setActiveKey(tabKey),
+        variant: 'default',
+        isBox: true,
+        "aria-label": 'vulnerability tab',
+        children: [uniqueVulnerabilities.length > 0 && jsx(Tab, {
+          eventKey: 0,
+          title: `Vulnerabilities (${uniqueVulnerabilities.length})`,
+          children: jsx(VulnerabilitiesTable, {
+            vulnerabilities: uniqueVulnerabilities,
+            isLoading: _isLoading,
+            hideToggler: hideToggler
+          })
+        }), excludedPackages.length > 0 && jsxs(Tab, {
+          eventKey: 1,
+          title: `Excluded Packages (${excludedPackages.length})`,
+          children: [jsx("p", {
+            className: 'packages-table__excluded-packages-disclaimer',
+            children: "The following packages were found in this image and cannot be scanned or compared to public vulnerability information. This image may include additional packages or content not found or listed below."
+          }), jsx(ExcludedPackagesTable, {
+            excludedPackages: excludedPackages,
+            isLoading: _isLoading
+          })]
+        })]
+      })
+    })
+  });
 };
 
 export { PackagesTable, severitySortOrder };