@openedx/paragon 21.7.0 → 22.0.0-alpha.15

package/dist/ListBox/index.js

@@ -1,116 +0,0 @@
-const _excluded = ["children", "className", "selectedOptionIndex", "tag"];
-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 _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; }
-/* eslint-disable max-len */
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { nonNegativeInteger } from '../utils/propTypes';
-export default class ListBox extends React.Component {
-  constructor(props) {
-    super(props);
-    this.onFocus = this.onFocus.bind(this);
-    this.onKeyDown = this.onKeyDown.bind(this);
-    this.state = {
-      selectedOptionIndex: null
-    };
-  }
-  static getDerivedStateFromProps(nextProps, prevState) {
-    const {
-      selectedOptionIndex
-    } = nextProps;
-    if (selectedOptionIndex !== prevState.selectedOptionIndex && selectedOptionIndex !== undefined) {
-      return {
-        selectedOptionIndex
-      };
-    }
-    return null;
-  }
-  onFocus() {
-    // if no ListBoxOption is selected, select first ListBoxOption on ListBox focus
-    if (!this.state.selectedOptionIndex) {
-      this.setState({
-        selectedOptionIndex: 0
-      });
-    }
-  }
-  onKeyDown(e) {
-    switch (e.key) {
-      case 'ArrowDown':
-        {
-          // prevent scrolling entire modal body with arrow keys
-          e.preventDefault();
-          if (this.state.selectedOptionIndex < React.Children.count(this.props.children) - 1) {
-            this.setState(state => ({
-              selectedOptionIndex: state.selectedOptionIndex + 1
-            }));
-          }
-          break;
-        }
-      case 'ArrowUp':
-        {
-          // prevent scrolling entire modal body with arrow keys
-          e.preventDefault();
-          if (this.state.selectedOptionIndex > 0) {
-            this.setState(state => ({
-              selectedOptionIndex: state.selectedOptionIndex - 1
-            }));
-          }
-          break;
-        }
-      default:
-    }
-  }
-  renderChildren() {
-    return React.Children.map(this.props.children, (child, index) => /*#__PURE__*/React.cloneElement(child, {
-      index,
-      isSelected: index === this.state.selectedOptionIndex,
-      onSelect: () => {
-        this.setState({
-          selectedOptionIndex: index
-        });
-        child.props.onSelect();
-      }
-    }));
-  }
-  render() {
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        selectedOptionIndex,
-        tag
-      } = _this$props,
-      other = _objectWithoutProperties(_this$props, _excluded);
-    return /*#__PURE__*/React.createElement(this.props.tag, _objectSpread({
-      'aria-activedescendant': this.state.selectedOptionIndex === null ? null : `list-box-option-${this.state.selectedOptionIndex}`,
-      className: classNames(['list-group', this.props.className]),
-      onFocus: this.onFocus,
-      onKeyDown: this.onKeyDown,
-      role: 'listbox',
-      tabIndex: 0
-    }, other), this.renderChildren());
-  }
-}
-ListBox.propTypes = {
-  /** specifies the ListBoxOption component(s) that will be displayed within the ListBox element. You can pass in one or more ListBoxOption components.
-  */
-  children: PropTypes.node.isRequired,
-  /** specifies Bootstrap class names to apply to the ListBox component. The default is an empty string. */
-  className: PropTypes.string,
-  /** Although the ListBox component keeps track of which ListBoxOption is selected, `selectedOptionIndex` provides a mechanism for an override, if necessary. An example would be to clear the selectedOption when moving between views. Note that override is not permanent and that clicking on a ListBoxOption or interacting with the ListBox with the keyboard will change the selected ListBoxOption relative to the original override. The default is undefined. */
-  selectedOptionIndex: nonNegativeInteger,
-  /** used to specify the element type of the rendered ListBox component. The default is div. Example alternatives include ol, ul, span, etc. */
-  tag: PropTypes.string
-};
-ListBox.defaultProps = {
-  className: undefined,
-  selectedOptionIndex: undefined,
-  tag: 'div'
-};
-//# sourceMappingURL=index.js.map

package/dist/ListBox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["classNames","PropTypes","React","nonNegativeInteger","ListBox","Component","constructor","props","onFocus","bind","onKeyDown","state","selectedOptionIndex","getDerivedStateFromProps","nextProps","prevState","undefined","setState","e","key","preventDefault","Children","count","children","renderChildren","map","child","index","cloneElement","isSelected","onSelect","render","_this$props","className","tag","other","_objectWithoutProperties","_excluded","createElement","_objectSpread","role","tabIndex","propTypes","node","isRequired","string","defaultProps"],"sources":["../../src/ListBox/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { nonNegativeInteger } from '../utils/propTypes';\n\nexport default class ListBox extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.onFocus = this.onFocus.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n\n    this.state = {\n      selectedOptionIndex: null,\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { selectedOptionIndex } = nextProps;\n\n    if (selectedOptionIndex !== prevState.selectedOptionIndex\n      && selectedOptionIndex !== undefined) {\n      return { selectedOptionIndex };\n    }\n\n    return null;\n  }\n\n  onFocus() {\n    // if no ListBoxOption is selected, select first ListBoxOption on ListBox focus\n    if (!this.state.selectedOptionIndex) {\n      this.setState({\n        selectedOptionIndex: 0,\n      });\n    }\n  }\n\n  onKeyDown(e) {\n    switch (e.key) {\n      case 'ArrowDown': {\n        // prevent scrolling entire modal body with arrow keys\n        e.preventDefault();\n        if (this.state.selectedOptionIndex < React.Children.count(this.props.children) - 1) {\n          this.setState(state => ({\n            selectedOptionIndex: state.selectedOptionIndex + 1,\n          }));\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        // prevent scrolling entire modal body with arrow keys\n        e.preventDefault();\n\n        if (this.state.selectedOptionIndex > 0) {\n          this.setState(state => ({\n            selectedOptionIndex: state.selectedOptionIndex - 1,\n          }));\n        }\n        break;\n      }\n      default:\n    }\n  }\n\n  renderChildren() {\n    return React.Children.map(this.props.children, (child, index) => React.cloneElement(child, {\n      index,\n      isSelected: index === this.state.selectedOptionIndex,\n      onSelect: () => { this.setState({ selectedOptionIndex: index }); child.props.onSelect(); },\n    }));\n  }\n\n  render() {\n    const {\n      children,\n      className,\n      selectedOptionIndex,\n      tag,\n      ...other\n    } = this.props;\n\n    return React.createElement(\n      this.props.tag,\n      {\n        'aria-activedescendant': this.state.selectedOptionIndex === null ? null : `list-box-option-${this.state.selectedOptionIndex}`,\n        className: classNames(['list-group', this.props.className]),\n        onFocus: this.onFocus,\n        onKeyDown: this.onKeyDown,\n        role: 'listbox',\n        tabIndex: 0,\n        ...other,\n      },\n      this.renderChildren(),\n    );\n  }\n}\n\nListBox.propTypes = {\n  /** specifies the ListBoxOption component(s) that will be displayed within the ListBox element. You can pass in one or more ListBoxOption components.\n */\n  children: PropTypes.node.isRequired,\n  /** specifies Bootstrap class names to apply to the ListBox component. The default is an empty string. */\n  className: PropTypes.string,\n  /** Although the ListBox component keeps track of which ListBoxOption is selected, `selectedOptionIndex` provides a mechanism for an override, if necessary. An example would be to clear the selectedOption when moving between views. Note that override is not permanent and that clicking on a ListBoxOption or interacting with the ListBox with the keyboard will change the selected ListBoxOption relative to the original override. The default is undefined. */\n  selectedOptionIndex: nonNegativeInteger,\n  /** used to specify the element type of the rendered ListBox component. The default is div. Example alternatives include ol, ul, span, etc. */\n  tag: PropTypes.string,\n};\n\nListBox.defaultProps = {\n  className: undefined,\n  selectedOptionIndex: undefined,\n  tag: 'div',\n};\n"],"mappings":"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"}

package/dist/ListBoxOption/index.js

@@ -1,71 +0,0 @@
-const _excluded = ["children", "className", "index", "isSelected", "tag"];
-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 _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; }
-import React from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-export default class ListBoxOption extends React.Component {
-  constructor(props) {
-    super(props);
-    this.onMouseDown = this.onMouseDown.bind(this);
-  }
-  componentDidUpdate(prevProps) {
-    if (this.props.isSelected && !prevProps.isSelected) {
-      this.props.onSelect();
-    }
-  }
-
-  /**
-   * onMouseDown is used instead of onClick because onClick triggers the focus
-   * event before click event. This focus event bubbles up to the parent
-   * (since onFocus bubbles in React), which triggers the ListBox's onFocus function.
-   * This function will select the first ListBoxOption if one is not selected, and this
-   * causes the user to see the first option selected before their desired option is selected
-   * when the click event is fired shortly thereafter. The mouseDown event occurs before the
-   * focus event, which prevents this behavior.
-   */
-  onMouseDown() {
-    this.props.onSelect();
-  }
-  render() {
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        index,
-        isSelected,
-        tag
-      } = _this$props,
-      other = _objectWithoutProperties(_this$props, _excluded);
-    return /*#__PURE__*/React.createElement(this.props.tag, _objectSpread({
-      'aria-selected': isSelected,
-      className: classNames('list-group-item', 'list-group-item-action', {
-        active: this.props.isSelected
-      }, className),
-      id: index === undefined ? null : `list-box-option-${index}`,
-      onMouseDown: this.onMouseDown,
-      role: 'option'
-    }, other), children);
-  }
-}
-ListBoxOption.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  index: PropTypes.number,
-  isSelected: PropTypes.bool,
-  tag: PropTypes.string,
-  onSelect: PropTypes.func
-};
-ListBoxOption.defaultProps = {
-  className: undefined,
-  index: undefined,
-  isSelected: false,
-  tag: 'div',
-  onSelect: () => {}
-};
-//# sourceMappingURL=index.js.map

package/dist/ListBoxOption/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","ListBoxOption","Component","constructor","props","onMouseDown","bind","componentDidUpdate","prevProps","isSelected","onSelect","render","_this$props","children","className","index","tag","other","_objectWithoutProperties","_excluded","createElement","_objectSpread","active","id","undefined","role","propTypes","node","isRequired","string","number","bool","func","defaultProps"],"sources":["../../src/ListBoxOption/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nexport default class ListBoxOption extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.onMouseDown = this.onMouseDown.bind(this);\n  }\n\n  componentDidUpdate(prevProps) {\n    if (this.props.isSelected && !prevProps.isSelected) {\n      this.props.onSelect();\n    }\n  }\n\n  /**\n   * onMouseDown is used instead of onClick because onClick triggers the focus\n   * event before click event. This focus event bubbles up to the parent\n   * (since onFocus bubbles in React), which triggers the ListBox's onFocus function.\n   * This function will select the first ListBoxOption if one is not selected, and this\n   * causes the user to see the first option selected before their desired option is selected\n   * when the click event is fired shortly thereafter. The mouseDown event occurs before the\n   * focus event, which prevents this behavior.\n   */\n  onMouseDown() {\n    this.props.onSelect();\n  }\n\n  render() {\n    const {\n      children,\n      className,\n      index,\n      isSelected,\n      tag,\n      ...other\n    } = this.props;\n\n    return React.createElement(\n      this.props.tag,\n      {\n        'aria-selected': isSelected,\n        className: classNames(\n          'list-group-item',\n          'list-group-item-action',\n          {\n            active: this.props.isSelected,\n          },\n          className,\n        ),\n        id: index === undefined ? null : `list-box-option-${index}`,\n        onMouseDown: this.onMouseDown,\n        role: 'option',\n        ...other,\n      },\n      children,\n    );\n  }\n}\n\nListBoxOption.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  index: PropTypes.number,\n  isSelected: PropTypes.bool,\n  tag: PropTypes.string,\n  onSelect: PropTypes.func,\n};\n\nListBoxOption.defaultProps = {\n  className: undefined,\n  index: undefined,\n  isSelected: false,\n  tag: 'div',\n  onSelect: () => { },\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAElC,eAAe,MAAMC,aAAa,SAASH,KAAK,CAACI,SAAS,CAAC;EACzDC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,WAAW,GAAG,IAAI,CAACA,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC;EAChD;EAEAC,kBAAkBA,CAACC,SAAS,EAAE;IAC5B,IAAI,IAAI,CAACJ,KAAK,CAACK,UAAU,IAAI,CAACD,SAAS,CAACC,UAAU,EAAE;MAClD,IAAI,CAACL,KAAK,CAACM,QAAQ,CAAC,CAAC;IACvB;EACF;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEL,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACD,KAAK,CAACM,QAAQ,CAAC,CAAC;EACvB;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAOI,IAAI,CAACR,KAAK;MAPR;QACJS,QAAQ;QACRC,SAAS;QACTC,KAAK;QACLN,UAAU;QACVO;MAEF,CAAC,GAAAJ,WAAA;MADIK,KAAK,GAAAC,wBAAA,CAAAN,WAAA,EAAAO,SAAA;IAGV,oBAAOrB,KAAK,CAACsB,aAAa,CACxB,IAAI,CAAChB,KAAK,CAACY,GAAG,EAAAK,aAAA;MAEZ,eAAe,EAAEZ,UAAU;MAC3BK,SAAS,EAAEf,UAAU,CACnB,iBAAiB,EACjB,wBAAwB,EACxB;QACEuB,MAAM,EAAE,IAAI,CAAClB,KAAK,CAACK;MACrB,CAAC,EACDK,SACF,CAAC;MACDS,EAAE,EAAER,KAAK,KAAKS,SAAS,GAAG,IAAI,GAAI,mBAAkBT,KAAM,EAAC;MAC3DV,WAAW,EAAE,IAAI,CAACA,WAAW;MAC7BoB,IAAI,EAAE;IAAQ,GACXR,KAAK,GAEVJ,QACF,CAAC;EACH;AACF;AAEAZ,aAAa,CAACyB,SAAS,GAAG;EACxBb,QAAQ,EAAEb,SAAS,CAAC2B,IAAI,CAACC,UAAU;EACnCd,SAAS,EAAEd,SAAS,CAAC6B,MAAM;EAC3Bd,KAAK,EAAEf,SAAS,CAAC8B,MAAM;EACvBrB,UAAU,EAAET,SAAS,CAAC+B,IAAI;EAC1Bf,GAAG,EAAEhB,SAAS,CAAC6B,MAAM;EACrBnB,QAAQ,EAAEV,SAAS,CAACgC;AACtB,CAAC;AAED/B,aAAa,CAACgC,YAAY,GAAG;EAC3BnB,SAAS,EAAEU,SAAS;EACpBT,KAAK,EAAES,SAAS;EAChBf,UAAU,EAAE,KAAK;EACjBO,GAAG,EAAE,KAAK;EACVN,QAAQ,EAAEA,CAAA,KAAM,CAAE;AACpB,CAAC"}

package/dist/Menu/_variables.scss

@@ -1,24 +0,0 @@
-$menu-box-shadow:                                $box-shadow !default;
-$menu-border-radius:                             .25em !default;
-$menu-bg:                                        $white !default;
-$menu-max-height:                                16.813rem !default;
-$menu-item-height:                               3rem !default;
-$menu-item-width:                                19rem !default;
-$menu-item-width-xs:                             13.438rem !default;
-$menu-item-color:                                $body-color !default;
-$menu-item-bg:                                   transparent !default;
-$menu-item-border-color:                         $menu-item-bg !default;
-$menu-item-border-width:                         $btn-border-width !default;
-$menu-item-hover-border:                         $menu-item-bg !default;
-$menu-item-padding-x:                            $btn-padding-x !default;
-$menu-item-padding-y:                            $btn-padding-y !default;
-$menu-item-hover-color:                          $btn-tertiary-color !default;
-$menu-item-hover-border-color:                   $menu-item-bg !default;
-$menu-item-hover-bg:                             $btn-tertiary-hover-bg !default;
-$menu-item-icon-margin-left:                     .25em !default;
-$menu-item-icon-margin-right:                    $menu-item-icon-margin-left !default;
-$menu-item-focus-bg:                             $btn-tertiary-active-bg !default;
-$menu-item-border:                               $menu-item-border-width solid $menu-item-border-color !default;
-$menu-select-btn-link-color:                     $primary-500 !default;
-$menu-select-btn-link-text-decoration-line:      underline !default;
-$menu-select-btn-link-text-decoration-thickness: .125rem !default;

package/dist/Modal/_variables.scss

@@ -1,50 +0,0 @@
-// Modals
-
-// Padding applied to the modal body
-$modal-inner-padding:               1.5rem !default;
-$modal-inner-padding-bottom:        .7rem !default;
-
-// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
-$modal-footer-margin-between:       .5rem !default;
-
-$modal-dialog-margin:               1.5rem !default;
-$modal-dialog-margin-y-sm-up:       1.75rem !default;
-
-$modal-title-line-height:           $line-height-base !default;
-
-$modal-content-color:               null !default;
-$modal-content-bg:                  $white !default;
-$modal-content-border-color:        rgba($black, .2) !default;
-$modal-content-border-width:        0 !default;
-$modal-content-border-radius:       $border-radius-lg !default;
-$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
-$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;
-$modal-content-box-shadow-sm-up:    0 10px 20px rgba($black, .15), 0 8px 20px rgba($black, .15) !default;
-
-$modal-backdrop-bg:                 $black !default;
-$modal-backdrop-opacity:            .5 !default;
-$modal-header-border-color:         $border-color !default;
-$modal-footer-border-color:         $modal-header-border-color !default;
-$modal-header-border-width:         $modal-content-border-width !default;
-$modal-footer-border-width:         $modal-header-border-width !default;
-$modal-header-padding-y:            1rem !default;
-$modal-header-padding-x:            1.5rem !default;
-$modal-close-container-top:         .625rem !default;
-
-// Keep this for backwards compatibility
-$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default;
-$modal-footer-padding-y:            1rem !default;
-$modal-footer-padding-x:            1.5rem !default;
-
-// Keep this for backwards compatibility
-$modal-footer-padding:              $modal-footer-padding-y $modal-footer-padding-x !default;
-
-$modal-xl:                          1140px !default;
-$modal-lg:                          800px !default;
-$modal-md:                          500px !default;
-$modal-sm:                          400px !default;
-
-$modal-fade-transform:              translate(0, -50px) !default;
-$modal-show-transform:              none !default;
-$modal-transition:                  transform .3s ease-out !default;
-$modal-scale-transform:             scale(1.02) !default;

package/dist/Modal/index.js

@@ -1,260 +0,0 @@
-const _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; }
-/* eslint-disable max-len */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { FocusOn } from 'react-focus-on';
-import { tabbable } from 'tabbable';
-import { Close } from '../../icons';
-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();
-    if (typeof document !== 'undefined') {
-      this.el = document.createElement('div');
-      // Sets true for IE11, false otherwise: https://stackoverflow.com/a/22082397/6620612
-      this.isIE11 = !!global.MSInputMethodContext && !!document.documentMode;
-    }
-    this.state = {
-      open: props.open
-    };
-  }
-  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`);
-    }
-    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
-      });
-    }
-  }
-  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;
-    }
-    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);
-    }
-    return [];
-  }
-  isValidVariantStatus() {
-    const {
-      variant
-    } = this.props;
-    return Object.values(Variant.status).includes(variant.status);
-  }
-  close(e) {
-    if (e) {
-      e.stopPropagation();
-    }
-    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
-        });
-      }
-      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);
-    }
-    if (this.isValidVariantStatus()) {
-      body = this.getVariantGridBody(body);
-    }
-    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;
-    }
-    return /*#__PURE__*/ReactDOM.createPortal(this.renderModal(), this.el);
-  }
-}
-Modal.propTypes = {
-  /** specifies whether the modal renders open or closed on the initial render. It defaults to false. */
-  open: PropTypes.bool,
-  /** is the selector for an element in the dom which the modal should be rendered under. It uses querySelector to find the first element that matches that selector, and then creates a react portal to a div underneath the parent element.
-  */
-  parentSelector: PropTypes.string,
-  /** a string or an element that is rendered inside of the modal title, above the modal body. */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-  /** a string or an element that is rendered inside of the modal body, between the title and the footer. */
-  body: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-  /** an array of either elements or shapes that take the form of the buttonPropTypes. See the [buttonPropTypes](https://github.com/openedx/paragon/blob/master/src/Button/index.jsx#L40) for a list of acceptable props to pass as part of a button. */
-  buttons: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.element, PropTypes.shape({}) // TODO: Only accept nodes in the future
-  ])),
-
-  /** specifies the display text of the default Close button. It defaults to "Close". */
-  closeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  /** a function that is called on close. It can be used to perform actions upon closing of the modal, such as restoring focus to the previous logical focusable element. */
-  onClose: PropTypes.func.isRequired,
-  variant: PropTypes.shape({
-    status: PropTypes.string
-  }),
-  /** specifies whether the default close button is rendered in the footer. It defaults to true. */
-  renderDefaultCloseButton: PropTypes.bool,
-  /** specifies whether a close button is rendered in the modal header. It defaults to true. */
-  renderHeaderCloseButton: PropTypes.bool,
-  /**
-   * Specifies optional classes to add to the element with the '.modal-dialog' class.  See Bootstrap documentation for possible classes.  Some options: modal-lg, modal-sm, modal-dialog-centered
-   */
-  dialogClassName: PropTypes.string
-};
-Modal.defaultProps = {
-  open: false,
-  parentSelector: 'body',
-  buttons: [],
-  closeText: 'Close',
-  variant: {},
-  renderDefaultCloseButton: true,
-  renderHeaderCloseButton: true,
-  dialogClassName: undefined
-};
-export default Modal;
-//# sourceMappingURL=index.js.map

package/dist/Modal/index.js.map

@@ -1 +0,0 @@
-{"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":["/* eslint-disable max-len */\nimport 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. It uses querySelector to find the first element that matches that selector, 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. See the [buttonPropTypes](https://github.com/openedx/paragon/blob/master/src/Button/index.jsx#L40) 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, 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.  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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"}