@mjhls/mjh-framework 1.0.861-dl-iframe-v1 → 1.0.861

package/dist/esm/MediaSeriesLanding.js

@@ -6,16 +6,15 @@ import './_iter-detect-5d49a330.js';
 import './toConsumableArray-43aa614d.js';
 import './core.get-iterator-method-e1de7503.js';
 import './_object-pie-33c40e79.js';
-import { _ as _extends$1 } from './extends-6f2fcc99.js';
+import { _ as _extends$1 } from './extends-eb69e8ac.js';
 import './_object-sap-964b6feb.js';
-import './inherits-75d45541.js';
+import './inherits-0d8cda6e.js';
 import './define-property-8af5f002.js';
 import './web.dom.iterable-4439f05a.js';
 import { _ as _typeof } from './typeof-af9c50d8.js';
 import './_is-array-58e95429.js';
 import React, { useCallback, useRef, useState, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
-import './events-6c3a7a63.js';
-import './index-f7fb1e25.js';
+import './index-1819118a.js';
 import PropTypes from 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
@@ -40,9 +39,9 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-56a3db8b.js';
+import './ADInfeed-422ad6e6.js';
 import './lodash-ec8c6b48.js';
-import './ADlgInfeed-53edb995.js';
+import './ADlgInfeed-f7468db8.js';
 import 'react-bootstrap/Button';
 import { B as BlockContent } from './BlockContent-d05b5b23.js';
 import './index-c7e2ac95.js';
@@ -51,7 +50,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-82fea143.js';
+import { g as getSerializers } from './index-20e503c9.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-4abff0b1.js';
 import 'next/head';
@@ -63,12 +62,94 @@ import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
 import 'react-bootstrap/Popover';
+import 'react-script-tag';
 import MasterDeck from './MasterDeck.js';
 import { _ as _defineProperty } from './defineProperty-94fd8bfc.js';
-import { _ as _objectWithoutPropertiesLoose, a as _extends, c as classnames } from './index-aaa2dae0.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import Link from 'next/link';
 
+function _extends() {
+  _extends = 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;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(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 classnames = createCommonjsModule(function (module) {
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames () {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg) && arg.length) {
+				var inner = classNames.apply(null, arg);
+				if (inner) {
+					classes.push(inner);
+				}
+			} else if (argType === 'object') {
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes.push(key);
+					}
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if ( module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
  *
@@ -1172,15 +1253,11 @@ var AccordionCollapse = React.forwardRef(function (_ref, ref) {
       eventKey = _ref.eventKey,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
 
-  var contextEventKey = useContext(context); // Empty SelectableContext is to prevent elements in the collapse
-  // from collapsing the accordion when clicked.
-
-  return /*#__PURE__*/React.createElement(SelectableContext.Provider, {
-    value: null
-  }, /*#__PURE__*/React.createElement(Collapse, _extends({
+  var contextEventKey = useContext(context);
+  return /*#__PURE__*/React.createElement(Collapse, _extends({
     ref: ref,
     in: contextEventKey === eventKey
-  }, props), /*#__PURE__*/React.createElement("div", null, React.Children.only(children))));
+  }, props), /*#__PURE__*/React.createElement("div", null, React.Children.only(children)));
 });
 AccordionCollapse.displayName = 'AccordionCollapse';
 
@@ -1567,7 +1644,7 @@ var Button = React.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "size", "active", "className", "block", "type", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn');
-  var classes = classnames(className, prefix, active && 'active', variant && prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
+  var classes = classnames(className, prefix, active && 'active', prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
 
   if (props.href) {
     return /*#__PURE__*/React.createElement(SafeAnchor, _extends({}, props, {
@@ -1886,22 +1963,7 @@ function useTimeout() {
 
 var CarouselCaption = createWithBsPrefix('carousel-caption');
 
-var CarouselItem = React.forwardRef(function (_ref, ref) {
-  var _ref$as = _ref.as,
-      Component = _ref$as === void 0 ? 'div' : _ref$as,
-      bsPrefix = _ref.bsPrefix,
-      children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "children", "className"]);
-
-  var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: ref
-  }, props, {
-    className: finalClassName
-  }), children);
-});
-CarouselItem.displayName = 'CarouselItem';
+var CarouselItem = createWithBsPrefix('carousel-item');
 
 /**
  * Iterates through children that are typically specified as `props.children`,
@@ -1918,20 +1980,6 @@ function map(children, func) {
     return React.isValidElement(child) ? func(child, index++) : child;
   });
 }
-/**
- * Iterates through children that are "valid elements".
- *
- * The provided forEachFunc(child, index) will be called for each
- * leaf child with the index reflecting the position relative to "valid components".
- */
-
-
-function forEach(children, func) {
-  var index = 0;
-  React.Children.forEach(children, function (child) {
-    if (React.isValidElement(child)) func(child, index++);
-  });
-}
 
 var SWIPE_THRESHOLD = 40;
 var propTypes$1 = {
@@ -2120,6 +2168,7 @@ function CarouselFunc(uncontrolledProps, ref) {
   if (!isSliding && activeIndex !== renderedActiveIndex) {
     if (nextDirectionRef.current) {
       setDirection(nextDirectionRef.current);
+      nextDirectionRef.current = null;
     } else {
       setDirection((activeIndex || 0) > renderedActiveIndex ? 'next' : 'prev');
     }
@@ -2131,23 +2180,7 @@ function CarouselFunc(uncontrolledProps, ref) {
     setRenderedActiveIndex(activeIndex || 0);
   }
 
-  useEffect(function () {
-    if (nextDirectionRef.current) {
-      nextDirectionRef.current = null;
-    }
-  });
-  var numChildren = 0;
-  var activeChildInterval; // Iterate to grab all of the children's interval values
-  // (and count them, too)
-
-  forEach(children, function (child, index) {
-    ++numChildren;
-
-    if (index === activeIndex) {
-      activeChildInterval = child.props.interval;
-    }
-  });
-  var activeChildIntervalRef = useCommittedRef(activeChildInterval);
+  var numChildren = React.Children.toArray(children).filter(React.isValidElement).length;
   var prev = useCallback(function (event) {
     if (isSliding) {
       return;
@@ -2333,19 +2366,17 @@ function CarouselFunc(uncontrolledProps, ref) {
   var shouldPlay = interval != null && !pausedOnHover && !pausedOnTouch && !isSliding;
   var intervalHandleRef = useRef();
   useEffect(function () {
-    var _ref, _activeChildIntervalR;
-
     if (!shouldPlay) {
       return undefined;
     }
 
-    intervalHandleRef.current = window.setInterval(document.visibilityState ? nextWhenVisible : next, (_ref = (_activeChildIntervalR = activeChildIntervalRef.current) != null ? _activeChildIntervalR : interval) != null ? _ref : undefined);
+    intervalHandleRef.current = window.setInterval(document.visibilityState ? nextWhenVisible : next, interval || undefined);
     return function () {
       if (intervalHandleRef.current !== null) {
         clearInterval(intervalHandleRef.current);
       }
     };
-  }, [shouldPlay, next, activeChildIntervalRef, interval, nextWhenVisible]);
+  }, [shouldPlay, next, interval, nextWhenVisible]);
   var indicatorOnClicks = useMemo(function () {
     return indicators && Array.from({
       length: numChildren
@@ -2657,7 +2688,7 @@ function contains(parent, child) {
   if (parent.contains(child)) {
     return true;
   } // then fallback to custom implementation with Shadow DOM support
-  else if (rootNode && isShadowRoot(rootNode)) {
+  else if (isShadowRoot(rootNode)) {
       var next = child;
 
       do {
@@ -4367,11 +4398,6 @@ var ariaDescribedByModifier = {
 
     if (popper.id && role === 'tooltip' && 'setAttribute' in reference) {
       var ids = reference.getAttribute('aria-describedby');
-
-      if (ids && ids.split(',').indexOf(popper.id) !== -1) {
-        return;
-      }
-
       reference.setAttribute('aria-describedby', ids ? ids + "," + popper.id : popper.id);
     }
   }
@@ -4627,33 +4653,14 @@ function useRootClose(ref, onRootClose, _temp) {
     }
   });
   useEffect(function () {
-    if (disabled || ref == null) return undefined; // Store the current event to avoid triggering handlers immediately
-    // https://github.com/facebook/react/issues/20074
-
-    var currentEvent = window.event;
+    if (disabled || ref == null) return undefined;
     var doc = ownerDocument$1(getRefTarget(ref)); // Use capture for this listener so it fires before React's listener, to
     // avoid false positives in the contains() check below if the target DOM
     // element is removed in the React mouse callback.
 
     var removeMouseCaptureListener = listen(doc, clickTrigger, handleMouseCapture, true);
-    var removeMouseListener = listen(doc, clickTrigger, function (e) {
-      // skip if this event is the same as the one running when we added the handlers
-      if (e === currentEvent) {
-        currentEvent = undefined;
-        return;
-      }
-
-      handleMouse(e);
-    });
-    var removeKeyupListener = listen(doc, 'keyup', function (e) {
-      // skip if this event is the same as the one running when we added the handlers
-      if (e === currentEvent) {
-        currentEvent = undefined;
-        return;
-      }
-
-      handleKeyUp(e);
-    });
+    var removeMouseListener = listen(doc, clickTrigger, handleMouse);
+    var removeKeyupListener = listen(doc, 'keyup', handleKeyUp);
     var mobileSafariHackListeners = [];
 
     if ('ontouchstart' in doc.documentElement) {
@@ -5234,10 +5241,9 @@ var DropdownItem = React.forwardRef(function (_ref, ref) {
   var navContext = useContext(NavContext);
 
   var _ref2 = navContext || {},
-      activeKey = _ref2.activeKey; // TODO: Restrict eventKey to string in v5?
+      activeKey = _ref2.activeKey;
 
-
-  var key = makeEventKey(eventKey, href);
+  var key = makeEventKey(eventKey || null, href);
   var active = propActive == null && key != null ? makeEventKey(activeKey) === key : propActive;
   var handleClick = useEventCallback(function (event) {
     // SafeAnchor handles the disabled case, but we handle it here
@@ -5336,14 +5342,12 @@ function getMargins(element) {
 function usePopperMarginModifiers() {
   var overlayRef = useRef(null);
   var margins = useRef(null);
-  var popoverClass = useBootstrapPrefix(undefined, 'popover');
-  var dropdownMenuClass = useBootstrapPrefix(undefined, 'dropdown-menu');
   var callback = useCallback(function (overlay) {
-    if (!overlay || !(hasClass(overlay, popoverClass) || hasClass(overlay, dropdownMenuClass))) return;
+    if (!overlay || !(hasClass(overlay, 'popover') || hasClass(overlay, 'dropdown-menu'))) return;
     margins.current = getMargins(overlay);
     overlay.style.margin = '0';
     overlayRef.current = overlay;
-  }, [popoverClass, dropdownMenuClass]);
+  }, []);
   var offset = useMemo(function () {
     return {
       name: 'offset',
@@ -5387,7 +5391,7 @@ function usePopperMarginModifiers() {
       effect: function effect(_ref2) {
         var state = _ref2.state;
 
-        if (!overlayRef.current || !state.elements.arrow || !hasClass(overlayRef.current, popoverClass) || !state.modifiersData['arrow#persistent']) {
+        if (!overlayRef.current || !state.elements.arrow || !hasClass(overlayRef.current, 'popover') || !state.modifiersData['arrow#persistent']) {
           return undefined;
         }
 
@@ -5408,22 +5412,11 @@ function usePopperMarginModifiers() {
         };
       }
     };
-  }, [popoverClass]);
+  }, []);
   return [callback, [offset, popoverArrowMargins]];
 }
 
-var alignDirection = PropTypes.oneOf(['left', 'right']);
-var alignPropType = PropTypes.oneOfType([alignDirection, PropTypes.shape({
-  sm: alignDirection
-}), PropTypes.shape({
-  md: alignDirection
-}), PropTypes.shape({
-  lg: alignDirection
-}), PropTypes.shape({
-  xl: alignDirection
-})]);
 var defaultProps$f = {
-  align: 'left',
   alignRight: false,
   flip: true
 }; // TODO: remove this hack
@@ -5431,7 +5424,6 @@ var defaultProps$f = {
 var DropdownMenu$1 = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
-      align = _ref.align,
       alignRight = _ref.alignRight,
       rootCloseEvent = _ref.rootCloseEvent,
       flip = _ref.flip,
@@ -5440,7 +5432,7 @@ var DropdownMenu$1 = React.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       popperConfig = _ref.popperConfig,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
 
   var isNavbar = useContext(context$2);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-menu');
@@ -5449,33 +5441,12 @@ var DropdownMenu$1 = React.forwardRef(function (_ref, ref) {
       popperRef = _usePopperMarginModif[0],
       marginModifiers = _usePopperMarginModif[1];
 
-  var alignClasses = [];
-
-  if (align) {
-    if (typeof align === 'object') {
-      var keys = Object.keys(align);
-      process.env.NODE_ENV !== "production" ? warning_1(keys.length === 1, 'There should only be 1 breakpoint when passing an object to `align`') : void 0;
-
-      if (keys.length) {
-        var brkPoint = keys[0];
-        var direction = align[brkPoint]; // .dropdown-menu-right is required for responsively aligning
-        // left in addition to align left classes.
-        // Reuse alignRight to toggle the class below.
-
-        alignRight = direction === 'left';
-        alignClasses.push(prefix + "-" + brkPoint + "-" + direction);
-      }
-    } else if (align === 'right') {
-      alignRight = true;
-    }
-  }
-
   var _ref2 = useDropdownMenu({
     flip: flip,
     rootCloseEvent: rootCloseEvent,
     show: showProps,
     alignEnd: alignRight,
-    usePopper: !isNavbar && alignClasses.length === 0,
+    usePopper: !isNavbar,
     popperConfig: _extends({}, popperConfig, {
       modifiers: marginModifiers.concat((popperConfig == null ? void 0 : popperConfig.modifiers) || [])
     })
@@ -5504,7 +5475,7 @@ var DropdownMenu$1 = React.forwardRef(function (_ref, ref) {
   }
 
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, menuProps, {
-    className: classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
+    className: classnames(className, prefix, show && 'show', alignEnd && prefix + "-right")
   }));
 });
 DropdownMenu$1.displayName = 'DropdownMenu';
@@ -5541,10 +5512,11 @@ var DropdownToggle$1 = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       split = _ref.split,
       className = _ref.className,
+      children = _ref.children,
       childBsPrefix = _ref.childBsPrefix,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? Button : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "split", "className", "childBsPrefix", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "split", "className", "children", "childBsPrefix", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-toggle');
 
@@ -5562,7 +5534,7 @@ var DropdownToggle$1 = React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Component, _extends({
     onClick: toggle,
     className: classnames(className, prefix, split && prefix + "-split")
-  }, toggleProps, props));
+  }, toggleProps, props), children);
 });
 DropdownToggle$1.displayName = 'DropdownToggle';
 
@@ -5665,15 +5637,6 @@ var propTypes$5 = {
   /** Disables both Buttons  */
   disabled: PropTypes.bool,
 
-  /**
-   * Aligns the dropdown menu responsively.
-   *
-   * _see [DropdownMenu](#dropdown-menu-props) for more details_
-   *
-   * @type {"left"|"right"|{ sm: "left"|"right" }|{ md: "left"|"right" }|{ lg: "left"|"right" }|{ xl: "left"|"right"} }
-   */
-  menuAlign: alignPropType,
-
   /** An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown */
   menuRole: PropTypes.string,
 
@@ -5683,7 +5646,7 @@ var propTypes$5 = {
   /**
    *  Which event when fired outside the component will cause it to be closed.
    *
-   * _see [DropdownMenu](#dropdown-menu-props) for more details_
+   * _see [DropdownMenu](#menu-props) for more details_
    */
   rootCloseEvent: PropTypes.string,
 
@@ -5712,13 +5675,12 @@ var DropdownButton = React.forwardRef(function (_ref, ref) {
       rootCloseEvent = _ref.rootCloseEvent,
       variant = _ref.variant,
       size = _ref.size,
-      menuAlign = _ref.menuAlign,
       menuRole = _ref.menuRole,
       renderMenuOnMount = _ref.renderMenuOnMount,
       disabled = _ref.disabled,
       href = _ref.href,
       id = _ref.id,
-      props = _objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
 
   return /*#__PURE__*/React.createElement(Dropdown$1, _extends({
     ref: ref
@@ -5730,7 +5692,6 @@ var DropdownButton = React.forwardRef(function (_ref, ref) {
     disabled: disabled,
     childBsPrefix: bsPrefix
   }, title), /*#__PURE__*/React.createElement(DropdownMenu$1, {
-    align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
@@ -5970,7 +5931,7 @@ var FormCheck = React.forwardRef(function (_ref, ref) {
       custom: custom
     };
   }, [controlId, custom, id]);
-  var hasLabel = custom || label != null && label !== false && !children;
+  var hasLabel = label != null && label !== false && !children;
   var input = /*#__PURE__*/React.createElement(FormCheckInput, _extends({}, props, {
     type: type === 'switch' ? 'checkbox' : type,
     ref: ref,
@@ -6230,7 +6191,7 @@ var FormLabel = React.forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-label');
   var columnClass = 'col-form-label';
-  if (typeof column === 'string') columnClass = columnClass + " " + columnClass + "-" + column;
+  if (typeof column === 'string') columnClass = columnClass + "-" + column;
   var classes = classnames(className, bsPrefix, srOnly && 'sr-only', column && columnClass);
   process.env.NODE_ENV !== "production" ? warning_1(controlId == null || !htmlFor, '`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified.') : void 0;
   htmlFor = htmlFor || controlId;
@@ -6667,8 +6628,7 @@ var ListGroupItem = React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(AbstractNavItem, _extends({
     ref: ref
   }, props, {
-    // TODO: Restrict eventKey to string in v5?
-    eventKey: makeEventKey(eventKey, props.href) // eslint-disable-next-line no-nested-ternary
+    eventKey: makeEventKey(eventKey || null, props.href) // eslint-disable-next-line no-nested-ternary
     ,
     as: as || (action ? props.href ? 'a' : 'button' : 'div'),
     onClick: handleClick,
@@ -7553,12 +7513,11 @@ var ModalContext = React.createContext({
 var ModalDialog = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
-      contentClassName = _ref.contentClassName,
       centered = _ref.centered,
       size = _ref.size,
       children = _ref.children,
       scrollable = _ref.scrollable,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "centered", "size", "children", "scrollable"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');
   var dialogClass = bsPrefix + "-dialog";
@@ -7566,7 +7525,7 @@ var ModalDialog = React.forwardRef(function (_ref, ref) {
     ref: ref,
     className: classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames(bsPrefix + "-content", contentClassName)
+    className: bsPrefix + "-content"
   }, children));
 });
 ModalDialog.displayName = 'ModalDialog';
@@ -7637,7 +7596,6 @@ var Modal$1 = React.forwardRef(function (_ref, ref) {
       className = _ref.className,
       style = _ref.style,
       dialogClassName = _ref.dialogClassName,
-      contentClassName = _ref.contentClassName,
       children = _ref.children,
       Dialog = _ref.dialogAs,
       ariaLabelledby = _ref['aria-labelledby'],
@@ -7661,7 +7619,7 @@ var Modal$1 = React.forwardRef(function (_ref, ref) {
       onExited = _ref.onExited,
       backdropClassName = _ref.backdropClassName,
       propsManager = _ref.manager,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "style", "dialogClassName", "contentClassName", "children", "dialogAs", "aria-labelledby", "show", "animation", "backdrop", "keyboard", "onEscapeKeyDown", "onShow", "onHide", "container", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "onEntered", "onExit", "onExiting", "onEnter", "onEntering", "onExited", "backdropClassName", "manager"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "style", "dialogClassName", "children", "dialogAs", "aria-labelledby", "show", "animation", "backdrop", "keyboard", "onEscapeKeyDown", "onShow", "onHide", "container", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "onEntered", "onExit", "onExiting", "onEnter", "onEntering", "onExited", "backdropClassName", "manager"]);
 
   var _useState = useState({}),
       modalStyle = _useState[0],
@@ -7851,8 +7809,7 @@ var Modal$1 = React.forwardRef(function (_ref, ref) {
     }), /*#__PURE__*/React.createElement(Dialog, _extends({}, props, {
       role: "document",
       onMouseDown: handleDialogMouseDown,
-      className: dialogClassName,
-      contentClassName: contentClassName
+      className: dialogClassName
     }), children));
   };
 
@@ -8820,15 +8777,6 @@ var propTypes$a = {
   /** Disables both Buttons  */
   disabled: PropTypes.bool,
 
-  /**
-   * Aligns the dropdown menu responsively.
-   *
-   * _see [DropdownMenu](#dropdown-menu-props) for more details_
-   *
-   * @type {"left"|"right"|{ sm: "left"|"right" }|{ md: "left"|"right" }|{ lg: "left"|"right" }|{ xl: "left"|"right"} }
-   */
-  menuAlign: alignPropType,
-
   /** An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown */
   menuRole: PropTypes.string,
 
@@ -8838,7 +8786,7 @@ var propTypes$a = {
   /**
    *  Which event when fired outside the component will cause it to be closed.
    *
-   * _see [DropdownMenu](#dropdown-menu-props) for more details_
+   * _see [DropdownMenu](#menu-props) for more details_
    */
   rootCloseEvent: PropTypes.string,
 
@@ -8867,11 +8815,10 @@ var SplitButton = React.forwardRef(function (_ref, ref) {
       onClick = _ref.onClick,
       href = _ref.href,
       target = _ref.target,
-      menuAlign = _ref.menuAlign,
       menuRole = _ref.menuRole,
       renderMenuOnMount = _ref.renderMenuOnMount,
       rootCloseEvent = _ref.rootCloseEvent,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
 
   return /*#__PURE__*/React.createElement(Dropdown$1, _extends({
     ref: ref
@@ -8896,7 +8843,6 @@ var SplitButton = React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
   }, toggleLabel)), /*#__PURE__*/React.createElement(Dropdown$1.Menu, {
-    align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
@@ -9238,8 +9184,7 @@ var ToggleButton = React.forwardRef(function (_ref, ref) {
 ToggleButton.displayName = 'ToggleButton';
 
 var defaultProps$D = {
-  type: 'radio',
-  vertical: false
+  type: 'radio'
 };
 var ToggleButtonGroup = React.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
@@ -9337,7 +9282,7 @@ var Tooltip = React.forwardRef(function (_ref, ref) {
 Tooltip.defaultProps = defaultProps$E;
 Tooltip.displayName = 'Tooltip';
 
-var css = ".MediaSeriesCard-module_article__SAFYK {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n  width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n  color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n  font-size: 1.3rem;\r\n  font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .MediaSeriesCard-module_article__SAFYK {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .MediaSeriesCard-module_article__SAFYK a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU figure {\r\n    margin: 0;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o {\r\n    width: 90%;\r\n    padding: 0rem !important;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o h2 {\r\n    font-size: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_name__2m5KY {\r\n    font-size: 1rem;\r\n    \r\n  }\r\n}\r\n";
+var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
 var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
 styleInject(css);
 
@@ -9424,11 +9369,11 @@ var Filter = function Filter(_ref) {
       _useState6 = _slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */