@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/StatusAlert/index.js

@@ -0,0 +1,168 @@
+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 _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 _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 classNames from 'classnames';
+import PropTypes from 'prop-types';
+import isRequiredIf from 'react-proptype-conditional-require';
+import Button from '../Button';
+import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
+var StatusAlert = /*#__PURE__*/function (_React$Component) {
+  _inherits(StatusAlert, _React$Component);
+  var _super = _createSuper(StatusAlert);
+  function StatusAlert(props) {
+    var _this;
+    _classCallCheck(this, StatusAlert);
+    _this = _super.call(this, props);
+    _this.close = _this.close.bind(_assertThisInitialized(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
+    _this.renderDialog = _this.renderDialog.bind(_assertThisInitialized(_this));
+    _this.state = {
+      open: props.open
+    };
+    return _this;
+  }
+  _createClass(StatusAlert, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.xButton) {
+        this.xButton.focus();
+      }
+    }
+
+    /* eslint-disable react/no-did-update-set-state */
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.state.open && !prevState.open && this.xButton) {
+        this.xButton.focus();
+      }
+      if (this.props.open !== prevProps.open) {
+        this.setState({
+          open: this.props.open
+        });
+      }
+    }
+  }, {
+    key: "handleKeyDown",
+    value: function handleKeyDown(e) {
+      if (e.key === 'Enter' || e.key === 'Escape') {
+        e.preventDefault();
+        this.close();
+      }
+    }
+  }, {
+    key: "close",
+    value: function close() {
+      this.setState({
+        open: false
+      });
+      this.props.onClose();
+    }
+
+    // eslint-disable-next-line react/no-unused-class-component-methods
+  }, {
+    key: "focus",
+    value: function focus() {
+      if (this.xButton) {
+        this.xButton.focus();
+      }
+    }
+  }, {
+    key: "renderDialog",
+    value: function renderDialog() {
+      var dialog = this.props.dialog;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "alert-dialog"
+      }, dialog);
+    }
+  }, {
+    key: "renderDismissible",
+    value: function renderDismissible() {
+      var _this2 = this;
+      var _this$props = this.props,
+        closeButtonAriaLabel = _this$props.closeButtonAriaLabel,
+        dismissible = _this$props.dismissible;
+      return dismissible ? /*#__PURE__*/React.createElement(Button.Deprecated, {
+        "aria-label": closeButtonAriaLabel,
+        inputRef: function inputRef(input) {
+          _this2.xButton = input;
+        },
+        onClick: this.close,
+        onKeyDown: this.handleKeyDown,
+        isClose: true
+      }, /*#__PURE__*/React.createElement("span", {
+        "aria-hidden": "true"
+      }, "\xD7")) : null;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        alertType = _this$props2.alertType,
+        className = _this$props2.className,
+        dismissible = _this$props2.dismissible;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames([className, 'alert', 'fade'], {
+          'alert-dismissible': dismissible
+        }, _defineProperty({}, "alert-".concat(alertType), alertType !== undefined), {
+          show: this.state.open
+        }),
+        role: "alert",
+        hidden: !this.state.open
+      }, this.renderDismissible(), this.renderDialog());
+    }
+  }]);
+  return StatusAlert;
+}(React.Component);
+StatusAlert.propTypes = {
+  /** specifies the type of alert that is being diplayed. It defaults to "warning".
+   * See the other available [bootstrap](https://react-bootstrap-v4.netlify.app/components/alerts/) options. */
+  alertType: PropTypes.string,
+  /** is a string array that defines the classes to be used within the status alert. */
+  className: PropTypes.string,
+  dialog: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
+  /** specifies if the status alert will include the dismissible X button to close the alert. It defaults to true. */
+  dismissible: PropTypes.bool,
+  /* eslint-disable react/require-default-props */
+  closeButtonAriaLabel: PropTypes.string,
+  /** is a function that is called on close. It can be used to perform actions upon closing of the status alert,
+   * such as restoring focus to the previous logical focusable element.  It is only required if `dismissible`
+   * is set to `true` and not required if the alert is not `dismissible`. */
+  onClose: isRequiredIf(PropTypes.func, function (props) {
+    return props.dismissible;
+  }),
+  /** specifies whether the status alert renders open or closed on the initial render. It defaults to false. */
+  open: PropTypes.bool
+};
+StatusAlert.defaultProps = {
+  alertType: 'warning',
+  className: undefined,
+  closeButtonAriaLabel: 'Close',
+  dismissible: true,
+  open: false
+};
+export default withDeprecatedProps(StatusAlert, 'StatusAlert', {
+  className: {
+    deprType: DeprTypes.FORMAT,
+    expect: function expect(value) {
+      return typeof value === 'string';
+    },
+    transform: function transform(value) {
+      return Array.isArray(value) ? value.join(' ') : value;
+    },
+    message: 'It should be a string.'
+  }
+});
+//# sourceMappingURL=index.js.map

package/dist/StatusAlert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","classNames","PropTypes","isRequiredIf","Button","withDeprecatedProps","DeprTypes","StatusAlert","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","close","bind","_assertThisInitialized","handleKeyDown","renderDialog","state","open","_createClass","key","value","componentDidMount","xButton","focus","componentDidUpdate","prevProps","prevState","setState","e","preventDefault","onClose","dialog","createElement","className","renderDismissible","_this2","_this$props","closeButtonAriaLabel","dismissible","Deprecated","inputRef","input","onClick","onKeyDown","isClose","render","_this$props2","alertType","_defineProperty","concat","undefined","show","role","hidden","Component","propTypes","string","oneOfType","element","isRequired","bool","func","defaultProps","deprType","FORMAT","expect","transform","Array","isArray","join","message"],"sources":["../../src/StatusAlert/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport isRequiredIf from 'react-proptype-conditional-require';\n\nimport Button from '../Button';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nclass StatusAlert extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.close = this.close.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.renderDialog = this.renderDialog.bind(this);\n\n    this.state = {\n      open: props.open,\n    };\n  }\n\n  componentDidMount() {\n    if (this.xButton) {\n      this.xButton.focus();\n    }\n  }\n\n  /* eslint-disable react/no-did-update-set-state */\n  componentDidUpdate(prevProps, prevState) {\n    if (this.state.open && !prevState.open && this.xButton) {\n      this.xButton.focus();\n    }\n\n    if (this.props.open !== prevProps.open) {\n      this.setState({ open: this.props.open });\n    }\n  }\n\n  handleKeyDown(e) {\n    if (e.key === 'Enter' || e.key === 'Escape') {\n      e.preventDefault();\n      this.close();\n    }\n  }\n\n  close() {\n    this.setState({ open: false });\n    this.props.onClose();\n  }\n\n  // eslint-disable-next-line react/no-unused-class-component-methods\n  focus() {\n    if (this.xButton) {\n      this.xButton.focus();\n    }\n  }\n\n  renderDialog() {\n    const { dialog } = this.props;\n\n    return (\n      <div className=\"alert-dialog\">\n        { dialog }\n      </div>\n    );\n  }\n\n  renderDismissible() {\n    const { closeButtonAriaLabel, dismissible } = this.props;\n\n    return (dismissible) ? (\n      <Button.Deprecated\n        aria-label={closeButtonAriaLabel}\n        inputRef={(input) => { this.xButton = input; }}\n        onClick={this.close}\n        onKeyDown={this.handleKeyDown}\n        isClose\n      >\n        <span aria-hidden=\"true\">&times;</span>\n      </Button.Deprecated>\n    ) : null;\n  }\n\n  render() {\n    const { alertType, className, dismissible } = this.props;\n\n    return (\n      <div\n        className={classNames([\n          className,\n          'alert',\n          'fade',\n        ], {\n          'alert-dismissible': dismissible,\n        }, {\n          [`alert-${alertType}`]: alertType !== undefined,\n        }, {\n          show: this.state.open,\n        })}\n        role=\"alert\"\n        hidden={!this.state.open}\n      >\n        {this.renderDismissible()}\n        {this.renderDialog()}\n      </div>\n    );\n  }\n}\n\nStatusAlert.propTypes = {\n  /** specifies the type of alert that is being diplayed. It defaults to \"warning\".\n   * See the other available [bootstrap](https://react-bootstrap-v4.netlify.app/components/alerts/) options. */\n  alertType: PropTypes.string,\n  /** is a string array that defines the classes to be used within the status alert. */\n  className: PropTypes.string,\n  dialog: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  /** specifies if the status alert will include the dismissible X button to close the alert. It defaults to true. */\n  dismissible: PropTypes.bool,\n  /* eslint-disable react/require-default-props */\n  closeButtonAriaLabel: PropTypes.string,\n  /** is a function that is called on close. It can be used to perform actions upon closing of the status alert,\n   * such as restoring focus to the previous logical focusable element.  It is only required if `dismissible`\n   * is set to `true` and not required if the alert is not `dismissible`. */\n  onClose: isRequiredIf(PropTypes.func, props => props.dismissible),\n  /** specifies whether the status alert renders open or closed on the initial render. It defaults to false. */\n  open: PropTypes.bool,\n};\n\nStatusAlert.defaultProps = {\n  alertType: 'warning',\n  className: undefined,\n  closeButtonAriaLabel: 'Close',\n  dismissible: true,\n  open: false,\n};\n\nexport default withDeprecatedProps(StatusAlert, 'StatusAlert', {\n  className: {\n    deprType: DeprTypes.FORMAT,\n    expect: value => typeof value === 'string',\n    transform: value => (Array.isArray(value) ? value.join(' ') : value),\n    message: 'It should be a string.',\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,YAAY,MAAM,oCAAoC;AAE7D,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAAC,IAElEC,WAAW,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EACf,SAAAA,YAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,WAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IAEXC,KAAA,CAAKG,KAAK,GAAGH,KAAA,CAAKG,KAAK,CAACC,IAAI,CAAAC,sBAAA,CAAAL,KAAA,CAAK,CAAC;IAClCA,KAAA,CAAKM,aAAa,GAAGN,KAAA,CAAKM,aAAa,CAACF,IAAI,CAAAC,sBAAA,CAAAL,KAAA,CAAK,CAAC;IAClDA,KAAA,CAAKO,YAAY,GAAGP,KAAA,CAAKO,YAAY,CAACH,IAAI,CAAAC,sBAAA,CAAAL,KAAA,CAAK,CAAC;IAEhDA,KAAA,CAAKQ,KAAK,GAAG;MACXC,IAAI,EAAEV,KAAK,CAACU;IACd,CAAC;IAAC,OAAAT,KAAA;EACJ;EAACU,YAAA,CAAAhB,WAAA;IAAAiB,GAAA;IAAAC,KAAA,EAED,SAAAC,kBAAA,EAAoB;MAClB,IAAI,IAAI,CAACC,OAAO,EAAE;QAChB,IAAI,CAACA,OAAO,CAACC,KAAK,CAAC,CAAC;MACtB;IACF;;IAEA;EAAA;IAAAJ,GAAA;IAAAC,KAAA,EACA,SAAAI,mBAAmBC,SAAS,EAAEC,SAAS,EAAE;MACvC,IAAI,IAAI,CAACV,KAAK,CAACC,IAAI,IAAI,CAACS,SAAS,CAACT,IAAI,IAAI,IAAI,CAACK,OAAO,EAAE;QACtD,IAAI,CAACA,OAAO,CAACC,KAAK,CAAC,CAAC;MACtB;MAEA,IAAI,IAAI,CAAChB,KAAK,CAACU,IAAI,KAAKQ,SAAS,CAACR,IAAI,EAAE;QACtC,IAAI,CAACU,QAAQ,CAAC;UAAEV,IAAI,EAAE,IAAI,CAACV,KAAK,CAACU;QAAK,CAAC,CAAC;MAC1C;IACF;EAAC;IAAAE,GAAA;IAAAC,KAAA,EAED,SAAAN,cAAcc,CAAC,EAAE;MACf,IAAIA,CAAC,CAACT,GAAG,KAAK,OAAO,IAAIS,CAAC,CAACT,GAAG,KAAK,QAAQ,EAAE;QAC3CS,CAAC,CAACC,cAAc,CAAC,CAAC;QAClB,IAAI,CAAClB,KAAK,CAAC,CAAC;MACd;IACF;EAAC;IAAAQ,GAAA;IAAAC,KAAA,EAED,SAAAT,MAAA,EAAQ;MACN,IAAI,CAACgB,QAAQ,CAAC;QAAEV,IAAI,EAAE;MAAM,CAAC,CAAC;MAC9B,IAAI,CAACV,KAAK,CAACuB,OAAO,CAAC,CAAC;IACtB;;IAEA;EAAA;IAAAX,GAAA;IAAAC,KAAA,EACA,SAAAG,MAAA,EAAQ;MACN,IAAI,IAAI,CAACD,OAAO,EAAE;QAChB,IAAI,CAACA,OAAO,CAACC,KAAK,CAAC,CAAC;MACtB;IACF;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAL,aAAA,EAAe;MACb,IAAQgB,MAAM,GAAK,IAAI,CAACxB,KAAK,CAArBwB,MAAM;MAEd,oBACEpC,KAAA,CAAAqC,aAAA;QAAKC,SAAS,EAAC;MAAc,GACzBF,MACC,CAAC;IAEV;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAc,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,IAAAC,WAAA,GAA8C,IAAI,CAAC7B,KAAK;QAAhD8B,oBAAoB,GAAAD,WAAA,CAApBC,oBAAoB;QAAEC,WAAW,GAAAF,WAAA,CAAXE,WAAW;MAEzC,OAAQA,WAAW,gBACjB3C,KAAA,CAAAqC,aAAA,CAACjC,MAAM,CAACwC,UAAU;QAChB,cAAYF,oBAAqB;QACjCG,QAAQ,EAAE,SAAAA,SAACC,KAAK,EAAK;UAAEN,MAAI,CAACb,OAAO,GAAGmB,KAAK;QAAE,CAAE;QAC/CC,OAAO,EAAE,IAAI,CAAC/B,KAAM;QACpBgC,SAAS,EAAE,IAAI,CAAC7B,aAAc;QAC9B8B,OAAO;MAAA,gBAEPjD,KAAA,CAAAqC,aAAA;QAAM,eAAY;MAAM,GAAC,MAAa,CACrB,CAAC,GAClB,IAAI;IACV;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAyB,OAAA,EAAS;MACP,IAAAC,YAAA,GAA8C,IAAI,CAACvC,KAAK;QAAhDwC,SAAS,GAAAD,YAAA,CAATC,SAAS;QAAEd,SAAS,GAAAa,YAAA,CAATb,SAAS;QAAEK,WAAW,GAAAQ,YAAA,CAAXR,WAAW;MAEzC,oBACE3C,KAAA,CAAAqC,aAAA;QACEC,SAAS,EAAErC,UAAU,CAAC,CACpBqC,SAAS,EACT,OAAO,EACP,MAAM,CACP,EAAE;UACD,mBAAmB,EAAEK;QACvB,CAAC,EAAAU,eAAA,cAAAC,MAAA,CACWF,SAAS,GAAKA,SAAS,KAAKG,SAAS,GAC9C;UACDC,IAAI,EAAE,IAAI,CAACnC,KAAK,CAACC;QACnB,CAAC,CAAE;QACHmC,IAAI,EAAC,OAAO;QACZC,MAAM,EAAE,CAAC,IAAI,CAACrC,KAAK,CAACC;MAAK,GAExB,IAAI,CAACiB,iBAAiB,CAAC,CAAC,EACxB,IAAI,CAACnB,YAAY,CAAC,CAChB,CAAC;IAEV;EAAC;EAAA,OAAAb,WAAA;AAAA,EAlGuBP,KAAK,CAAC2D,SAAS;AAqGzCpD,WAAW,CAACqD,SAAS,GAAG;EACtB;AACF;EACER,SAAS,EAAElD,SAAS,CAAC2D,MAAM;EAC3B;EACAvB,SAAS,EAAEpC,SAAS,CAAC2D,MAAM;EAC3BzB,MAAM,EAAElC,SAAS,CAAC4D,SAAS,CAAC,CAAC5D,SAAS,CAAC2D,MAAM,EAAE3D,SAAS,CAAC6D,OAAO,CAAC,CAAC,CAACC,UAAU;EAC7E;EACArB,WAAW,EAAEzC,SAAS,CAAC+D,IAAI;EAC3B;EACAvB,oBAAoB,EAAExC,SAAS,CAAC2D,MAAM;EACtC;AACF;AACA;EACE1B,OAAO,EAAEhC,YAAY,CAACD,SAAS,CAACgE,IAAI,EAAE,UAAAtD,KAAK;IAAA,OAAIA,KAAK,CAAC+B,WAAW;EAAA,EAAC;EACjE;EACArB,IAAI,EAAEpB,SAAS,CAAC+D;AAClB,CAAC;AAED1D,WAAW,CAAC4D,YAAY,GAAG;EACzBf,SAAS,EAAE,SAAS;EACpBd,SAAS,EAAEiB,SAAS;EACpBb,oBAAoB,EAAE,OAAO;EAC7BC,WAAW,EAAE,IAAI;EACjBrB,IAAI,EAAE;AACR,CAAC;AAED,eAAejB,mBAAmB,CAACE,WAAW,EAAE,aAAa,EAAE;EAC7D+B,SAAS,EAAE;IACT8B,QAAQ,EAAE9D,SAAS,CAAC+D,MAAM;IAC1BC,MAAM,EAAE,SAAAA,OAAA7C,KAAK;MAAA,OAAI,OAAOA,KAAK,KAAK,QAAQ;IAAA;IAC1C8C,SAAS,EAAE,SAAAA,UAAA9C,KAAK;MAAA,OAAK+C,KAAK,CAACC,OAAO,CAAChD,KAAK,CAAC,GAAGA,KAAK,CAACiD,IAAI,CAAC,GAAG,CAAC,GAAGjD,KAAK;IAAA,CAAC;IACpEkD,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}

package/dist/Stepper/Stepper.js

@@ -5,10 +5,8 @@ import StepperHeader from './StepperHeader';
 import StepperActionRow from './StepperActionRow';
 import { StepperContextProvider } from './StepperContext';
 function Stepper(_ref) {
-  let {
-    children,
-    activeKey
-  } = _ref;
+  var children = _ref.children,
+    activeKey = _ref.activeKey;
   return /*#__PURE__*/React.createElement(StepperContextProvider, {
     activeKey: activeKey
   }, children);

package/dist/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":["React","PropTypes","StepperStep","StepperHeader","StepperActionRow","StepperContextProvider","Stepper","_ref","children","activeKey","createElement","propTypes","node","isRequired","string","Step","Header","ActionRow"],"sources":["../../src/Stepper/Stepper.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport StepperStep from './StepperStep';\nimport StepperHeader from './StepperHeader';\nimport StepperActionRow from './StepperActionRow';\nimport { StepperContextProvider } from './StepperContext';\n\nfunction Stepper({ children, activeKey }) {\n  return (\n    <StepperContextProvider activeKey={activeKey}>\n      {children}\n    </StepperContextProvider>\n  );\n}\n\nStepper.propTypes = {\n  /**\n   * Specifies the content of the `Stepper`.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The eventKey of the step to display.\n   */\n  activeKey: PropTypes.string.isRequired,\n};\n\nStepper.Step = StepperStep;\nStepper.Header = StepperHeader;\nStepper.ActionRow = StepperActionRow;\n\nexport default Stepper;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,sBAAsB,QAAQ,kBAAkB;AAEzD,SAASC,OAAOA,CAAAC,IAAA,EAA0B;EAAA,IAAzB;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAAF,IAAA;EACtC,oBACEP,KAAA,CAAAU,aAAA,CAACL,sBAAsB;IAACI,SAAS,EAAEA;EAAU,GAC1CD,QACqB,CAAC;AAE7B;AAEAF,OAAO,CAACK,SAAS,GAAG;EAClB;AACF;AACA;EACEH,QAAQ,EAAEP,SAAS,CAACW,IAAI,CAACC,UAAU;EACnC;AACF;AACA;EACEJ,SAAS,EAAER,SAAS,CAACa,MAAM,CAACD;AAC9B,CAAC;AAEDP,OAAO,CAACS,IAAI,GAAGb,WAAW;AAC1BI,OAAO,CAACU,MAAM,GAAGb,aAAa;AAC9BG,OAAO,CAACW,SAAS,GAAGb,gBAAgB;AAEpC,eAAeE,OAAO"}
+{"version":3,"file":"Stepper.js","names":["React","PropTypes","StepperStep","StepperHeader","StepperActionRow","StepperContextProvider","Stepper","_ref","children","activeKey","createElement","propTypes","node","isRequired","string","Step","Header","ActionRow"],"sources":["../../src/Stepper/Stepper.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport StepperStep from './StepperStep';\nimport StepperHeader from './StepperHeader';\nimport StepperActionRow from './StepperActionRow';\nimport { StepperContextProvider } from './StepperContext';\n\nfunction Stepper({ children, activeKey }) {\n  return (\n    <StepperContextProvider activeKey={activeKey}>\n      {children}\n    </StepperContextProvider>\n  );\n}\n\nStepper.propTypes = {\n  /**\n   * Specifies the content of the `Stepper`.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The eventKey of the step to display.\n   */\n  activeKey: PropTypes.string.isRequired,\n};\n\nStepper.Step = StepperStep;\nStepper.Header = StepperHeader;\nStepper.ActionRow = StepperActionRow;\n\nexport default Stepper;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,sBAAsB,QAAQ,kBAAkB;AAEzD,SAASC,OAAOA,CAAAC,IAAA,EAA0B;EAAA,IAAvBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACpC,oBACET,KAAA,CAAAU,aAAA,CAACL,sBAAsB;IAACI,SAAS,EAAEA;EAAU,GAC1CD,QACqB,CAAC;AAE7B;AAEAF,OAAO,CAACK,SAAS,GAAG;EAClB;AACF;AACA;EACEH,QAAQ,EAAEP,SAAS,CAACW,IAAI,CAACC,UAAU;EACnC;AACF;AACA;EACEJ,SAAS,EAAER,SAAS,CAACa,MAAM,CAACD;AAC9B,CAAC;AAEDP,OAAO,CAACS,IAAI,GAAGb,WAAW;AAC1BI,OAAO,CAACU,MAAM,GAAGb,aAAa;AAC9BG,OAAO,CAACW,SAAS,GAAGb,gBAAgB;AAEpC,eAAeE,OAAO"}

package/dist/Stepper/StepperActionRow.js

@@ -1,4 +1,4 @@
-const _excluded = ["as", "children", "eventKey"];
+var _excluded = ["as", "children", "eventKey"];
 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, { useContext } from 'react';
@@ -6,16 +6,13 @@ import PropTypes from 'prop-types';
 import { StepperContext } from './StepperContext';
 import ActionRow from '../ActionRow';
 function StepperActionRow(_ref) {
-  let {
-      as,
-      children,
-      eventKey
-    } = _ref,
+  var as = _ref.as,
+    children = _ref.children,
+    eventKey = _ref.eventKey,
     props = _objectWithoutProperties(_ref, _excluded);
-  const {
-    activeKey
-  } = useContext(StepperContext);
-  const isActive = activeKey === eventKey;
+  var _useContext = useContext(StepperContext),
+    activeKey = _useContext.activeKey;
+  var isActive = activeKey === eventKey;
   if (!isActive) {
     return null;
   }

package/dist/Stepper/StepperActionRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperActionRow.js","names":["React","useContext","PropTypes","StepperContext","ActionRow","StepperActionRow","_ref","as","children","eventKey","props","_objectWithoutProperties","_excluded","activeKey","isActive","createElement","propTypes","node","isRequired","string","elementType","defaultProps","Spacer"],"sources":["../../src/Stepper/StepperActionRow.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { StepperContext } from './StepperContext';\nimport ActionRow from '../ActionRow';\n\nfunction StepperActionRow({\n  as,\n  children,\n  eventKey,\n  ...props\n}) {\n  const { activeKey } = useContext(StepperContext);\n  const isActive = activeKey === eventKey;\n\n  if (!isActive) {\n    return null;\n  }\n\n  return React.createElement(as, props, children);\n}\n\nStepperActionRow.propTypes = {\n  /** Specifies the content of the `ActionRow`. */\n  children: PropTypes.node.isRequired,\n  /**\n   * An identifier of the `ActionRow`. When `activeKey` on the\n   * `Stepper` equals to the `eventKey`, the `ActionRow` will be displayed.\n   */\n  eventKey: PropTypes.string.isRequired,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n};\n\nStepperActionRow.defaultProps = {\n  as: ActionRow,\n};\n\nStepperActionRow.Spacer = ActionRow.Spacer;\n\nexport default StepperActionRow;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,OAAOC,SAAS,MAAM,cAAc;AAEpC,SAASC,gBAAgBA,CAAAC,IAAA,EAKtB;EAAA,IALuB;MACxBC,EAAE;MACFC,QAAQ;MACRC;IAEF,CAAC,GAAAH,IAAA;IADII,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,MAAM;IAAEC;EAAU,CAAC,GAAGZ,UAAU,CAACE,cAAc,CAAC;EAChD,MAAMW,QAAQ,GAAGD,SAAS,KAAKJ,QAAQ;EAEvC,IAAI,CAACK,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBAAOd,KAAK,CAACe,aAAa,CAACR,EAAE,EAAEG,KAAK,EAAEF,QAAQ,CAAC;AACjD;AAEAH,gBAAgB,CAACW,SAAS,GAAG;EAC3B;EACAR,QAAQ,EAAEN,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACET,QAAQ,EAAEP,SAAS,CAACiB,MAAM,CAACD,UAAU;EACrC;EACAX,EAAE,EAAEL,SAAS,CAACkB;AAChB,CAAC;AAEDf,gBAAgB,CAACgB,YAAY,GAAG;EAC9Bd,EAAE,EAAEH;AACN,CAAC;AAEDC,gBAAgB,CAACiB,MAAM,GAAGlB,SAAS,CAACkB,MAAM;AAE1C,eAAejB,gBAAgB"}
+{"version":3,"file":"StepperActionRow.js","names":["React","useContext","PropTypes","StepperContext","ActionRow","StepperActionRow","_ref","as","children","eventKey","props","_objectWithoutProperties","_excluded","_useContext","activeKey","isActive","createElement","propTypes","node","isRequired","string","elementType","defaultProps","Spacer"],"sources":["../../src/Stepper/StepperActionRow.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { StepperContext } from './StepperContext';\nimport ActionRow from '../ActionRow';\n\nfunction StepperActionRow({\n  as,\n  children,\n  eventKey,\n  ...props\n}) {\n  const { activeKey } = useContext(StepperContext);\n  const isActive = activeKey === eventKey;\n\n  if (!isActive) {\n    return null;\n  }\n\n  return React.createElement(as, props, children);\n}\n\nStepperActionRow.propTypes = {\n  /** Specifies the content of the `ActionRow`. */\n  children: PropTypes.node.isRequired,\n  /**\n   * An identifier of the `ActionRow`. When `activeKey` on the\n   * `Stepper` equals to the `eventKey`, the `ActionRow` will be displayed.\n   */\n  eventKey: PropTypes.string.isRequired,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n};\n\nStepperActionRow.defaultProps = {\n  as: ActionRow,\n};\n\nStepperActionRow.Spacer = ActionRow.Spacer;\n\nexport default StepperActionRow;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,OAAOC,SAAS,MAAM,cAAc;AAEpC,SAASC,gBAAgBA,CAAAC,IAAA,EAKtB;EAAA,IAJDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,IAAAC,WAAA,GAAsBZ,UAAU,CAACE,cAAc,CAAC;IAAxCW,SAAS,GAAAD,WAAA,CAATC,SAAS;EACjB,IAAMC,QAAQ,GAAGD,SAAS,KAAKL,QAAQ;EAEvC,IAAI,CAACM,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBAAOf,KAAK,CAACgB,aAAa,CAACT,EAAE,EAAEG,KAAK,EAAEF,QAAQ,CAAC;AACjD;AAEAH,gBAAgB,CAACY,SAAS,GAAG;EAC3B;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEV,QAAQ,EAAEP,SAAS,CAACkB,MAAM,CAACD,UAAU;EACrC;EACAZ,EAAE,EAAEL,SAAS,CAACmB;AAChB,CAAC;AAEDhB,gBAAgB,CAACiB,YAAY,GAAG;EAC9Bf,EAAE,EAAEH;AACN,CAAC;AAEDC,gBAAgB,CAACkB,MAAM,GAAGnB,SAAS,CAACmB,MAAM;AAE1C,eAAelB,gBAAgB"}

package/dist/Stepper/StepperContext.js

@@ -1,61 +1,93 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import React, { useCallback, useEffect, useReducer, useState } from 'react';
 import PropTypes from 'prop-types';
-export const StepperContext = /*#__PURE__*/React.createContext({
+export var StepperContext = /*#__PURE__*/React.createContext({
   activeKey: ''
 });
-const stepsReducer = (stepsState, action) => {
-  let newStepsState = [];
+var stepsReducer = function stepsReducer(stepsState, action) {
+  var newStepsState = [];
   switch (action.type) {
     case 'remove':
-      return stepsState.filter(step => step.eventKey !== action.eventKey);
+      return stepsState.filter(function (step) {
+        return step.eventKey !== action.eventKey;
+      });
     case 'register':
     default:
       // If it is existing step
-      if (stepsState.some(step => step.eventKey === action.step.eventKey)) {
-        newStepsState = stepsState.map(step => {
+      if (stepsState.some(function (step) {
+        return step.eventKey === action.step.eventKey;
+      })) {
+        newStepsState = stepsState.map(function (step) {
           if (step.eventKey === action.step.eventKey) {
             return action.step;
           }
           return step;
         });
       } else {
-        newStepsState = [...stepsState, action.step];
+        newStepsState = [].concat(_toConsumableArray(stepsState), [action.step]);
       }
 
       // If using the index prop
-      if (stepsState.some(step => step.index)) {
-        return newStepsState.sort((a, b) => a.index > b.index ? 1 : -1);
+      if (stepsState.some(function (step) {
+        return step.index;
+      })) {
+        return newStepsState.sort(function (a, b) {
+          return a.index > b.index ? 1 : -1;
+        });
       }
       return newStepsState;
   }
 };
 export function StepperContextProvider(_ref) {
-  let {
-    children,
-    activeKey
-  } = _ref;
-  const [steps, dispatch] = useReducer(stepsReducer, []);
-  const [currentBoundary, setCurrentBoundary] = useState(0);
-  const registerStep = useCallback(step => dispatch({
-    step,
-    type: 'register'
-  }), []);
-  const removeStep = useCallback(eventKey => dispatch({
-    eventKey,
-    type: 'remove'
-  }), []);
-  const getIsViewed = index => index <= currentBoundary;
-  useEffect(() => {
-    const activeIndex = steps.findIndex(step => step.eventKey === activeKey);
-    setCurrentBoundary(prevState => activeIndex >= prevState ? activeIndex : prevState);
+  var children = _ref.children,
+    activeKey = _ref.activeKey;
+  var _useReducer = useReducer(stepsReducer, []),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    steps = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentBoundary = _useState2[0],
+    setCurrentBoundary = _useState2[1];
+  var registerStep = useCallback(function (step) {
+    return dispatch({
+      step: step,
+      type: 'register'
+    });
+  }, []);
+  var removeStep = useCallback(function (eventKey) {
+    return dispatch({
+      eventKey: eventKey,
+      type: 'remove'
+    });
+  }, []);
+  var getIsViewed = function getIsViewed(index) {
+    return index <= currentBoundary;
+  };
+  useEffect(function () {
+    var activeIndex = steps.findIndex(function (step) {
+      return step.eventKey === activeKey;
+    });
+    setCurrentBoundary(function (prevState) {
+      return activeIndex >= prevState ? activeIndex : prevState;
+    });
   }, [activeKey, steps]);
   return /*#__PURE__*/React.createElement(StepperContext.Provider, {
     value: {
-      activeKey,
-      registerStep,
-      steps,
-      removeStep,
-      getIsViewed
+      activeKey: activeKey,
+      registerStep: registerStep,
+      steps: steps,
+      removeStep: removeStep,
+      getIsViewed: getIsViewed
     }
   }, children);
 }

package/dist/Stepper/StepperContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperContext.js","names":["React","useCallback","useEffect","useReducer","useState","PropTypes","StepperContext","createContext","activeKey","stepsReducer","stepsState","action","newStepsState","type","filter","step","eventKey","some","map","index","sort","a","b","StepperContextProvider","_ref","children","steps","dispatch","currentBoundary","setCurrentBoundary","registerStep","removeStep","getIsViewed","activeIndex","findIndex","prevState","createElement","Provider","value","propTypes","node","isRequired"],"sources":["../../src/Stepper/StepperContext.jsx"],"sourcesContent":["import React, {\n  useCallback, useEffect, useReducer, useState,\n} from 'react';\nimport PropTypes from 'prop-types';\n\nexport const StepperContext = React.createContext({\n  activeKey: '',\n});\n\nconst stepsReducer = (stepsState, action) => {\n  let newStepsState = [];\n  switch (action.type) {\n    case 'remove':\n      return stepsState.filter(step => step.eventKey !== action.eventKey);\n    case 'register':\n    default:\n      // If it is existing step\n      if (stepsState.some(step => step.eventKey === action.step.eventKey)) {\n        newStepsState = stepsState.map(step => {\n          if (step.eventKey === action.step.eventKey) {\n            return action.step;\n          }\n          return step;\n        });\n      } else {\n        newStepsState = [...stepsState, action.step];\n      }\n\n      // If using the index prop\n      if (stepsState.some(step => step.index)) {\n        return newStepsState.sort((a, b) => (\n          a.index > b.index ? 1 : -1\n        ));\n      }\n      return newStepsState;\n  }\n};\n\nexport function StepperContextProvider({ children, activeKey }) {\n  const [steps, dispatch] = useReducer(stepsReducer, []);\n  const [currentBoundary, setCurrentBoundary] = useState(0);\n  const registerStep = useCallback((step) => dispatch({ step, type: 'register' }), []);\n  const removeStep = useCallback((eventKey) => dispatch({ eventKey, type: 'remove' }), []);\n\n  const getIsViewed = (index) => index <= currentBoundary;\n\n  useEffect(() => {\n    const activeIndex = steps.findIndex(step => step.eventKey === activeKey);\n    setCurrentBoundary((prevState) => (activeIndex >= prevState ? activeIndex : prevState));\n  }, [activeKey, steps]);\n\n  return (\n    <StepperContext.Provider\n      value={{\n        activeKey,\n        registerStep,\n        steps,\n        removeStep,\n        getIsViewed,\n      }}\n    >\n      {children}\n    </StepperContext.Provider>\n  );\n}\n\nStepperContextProvider.propTypes = {\n  /** Specifies the content of the `ContextProvider`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies the current step of the `Stepper`. */\n  activeKey: PropTypes.node.isRequired,\n};\n\nexport { stepsReducer };\n"],"mappings":"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"}
+{"version":3,"file":"StepperContext.js","names":["React","useCallback","useEffect","useReducer","useState","PropTypes","StepperContext","createContext","activeKey","stepsReducer","stepsState","action","newStepsState","type","filter","step","eventKey","some","map","concat","_toConsumableArray","index","sort","a","b","StepperContextProvider","_ref","children","_useReducer","_useReducer2","_slicedToArray","steps","dispatch","_useState","_useState2","currentBoundary","setCurrentBoundary","registerStep","removeStep","getIsViewed","activeIndex","findIndex","prevState","createElement","Provider","value","propTypes","node","isRequired"],"sources":["../../src/Stepper/StepperContext.jsx"],"sourcesContent":["import React, {\n  useCallback, useEffect, useReducer, useState,\n} from 'react';\nimport PropTypes from 'prop-types';\n\nexport const StepperContext = React.createContext({\n  activeKey: '',\n});\n\nconst stepsReducer = (stepsState, action) => {\n  let newStepsState = [];\n  switch (action.type) {\n    case 'remove':\n      return stepsState.filter(step => step.eventKey !== action.eventKey);\n    case 'register':\n    default:\n      // If it is existing step\n      if (stepsState.some(step => step.eventKey === action.step.eventKey)) {\n        newStepsState = stepsState.map(step => {\n          if (step.eventKey === action.step.eventKey) {\n            return action.step;\n          }\n          return step;\n        });\n      } else {\n        newStepsState = [...stepsState, action.step];\n      }\n\n      // If using the index prop\n      if (stepsState.some(step => step.index)) {\n        return newStepsState.sort((a, b) => (\n          a.index > b.index ? 1 : -1\n        ));\n      }\n      return newStepsState;\n  }\n};\n\nexport function StepperContextProvider({ children, activeKey }) {\n  const [steps, dispatch] = useReducer(stepsReducer, []);\n  const [currentBoundary, setCurrentBoundary] = useState(0);\n  const registerStep = useCallback((step) => dispatch({ step, type: 'register' }), []);\n  const removeStep = useCallback((eventKey) => dispatch({ eventKey, type: 'remove' }), []);\n\n  const getIsViewed = (index) => index <= currentBoundary;\n\n  useEffect(() => {\n    const activeIndex = steps.findIndex(step => step.eventKey === activeKey);\n    setCurrentBoundary((prevState) => (activeIndex >= prevState ? activeIndex : prevState));\n  }, [activeKey, steps]);\n\n  return (\n    <StepperContext.Provider\n      value={{\n        activeKey,\n        registerStep,\n        steps,\n        removeStep,\n        getIsViewed,\n      }}\n    >\n      {children}\n    </StepperContext.Provider>\n  );\n}\n\nStepperContextProvider.propTypes = {\n  /** Specifies the content of the `ContextProvider`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies the current step of the `Stepper`. */\n  activeKey: PropTypes.node.isRequired,\n};\n\nexport { stepsReducer };\n"],"mappings":"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"}

package/dist/Stepper/StepperHeader.js

@@ -1,4 +1,4 @@
-const _excluded = ["label"];
+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; }
@@ -16,16 +16,12 @@ function StepListSeparator() {
   });
 }
 function StepList(_ref) {
-  let {
-    steps,
-    activeKey
-  } = _ref;
+  var steps = _ref.steps,
+    activeKey = _ref.activeKey;
   return /*#__PURE__*/React.createElement("ul", {
     className: "pgn__stepper-header-step-list"
-  }, steps.map((_ref2, index) => {
-    let {
-        label
-      } = _ref2,
+  }, steps.map(function (_ref2, index) {
+    var label = _ref2.label,
       stepProps = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: stepProps.eventKey
@@ -35,30 +31,27 @@ function StepList(_ref) {
     }), label));
   }));
 }
-const PageCount = _ref3 => {
-  let {
-    activeStepIndex,
-    totalSteps
-  } = _ref3;
-  return `Step ${activeStepIndex + 1} of ${totalSteps}`;
+var PageCount = function PageCount(_ref3) {
+  var activeStepIndex = _ref3.activeStepIndex,
+    totalSteps = _ref3.totalSteps;
+  return "Step ".concat(activeStepIndex + 1, " of ").concat(totalSteps);
 };
 function StepperHeader(_ref4) {
-  let {
-    className,
-    PageCountComponent,
-    compactWidth
-  } = _ref4;
-  const {
-    steps,
-    activeKey
-  } = useContext(StepperContext);
-  const windowDimensions = useWindowSize();
-  const size = Size[compactWidth] || 'small';
-  const breakpointWidth = breakpoints[size].maxWidth || Infinity;
-  const isCompactView = windowDimensions.width < breakpointWidth;
+  var className = _ref4.className,
+    PageCountComponent = _ref4.PageCountComponent,
+    compactWidth = _ref4.compactWidth;
+  var _useContext = useContext(StepperContext),
+    steps = _useContext.steps,
+    activeKey = _useContext.activeKey;
+  var windowDimensions = useWindowSize();
+  var size = Size[compactWidth] || 'small';
+  var breakpointWidth = breakpoints[size].maxWidth || Infinity;
+  var isCompactView = windowDimensions.width < breakpointWidth;
   if (isCompactView) {
-    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);
-    const activeStep = steps[activeStepIndex];
+    var activeStepIndex = steps.findIndex(function (step) {
+      return step.eventKey === activeKey;
+    });
+    var activeStep = steps[activeStepIndex];
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__stepper-header', className)
     }, /*#__PURE__*/React.createElement(StepperHeaderStep, _extends({}, activeStep, {

package/dist/Stepper/StepperHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperHeader.js","names":["React","useContext","PropTypes","classNames","StepperHeaderStep","StepperContext","useWindowSize","breakpoints","Size","StepListSeparator","createElement","className","StepList","_ref","steps","activeKey","map","_ref2","index","label","stepProps","_objectWithoutProperties","_excluded","Fragment","key","eventKey","_extends","isActive","PageCount","_ref3","activeStepIndex","totalSteps","StepperHeader","_ref4","PageCountComponent","compactWidth","windowDimensions","size","breakpointWidth","maxWidth","Infinity","isCompactView","width","findIndex","step","activeStep","length","propTypes","string","elementType","oneOf","defaultProps","arrayOf","shape","title","description","hasError","bool","isRequired","Step"],"sources":["../../src/Stepper/StepperHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport StepperHeaderStep from './StepperHeaderStep';\nimport { StepperContext } from './StepperContext';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints, { Size } from '../utils/breakpoints';\n\nfunction StepListSeparator() {\n  return <li aria-hidden=\"true\" className=\"pgn__stepper-header-line\" />;\n}\n\nfunction StepList({ steps, activeKey }) {\n  return (\n    <ul className=\"pgn__stepper-header-step-list\">\n      {steps.map(({ label, ...stepProps }, index) => (\n        <React.Fragment key={stepProps.eventKey}>\n          {index !== 0 && <StepListSeparator />}\n          <StepperHeaderStep\n            {...stepProps}\n            index={index}\n            isActive={activeKey === stepProps.eventKey}\n          >\n            {label}\n          </StepperHeaderStep>\n        </React.Fragment>\n      ))}\n    </ul>\n  );\n}\n\nconst PageCount = ({ activeStepIndex, totalSteps }) => `Step ${activeStepIndex + 1} of ${totalSteps}`;\n\nfunction StepperHeader({ className, PageCountComponent, compactWidth }) {\n  const { steps, activeKey } = useContext(StepperContext);\n  const windowDimensions = useWindowSize();\n  const size = Size[compactWidth] || 'small';\n  const breakpointWidth = breakpoints[size].maxWidth || Infinity;\n  const isCompactView = windowDimensions.width < breakpointWidth;\n\n  if (isCompactView) {\n    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);\n    const activeStep = steps[activeStepIndex];\n    return (\n      <div className={classNames('pgn__stepper-header', className)}>\n        <StepperHeaderStep\n          {...activeStep}\n          index={activeStepIndex}\n          isActive\n        />\n        <div className=\"flex-grow-1\" />\n        <div>\n          <PageCountComponent\n            activeStepIndex={activeStepIndex}\n            totalSteps={steps.length}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  // Show all steps\n  return (\n    <div className={classNames('pgn__stepper-header', className)}>\n      <StepList steps={steps} activeKey={activeKey} />\n    </div>\n  );\n}\n\nStepperHeader.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A component that receives `activeStepIndex` and `totalSteps` props to display them. */\n  PageCountComponent: PropTypes.elementType,\n  /** The max width in which the compact view of the header will switch to display the step number that is\n   * currently in progress. Options include 'xs', 'sm', 'md', 'lg', 'xl', and 'xxl'.\n   */\n  compactWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xxl']),\n};\n\nStepperHeader.defaultProps = {\n  className: null,\n  PageCountComponent: PageCount,\n  compactWidth: 'sm',\n};\n\nStepList.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape({\n    eventKey: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    hasError: PropTypes.bool,\n  })),\n  activeKey: PropTypes.string.isRequired,\n};\n\nStepList.defaultProps = {\n  steps: [],\n};\n\nStepperHeader.Step = StepperHeaderStep;\n\nexport default StepperHeader;\n"],"mappings":"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"}
+{"version":3,"file":"StepperHeader.js","names":["React","useContext","PropTypes","classNames","StepperHeaderStep","StepperContext","useWindowSize","breakpoints","Size","StepListSeparator","createElement","className","StepList","_ref","steps","activeKey","map","_ref2","index","label","stepProps","_objectWithoutProperties","_excluded","Fragment","key","eventKey","_extends","isActive","PageCount","_ref3","activeStepIndex","totalSteps","concat","StepperHeader","_ref4","PageCountComponent","compactWidth","_useContext","windowDimensions","size","breakpointWidth","maxWidth","Infinity","isCompactView","width","findIndex","step","activeStep","length","propTypes","string","elementType","oneOf","defaultProps","arrayOf","shape","title","description","hasError","bool","isRequired","Step"],"sources":["../../src/Stepper/StepperHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport StepperHeaderStep from './StepperHeaderStep';\nimport { StepperContext } from './StepperContext';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints, { Size } from '../utils/breakpoints';\n\nfunction StepListSeparator() {\n  return <li aria-hidden=\"true\" className=\"pgn__stepper-header-line\" />;\n}\n\nfunction StepList({ steps, activeKey }) {\n  return (\n    <ul className=\"pgn__stepper-header-step-list\">\n      {steps.map(({ label, ...stepProps }, index) => (\n        <React.Fragment key={stepProps.eventKey}>\n          {index !== 0 && <StepListSeparator />}\n          <StepperHeaderStep\n            {...stepProps}\n            index={index}\n            isActive={activeKey === stepProps.eventKey}\n          >\n            {label}\n          </StepperHeaderStep>\n        </React.Fragment>\n      ))}\n    </ul>\n  );\n}\n\nconst PageCount = ({ activeStepIndex, totalSteps }) => `Step ${activeStepIndex + 1} of ${totalSteps}`;\n\nfunction StepperHeader({ className, PageCountComponent, compactWidth }) {\n  const { steps, activeKey } = useContext(StepperContext);\n  const windowDimensions = useWindowSize();\n  const size = Size[compactWidth] || 'small';\n  const breakpointWidth = breakpoints[size].maxWidth || Infinity;\n  const isCompactView = windowDimensions.width < breakpointWidth;\n\n  if (isCompactView) {\n    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);\n    const activeStep = steps[activeStepIndex];\n    return (\n      <div className={classNames('pgn__stepper-header', className)}>\n        <StepperHeaderStep\n          {...activeStep}\n          index={activeStepIndex}\n          isActive\n        />\n        <div className=\"flex-grow-1\" />\n        <div>\n          <PageCountComponent\n            activeStepIndex={activeStepIndex}\n            totalSteps={steps.length}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  // Show all steps\n  return (\n    <div className={classNames('pgn__stepper-header', className)}>\n      <StepList steps={steps} activeKey={activeKey} />\n    </div>\n  );\n}\n\nStepperHeader.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A component that receives `activeStepIndex` and `totalSteps` props to display them. */\n  PageCountComponent: PropTypes.elementType,\n  /** The max width in which the compact view of the header will switch to display the step number that is\n   * currently in progress. Options include 'xs', 'sm', 'md', 'lg', 'xl', and 'xxl'.\n   */\n  compactWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xxl']),\n};\n\nStepperHeader.defaultProps = {\n  className: null,\n  PageCountComponent: PageCount,\n  compactWidth: 'sm',\n};\n\nStepList.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape({\n    eventKey: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    hasError: PropTypes.bool,\n  })),\n  activeKey: PropTypes.string.isRequired,\n};\n\nStepList.defaultProps = {\n  steps: [],\n};\n\nStepperHeader.Step = StepperHeaderStep;\n\nexport default StepperHeader;\n"],"mappings":"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"}

package/dist/Stepper/StepperHeaderStep.js

@@ -6,31 +6,28 @@ import { StepperContext } from './StepperContext';
 import Icon from '../Icon';
 import Bubble from '../Bubble';
 function StepperHeaderStep(_ref) {
-  let {
-    title,
-    isActive,
-    hasError,
-    description,
-    index,
-    onClick
-  } = _ref;
-  const {
-    getIsViewed
-  } = useContext(StepperContext);
-  const isComplete = getIsViewed(index + 1);
-  const isViewed = getIsViewed(index);
-  const stepIcon = isComplete ? /*#__PURE__*/React.createElement(Icon, {
+  var title = _ref.title,
+    isActive = _ref.isActive,
+    hasError = _ref.hasError,
+    description = _ref.description,
+    index = _ref.index,
+    onClick = _ref.onClick;
+  var _useContext = useContext(StepperContext),
+    getIsViewed = _useContext.getIsViewed;
+  var isComplete = getIsViewed(index + 1);
+  var isViewed = getIsViewed(index);
+  var stepIcon = isComplete ? /*#__PURE__*/React.createElement(Icon, {
     src: Check
   }) : /*#__PURE__*/React.createElement("span", null, index + 1);
-  const errorIcon = /*#__PURE__*/React.createElement(Icon, {
+  var errorIcon = /*#__PURE__*/React.createElement(Icon, {
     src: Error,
     "data-testid": "step-error"
   });
-  const isClickable = onClick && isViewed && !isActive;
+  var isClickable = onClick && isViewed && !isActive;
   if (isClickable) {
     return /*#__PURE__*/React.createElement("button", {
       type: "button",
-      "aria-label": `${title} step`,
+      "aria-label": "".concat(title, " step"),
       className: classNames('pgn__stepper-header-step', {
         'pgn__stepper-header-step-has-error': hasError,
         'pgn__stepper-header-step-complete': isComplete