@openedx/paragon 22.0.0-alpha.23 → 22.0.0

package/dist/Spinner/index.scss

@@ -1,57 +1,2 @@
-@keyframes spinner-border {
-  to { transform: rotate(360deg); }
-}
-
-.spinner-border {
-  display: inline-block;
-  width: var(--pgn-size-spinner-base-width);
-  height: var(--pgn-size-spinner-base-height);
-  vertical-align: calc(var(--pgn-spacing-vertical-align) * -1);
-  border: var(--pgn-size-spinner-base-border-width) solid currentcolor;
-  border-right-color: transparent;
-  border-radius: 50%;
-  animation: .75s linear infinite spinner-border;
-}
-
-.spinner-border-sm {
-  width: var(--pgn-size-spinner-sm-width);
-  height: var(--pgn-size-spinner-sm-height);
-  border-width: var(--pgn-size-spinner-sm-border-width);
-}
-
-@keyframes spinner-grow {
-  0% {
-    transform: scale(0);
-  }
-
-  50% {
-    opacity: 1;
-    transform: none;
-  }
-}
-
-.spinner-grow {
-  display: inline-block;
-  width: var(--pgn-size-spinner-base-width);
-  height: var(--pgn-size-spinner-base-height);
-  vertical-align: calc(var(--pgn-spacing-vertical-align) * -1);
-  background-color: currentcolor;
-  border-radius: 50%;
-  opacity: 0;
-  animation: .75s linear infinite spinner-grow;
-}
-
-.spinner-grow-sm {
-  width: var(--pgn-size-spinner-sm-width);
-  height: var(--pgn-size-spinner-sm-height);
-}
-
-@if $enable-prefers-reduced-motion-media-query {
-  @media (prefers-reduced-motion: reduce) {
-    .spinner-border,
-    .spinner-grow {
-      animation-duration: 1.5s;
-    }
-  }
-}
-
+@import "variables";
+@import "~bootstrap/scss/spinners";

package/dist/Stack/_variables.scss

@@ -0,0 +1 @@
+$stack-gap:                       0 !default;

package/dist/Stack/index.js

@@ -1,23 +1,21 @@
-const _excluded = ["direction", "gap", "reversed", "children", "className"];
+var _excluded = ["direction", "gap", "reversed", "children", "className"];
 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; }
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-const DIRECTION_VARIANTS = ['horizontal', 'vertical'];
-const Stack = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      direction,
-      gap,
-      reversed,
-      children,
-      className
-    } = _ref,
+var DIRECTION_VARIANTS = ['horizontal', 'vertical'];
+var Stack = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var direction = _ref.direction,
+    gap = _ref.gap,
+    reversed = _ref.reversed,
+    children = _ref.children,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: classNames(direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack', gap ? `pgn__stack-gap--${gap}` : '', reversed ? 'pgn__stack-reversed' : '', className)
+    className: classNames(direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack', gap ? "pgn__stack-gap--".concat(gap) : '', reversed ? 'pgn__stack-reversed' : '', className)
   }, rest), children);
 });
 Stack.propTypes = {

package/dist/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","PropTypes","classNames","DIRECTION_VARIANTS","Stack","_ref","ref","direction","gap","reversed","children","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","node","isRequired","oneOf","number","bool","string","defaultProps","undefined"],"sources":["../../src/Stack/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst DIRECTION_VARIANTS = [\n  'horizontal',\n  'vertical',\n];\n\nconst Stack = forwardRef(({\n  direction,\n  gap,\n  reversed,\n  children,\n  className,\n  ...rest\n}, ref) => (\n  <div\n    ref={ref}\n    className={classNames(\n      direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack',\n      gap ? `pgn__stack-gap--${gap}` : '',\n      reversed ? 'pgn__stack-reversed' : '',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nStack.propTypes = {\n  /** Specifies the content of the `Stack`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies direction of the children blocks (column/row). */\n  direction: PropTypes.oneOf(DIRECTION_VARIANTS),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n  /** Specifies the order of the children. */\n  reversed: PropTypes.bool,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nStack.defaultProps = {\n  direction: 'vertical',\n  gap: 0,\n  className: undefined,\n  reversed: false,\n};\n\nexport default Stack;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,kBAAkB,GAAG,CACzB,YAAY,EACZ,UAAU,CACX;AAED,MAAMC,KAAK,gBAAGJ,UAAU,CAAC,CAAAK,IAAA,EAOtBC,GAAG;EAAA,IAPoB;MACxBC,SAAS;MACTC,GAAG;MACHC,QAAQ;MACRC,QAAQ;MACRC;IAEF,CAAC,GAAAN,IAAA;IADIO,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBAEPf,KAAA,CAAAgB,aAAA,QAAAC,QAAA;IACEV,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAET,UAAU,CACnBK,SAAS,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAC1DC,GAAG,GAAI,mBAAkBA,GAAI,EAAC,GAAG,EAAE,EACnCC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EACrCE,SACF;EAAE,GACEC,IAAI,GAEPF,QACE,CAAC;AAAA,CACP,CAAC;AAEFN,KAAK,CAACa,SAAS,GAAG;EAChB;EACAP,QAAQ,EAAET,SAAS,CAACiB,IAAI,CAACC,UAAU;EACnC;EACAZ,SAAS,EAAEN,SAAS,CAACmB,KAAK,CAACjB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;AACA;EACEK,GAAG,EAAEP,SAAS,CAACoB,MAAM;EACrB;EACAZ,QAAQ,EAAER,SAAS,CAACqB,IAAI;EACxB;EACAX,SAAS,EAAEV,SAAS,CAACsB;AACvB,CAAC;AAEDnB,KAAK,CAACoB,YAAY,GAAG;EACnBjB,SAAS,EAAE,UAAU;EACrBC,GAAG,EAAE,CAAC;EACNG,SAAS,EAAEc,SAAS;EACpBhB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,KAAK"}
+{"version":3,"file":"index.js","names":["React","forwardRef","PropTypes","classNames","DIRECTION_VARIANTS","Stack","_ref","ref","direction","gap","reversed","children","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","concat","propTypes","node","isRequired","oneOf","number","bool","string","defaultProps","undefined"],"sources":["../../src/Stack/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst DIRECTION_VARIANTS = [\n  'horizontal',\n  'vertical',\n];\n\nconst Stack = forwardRef(({\n  direction,\n  gap,\n  reversed,\n  children,\n  className,\n  ...rest\n}, ref) => (\n  <div\n    ref={ref}\n    className={classNames(\n      direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack',\n      gap ? `pgn__stack-gap--${gap}` : '',\n      reversed ? 'pgn__stack-reversed' : '',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nStack.propTypes = {\n  /** Specifies the content of the `Stack`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies direction of the children blocks (column/row). */\n  direction: PropTypes.oneOf(DIRECTION_VARIANTS),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n  /** Specifies the order of the children. */\n  reversed: PropTypes.bool,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nStack.defaultProps = {\n  direction: 'vertical',\n  gap: 0,\n  className: undefined,\n  reversed: false,\n};\n\nexport default Stack;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,kBAAkB,GAAG,CACzB,YAAY,EACZ,UAAU,CACX;AAED,IAAMC,KAAK,gBAAGJ,UAAU,CAAC,UAAAK,IAAA,EAOtBC,GAAG;EAAA,IANJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBAEPf,KAAA,CAAAgB,aAAA,QAAAC,QAAA;IACEV,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAET,UAAU,CACnBK,SAAS,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAC1DC,GAAG,sBAAAS,MAAA,CAAsBT,GAAG,IAAK,EAAE,EACnCC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EACrCE,SACF;EAAE,GACEC,IAAI,GAEPF,QACE,CAAC;AAAA,CACP,CAAC;AAEFN,KAAK,CAACc,SAAS,GAAG;EAChB;EACAR,QAAQ,EAAET,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAb,SAAS,EAAEN,SAAS,CAACoB,KAAK,CAAClB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;AACA;EACEK,GAAG,EAAEP,SAAS,CAACqB,MAAM;EACrB;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI;EACxB;EACAZ,SAAS,EAAEV,SAAS,CAACuB;AACvB,CAAC;AAEDpB,KAAK,CAACqB,YAAY,GAAG;EACnBlB,SAAS,EAAE,UAAU;EACrBC,GAAG,EAAE,CAAC;EACNG,SAAS,EAAEe,SAAS;EACpBjB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,KAAK"}

package/dist/Stack/index.scss

@@ -1,8 +1,10 @@
+@import "variables";
+
 .pgn__vstack,
 .pgn__hstack {
   display: flex;
   align-self: stretch;
-  gap: var(--pgn-size-stack-gap);
+  gap: $stack-gap;
 
   @each $level, $space in $spacers {
     &.pgn__stack-gap--#{$level} {

package/dist/StatefulButton/index.js

@@ -1,4 +1,4 @@
-const _excluded = ["className", "state", "labels", "icons", "disabledStates", "onClick"];
+var _excluded = ["className", "state", "labels", "icons", "disabledStates", "onClick"];
 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; }
@@ -9,25 +9,23 @@ import { Cancel, CheckCircleOutline, SpinnerSimple } from '../../icons';
 import Button from '../Button';
 import Icon from '../Icon';
 function StatefulButton(_ref) {
-  let {
-      className,
-      state,
-      labels,
-      icons,
-      disabledStates,
-      onClick
-    } = _ref,
+  var className = _ref.className,
+    state = _ref.state,
+    labels = _ref.labels,
+    icons = _ref.icons,
+    disabledStates = _ref.disabledStates,
+    _onClick = _ref.onClick,
     attributes = _objectWithoutProperties(_ref, _excluded);
-  const isDisabled = disabledStates.indexOf(state) !== -1;
-  const icon = icons[state] !== undefined ? icons[state] : icons.default;
-  const label = labels[state] !== undefined ? labels[state] : labels.default;
+  var isDisabled = disabledStates.indexOf(state) !== -1;
+  var icon = icons[state] !== undefined ? icons[state] : icons["default"];
+  var label = labels[state] !== undefined ? labels[state] : labels["default"];
   return /*#__PURE__*/React.createElement(Button, _extends({
     "aria-live": "assertive",
     "aria-disabled": isDisabled,
-    className: classNames('pgn__stateful-btn', `pgn__stateful-btn-state-${state}`, className, {
+    className: classNames('pgn__stateful-btn', "pgn__stateful-btn-state-".concat(state), className, {
       disabled: isDisabled
     }),
-    onClick: e => {
+    onClick: function onClick(e) {
       // Swallow clicks if the button is disabled.
       // We do this instead of disabling the button to prevent
       // it from losing focus (disabled elements cannot have focus).
@@ -35,8 +33,8 @@ function StatefulButton(_ref) {
         e.preventDefault();
         return;
       }
-      if (onClick) {
-        onClick(e);
+      if (_onClick) {
+        _onClick(e);
       }
     }
   }, attributes), /*#__PURE__*/React.createElement("span", {
@@ -91,7 +89,7 @@ StatefulButton.defaultProps = {
   className: undefined,
   state: 'default',
   icons: {
-    default: undefined,
+    "default": undefined,
     pending: /*#__PURE__*/React.createElement(Icon, {
       src: SpinnerSimple,
       className: classNames('icon-spin')

package/dist/StatefulButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Cancel","CheckCircleOutline","SpinnerSimple","Button","Icon","StatefulButton","_ref","className","state","labels","icons","disabledStates","onClick","attributes","_objectWithoutProperties","_excluded","isDisabled","indexOf","icon","undefined","default","label","createElement","_extends","disabled","e","preventDefault","propTypes","string","objectOf","node","isRequired","arrayOf","func","defaultProps","pending","src","complete","error"],"sources":["../../src/StatefulButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Cancel, CheckCircleOutline, SpinnerSimple } from '../../icons';\nimport Button from '../Button';\nimport Icon from '../Icon';\n\nfunction StatefulButton({\n  className,\n  state,\n  labels,\n  icons,\n  disabledStates,\n  onClick,\n  ...attributes\n}) {\n  const isDisabled = disabledStates.indexOf(state) !== -1;\n  const icon = icons[state] !== undefined ? icons[state] : icons.default;\n  const label = labels[state] !== undefined ? labels[state] : labels.default;\n\n  return (\n    <Button\n      aria-live=\"assertive\"\n      aria-disabled={isDisabled}\n      className={classNames(\n        'pgn__stateful-btn',\n        `pgn__stateful-btn-state-${state}`,\n        className,\n        { disabled: isDisabled },\n      )}\n      onClick={(e) => {\n        // Swallow clicks if the button is disabled.\n        // We do this instead of disabling the button to prevent\n        // it from losing focus (disabled elements cannot have focus).\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n\n        if (onClick) {\n          onClick(e);\n        }\n      }}\n      {...attributes}\n    >\n      <span className=\"d-flex align-items-center justify-content-center\">\n        {icon && <span className={classNames({ 'pgn__stateful-btn-icon': !!label })}>{icon}</span>}\n        {label ? <span>{label}</span> : <span className=\"sr-only\">{state}</span>}\n      </span>\n    </Button>\n  );\n}\n\nStatefulButton.propTypes = {\n  className: PropTypes.string,\n  /**\n   * Each state has:\n   * - A label (required)\n   * - An icon\n   * - an option to be disabled\n   *\n   * Control the state with the `state` prop. Example usage:\n   *\n   * ```jsx\n   * <StatefulButton\n   *   state=\"pending\"\n   *   labels={{\n   *     default: 'Download',\n   *     pending: 'Downloading',\n   *     complete: 'Downloaded',\n   *   }}\n   *   icons={{\n   *     default: <Icon className=\"fa fa-download\" />,\n   *     pending: <Icon className=\"fa fa-spinner fa-spin\" />,\n   *     complete: <Icon className=\"fa fa-check\" />,\n   *   }}\n   *   disabledStates=['pending']\n   *   className='btn-primary mr-2'\n   * />\n   * ```\n   */\n  state: PropTypes.string,\n  /** Required. Each state has a `label`. */\n  labels: PropTypes.objectOf(PropTypes.node).isRequired,\n  /** Required. Each state has an `icon`. */\n  icons: PropTypes.objectOf(PropTypes.node),\n  /** Required. Each state has a `disabledState` */\n  disabledStates: PropTypes.arrayOf(PropTypes.string),\n  /** Specifies the callback function when the button is clicked */\n  onClick: PropTypes.func,\n};\n\nStatefulButton.defaultProps = {\n  className: undefined,\n  state: 'default',\n  icons: {\n    default: undefined,\n    pending: <Icon src={SpinnerSimple} className={classNames('icon-spin')} />,\n    complete: <Icon src={CheckCircleOutline} />,\n    error: <Icon src={Cancel} />,\n  },\n  disabledStates: ['pending', 'complete'],\n  onClick: undefined,\n};\n\nexport default StatefulButton;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Cancel","CheckCircleOutline","SpinnerSimple","Button","Icon","StatefulButton","_ref","className","state","labels","icons","disabledStates","onClick","attributes","_objectWithoutProperties","_excluded","isDisabled","indexOf","icon","undefined","label","createElement","_extends","concat","disabled","e","preventDefault","propTypes","string","objectOf","node","isRequired","arrayOf","func","defaultProps","pending","src","complete","error"],"sources":["../../src/StatefulButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Cancel, CheckCircleOutline, SpinnerSimple } from '../../icons';\nimport Button from '../Button';\nimport Icon from '../Icon';\n\nfunction StatefulButton({\n  className,\n  state,\n  labels,\n  icons,\n  disabledStates,\n  onClick,\n  ...attributes\n}) {\n  const isDisabled = disabledStates.indexOf(state) !== -1;\n  const icon = icons[state] !== undefined ? icons[state] : icons.default;\n  const label = labels[state] !== undefined ? labels[state] : labels.default;\n\n  return (\n    <Button\n      aria-live=\"assertive\"\n      aria-disabled={isDisabled}\n      className={classNames(\n        'pgn__stateful-btn',\n        `pgn__stateful-btn-state-${state}`,\n        className,\n        { disabled: isDisabled },\n      )}\n      onClick={(e) => {\n        // Swallow clicks if the button is disabled.\n        // We do this instead of disabling the button to prevent\n        // it from losing focus (disabled elements cannot have focus).\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n\n        if (onClick) {\n          onClick(e);\n        }\n      }}\n      {...attributes}\n    >\n      <span className=\"d-flex align-items-center justify-content-center\">\n        {icon && <span className={classNames({ 'pgn__stateful-btn-icon': !!label })}>{icon}</span>}\n        {label ? <span>{label}</span> : <span className=\"sr-only\">{state}</span>}\n      </span>\n    </Button>\n  );\n}\n\nStatefulButton.propTypes = {\n  className: PropTypes.string,\n  /**\n   * Each state has:\n   * - A label (required)\n   * - An icon\n   * - an option to be disabled\n   *\n   * Control the state with the `state` prop. Example usage:\n   *\n   * ```jsx\n   * <StatefulButton\n   *   state=\"pending\"\n   *   labels={{\n   *     default: 'Download',\n   *     pending: 'Downloading',\n   *     complete: 'Downloaded',\n   *   }}\n   *   icons={{\n   *     default: <Icon className=\"fa fa-download\" />,\n   *     pending: <Icon className=\"fa fa-spinner fa-spin\" />,\n   *     complete: <Icon className=\"fa fa-check\" />,\n   *   }}\n   *   disabledStates=['pending']\n   *   className='btn-primary mr-2'\n   * />\n   * ```\n   */\n  state: PropTypes.string,\n  /** Required. Each state has a `label`. */\n  labels: PropTypes.objectOf(PropTypes.node).isRequired,\n  /** Required. Each state has an `icon`. */\n  icons: PropTypes.objectOf(PropTypes.node),\n  /** Required. Each state has a `disabledState` */\n  disabledStates: PropTypes.arrayOf(PropTypes.string),\n  /** Specifies the callback function when the button is clicked */\n  onClick: PropTypes.func,\n};\n\nStatefulButton.defaultProps = {\n  className: undefined,\n  state: 'default',\n  icons: {\n    default: undefined,\n    pending: <Icon src={SpinnerSimple} className={classNames('icon-spin')} />,\n    complete: <Icon src={CheckCircleOutline} />,\n    error: <Icon src={Cancel} />,\n  },\n  disabledStates: ['pending', 'complete'],\n  onClick: undefined,\n};\n\nexport default StatefulButton;\n"],"mappings":"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"}

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":"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"}

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);
 }