@vitrosoftware/common-ui-ts 1.1.20 → 1.1.21

package/dist/index.js

@@ -5,7 +5,6 @@ var React__default = _interopDefault(React);
 var commonUi = require('@vitrosoftware/common-ui');
 var inversifyReact = require('inversify-react');
 var jsxRuntime = require('react/jsx-runtime');
-var reactRouterBootstrap = require('react-router-bootstrap');
 
 var app = {
 	common: {
@@ -208,7 +207,6 @@ var Item = function Item(props) {
   }, props.text);
 };
 
-var EVENT;
 (function (EVENT) {
   EVENT["MOUSEDOWN"] = "mousedown";
   EVENT["MOUSEUP"] = "mouseup";
@@ -216,7 +214,9 @@ var EVENT;
   EVENT["RESIZE"] = "resize";
   EVENT["DRAGOVER"] = "dragover";
   EVENT["DRAGLEAVE"] = "dragleave";
-})(EVENT || (EVENT = {}));
+  EVENT["HISTORY_UPDATE"] = "vitro.history.update";
+  EVENT["HISTORY_CHANGED"] = "vitro.history.changed";
+})(exports.EVENT || (exports.EVENT = {}));
 
 var styles = {"vitro-breadcrumbs":"_breadcrumbs_vitro-breadcrumbs_3r4NcQY","vitro-breadcrumbs-list-wrap":"_breadcrumbs_vitro-breadcrumbs-list-wrap_1_JBrw0","vitro-breadcrumbs-list":"_breadcrumbs_vitro-breadcrumbs-list_1SNtgtJ","vitro-breadcrumbs-button":"_breadcrumbs_vitro-breadcrumbs-button_3fazq3c","vitro-root":"_breadcrumbs_vitro-root_1S5-6AY","vitro-drop-down-list":"_breadcrumbs_vitro-drop-down-list_2PhrR2a"};
 
@@ -252,12 +252,12 @@ var Breadcrumbs = function Breadcrumbs(props) {
     updateBreadcrumbsView();
   }, [windowWidth]);
   React.useEffect(function () {
-    window.addEventListener(EVENT.MOUSEDOWN, clickOutside);
-    window.addEventListener(EVENT.RESIZE, handleResize);
+    window.addEventListener(exports.EVENT.MOUSEDOWN, clickOutside);
+    window.addEventListener(exports.EVENT.RESIZE, handleResize);
     handleResize();
     return function () {
-      window.removeEventListener(EVENT.MOUSEDOWN, clickOutside);
-      window.removeEventListener(EVENT.RESIZE, handleResize);
+      window.removeEventListener(exports.EVENT.MOUSEDOWN, clickOutside);
+      window.removeEventListener(exports.EVENT.RESIZE, handleResize);
     };
   }, []);
   React.useEffect(function () {
@@ -404,12 +404,12 @@ var TopLevelMenu = function TopLevelMenu(props) {
     updateTopLevelMenuView();
   }, [windowWidth]);
   React.useEffect(function () {
-    window.addEventListener(EVENT.MOUSEDOWN, clickOutside);
-    window.addEventListener(EVENT.RESIZE, handleResize);
+    window.addEventListener(exports.EVENT.MOUSEDOWN, clickOutside);
+    window.addEventListener(exports.EVENT.RESIZE, handleResize);
     handleResize();
     return function () {
-      window.addEventListener(EVENT.MOUSEDOWN, clickOutside);
-      window.addEventListener(EVENT.RESIZE, handleResize);
+      window.addEventListener(exports.EVENT.MOUSEDOWN, clickOutside);
+      window.addEventListener(exports.EVENT.RESIZE, handleResize);
     };
   }, []);
   var handleResize = function handleResize() {
@@ -20123,13 +20123,13 @@ var METHOD;
   METHOD["EDIT"] = "edit";
   METHOD["GET_PARENT"] = "get_parent";
 })(METHOD || (METHOD = {}));
-var EVENT$1;
+var EVENT;
 (function (EVENT) {
   EVENT["CLOSE_NODE"] = "close_node.jstree";
   EVENT["SELECT_NODE"] = "select_node.jstree";
   EVENT["LOADED"] = "loaded.jstree";
   EVENT["MODEL"] = "model.jstree";
-})(EVENT$1 || (EVENT$1 = {}));
+})(EVENT || (EVENT = {}));
 var NODE_TYPE;
 (function (NODE_TYPE) {
   NODE_TYPE["FOLDER"] = "folder";
@@ -20139,7 +20139,7 @@ var NODE_TYPE;
 var TreeViewConstants = {
     __proto__: null,
     get METHOD () { return METHOD; },
-    get EVENT () { return EVENT$1; },
+    get EVENT () { return EVENT; },
     get NODE_TYPE () { return NODE_TYPE; }
 };
 
@@ -20562,7 +20562,7 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   return TreeGridTableViewContextImpl;
 }();
 
-var EVENT$2;
+var EVENT$1;
 (function (EVENT) {
   EVENT["ON_SELECT"] = "OnSelect";
   EVENT["ON_DATA_SEND"] = "OnDataSend";
@@ -20597,7 +20597,7 @@ var EVENT$2;
   EVENT["ON_VALUE_CHANGED"] = "OnValueChanged";
   EVENT["ON_DRAG_OVER"] = "OnDragOver";
   EVENT["ON_DROP"] = "OnDrop";
-})(EVENT$2 || (EVENT$2 = {}));
+})(EVENT$1 || (EVENT$1 = {}));
 var URL;
 (function (URL) {
   URL["LAYOUT"] = "Layout";
@@ -20722,7 +20722,7 @@ var SECTION;
 
 var TableViewConstants = {
     __proto__: null,
-    get EVENT () { return EVENT$2; },
+    get EVENT () { return EVENT$1; },
     get URL () { return URL; },
     get CONTROLLER () { return CONTROLLER; },
     get CACHE () { return CACHE; },
@@ -20786,7 +20786,7 @@ var TreeGrid = function TreeGrid(props) {
     }
     if (props.onSelect) {
       var onSelectEventHandler = {
-        id: EVENT$2.ON_SELECT,
+        id: EVENT$1.ON_SELECT,
         process: props.onSelect
       };
       grid.setEventHandler(onSelectEventHandler);
@@ -20795,7 +20795,7 @@ var TreeGrid = function TreeGrid(props) {
       props.onInit(grid, next);
     }
     var onDateSendEventHandler = {
-      id: EVENT$2.ON_DATA_SEND,
+      id: EVENT$1.ON_DATA_SEND,
       process: onDataSendHandler
     };
     grid.setEventHandler(onDateSendEventHandler);
@@ -20813,7 +20813,7 @@ var TreeGrid = function TreeGrid(props) {
   };
   React.useEffect(function () {
     disposeTableViewById(props.id);
-    w$1.TGSetEvent(EVENT$2.ON_LOADED, props.id, function (grid, next) {
+    w$1.TGSetEvent(EVENT$1.ON_LOADED, props.id, function (grid, next) {
       return onGridLoaded(grid, next);
     });
     if (props.layout || props.data) {
@@ -20899,6 +20899,9 @@ var renderMicrofrontend = function renderMicrofrontend(rendererName, microFronte
     }
     console.log(rendererName + " load error. tryCnt: " + tryCnt);
   } else {
+    if (microFrontendState.unmountAction) {
+      microFrontendState.unmountAction();
+    }
     microFrontendState.unmountAction = window[rendererName](rootElement, data);
   }
 };
@@ -20969,11 +20972,11 @@ var MicroFrontend = function MicroFrontend(props) {
   });
 };
 
-var EVENT$3;
+var EVENT$2;
 (function (EVENT) {
   EVENT["ADD_FILE"] = "vitro.file.add";
   EVENT["READY_STATE_CHANGE"] = "readystatechange";
-})(EVENT$3 || (EVENT$3 = {}));
+})(EVENT$2 || (EVENT$2 = {}));
 var LOCALE;
 (function (LOCALE) {
   LOCALE["DROPZONE_TEXT"] = "app.common.uploader.dropZoneText";
@@ -21069,7 +21072,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   };
   _proto.initAuthorization = function initAuthorization(e, token) {
     var xhr = e.XMLHttpRequest;
-    xhr.addEventListener(EVENT$3.READY_STATE_CHANGE, function () {
+    xhr.addEventListener(EVENT$2.READY_STATE_CHANGE, function () {
       if (xhr.readyState === 1) {
         xhr.setRequestHeader(AUTHORIZATION_TOKEN_HEADER, token);
       }
@@ -21254,20 +21257,20 @@ var TelerikUploader = function TelerikUploader(props) {
   }, [uploaderRef, dropZoneRef]);
   React.useEffect(function () {
     if (kendoUploader) {
-      window.addEventListener(EVENT$3.ADD_FILE, addFile);
-      window.addEventListener(EVENT.DRAGOVER, function (e) {
+      window.addEventListener(EVENT$2.ADD_FILE, addFile);
+      window.addEventListener(exports.EVENT.DRAGOVER, function (e) {
         return onDragOver(e);
       });
-      window.addEventListener(EVENT.DRAGLEAVE, function (e) {
+      window.addEventListener(exports.EVENT.DRAGLEAVE, function (e) {
         return onDragLeave(e);
       });
     }
     return function () {
-      window.removeEventListener(EVENT$3.ADD_FILE, addFile);
-      window.removeEventListener(EVENT.DRAGOVER, function (e) {
+      window.removeEventListener(EVENT$2.ADD_FILE, addFile);
+      window.removeEventListener(exports.EVENT.DRAGOVER, function (e) {
         return onDragOver(e);
       });
-      window.removeEventListener(EVENT.DRAGLEAVE, function (e) {
+      window.removeEventListener(exports.EVENT.DRAGLEAVE, function (e) {
         return onDragLeave(e);
       });
     };
@@ -59352,6 +59355,13 @@ var Button$2 = function Button(props) {
       } else {
         setPending(false);
       }
+    } else if (props.to) {
+      var event = new CustomEvent(exports.EVENT.HISTORY_UPDATE, {
+        detail: {
+          pathname: props.to
+        }
+      });
+      window.dispatchEvent(event);
     }
   };
   var button = React__default.createElement("button", {
@@ -59373,11 +59383,6 @@ var Button$2 = function Button(props) {
     hoverUrl: props.imageHoverUrl,
     className: "" + (props.imageClassName || CTRL.EMPTY)
   }), React__default.createElement("div", null, props.text)));
-  if (props.to) {
-    return React__default.createElement(reactRouterBootstrap.LinkContainer, {
-      to: props.to
-    }, button);
-  }
   return button;
 };
 
@@ -59639,9 +59644,9 @@ var ActionHandler = function ActionHandler(props) {
         }
       }
     }
-    window.addEventListener(EVENT.KEYDOWN, onEscClick, false);
+    window.addEventListener(exports.EVENT.KEYDOWN, onEscClick, false);
     return function () {
-      window.removeEventListener(EVENT.KEYDOWN, onEscClick, false);
+      window.removeEventListener(exports.EVENT.KEYDOWN, onEscClick, false);
     };
   }, []);
   if (!props.item && !props.itemList) return null;
@@ -60381,7 +60386,7 @@ var Input = function Input(props) {
   };
   var onResize = function onResize() {
     if (props.onChangeSize) {
-      window.addEventListener(EVENT.MOUSEUP, remainHeight);
+      window.addEventListener(exports.EVENT.MOUSEUP, remainHeight);
     }
   };
   var copyValue = function copyValue() {
@@ -60391,7 +60396,7 @@ var Input = function Input(props) {
     if (ref && ref.current && props.onChangeSize) {
       props.onChangeSize(ref.current.offsetHeight);
     }
-    window.removeEventListener(EVENT.MOUSEUP, remainHeight);
+    window.removeEventListener(exports.EVENT.MOUSEUP, remainHeight);
   };
   if (props.isMultiline) {
     control = React__default.createElement("textarea", {
@@ -61550,257 +61555,6 @@ var CommandMenuLookupPicker = function CommandMenuLookupPicker(props) {
   })));
 };
 
-function isAbsolute(pathname) {
-  return pathname.charAt(0) === '/';
-}
-
-// About 1.5x faster than the two-arg version of Array#splice()
-function spliceOne(list, index) {
-  for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {
-    list[i] = list[k];
-  }
-
-  list.pop();
-}
-
-// This implementation is based heavily on node's url.parse
-function resolvePathname(to, from) {
-  if (from === undefined) from = '';
-
-  var toParts = (to && to.split('/')) || [];
-  var fromParts = (from && from.split('/')) || [];
-
-  var isToAbs = to && isAbsolute(to);
-  var isFromAbs = from && isAbsolute(from);
-  var mustEndAbs = isToAbs || isFromAbs;
-
-  if (to && isAbsolute(to)) {
-    // to is absolute
-    fromParts = toParts;
-  } else if (toParts.length) {
-    // to is relative, drop the filename
-    fromParts.pop();
-    fromParts = fromParts.concat(toParts);
-  }
-
-  if (!fromParts.length) return '/';
-
-  var hasTrailingSlash;
-  if (fromParts.length) {
-    var last = fromParts[fromParts.length - 1];
-    hasTrailingSlash = last === '.' || last === '..' || last === '';
-  } else {
-    hasTrailingSlash = false;
-  }
-
-  var up = 0;
-  for (var i = fromParts.length; i >= 0; i--) {
-    var part = fromParts[i];
-
-    if (part === '.') {
-      spliceOne(fromParts, i);
-    } else if (part === '..') {
-      spliceOne(fromParts, i);
-      up++;
-    } else if (up) {
-      spliceOne(fromParts, i);
-      up--;
-    }
-  }
-
-  if (!mustEndAbs) for (; up--; up) fromParts.unshift('..');
-
-  if (
-    mustEndAbs &&
-    fromParts[0] !== '' &&
-    (!fromParts[0] || !isAbsolute(fromParts[0]))
-  )
-    fromParts.unshift('');
-
-  var result = fromParts.join('/');
-
-  if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';
-
-  return result;
-}
-
-function parsePath(path) {
-  var pathname = path || '/';
-  var search = '';
-  var hash = '';
-  var hashIndex = pathname.indexOf('#');
-
-  if (hashIndex !== -1) {
-    hash = pathname.substr(hashIndex);
-    pathname = pathname.substr(0, hashIndex);
-  }
-
-  var searchIndex = pathname.indexOf('?');
-
-  if (searchIndex !== -1) {
-    search = pathname.substr(searchIndex);
-    pathname = pathname.substr(0, searchIndex);
-  }
-
-  return {
-    pathname: pathname,
-    search: search === '?' ? '' : search,
-    hash: hash === '#' ? '' : hash
-  };
-}
-
-function createLocation(path, state, key, currentLocation) {
-  var location;
-
-  if (typeof path === 'string') {
-    // Two-arg form: push(path, state)
-    location = parsePath(path);
-    location.state = state;
-  } else {
-    // One-arg form: push(location)
-    location = _extends$1({}, path);
-    if (location.pathname === undefined) location.pathname = '';
-
-    if (location.search) {
-      if (location.search.charAt(0) !== '?') location.search = '?' + location.search;
-    } else {
-      location.search = '';
-    }
-
-    if (location.hash) {
-      if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;
-    } else {
-      location.hash = '';
-    }
-
-    if (state !== undefined && location.state === undefined) location.state = state;
-  }
-
-  try {
-    location.pathname = decodeURI(location.pathname);
-  } catch (e) {
-    if (e instanceof URIError) {
-      throw new URIError('Pathname "' + location.pathname + '" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');
-    } else {
-      throw e;
-    }
-  }
-
-  if (key) location.key = key;
-
-  if (currentLocation) {
-    // Resolve incomplete/relative pathname relative to current location.
-    if (!location.pathname) {
-      location.pathname = currentLocation.pathname;
-    } else if (location.pathname.charAt(0) !== '/') {
-      location.pathname = resolvePathname(location.pathname, currentLocation.pathname);
-    }
-  } else {
-    // When there is no prior location and pathname is empty, set it to /
-    if (!location.pathname) {
-      location.pathname = '/';
-    }
-  }
-
-  return location;
-}
-
-var _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var isModifiedEvent$1 = function isModifiedEvent(event) {
-  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
-};
-
-/**
- * The public API for rendering a history-aware <a>.
- */
-
-var Link = function (_React$Component) {
-  _inherits(Link, _React$Component);
-
-  function Link() {
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, Link);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.handleClick = function (event) {
-      if (_this.props.onClick) _this.props.onClick(event);
-
-      if (!event.defaultPrevented && // onClick prevented default
-      event.button === 0 && // ignore everything but left clicks
-      !_this.props.target && // let browser handle "target=_blank" etc.
-      !isModifiedEvent$1(event) // ignore clicks with modifier keys
-      ) {
-          event.preventDefault();
-
-          var history = _this.context.router.history;
-          var _this$props = _this.props,
-              replace = _this$props.replace,
-              to = _this$props.to;
-
-
-          if (replace) {
-            history.replace(to);
-          } else {
-            history.push(to);
-          }
-        }
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  Link.prototype.render = function render() {
-    var _props = this.props,
-        to = _props.to,
-        innerRef = _props.innerRef,
-        props = _objectWithoutProperties(_props, ["replace", "to", "innerRef"]); // eslint-disable-line no-unused-vars
-
-    browser(this.context.router, "You should not use <Link> outside a <Router>");
-
-    browser(to !== undefined, 'You must specify the "to" property');
-
-    var history = this.context.router.history;
-
-    var location = typeof to === "string" ? createLocation(to, null, null, history.location) : to;
-
-    var href = history.createHref(location);
-    return React__default.createElement("a", _extends$2({}, props, { onClick: this.handleClick, href: href, ref: innerRef }));
-  };
-
-  return Link;
-}(React__default.Component);
-
-Link.propTypes = {
-  onClick: propTypes.func,
-  target: propTypes.string,
-  replace: propTypes.bool,
-  to: propTypes.oneOfType([propTypes.string, propTypes.object]).isRequired,
-  innerRef: propTypes.oneOfType([propTypes.string, propTypes.func])
-};
-Link.defaultProps = {
-  replace: false
-};
-Link.contextTypes = {
-  router: propTypes.shape({
-    history: propTypes.shape({
-      push: propTypes.func.isRequired,
-      replace: propTypes.func.isRequired,
-      createHref: propTypes.func.isRequired
-    }).isRequired
-  }).isRequired
-};
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var globalCssModule;
 function mapToCssModules() {
@@ -61943,11 +61697,11 @@ function getTarget(target, allElements) {
 }
 
 var _excluded$8 = ["className", "cssModule", "variant", "innerRef"];
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$9(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$9(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$9(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var propTypes$2 = {
   /** Disable the button if needed */
@@ -61966,9 +61720,9 @@ function CloseButton$1(props) {
   var className = props.className,
     variant = props.variant,
     innerRef = props.innerRef,
-    attributes = _objectWithoutProperties$1(props, _excluded$8);
+    attributes = _objectWithoutProperties(props, _excluded$8);
   var classes = mapToCssModules(classnames(className, 'btn-close', variant && "btn-close-".concat(variant)));
-  return /*#__PURE__*/React__default.createElement("button", _extends$3({
+  return /*#__PURE__*/React__default.createElement("button", _extends$2({
     ref: innerRef,
     type: "button",
     className: classes
@@ -61979,8 +61733,8 @@ function CloseButton$1(props) {
 CloseButton$1.propTypes = propTypes$2;
 
 var _excluded$9 = ["active", "aria-label", "block", "className", "close", "cssModule", "color", "outline", "size", "tag", "innerRef"];
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
-function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$a(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$a(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$a(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var propTypes$3 = {
   /** Manually set the visual state of the button to active */
@@ -62033,7 +61787,7 @@ function Button$3(props) {
     _props$tag = props.tag,
     Tag = _props$tag === void 0 ? 'button' : _props$tag,
     innerRef = props.innerRef,
-    attributes = _objectWithoutProperties$2(props, _excluded$9);
+    attributes = _objectWithoutProperties$1(props, _excluded$9);
   if (close) {
     return /*#__PURE__*/React__default.createElement(CloseButton$1, attributes);
   }
@@ -62045,7 +61799,7 @@ function Button$3(props) {
   if (attributes.href && Tag === 'button') {
     Tag = 'a';
   }
-  return /*#__PURE__*/React__default.createElement(Tag, _extends$4({
+  return /*#__PURE__*/React__default.createElement(Tag, _extends$3({
     type: Tag === 'button' && attributes.onClick ? 'button' : undefined
   }, attributes, {
     className: classes,
@@ -62572,17 +62326,17 @@ var InputGroupContext = /*#__PURE__*/React__default.createContext({});
 
 function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
 var _excluded$a = ["className", "cssModule", "direction", "isOpen", "group", "size", "nav", "setActiveFromChild", "active", "tag", "menuRole"];
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _objectWithoutProperties$3(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$b(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$b(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$b(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
 function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
-function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
@@ -62616,11 +62370,11 @@ var defaultProps$1 = {
 };
 var preventDefaultKeys = [keyCodes.space, keyCodes.enter, keyCodes.up, keyCodes.down, keyCodes.end, keyCodes.home];
 var Dropdown$2 = /*#__PURE__*/function (_React$Component) {
-  _inherits$1(Dropdown, _React$Component);
+  _inherits(Dropdown, _React$Component);
   var _super = _createSuper(Dropdown);
   function Dropdown(props) {
     var _this;
-    _classCallCheck$1(this, Dropdown);
+    _classCallCheck(this, Dropdown);
     _this = _super.call(this, props);
     _this.addEvents = _this.addEvents.bind(_assertThisInitialized(_this));
     _this.handleDocumentClick = _this.handleDocumentClick.bind(_assertThisInitialized(_this));
@@ -62855,7 +62609,7 @@ var Dropdown$2 = /*#__PURE__*/function (_React$Component) {
         setActiveFromChild = _omit.setActiveFromChild,
         active = _omit.active,
         tag = _omit.tag,
-        attrs = _objectWithoutProperties$3(_omit, _excluded$a);
+        attrs = _objectWithoutProperties$2(_omit, _excluded$a);
       var Tag = tag || (nav ? 'li' : 'div');
       var subItemIsActive = false;
       if (setActiveFromChild) {
@@ -62877,7 +62631,7 @@ var Dropdown$2 = /*#__PURE__*/function (_React$Component) {
       }
       return /*#__PURE__*/React__default.createElement(DropdownContext$2.Provider, {
         value: this.getContextValue()
-      }, /*#__PURE__*/React__default.createElement(Manager, null, /*#__PURE__*/React__default.createElement(Tag, _extends$5({}, attrs, _defineProperty$1({}, typeof Tag === 'string' ? 'ref' : 'innerRef', this.containerRef), {
+      }, /*#__PURE__*/React__default.createElement(Manager, null, /*#__PURE__*/React__default.createElement(Tag, _extends$4({}, attrs, _defineProperty$1({}, typeof Tag === 'string' ? 'ref' : 'innerRef', this.containerRef), {
         onKeyDown: this.handleKeyDown,
         className: classes
       }))));
@@ -62891,16 +62645,16 @@ Dropdown$2.contextType = InputGroupContext;
 
 function _typeof$2(obj) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$2(obj); }
 var _excluded$b = ["className", "cssModule", "divider", "tag", "header", "active", "text"];
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
-function _objectWithoutProperties$4(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$c(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function _objectWithoutProperties$3(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$c(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$c(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties$2(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 function _createClass$2(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$2(Constructor.prototype, protoProps); if (staticProps) _defineProperties$2(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$2(subClass, superClass); }
+function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$2(subClass, superClass); }
 function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$2(o, p); }
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
-function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$2(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$1(self); }
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
+function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$2(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$1(self); }
 function _assertThisInitialized$1(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
@@ -62918,11 +62672,11 @@ var propTypes$5 = {
   text: propTypes.bool
 };
 var DropdownItem$2 = /*#__PURE__*/function (_React$Component) {
-  _inherits$2(DropdownItem, _React$Component);
+  _inherits$1(DropdownItem, _React$Component);
   var _super = _createSuper$1(DropdownItem);
   function DropdownItem(props) {
     var _this;
-    _classCallCheck$2(this, DropdownItem);
+    _classCallCheck$1(this, DropdownItem);
     _this = _super.call(this, props);
     _this.onClick = _this.onClick.bind(_assertThisInitialized$1(_this));
     _this.getTabIndex = _this.getTabIndex.bind(_assertThisInitialized$1(_this));
@@ -62983,7 +62737,7 @@ var DropdownItem$2 = /*#__PURE__*/function (_React$Component) {
         header = _omit.header,
         active = _omit.active,
         text = _omit.text,
-        props = _objectWithoutProperties$4(_omit, _excluded$b);
+        props = _objectWithoutProperties$3(_omit, _excluded$b);
       var classes = mapToCssModules(classnames(className, {
         disabled: props.disabled,
         'dropdown-item': !divider && !header && !text,
@@ -63003,7 +62757,7 @@ var DropdownItem$2 = /*#__PURE__*/function (_React$Component) {
           Tag = 'span';
         }
       }
-      return /*#__PURE__*/React__default.createElement(Tag, _extends$6({
+      return /*#__PURE__*/React__default.createElement(Tag, _extends$5({
         type: Tag === 'button' && (props.onClick || this.props.toggle) ? 'button' : undefined
       }, props, {
         tabIndex: tabIndex,
@@ -63020,7 +62774,7 @@ DropdownItem$2.contextType = DropdownContext$2;
 
 function _typeof$3(obj) { "@babel/helpers - typeof"; return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$3(obj); }
 var _excluded$c = ["className", "cssModule", "dark", "end", "right", "tag", "flip", "modifiers", "persist", "strategy", "container", "updateOnSelect"];
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -63030,15 +62784,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _objectWithoutProperties$5(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$d(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$4(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$d(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$d(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties$3(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 function _createClass$3(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$3(Constructor.prototype, protoProps); if (staticProps) _defineProperties$3(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits$3(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$3(subClass, superClass); }
+function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$3(subClass, superClass); }
 function _setPrototypeOf$3(o, p) { _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$3(o, p); }
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
-function _possibleConstructorReturn$3(self, call) { if (call && (_typeof$3(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$2(self); }
+function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$3(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$2(self); }
 function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf$2(o) { _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$2(o); }
@@ -63069,10 +62823,10 @@ var directionPositionMap = {
   down: 'bottom'
 };
 var DropdownMenu$2 = /*#__PURE__*/function (_React$Component) {
-  _inherits$3(DropdownMenu, _React$Component);
+  _inherits$2(DropdownMenu, _React$Component);
   var _super = _createSuper$2(DropdownMenu);
   function DropdownMenu() {
-    _classCallCheck$3(this, DropdownMenu);
+    _classCallCheck$2(this, DropdownMenu);
     return _super.apply(this, arguments);
   }
   _createClass$3(DropdownMenu, [{
@@ -63103,7 +62857,7 @@ var DropdownMenu$2 = /*#__PURE__*/function (_React$Component) {
         strategy = _this$props.strategy,
         container = _this$props.container,
         updateOnSelect = _this$props.updateOnSelect,
-        attrs = _objectWithoutProperties$5(_this$props, _excluded$c);
+        attrs = _objectWithoutProperties$4(_this$props, _excluded$c);
       var classes = mapToCssModules(classnames(className, 'dropdown-menu', {
         'dropdown-menu-dark': dark,
         'dropdown-menu-end': end || right,
@@ -63136,7 +62890,7 @@ var DropdownMenu$2 = /*#__PURE__*/function (_React$Component) {
             var onMenuRef = _this.context.onMenuRef;
             if (onMenuRef) onMenuRef(tagRef);
           };
-          return /*#__PURE__*/React__default.createElement(Tag, _extends$7({
+          return /*#__PURE__*/React__default.createElement(Tag, _extends$6({
             tabIndex: "-1",
             role: _this.getRole(),
             ref: handleRef
@@ -63156,7 +62910,7 @@ var DropdownMenu$2 = /*#__PURE__*/function (_React$Component) {
         return popper;
       }
       var onMenuRef = this.context.onMenuRef;
-      return /*#__PURE__*/React__default.createElement(Tag, _extends$7({
+      return /*#__PURE__*/React__default.createElement(Tag, _extends$6({
         tabIndex: "-1",
         role: this.getRole()
       }, attrs, {
@@ -63175,16 +62929,16 @@ DropdownMenu$2.contextType = DropdownContext$2;
 function _typeof$4(obj) { "@babel/helpers - typeof"; return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$4(obj); }
 var _excluded$d = ["className", "color", "cssModule", "caret", "split", "nav", "tag", "innerRef"];
 function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
-function _objectWithoutProperties$6(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$e(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+function _objectWithoutProperties$5(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$e(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$e(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck$4(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties$4(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 function _createClass$4(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$4(Constructor.prototype, protoProps); if (staticProps) _defineProperties$4(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits$4(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$4(subClass, superClass); }
+function _inherits$3(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$4(subClass, superClass); }
 function _setPrototypeOf$4(o, p) { _setPrototypeOf$4 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$4(o, p); }
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$3(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$3(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$4(this, result); }; }
-function _possibleConstructorReturn$4(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$3(self); }
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$3(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$3(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
+function _possibleConstructorReturn$3(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$3(self); }
 function _assertThisInitialized$3(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf$3(o) { _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$3(o); }
@@ -63207,11 +62961,11 @@ var defaultProps$2 = {
   'aria-haspopup': true
 };
 var DropdownToggle$2 = /*#__PURE__*/function (_React$Component) {
-  _inherits$4(DropdownToggle, _React$Component);
+  _inherits$3(DropdownToggle, _React$Component);
   var _super = _createSuper$3(DropdownToggle);
   function DropdownToggle(props) {
     var _this;
-    _classCallCheck$4(this, DropdownToggle);
+    _classCallCheck$3(this, DropdownToggle);
     _this = _super.call(this, props);
     _this.onClick = _this.onClick.bind(_assertThisInitialized$3(_this));
     return _this;
@@ -63249,7 +63003,7 @@ var DropdownToggle$2 = /*#__PURE__*/function (_React$Component) {
         nav = _this$props.nav,
         tag = _this$props.tag,
         innerRef = _this$props.innerRef,
-        props = _objectWithoutProperties$6(_this$props, _excluded$d);
+        props = _objectWithoutProperties$5(_this$props, _excluded$d);
       var ariaLabel = props['aria-label'] || 'Toggle Dropdown';
       var classes = mapToCssModules(classnames(className, {
         'dropdown-toggle': caret || split,
@@ -63271,7 +63025,7 @@ var DropdownToggle$2 = /*#__PURE__*/function (_React$Component) {
         Tag = tag;
       }
       if (this.context.inNavbar) {
-        return /*#__PURE__*/React__default.createElement(Tag, _extends$8({}, props, {
+        return /*#__PURE__*/React__default.createElement(Tag, _extends$7({}, props, {
           className: classes,
           onClick: this.onClick,
           ref: this.context.onToggleRef,
@@ -63289,7 +63043,7 @@ var DropdownToggle$2 = /*#__PURE__*/function (_React$Component) {
           var onToggleRef = _this2.context.onToggleRef;
           if (onToggleRef) onToggleRef(tagRef);
         };
-        return /*#__PURE__*/React__default.createElement(Tag, _extends$8({}, props, _defineProperty$3({}, typeof Tag === 'string' ? 'ref' : 'innerRef', handleRef), {
+        return /*#__PURE__*/React__default.createElement(Tag, _extends$7({}, props, _defineProperty$3({}, typeof Tag === 'string' ? 'ref' : 'innerRef', handleRef), {
           className: classes,
           onClick: _this2.onClick,
           "aria-expanded": _this2.context.isOpen,
@@ -63309,24 +63063,24 @@ function _typeof$5(obj) { "@babel/helpers - typeof"; return _typeof$5 = "functio
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
-function _classCallCheck$5(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+function _classCallCheck$4(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties$5(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 function _createClass$5(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$5(Constructor.prototype, protoProps); if (staticProps) _defineProperties$5(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits$5(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$5(subClass, superClass); }
+function _inherits$4(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf$5(subClass, superClass); }
 function _setPrototypeOf$5(o, p) { _setPrototypeOf$5 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$5(o, p); }
-function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$4(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$4(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$5(this, result); }; }
-function _possibleConstructorReturn$5(self, call) { if (call && (_typeof$5(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$4(self); }
+function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$4(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$4(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$4(this, result); }; }
+function _possibleConstructorReturn$4(self, call) { if (call && (_typeof$5(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized$4(self); }
 function _assertThisInitialized$4(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf$4(o) { _getPrototypeOf$4 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$4(o); }
 var omitKeys = ['defaultOpen'];
 var UncontrolledDropdown = /*#__PURE__*/function (_Component) {
-  _inherits$5(UncontrolledDropdown, _Component);
+  _inherits$4(UncontrolledDropdown, _Component);
   var _super = _createSuper$4(UncontrolledDropdown);
   function UncontrolledDropdown(props) {
     var _this;
-    _classCallCheck$5(this, UncontrolledDropdown);
+    _classCallCheck$4(this, UncontrolledDropdown);
     _this = _super.call(this, props);
     _this.state = {
       isOpen: props.defaultOpen || false
@@ -63351,7 +63105,7 @@ var UncontrolledDropdown = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default.createElement(Dropdown$2, _extends$9({
+      return /*#__PURE__*/React__default.createElement(Dropdown$2, _extends$8({
         isOpen: this.state.isOpen,
         toggle: this.toggle
       }, omit(this.props, omitKeys)));
@@ -63367,16 +63121,26 @@ UncontrolledDropdown.propTypes = _objectSpread$2({
 var styles$t = {"vitro-command-menu-dropdown-button":"_command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3","vitro-dropdown-button-container":"_command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O","vitro-icon":"_command-menu-dropdown-button_vitro-icon_36InzPx","vitro-button-collapse-bottom":"_command-menu-dropdown-button_vitro-button-collapse-bottom_1OS_X_a"};
 
 var CommandMenuSubItem = function CommandMenuSubItem(props) {
+  var onClick = function onClick(e) {
+    if (props.onClick) {
+      props.onClick(e);
+    } else if (props.href) {
+      var event = new CustomEvent(exports.EVENT.HISTORY_UPDATE, {
+        detail: {
+          pathname: props.href
+        }
+      });
+      window.dispatchEvent(event);
+    }
+  };
   return React__default.createElement(DropdownItem$2, {
-    onClick: props.onClick,
+    onClick: onClick,
     toggle: props.toggle === false ? false : true
   }, props.imageUrl && React__default.createElement(Icon, {
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl,
     className: styles$t['vitro-icon']
-  }), props.href ? React__default.createElement(Link, {
-    to: props.href
-  }, props.text) : React__default.createElement("span", null, props.text));
+  }), React__default.createElement("span", null, props.text));
 };
 
 var CommandMenuItemHeader = function CommandMenuItemHeader(props) {
@@ -63450,6 +63214,16 @@ var LinkItem$1 = function LinkItem(props) {
     setIsHover = _useState[1];
   var isActive = props.link === props.currentUrl || props.activeItem === props.id;
   var className = isActive ? styles$u['vitro-active'] : isHover ? styles$u['vitro-hover'] : CTRL.EMPTY;
+  var onClick = function onClick(e) {
+    if (props.link) {
+      var event = new CustomEvent(exports.EVENT.HISTORY_UPDATE, {
+        detail: {
+          pathname: props.link
+        }
+      });
+      window.dispatchEvent(event);
+    }
+  };
   return React__default.createElement("li", {
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
@@ -63461,8 +63235,8 @@ var LinkItem$1 = function LinkItem(props) {
       width: props.linkItemWidth ? props.linkItemWidth + PX_UNIT$3 : WIDTH_AUTO
     },
     className: styles$u['vitro-item']
-  }, props.link && React__default.createElement(Link, {
-    to: props.link,
+  }, props.link && React__default.createElement("a", {
+    onClick: onClick,
     className: className
   }, React__default.createElement(Item$1, Object.assign({}, props, {
     isHover: isHover || isActive
@@ -63511,7 +63285,7 @@ var SectionList = React.forwardRef(function (props, ref) {
 var styles$v = {"vitro-sidebar":"_sidebar_vitro-sidebar_1IxGYiU","vitro-scroll-container":"_sidebar_vitro-scroll-container_3K-iJy8","vitro-button-more":"_sidebar_vitro-button-more_3s9oZY9"};
 
 var Sidebar = function Sidebar(props) {
-  var _useState = React.useState(props.history.location.pathname),
+  var _useState = React.useState(window.location.pathname),
     currentUrl = _useState[0],
     setCurrentUrl = _useState[1];
   var _useState2 = React.useState([]),
@@ -63528,9 +63302,9 @@ var Sidebar = function Sidebar(props) {
     setLinkItemWidth = _useState5[1];
   var menuRef = React.useRef(null);
   var scrollableListRef = React.useRef(null);
-  props.history.listen(function (location) {
-    setCurrentUrl(location.pathname);
-  });
+  var handleHistoryChanged = function handleHistoryChanged(e) {
+    setCurrentUrl(e.detail.pathname);
+  };
   React.useEffect(function () {
     if (props.sidebar === 1 && props.overflowItemList && props.overflowItemList.length > 0) {
       setItemList([].concat(props.topItemList, props.overflowItemList));
@@ -63542,10 +63316,12 @@ var Sidebar = function Sidebar(props) {
     }
   }, [props.sidebar, isMobileView]);
   React.useEffect(function () {
-    window.addEventListener(EVENT.RESIZE, handleResize);
+    window.addEventListener(exports.EVENT.RESIZE, handleResize);
+    window.addEventListener(exports.EVENT.HISTORY_CHANGED, handleHistoryChanged);
     handleResize();
     return function () {
-      window.removeEventListener(EVENT.RESIZE, handleResize);
+      window.removeEventListener(exports.EVENT.RESIZE, handleResize);
+      window.removeEventListener(exports.EVENT.HISTORY_CHANGED, handleHistoryChanged);
     };
   }, []);
   React.useEffect(function () {
@@ -63778,9 +63554,9 @@ var DialogButton = function DialogButton(props) {
 
 var DialogCloseButton = function DialogCloseButton(props) {
   React.useEffect(function () {
-    window.document.addEventListener(EVENT.KEYDOWN, escFunction, false);
+    window.document.addEventListener(exports.EVENT.KEYDOWN, escFunction, false);
     return function () {
-      window.document.removeEventListener(EVENT.KEYDOWN, escFunction, false);
+      window.document.removeEventListener(exports.EVENT.KEYDOWN, escFunction, false);
     };
   }, []);
   var escFunction = function escFunction(e) {
@@ -63833,8 +63609,8 @@ var UserProfileMenuItem = function UserProfileMenuItem(props) {
     return React__default.createElement("div", {
       className: styles$C['vitro-dropdown-item'],
       onClick: onClick
-    }, React__default.createElement(Link, {
-      to: props.link
+    }, React__default.createElement("a", {
+      href: props.link
     }, props.imageUrl && React__default.createElement(Icon, {
       defaultUrl: props.imageUrl,
       hoverUrl: props.hoverImageUrl