@openedx/paragon 21.12.1 → 21.12.3

package/dist/Modal/index.js

@@ -1,7 +1,20 @@
-const _excluded = ["label"];
+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 _excluded = ["label"];
 function _extends() { _extends = 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.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(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(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(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(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(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(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); }
 import React from 'react';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
@@ -13,208 +26,223 @@ import Button from '../Button';
 import Icon from '../Icon';
 import newId from '../utils/newId';
 import Variant from '../utils/constants';
-class Modal extends React.Component {
-  constructor(props) {
-    super(props);
-    this.close = this.close.bind(this);
-    this.headerId = newId();
-    this.modalBodyRef = /*#__PURE__*/React.createRef();
+var Modal = /*#__PURE__*/function (_React$Component) {
+  _inherits(Modal, _React$Component);
+  var _super = _createSuper(Modal);
+  function Modal(props) {
+    var _this;
+    _classCallCheck(this, Modal);
+    _this = _super.call(this, props);
+    _this.close = _this.close.bind(_assertThisInitialized(_this));
+    _this.headerId = newId();
+    _this.modalBodyRef = /*#__PURE__*/React.createRef();
     if (typeof document !== 'undefined') {
-      this.el = document.createElement('div');
+      _this.el = document.createElement('div');
       // Sets true for IE11, false otherwise: https://stackoverflow.com/a/22082397/6620612
-      this.isIE11 = !!global.MSInputMethodContext && !!document.documentMode;
+      _this.isIE11 = !!global.MSInputMethodContext && !!document.documentMode;
     }
-    this.state = {
+    _this.state = {
       open: props.open
     };
+    return _this;
   }
-  componentDidMount() {
-    const {
-      parentSelector
-    } = this.props;
-    this.parentElement = document.querySelector(parentSelector);
-    if (this.parentElement === null) {
-      throw new Error(`Modal received invalid parentSelector: ${parentSelector}, no matching element found`);
+  _createClass(Modal, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var parentSelector = this.props.parentSelector;
+      this.parentElement = document.querySelector(parentSelector);
+      if (this.parentElement === null) {
+        throw new Error("Modal received invalid parentSelector: ".concat(parentSelector, ", no matching element found"));
+      }
+      this.parentElement.appendChild(this.el);
     }
-    this.parentElement.appendChild(this.el);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      open
-    } = this.props;
-    if (open !== prevProps.open || open !== prevState.open) {
-      // eslint-disable-next-line react/no-did-update-set-state
-      this.setState({
-        open
-      });
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      var open = this.props.open;
+      if (open !== prevProps.open || open !== prevState.open) {
+        // eslint-disable-next-line react/no-did-update-set-state
+        this.setState({
+          open: open
+        });
+      }
     }
-  }
-  componentWillUnmount() {
-    if (this.parentElement) {
-      ReactDOM.unmountComponentAtNode(this.parentElement);
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.parentElement) {
+        ReactDOM.unmountComponentAtNode(this.parentElement);
+      }
     }
-  }
-  getVariantIconClassName() {
-    const {
-      variant
-    } = this.props;
-    let variantIconClassName;
-    switch (variant.status) {
-      case Variant.status.WARNING:
-        variantIconClassName = classNames('fa', 'fa-exclamation-triangle', 'fa-3x', `text-${variant.status.toLowerCase()}`);
-        break;
-      default:
-        break;
+  }, {
+    key: "getVariantIconClassName",
+    value: function getVariantIconClassName() {
+      var variant = this.props.variant;
+      var variantIconClassName;
+      switch (variant.status) {
+        case Variant.status.WARNING:
+          variantIconClassName = classNames('fa', 'fa-exclamation-triangle', 'fa-3x', "text-".concat(variant.status.toLowerCase()));
+          break;
+        default:
+          break;
+      }
+      return variantIconClassName;
     }
-    return variantIconClassName;
-  }
-  getVariantGridBody(body) {
-    const {
-      variant
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "container-fluid"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "row"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "col-md-10"
-    }, /*#__PURE__*/React.createElement("div", null, body)), /*#__PURE__*/React.createElement("div", {
-      className: "col-md-2",
-      "data-testid": "modal-icon"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      id: newId(`Modal-${variant.status}`),
-      className: this.getVariantIconClassName()
-    }))));
-  }
-  getTabbableBodyElements() {
-    if (this.modalBodyRef?.current) {
-      return tabbable(this.modalBodyRef.current);
+  }, {
+    key: "getVariantGridBody",
+    value: function getVariantGridBody(body) {
+      var variant = this.props.variant;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "container-fluid"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "row"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-md-10"
+      }, /*#__PURE__*/React.createElement("div", null, body)), /*#__PURE__*/React.createElement("div", {
+        className: "col-md-2",
+        "data-testid": "modal-icon"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        id: newId("Modal-".concat(variant.status)),
+        className: this.getVariantIconClassName()
+      }))));
     }
-    return [];
-  }
-  isValidVariantStatus() {
-    const {
-      variant
-    } = this.props;
-    return Object.values(Variant.status).includes(variant.status);
-  }
-  close(e) {
-    if (e) {
-      e.stopPropagation();
+  }, {
+    key: "getTabbableBodyElements",
+    value: function getTabbableBodyElements() {
+      var _this$modalBodyRef;
+      if ((_this$modalBodyRef = this.modalBodyRef) !== null && _this$modalBodyRef !== void 0 && _this$modalBodyRef.current) {
+        return tabbable(this.modalBodyRef.current);
+      }
+      return [];
     }
-    this.setState({
-      open: false
-    });
-    this.props.onClose();
-  }
-  renderButtons() {
-    return this.props.buttons.map(button => {
-      // button is either a React component that we want clone or a set of props
-      if ( /*#__PURE__*/React.isValidElement(button)) {
-        return /*#__PURE__*/React.cloneElement(button, {
-          key: button.props.children
-        });
+  }, {
+    key: "isValidVariantStatus",
+    value: function isValidVariantStatus() {
+      var variant = this.props.variant;
+      return Object.values(Variant.status).includes(variant.status);
+    }
+  }, {
+    key: "close",
+    value: function close(e) {
+      if (e) {
+        e.stopPropagation();
       }
-      const {
-          label
-        } = button,
-        buttonProps = _objectWithoutProperties(button, _excluded);
-      return /*#__PURE__*/React.createElement(Button.Deprecated, _extends({}, buttonProps, {
-        key: label
-      }), label);
-    });
-  }
-  renderBody() {
-    let {
-      body
-    } = this.props;
-    if (typeof body === 'string') {
-      body = /*#__PURE__*/React.createElement("p", null, body);
+      this.setState({
+        open: false
+      });
+      this.props.onClose();
     }
-    if (this.isValidVariantStatus()) {
-      body = this.getVariantGridBody(body);
+  }, {
+    key: "renderButtons",
+    value: function renderButtons() {
+      return this.props.buttons.map(function (button) {
+        // button is either a React component that we want clone or a set of props
+        if ( /*#__PURE__*/React.isValidElement(button)) {
+          return /*#__PURE__*/React.cloneElement(button, {
+            key: button.props.children
+          });
+        }
+        var label = button.label,
+          buttonProps = _objectWithoutProperties(button, _excluded);
+        return /*#__PURE__*/React.createElement(Button.Deprecated, _extends({}, buttonProps, {
+          key: label
+        }), label);
+      });
     }
-    return body;
-  }
-  renderModal() {
-    const {
-      open
-    } = this.state;
-    const {
-      dialogClassName,
-      renderDefaultCloseButton,
-      renderHeaderCloseButton,
-      buttons,
-      closeText,
-      title
-    } = this.props;
-    const hasTabbableElements = renderDefaultCloseButton || renderHeaderCloseButton || buttons.length > 0 || this.getTabbableBodyElements().length > 0;
-    const renderModalFooter = renderDefaultCloseButton || buttons.length > 0;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: classNames({
-        'modal-backdrop': open,
-        show: open,
-        fade: !open
-      }),
-      role: "presentation",
-      "data-testid": "modal-backdrop"
-    }), /*#__PURE__*/React.createElement("div", {
-      className: classNames('modal', {
-        show: open,
-        fade: !open,
-        'd-block': open,
-        'is-ie11': this.isIE11
-      }),
-      role: "presentation",
-      "data-testid": "modal"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classNames({
-        'modal-dialog': open
-      }, dialogClassName),
-      role: "dialog",
-      "aria-modal": true,
-      "aria-labelledby": this.headerId
-    }, /*#__PURE__*/React.createElement(FocusOn, {
-      enabled: open,
-      onClickOutside: this.close,
-      onEscapeKey: this.close
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      className: "modal-content",
-      "data-testid": "modal-content"
-      // if the modal doesn't contain any tabbable elements, make this element programmatically focusable.
-    }, !hasTabbableElements ? {
-      tabIndex: -1
-    } : {}), /*#__PURE__*/React.createElement("div", {
-      className: "modal-header"
-    }, /*#__PURE__*/React.createElement("h2", {
-      className: "modal-title",
-      id: this.headerId
-    }, title), renderHeaderCloseButton && /*#__PURE__*/React.createElement(Button.Deprecated, {
-      className: "p-1",
-      onClick: this.close,
-      "data-testid": "modal-header-btn"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      src: Close,
-      screenReaderText: closeText
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "modal-body",
-      ref: this.modalBodyRef,
-      "data-testid": "modal-body"
-    }, this.renderBody()), renderModalFooter && /*#__PURE__*/React.createElement("div", {
-      className: "modal-footer"
-    }, renderDefaultCloseButton && /*#__PURE__*/React.createElement(Button, {
-      variant: "link",
-      onClick: this.close,
-      "data-testid": "modal-footer-btn"
-    }, closeText), this.renderButtons()))))));
-  }
-  render() {
-    if (!this.el) {
-      return null;
+  }, {
+    key: "renderBody",
+    value: function renderBody() {
+      var body = this.props.body;
+      if (typeof body === 'string') {
+        body = /*#__PURE__*/React.createElement("p", null, body);
+      }
+      if (this.isValidVariantStatus()) {
+        body = this.getVariantGridBody(body);
+      }
+      return body;
     }
-    return /*#__PURE__*/ReactDOM.createPortal(this.renderModal(), this.el);
-  }
-}
+  }, {
+    key: "renderModal",
+    value: function renderModal() {
+      var open = this.state.open;
+      var _this$props = this.props,
+        dialogClassName = _this$props.dialogClassName,
+        renderDefaultCloseButton = _this$props.renderDefaultCloseButton,
+        renderHeaderCloseButton = _this$props.renderHeaderCloseButton,
+        buttons = _this$props.buttons,
+        closeText = _this$props.closeText,
+        title = _this$props.title;
+      var hasTabbableElements = renderDefaultCloseButton || renderHeaderCloseButton || buttons.length > 0 || this.getTabbableBodyElements().length > 0;
+      var renderModalFooter = renderDefaultCloseButton || buttons.length > 0;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: classNames({
+          'modal-backdrop': open,
+          show: open,
+          fade: !open
+        }),
+        role: "presentation",
+        "data-testid": "modal-backdrop"
+      }), /*#__PURE__*/React.createElement("div", {
+        className: classNames('modal', {
+          show: open,
+          fade: !open,
+          'd-block': open,
+          'is-ie11': this.isIE11
+        }),
+        role: "presentation",
+        "data-testid": "modal"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classNames({
+          'modal-dialog': open
+        }, dialogClassName),
+        role: "dialog",
+        "aria-modal": true,
+        "aria-labelledby": this.headerId
+      }, /*#__PURE__*/React.createElement(FocusOn, {
+        enabled: open,
+        onClickOutside: this.close,
+        onEscapeKey: this.close
+      }, /*#__PURE__*/React.createElement("div", _extends({
+        className: "modal-content",
+        "data-testid": "modal-content"
+        // if the modal doesn't contain any tabbable elements, make this element programmatically focusable.
+      }, !hasTabbableElements ? {
+        tabIndex: -1
+      } : {}), /*#__PURE__*/React.createElement("div", {
+        className: "modal-header"
+      }, /*#__PURE__*/React.createElement("h2", {
+        className: "modal-title",
+        id: this.headerId
+      }, title), renderHeaderCloseButton && /*#__PURE__*/React.createElement(Button.Deprecated, {
+        className: "p-1",
+        onClick: this.close,
+        "data-testid": "modal-header-btn"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        src: Close,
+        screenReaderText: closeText
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "modal-body",
+        ref: this.modalBodyRef,
+        "data-testid": "modal-body"
+      }, this.renderBody()), renderModalFooter && /*#__PURE__*/React.createElement("div", {
+        className: "modal-footer"
+      }, renderDefaultCloseButton && /*#__PURE__*/React.createElement(Button, {
+        variant: "link",
+        onClick: this.close,
+        "data-testid": "modal-footer-btn"
+      }, closeText), this.renderButtons()))))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (!this.el) {
+        return null;
+      }
+      return /*#__PURE__*/ReactDOM.createPortal(this.renderModal(), this.el);
+    }
+  }]);
+  return Modal;
+}(React.Component);
 Modal.propTypes = {
   /** specifies whether the modal renders open or closed on the initial render. It defaults to false. */
   open: PropTypes.bool,

package/dist/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ReactDOM","classNames","PropTypes","FocusOn","tabbable","Close","Button","Icon","newId","Variant","Modal","Component","constructor","props","close","bind","headerId","modalBodyRef","createRef","document","el","createElement","isIE11","global","MSInputMethodContext","documentMode","state","open","componentDidMount","parentSelector","parentElement","querySelector","Error","appendChild","componentDidUpdate","prevProps","prevState","setState","componentWillUnmount","unmountComponentAtNode","getVariantIconClassName","variant","variantIconClassName","status","WARNING","toLowerCase","getVariantGridBody","body","className","id","getTabbableBodyElements","current","isValidVariantStatus","Object","values","includes","e","stopPropagation","onClose","renderButtons","buttons","map","button","isValidElement","cloneElement","key","children","label","buttonProps","_objectWithoutProperties","_excluded","Deprecated","_extends","renderBody","renderModal","dialogClassName","renderDefaultCloseButton","renderHeaderCloseButton","closeText","title","hasTabbableElements","length","renderModalFooter","Fragment","show","fade","role","enabled","onClickOutside","onEscapeKey","tabIndex","onClick","src","screenReaderText","ref","render","createPortal","propTypes","bool","string","oneOfType","element","isRequired","arrayOf","shape","func","defaultProps","undefined"],"sources":["../../src/Modal/index.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport { tabbable } from 'tabbable';\n\nimport { Close } from '../../icons';\nimport Button from '../Button';\nimport Icon from '../Icon';\nimport newId from '../utils/newId';\nimport Variant from '../utils/constants';\n\nclass Modal extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.close = this.close.bind(this);\n\n    this.headerId = newId();\n    this.modalBodyRef = React.createRef();\n\n    if (typeof document !== 'undefined') {\n      this.el = document.createElement('div');\n      // Sets true for IE11, false otherwise: https://stackoverflow.com/a/22082397/6620612\n      this.isIE11 = !!global.MSInputMethodContext && !!document.documentMode;\n    }\n\n    this.state = {\n      open: props.open,\n    };\n  }\n\n  componentDidMount() {\n    const { parentSelector } = this.props;\n    this.parentElement = document.querySelector(parentSelector);\n    if (this.parentElement === null) {\n      throw new Error(`Modal received invalid parentSelector: ${parentSelector}, no matching element found`);\n    }\n    this.parentElement.appendChild(this.el);\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { open } = this.props;\n    if (open !== prevProps.open || open !== prevState.open) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ open });\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.parentElement) {\n      ReactDOM.unmountComponentAtNode(this.parentElement);\n    }\n  }\n\n  getVariantIconClassName() {\n    const { variant } = this.props;\n    let variantIconClassName;\n\n    switch (variant.status) {\n      case Variant.status.WARNING:\n        variantIconClassName = classNames(\n          'fa',\n          'fa-exclamation-triangle',\n          'fa-3x',\n          `text-${variant.status.toLowerCase()}`,\n        );\n        break;\n      default:\n        break;\n    }\n\n    return variantIconClassName;\n  }\n\n  getVariantGridBody(body) {\n    const { variant } = this.props;\n\n    return (\n      <div className=\"container-fluid\">\n        <div className=\"row\">\n          <div className=\"col-md-10\">\n            <div>\n              {body}\n            </div>\n          </div>\n          <div className=\"col-md-2\" data-testid=\"modal-icon\">\n            <Icon\n              id={newId(`Modal-${variant.status}`)}\n              className={this.getVariantIconClassName()}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  getTabbableBodyElements() {\n    if (this.modalBodyRef?.current) {\n      return tabbable(this.modalBodyRef.current);\n    }\n    return [];\n  }\n\n  isValidVariantStatus() {\n    const { variant } = this.props;\n    return Object.values(Variant.status).includes(variant.status);\n  }\n\n  close(e) {\n    if (e) {\n      e.stopPropagation();\n    }\n\n    this.setState({ open: false });\n    this.props.onClose();\n  }\n\n  renderButtons() {\n    return this.props.buttons.map((button) => {\n      // button is either a React component that we want clone or a set of props\n      if (React.isValidElement(button)) {\n        return React.cloneElement(button, {\n          key: button.props.children,\n        });\n      }\n\n      const { label, ...buttonProps } = button;\n\n      return (\n        <Button.Deprecated\n          {...buttonProps}\n          key={label}\n        >\n          {label}\n        </Button.Deprecated>\n      );\n    });\n  }\n\n  renderBody() {\n    let { body } = this.props;\n\n    if (typeof body === 'string') {\n      body = <p>{body}</p>;\n    }\n\n    if (this.isValidVariantStatus()) {\n      body = this.getVariantGridBody(body);\n    }\n\n    return body;\n  }\n\n  renderModal() {\n    const { open } = this.state;\n    const {\n      dialogClassName,\n      renderDefaultCloseButton,\n      renderHeaderCloseButton,\n      buttons,\n      closeText,\n      title,\n    } = this.props;\n\n    const hasTabbableElements = (\n      renderDefaultCloseButton\n      || renderHeaderCloseButton\n      || buttons.length > 0\n      || this.getTabbableBodyElements().length > 0\n    );\n    const renderModalFooter = renderDefaultCloseButton || buttons.length > 0;\n\n    return (\n      <>\n        <div\n          className={classNames({\n            'modal-backdrop': open,\n            show: open,\n            fade: !open,\n          })}\n          role=\"presentation\"\n          data-testid=\"modal-backdrop\"\n        />\n        <div\n          className={classNames(\n            'modal',\n            {\n              show: open,\n              fade: !open,\n              'd-block': open,\n              'is-ie11': this.isIE11,\n            },\n          )}\n          role=\"presentation\"\n          data-testid=\"modal\"\n        >\n          <div\n            className={classNames(\n              {\n                'modal-dialog': open,\n              },\n              dialogClassName,\n            )}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={this.headerId}\n          >\n            <FocusOn\n              enabled={open}\n              onClickOutside={this.close}\n              onEscapeKey={this.close}\n            >\n              <div\n                className=\"modal-content\"\n                data-testid=\"modal-content\"\n                // if the modal doesn't contain any tabbable elements, make this element programmatically focusable.\n                {...(!hasTabbableElements ? { tabIndex: -1 } : {})}\n              >\n                <div className=\"modal-header\">\n                  <h2 className=\"modal-title\" id={this.headerId}>{title}</h2>\n                  {renderHeaderCloseButton && (\n                    <Button.Deprecated\n                      className=\"p-1\"\n                      onClick={this.close}\n                      data-testid=\"modal-header-btn\"\n                    >\n                      <Icon src={Close} screenReaderText={closeText} />\n                    </Button.Deprecated>\n                  )}\n                </div>\n                <div className=\"modal-body\" ref={this.modalBodyRef} data-testid=\"modal-body\">\n                  {this.renderBody()}\n                </div>\n                {renderModalFooter && (\n                  <div className=\"modal-footer\">\n                    {renderDefaultCloseButton && (\n                      <Button\n                        variant=\"link\"\n                        onClick={this.close}\n                        data-testid=\"modal-footer-btn\"\n                      >\n                        {closeText}\n                      </Button>\n                    )}\n                    {this.renderButtons()}\n                  </div>\n                )}\n              </div>\n            </FocusOn>\n          </div>\n        </div>\n      </>\n    );\n  }\n\n  render() {\n    if (!this.el) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      this.renderModal(),\n      this.el,\n    );\n  }\n}\n\nModal.propTypes = {\n  /** specifies whether the modal renders open or closed on the initial render. It defaults to false. */\n  open: PropTypes.bool,\n  /** is the selector for an element in the dom which the modal should be rendered under.\n   * It uses querySelector to find the first element that matches that selector,\n   * and then creates a React portal to a div underneath the parent element.\n   */\n  parentSelector: PropTypes.string,\n  /** a string or an element that is rendered inside of the modal title, above the modal body. */\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  /** a string or an element that is rendered inside of the modal body, between the title and the footer. */\n  body: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  /** an array of either elements or shapes that take the form of the buttonPropTypes.\n   * See the [buttonPropTypes](https://github.com/openedx/paragon/blob/master/src/Button/index.jsx#L40)\n   * for a list of acceptable props to pass as part of a button. */\n  buttons: PropTypes.arrayOf(PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.shape({}), // TODO: Only accept nodes in the future\n  ])),\n  /** specifies the display text of the default Close button. It defaults to \"Close\". */\n  closeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** a function that is called on close. It can be used to perform actions upon closing of the modal,\n   * such as restoring focus to the previous logical focusable element. */\n  onClose: PropTypes.func.isRequired,\n  variant: PropTypes.shape({\n    status: PropTypes.string,\n  }),\n  /** specifies whether the default close button is rendered in the footer. It defaults to true. */\n  renderDefaultCloseButton: PropTypes.bool,\n  /** specifies whether a close button is rendered in the modal header. It defaults to true. */\n  renderHeaderCloseButton: PropTypes.bool,\n  /**\n   * Specifies optional classes to add to the element with the '.modal-dialog' class.\n   * See Bootstrap documentation for possible classes.  Some options: modal-lg, modal-sm, modal-dialog-centered\n   */\n  dialogClassName: PropTypes.string,\n};\n\nModal.defaultProps = {\n  open: false,\n  parentSelector: 'body',\n  buttons: [],\n  closeText: 'Close',\n  variant: {},\n  renderDefaultCloseButton: true,\n  renderHeaderCloseButton: true,\n  dialogClassName: undefined,\n};\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","ReactDOM","classNames","PropTypes","FocusOn","tabbable","Close","Button","Icon","newId","Variant","Modal","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","close","bind","_assertThisInitialized","headerId","modalBodyRef","createRef","document","el","createElement","isIE11","global","MSInputMethodContext","documentMode","state","open","_createClass","key","value","componentDidMount","parentSelector","parentElement","querySelector","Error","concat","appendChild","componentDidUpdate","prevProps","prevState","setState","componentWillUnmount","unmountComponentAtNode","getVariantIconClassName","variant","variantIconClassName","status","WARNING","toLowerCase","getVariantGridBody","body","className","id","getTabbableBodyElements","_this$modalBodyRef","current","isValidVariantStatus","Object","values","includes","e","stopPropagation","onClose","renderButtons","buttons","map","button","isValidElement","cloneElement","children","label","buttonProps","_objectWithoutProperties","_excluded","Deprecated","_extends","renderBody","renderModal","_this$props","dialogClassName","renderDefaultCloseButton","renderHeaderCloseButton","closeText","title","hasTabbableElements","length","renderModalFooter","Fragment","show","fade","role","enabled","onClickOutside","onEscapeKey","tabIndex","onClick","src","screenReaderText","ref","render","createPortal","Component","propTypes","bool","string","oneOfType","element","isRequired","arrayOf","shape","func","defaultProps","undefined"],"sources":["../../src/Modal/index.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport { tabbable } from 'tabbable';\n\nimport { Close } from '../../icons';\nimport Button from '../Button';\nimport Icon from '../Icon';\nimport newId from '../utils/newId';\nimport Variant from '../utils/constants';\n\nclass Modal extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.close = this.close.bind(this);\n\n    this.headerId = newId();\n    this.modalBodyRef = React.createRef();\n\n    if (typeof document !== 'undefined') {\n      this.el = document.createElement('div');\n      // Sets true for IE11, false otherwise: https://stackoverflow.com/a/22082397/6620612\n      this.isIE11 = !!global.MSInputMethodContext && !!document.documentMode;\n    }\n\n    this.state = {\n      open: props.open,\n    };\n  }\n\n  componentDidMount() {\n    const { parentSelector } = this.props;\n    this.parentElement = document.querySelector(parentSelector);\n    if (this.parentElement === null) {\n      throw new Error(`Modal received invalid parentSelector: ${parentSelector}, no matching element found`);\n    }\n    this.parentElement.appendChild(this.el);\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { open } = this.props;\n    if (open !== prevProps.open || open !== prevState.open) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ open });\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.parentElement) {\n      ReactDOM.unmountComponentAtNode(this.parentElement);\n    }\n  }\n\n  getVariantIconClassName() {\n    const { variant } = this.props;\n    let variantIconClassName;\n\n    switch (variant.status) {\n      case Variant.status.WARNING:\n        variantIconClassName = classNames(\n          'fa',\n          'fa-exclamation-triangle',\n          'fa-3x',\n          `text-${variant.status.toLowerCase()}`,\n        );\n        break;\n      default:\n        break;\n    }\n\n    return variantIconClassName;\n  }\n\n  getVariantGridBody(body) {\n    const { variant } = this.props;\n\n    return (\n      <div className=\"container-fluid\">\n        <div className=\"row\">\n          <div className=\"col-md-10\">\n            <div>\n              {body}\n            </div>\n          </div>\n          <div className=\"col-md-2\" data-testid=\"modal-icon\">\n            <Icon\n              id={newId(`Modal-${variant.status}`)}\n              className={this.getVariantIconClassName()}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  getTabbableBodyElements() {\n    if (this.modalBodyRef?.current) {\n      return tabbable(this.modalBodyRef.current);\n    }\n    return [];\n  }\n\n  isValidVariantStatus() {\n    const { variant } = this.props;\n    return Object.values(Variant.status).includes(variant.status);\n  }\n\n  close(e) {\n    if (e) {\n      e.stopPropagation();\n    }\n\n    this.setState({ open: false });\n    this.props.onClose();\n  }\n\n  renderButtons() {\n    return this.props.buttons.map((button) => {\n      // button is either a React component that we want clone or a set of props\n      if (React.isValidElement(button)) {\n        return React.cloneElement(button, {\n          key: button.props.children,\n        });\n      }\n\n      const { label, ...buttonProps } = button;\n\n      return (\n        <Button.Deprecated\n          {...buttonProps}\n          key={label}\n        >\n          {label}\n        </Button.Deprecated>\n      );\n    });\n  }\n\n  renderBody() {\n    let { body } = this.props;\n\n    if (typeof body === 'string') {\n      body = <p>{body}</p>;\n    }\n\n    if (this.isValidVariantStatus()) {\n      body = this.getVariantGridBody(body);\n    }\n\n    return body;\n  }\n\n  renderModal() {\n    const { open } = this.state;\n    const {\n      dialogClassName,\n      renderDefaultCloseButton,\n      renderHeaderCloseButton,\n      buttons,\n      closeText,\n      title,\n    } = this.props;\n\n    const hasTabbableElements = (\n      renderDefaultCloseButton\n      || renderHeaderCloseButton\n      || buttons.length > 0\n      || this.getTabbableBodyElements().length > 0\n    );\n    const renderModalFooter = renderDefaultCloseButton || buttons.length > 0;\n\n    return (\n      <>\n        <div\n          className={classNames({\n            'modal-backdrop': open,\n            show: open,\n            fade: !open,\n          })}\n          role=\"presentation\"\n          data-testid=\"modal-backdrop\"\n        />\n        <div\n          className={classNames(\n            'modal',\n            {\n              show: open,\n              fade: !open,\n              'd-block': open,\n              'is-ie11': this.isIE11,\n            },\n          )}\n          role=\"presentation\"\n          data-testid=\"modal\"\n        >\n          <div\n            className={classNames(\n              {\n                'modal-dialog': open,\n              },\n              dialogClassName,\n            )}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={this.headerId}\n          >\n            <FocusOn\n              enabled={open}\n              onClickOutside={this.close}\n              onEscapeKey={this.close}\n            >\n              <div\n                className=\"modal-content\"\n                data-testid=\"modal-content\"\n                // if the modal doesn't contain any tabbable elements, make this element programmatically focusable.\n                {...(!hasTabbableElements ? { tabIndex: -1 } : {})}\n              >\n                <div className=\"modal-header\">\n                  <h2 className=\"modal-title\" id={this.headerId}>{title}</h2>\n                  {renderHeaderCloseButton && (\n                    <Button.Deprecated\n                      className=\"p-1\"\n                      onClick={this.close}\n                      data-testid=\"modal-header-btn\"\n                    >\n                      <Icon src={Close} screenReaderText={closeText} />\n                    </Button.Deprecated>\n                  )}\n                </div>\n                <div className=\"modal-body\" ref={this.modalBodyRef} data-testid=\"modal-body\">\n                  {this.renderBody()}\n                </div>\n                {renderModalFooter && (\n                  <div className=\"modal-footer\">\n                    {renderDefaultCloseButton && (\n                      <Button\n                        variant=\"link\"\n                        onClick={this.close}\n                        data-testid=\"modal-footer-btn\"\n                      >\n                        {closeText}\n                      </Button>\n                    )}\n                    {this.renderButtons()}\n                  </div>\n                )}\n              </div>\n            </FocusOn>\n          </div>\n        </div>\n      </>\n    );\n  }\n\n  render() {\n    if (!this.el) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      this.renderModal(),\n      this.el,\n    );\n  }\n}\n\nModal.propTypes = {\n  /** specifies whether the modal renders open or closed on the initial render. It defaults to false. */\n  open: PropTypes.bool,\n  /** is the selector for an element in the dom which the modal should be rendered under.\n   * It uses querySelector to find the first element that matches that selector,\n   * and then creates a React portal to a div underneath the parent element.\n   */\n  parentSelector: PropTypes.string,\n  /** a string or an element that is rendered inside of the modal title, above the modal body. */\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  /** a string or an element that is rendered inside of the modal body, between the title and the footer. */\n  body: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  /** an array of either elements or shapes that take the form of the buttonPropTypes.\n   * See the [buttonPropTypes](https://github.com/openedx/paragon/blob/master/src/Button/index.jsx#L40)\n   * for a list of acceptable props to pass as part of a button. */\n  buttons: PropTypes.arrayOf(PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.shape({}), // TODO: Only accept nodes in the future\n  ])),\n  /** specifies the display text of the default Close button. It defaults to \"Close\". */\n  closeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** a function that is called on close. It can be used to perform actions upon closing of the modal,\n   * such as restoring focus to the previous logical focusable element. */\n  onClose: PropTypes.func.isRequired,\n  variant: PropTypes.shape({\n    status: PropTypes.string,\n  }),\n  /** specifies whether the default close button is rendered in the footer. It defaults to true. */\n  renderDefaultCloseButton: PropTypes.bool,\n  /** specifies whether a close button is rendered in the modal header. It defaults to true. */\n  renderHeaderCloseButton: PropTypes.bool,\n  /**\n   * Specifies optional classes to add to the element with the '.modal-dialog' class.\n   * See Bootstrap documentation for possible classes.  Some options: modal-lg, modal-sm, modal-dialog-centered\n   */\n  dialogClassName: PropTypes.string,\n};\n\nModal.defaultProps = {\n  open: false,\n  parentSelector: 'body',\n  buttons: [],\n  closeText: 'Close',\n  variant: {},\n  renderDefaultCloseButton: true,\n  renderHeaderCloseButton: true,\n  dialogClassName: undefined,\n};\n\nexport default Modal;\n"],"mappings":"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"}

package/dist/Nav/index.js

@@ -1,8 +1,9 @@
+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); }
 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import BaseNav from 'react-bootstrap/Nav';
 import BaseNavDropdown from 'react-bootstrap/NavDropdown';

package/dist/Nav/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BaseNav","BaseNavDropdown","BaseNavItem","BaseNavLink","PropTypes","Nav","props","createElement","NavItem","NavLink","NavDropdown","NavDropdownItem","Item","NavDropdownDivider","Divider","propTypes","cardHeaderBsPrefix","string","defaultActiveKey","oneOfType","number","activeKey","as","elementType","fill","bool","justify","navbar","onKeyDown","func","onSelect","role","variant","oneOf","bsPrefix","active","disabled","eventKey","href","id","isRequired","title","node","menuRole","menuVariant","onClick","renderMenuOnMount","rootCloseEvent","defaultProps","_objectSpread","Link"],"sources":["../../src/Nav/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseNav from 'react-bootstrap/Nav';\nimport BaseNavDropdown from 'react-bootstrap/NavDropdown';\nimport BaseNavItem from 'react-bootstrap/NavItem';\nimport BaseNavLink from 'react-bootstrap/NavLink';\nimport PropTypes from 'prop-types';\n\nfunction Nav(props) {\n  return <BaseNav {...props} />;\n}\nfunction NavItem(props) {\n  return <BaseNavItem {...props} />;\n}\nfunction NavLink(props) {\n  return <BaseNavLink {...props} />;\n}\nfunction NavDropdown(props) {\n  return <BaseNavDropdown {...props} />;\n}\nfunction NavDropdownItem(props) {\n  return <BaseNavDropdown.Item {...props} />;\n}\nfunction NavDropdownDivider(props) {\n  return <BaseNavDropdown.Divider {...props} />;\n}\n\nNav.propTypes = {\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  cardHeaderBsPrefix: PropTypes.string,\n  /** Specifies default active nav (uncontrolled usage). */\n  defaultActiveKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Marks the NavItem with a matching eventKey (or href if present) as active. */\n  activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** Have all `NavItems` proportionately fill all available width. */\n  fill: PropTypes.bool,\n  /** Have all `NavItems` evenly fill all available width. */\n  justify: PropTypes.bool,\n  /**\n   * Apply styling an alignment for use in a `Navbar`.\n   * This prop will be set automatically when the `Nav` is used inside a `Navbar`.\n   */\n  navbar: PropTypes.bool,\n  /** Callback fired when a key is pressed. */\n  onKeyDown: PropTypes.func,\n  /** A callback fired when a NavItem is selected. */\n  onSelect: PropTypes.func,\n  /**\n   * ARIA role for the `Nav`, in the context of a `TabContainer`,\n   * the default will be set to \"tablist\", but can be overridden by the `Nav` when set explicitly.\n   */\n  role: PropTypes.string,\n  /** The visual variant of the nav items. */\n  variant: PropTypes.oneOf(['tabs', 'pills']),\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavItem.propTypes = {\n  /** The ARIA role for the `NavItem` */\n  role: PropTypes.string,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavLink.propTypes = {\n  /** Callback fired when the active item changes. */\n  onSelect: PropTypes.string,\n  /** The active state of the `NavItem` item. */\n  active: PropTypes.bool,\n  /** You can use a custom element type for this component. */\n  as: PropTypes.elementType,\n  /** The disabled state of the `NavItem` item. */\n  disabled: PropTypes.bool,\n  /**\n   * Uniquely identifies the `NavItem` amongst its siblings,\n   * used to determine and control the active state of the parent `Nav`\n   */\n  eventKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** The HTML href attribute for the `NavLink` */\n  href: PropTypes.string,\n  /** The ARIA role for the `NavLink`, In the context of a 'tablist' parent `Nav`, the role defaults to 'tab' */\n  role: PropTypes.string,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavDropdown.propTypes = {\n  /** An html id attribute for the `Toggle` button, necessary for assistive technologies, such as screen readers. */\n  id: PropTypes.string.isRequired,\n  /** The content of the non-toggle Button. */\n  title: PropTypes.node.isRequired,\n  /** Style the toggle `NavLink` as active */\n  active: PropTypes.bool,\n  /** Disables the toggle `NavLink` */\n  disabled: PropTypes.bool,\n  /** An ARIA accessible role applied to the `Menu` component. */\n  menuRole: PropTypes.string,\n  /** Menu color variant. Omitting this will use the default light color. */\n  menuVariant: PropTypes.oneOf(['dark']),\n  /** An `onClick` handler passed to the `Toggle` component */\n  onClick: PropTypes.func,\n  /** Whether to render the dropdown menu in the DOM before the first time it is shown. */\n  renderMenuOnMount: PropTypes.bool,\n  /** Which event when fired outside the component will cause it to be closed. */\n  rootCloseEvent: PropTypes.string,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNav.defaultProps = {\n  ...BaseNav.defaultProps,\n};\n\nNavDropdown.defaultProps = {\n  ...BaseNavDropdown.defaultProps,\n};\n\nNavItem.defaultProps = {\n  ...BaseNavItem.defaultProps,\n};\n\nNavLink.defaultProps = {\n  ...BaseNavLink.defaultProps,\n};\n\nNav.Item = NavItem;\nNav.Link = NavLink;\nNavDropdown.Item = NavDropdownItem;\nNavDropdown.Divider = NavDropdownDivider;\n\nexport { NavDropdown, NavItem, NavLink };\nexport default Nav;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","BaseNav","BaseNavDropdown","BaseNavItem","BaseNavLink","PropTypes","Nav","props","createElement","NavItem","NavLink","NavDropdown","NavDropdownItem","Item","NavDropdownDivider","Divider","propTypes","cardHeaderBsPrefix","string","defaultActiveKey","oneOfType","number","activeKey","as","elementType","fill","bool","justify","navbar","onKeyDown","func","onSelect","role","variant","oneOf","bsPrefix","active","disabled","eventKey","href","id","isRequired","title","node","menuRole","menuVariant","onClick","renderMenuOnMount","rootCloseEvent","defaultProps","_objectSpread","Link"],"sources":["../../src/Nav/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseNav from 'react-bootstrap/Nav';\nimport BaseNavDropdown from 'react-bootstrap/NavDropdown';\nimport BaseNavItem from 'react-bootstrap/NavItem';\nimport BaseNavLink from 'react-bootstrap/NavLink';\nimport PropTypes from 'prop-types';\n\nfunction Nav(props) {\n  return <BaseNav {...props} />;\n}\nfunction NavItem(props) {\n  return <BaseNavItem {...props} />;\n}\nfunction NavLink(props) {\n  return <BaseNavLink {...props} />;\n}\nfunction NavDropdown(props) {\n  return <BaseNavDropdown {...props} />;\n}\nfunction NavDropdownItem(props) {\n  return <BaseNavDropdown.Item {...props} />;\n}\nfunction NavDropdownDivider(props) {\n  return <BaseNavDropdown.Divider {...props} />;\n}\n\nNav.propTypes = {\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  cardHeaderBsPrefix: PropTypes.string,\n  /** Specifies default active nav (uncontrolled usage). */\n  defaultActiveKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Marks the NavItem with a matching eventKey (or href if present) as active. */\n  activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** Have all `NavItems` proportionately fill all available width. */\n  fill: PropTypes.bool,\n  /** Have all `NavItems` evenly fill all available width. */\n  justify: PropTypes.bool,\n  /**\n   * Apply styling an alignment for use in a `Navbar`.\n   * This prop will be set automatically when the `Nav` is used inside a `Navbar`.\n   */\n  navbar: PropTypes.bool,\n  /** Callback fired when a key is pressed. */\n  onKeyDown: PropTypes.func,\n  /** A callback fired when a NavItem is selected. */\n  onSelect: PropTypes.func,\n  /**\n   * ARIA role for the `Nav`, in the context of a `TabContainer`,\n   * the default will be set to \"tablist\", but can be overridden by the `Nav` when set explicitly.\n   */\n  role: PropTypes.string,\n  /** The visual variant of the nav items. */\n  variant: PropTypes.oneOf(['tabs', 'pills']),\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavItem.propTypes = {\n  /** The ARIA role for the `NavItem` */\n  role: PropTypes.string,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavLink.propTypes = {\n  /** Callback fired when the active item changes. */\n  onSelect: PropTypes.string,\n  /** The active state of the `NavItem` item. */\n  active: PropTypes.bool,\n  /** You can use a custom element type for this component. */\n  as: PropTypes.elementType,\n  /** The disabled state of the `NavItem` item. */\n  disabled: PropTypes.bool,\n  /**\n   * Uniquely identifies the `NavItem` amongst its siblings,\n   * used to determine and control the active state of the parent `Nav`\n   */\n  eventKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** The HTML href attribute for the `NavLink` */\n  href: PropTypes.string,\n  /** The ARIA role for the `NavLink`, In the context of a 'tablist' parent `Nav`, the role defaults to 'tab' */\n  role: PropTypes.string,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavDropdown.propTypes = {\n  /** An html id attribute for the `Toggle` button, necessary for assistive technologies, such as screen readers. */\n  id: PropTypes.string.isRequired,\n  /** The content of the non-toggle Button. */\n  title: PropTypes.node.isRequired,\n  /** Style the toggle `NavLink` as active */\n  active: PropTypes.bool,\n  /** Disables the toggle `NavLink` */\n  disabled: PropTypes.bool,\n  /** An ARIA accessible role applied to the `Menu` component. */\n  menuRole: PropTypes.string,\n  /** Menu color variant. Omitting this will use the default light color. */\n  menuVariant: PropTypes.oneOf(['dark']),\n  /** An `onClick` handler passed to the `Toggle` component */\n  onClick: PropTypes.func,\n  /** Whether to render the dropdown menu in the DOM before the first time it is shown. */\n  renderMenuOnMount: PropTypes.bool,\n  /** Which event when fired outside the component will cause it to be closed. */\n  rootCloseEvent: PropTypes.string,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNav.defaultProps = {\n  ...BaseNav.defaultProps,\n};\n\nNavDropdown.defaultProps = {\n  ...BaseNavDropdown.defaultProps,\n};\n\nNavItem.defaultProps = {\n  ...BaseNavItem.defaultProps,\n};\n\nNavLink.defaultProps = {\n  ...BaseNavLink.defaultProps,\n};\n\nNav.Item = NavItem;\nNav.Link = NavLink;\nNavDropdown.Item = NavDropdownItem;\nNavDropdown.Divider = NavDropdownDivider;\n\nexport { NavDropdown, NavItem, NavLink };\nexport default Nav;\n"],"mappings":"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"}