@openedx/paragon 22.3.2 → 23.0.0-alpha.1

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","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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"}
+{"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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","ignoreList":[]}

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,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"}
+{"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","ignoreList":[]}

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","_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"}
+{"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","ignoreList":[]}

package/dist/Stepper/StepperContext.js

@@ -1,6 +1,6 @@
 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 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."); }

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","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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"}
+{"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":";;;;;;;;;;AAAA,OAAOA,KAAK,IACVC,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,QACvC,OAAO;AACd,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAO,IAAMC,cAAc,gBAAGN,KAAK,CAACO,aAAa,CAAC;EAChDC,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAU,EAAEC,MAAM,EAAK;EAC3C,IAAIC,aAAa,GAAG,EAAE;EACtB,QAAQD,MAAM,CAACE,IAAI;IACjB,KAAK,QAAQ;MACX,OAAOH,UAAU,CAACI,MAAM,CAAC,UAAAC,IAAI;QAAA,OAAIA,IAAI,CAACC,QAAQ,KAAKL,MAAM,CAACK,QAAQ;MAAA,EAAC;IACrE,KAAK,UAAU;IACf;MACE;MACA,IAAIN,UAAU,CAACO,IAAI,CAAC,UAAAF,IAAI;QAAA,OAAIA,IAAI,CAACC,QAAQ,KAAKL,MAAM,CAACI,IAAI,CAACC,QAAQ;MAAA,EAAC,EAAE;QACnEJ,aAAa,GAAGF,UAAU,CAACQ,GAAG,CAAC,UAAAH,IAAI,EAAI;UACrC,IAAIA,IAAI,CAACC,QAAQ,KAAKL,MAAM,CAACI,IAAI,CAACC,QAAQ,EAAE;YAC1C,OAAOL,MAAM,CAACI,IAAI;UACpB;UACA,OAAOA,IAAI;QACb,CAAC,CAAC;MACJ,CAAC,MAAM;QACLH,aAAa,MAAAO,MAAA,CAAAC,kBAAA,CAAOV,UAAU,IAAEC,MAAM,CAACI,IAAI,EAAC;MAC9C;;MAEA;MACA,IAAIL,UAAU,CAACO,IAAI,CAAC,UAAAF,IAAI;QAAA,OAAIA,IAAI,CAACM,KAAK;MAAA,EAAC,EAAE;QACvC,OAAOT,aAAa,CAACU,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC;UAAA,OAC7BD,CAAC,CAACF,KAAK,GAAGG,CAAC,CAACH,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;QAAA,CAC3B,CAAC;MACJ;MACA,OAAOT,aAAa;EACxB;AACF,CAAC;AAED,OAAO,SAASa,sBAAsBA,CAAAC,IAAA,EAA0B;EAAA,IAAvBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEnB,SAAS,GAAAkB,IAAA,CAATlB,SAAS;EAC1D,IAAAoB,WAAA,GAA0BzB,UAAU,CAACM,YAAY,EAAE,EAAE,CAAC;IAAAoB,YAAA,GAAAC,cAAA,CAAAF,WAAA;IAA/CG,KAAK,GAAAF,YAAA;IAAEG,QAAQ,GAAAH,YAAA;EACtB,IAAAI,SAAA,GAA8C7B,QAAQ,CAAC,CAAC,CAAC;IAAA8B,UAAA,GAAAJ,cAAA,CAAAG,SAAA;IAAlDE,eAAe,GAAAD,UAAA;IAAEE,kBAAkB,GAAAF,UAAA;EAC1C,IAAMG,YAAY,GAAGpC,WAAW,CAAC,UAACc,IAAI;IAAA,OAAKiB,QAAQ,CAAC;MAAEjB,IAAI,EAAJA,IAAI;MAAEF,IAAI,EAAE;IAAW,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EACpF,IAAMyB,UAAU,GAAGrC,WAAW,CAAC,UAACe,QAAQ;IAAA,OAAKgB,QAAQ,CAAC;MAAEhB,QAAQ,EAARA,QAAQ;MAAEH,IAAI,EAAE;IAAS,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAExF,IAAM0B,WAAW,GAAG,SAAdA,WAAWA,CAAIlB,KAAK;IAAA,OAAKA,KAAK,IAAIc,eAAe;EAAA;EAEvDjC,SAAS,CAAC,YAAM;IACd,IAAMsC,WAAW,GAAGT,KAAK,CAACU,SAAS,CAAC,UAAA1B,IAAI;MAAA,OAAIA,IAAI,CAACC,QAAQ,KAAKR,SAAS;IAAA,EAAC;IACxE4B,kBAAkB,CAAC,UAACM,SAAS;MAAA,OAAMF,WAAW,IAAIE,SAAS,GAAGF,WAAW,GAAGE,SAAS;IAAA,CAAC,CAAC;EACzF,CAAC,EAAE,CAAClC,SAAS,EAAEuB,KAAK,CAAC,CAAC;EAEtB,oBACE/B,KAAA,CAAA2C,aAAA,CAACrC,cAAc,CAACsC,QAAQ;IACtBC,KAAK,EAAE;MACLrC,SAAS,EAATA,SAAS;MACT6B,YAAY,EAAZA,YAAY;MACZN,KAAK,EAALA,KAAK;MACLO,UAAU,EAAVA,UAAU;MACVC,WAAW,EAAXA;IACF;EAAE,GAEDZ,QACsB,CAAC;AAE9B;AAEAF,sBAAsB,CAACqB,SAAS,GAAG;EACjC;EACAnB,QAAQ,EAAEtB,SAAS,CAAC0C,IAAI,CAACC,UAAU;EACnC;EACAxC,SAAS,EAAEH,SAAS,CAAC0C,IAAI,CAACC;AAC5B,CAAC;AAED,SAASvC,YAAY","ignoreList":[]}

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","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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"}
+{"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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","ignoreList":[]}

package/dist/Stepper/StepperHeaderStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperHeaderStep.js","names":["React","useContext","PropTypes","classNames","Check","Error","StepperContext","Icon","Bubble","StepperHeaderStep","_ref","title","isActive","hasError","description","index","onClick","_useContext","getIsViewed","isComplete","isViewed","stepIcon","createElement","src","errorIcon","isClickable","type","concat","className","onKeyPress","variant","disabled","propTypes","number","isRequired","string","bool","func","defaultProps","undefined"],"sources":["../../src/Stepper/StepperHeaderStep.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { Check, Error } from '../../icons';\nimport { StepperContext } from './StepperContext';\nimport Icon from '../Icon';\nimport Bubble from '../Bubble';\n\nfunction StepperHeaderStep({\n  title,\n  isActive,\n  hasError,\n  description,\n  index,\n  onClick,\n}) {\n  const { getIsViewed } = useContext(StepperContext);\n  const isComplete = getIsViewed(index + 1);\n  const isViewed = getIsViewed(index);\n  const stepIcon = isComplete ? <Icon src={Check} /> : <span>{index + 1}</span>;\n  const errorIcon = <Icon src={Error} data-testid=\"step-error\" />;\n  const isClickable = onClick && isViewed && !isActive;\n\n  if (isClickable) {\n    return (\n      <button\n        type=\"button\"\n        aria-label={`${title} step`}\n        className={classNames(\n          'pgn__stepper-header-step',\n          {\n            'pgn__stepper-header-step-has-error': hasError,\n            'pgn__stepper-header-step-complete': isComplete,\n          },\n        )}\n        onClick={onClick}\n        onKeyPress={onClick}\n      >\n        <Bubble variant={hasError ? 'error' : 'primary'} disabled>\n          {hasError ? errorIcon : stepIcon}\n        </Bubble>\n        <div className=\"pgn__stepper-header-step-title-description\">\n          <div className=\"pgn__stepper-header-step-title\">{title}</div>\n          <div className=\"pgn__stepper-header-step-description\">{description}</div>\n        </div>\n      </button>\n    );\n  }\n\n  return (\n    <li\n      className={classNames(\n        'pgn__stepper-header-step',\n        {\n          'pgn__stepper-header-step-active': isActive,\n          'pgn__stepper-header-step-has-error': hasError,\n          'pgn__stepper-header-step-complete': isComplete,\n        },\n      )}\n      data-testid=\"step\"\n    >\n      <Bubble variant={hasError ? 'error' : 'primary'} disabled={!isActive}>\n        {hasError ? errorIcon : stepIcon}\n      </Bubble>\n      <div className=\"pgn__stepper-header-step-title-description\">\n        <div className=\"pgn__stepper-header-step-title\">{title}</div>\n        <div className=\"pgn__stepper-header-step-description\">{description}</div>\n      </div>\n    </li>\n  );\n}\n\nStepperHeaderStep.propTypes = {\n  /** A number that will be display in the icon of the `HeaderStep`. */\n  index: PropTypes.number.isRequired,\n  /** A text of the `HeaderStep`. */\n  title: PropTypes.string.isRequired,\n  /** Specifies that this `HeaderStep` is active. */\n  isActive: PropTypes.bool,\n  /** Informs user if this `Step` has errors. */\n  hasError: PropTypes.bool,\n  /** A text under the `title`. */\n  description: PropTypes.string,\n  /** Callback fired when element gets clicked. */\n  onClick: PropTypes.func,\n};\n\nStepperHeaderStep.defaultProps = {\n  isActive: false,\n  hasError: false,\n  description: undefined,\n  onClick: undefined,\n};\n\nexport default StepperHeaderStep;\n"],"mappings":"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"}
+{"version":3,"file":"StepperHeaderStep.js","names":["React","useContext","PropTypes","classNames","Check","Error","StepperContext","Icon","Bubble","StepperHeaderStep","_ref","title","isActive","hasError","description","index","onClick","_useContext","getIsViewed","isComplete","isViewed","stepIcon","createElement","src","errorIcon","isClickable","type","concat","className","onKeyPress","variant","disabled","propTypes","number","isRequired","string","bool","func","defaultProps","undefined"],"sources":["../../src/Stepper/StepperHeaderStep.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { Check, Error } from '../../icons';\nimport { StepperContext } from './StepperContext';\nimport Icon from '../Icon';\nimport Bubble from '../Bubble';\n\nfunction StepperHeaderStep({\n  title,\n  isActive,\n  hasError,\n  description,\n  index,\n  onClick,\n}) {\n  const { getIsViewed } = useContext(StepperContext);\n  const isComplete = getIsViewed(index + 1);\n  const isViewed = getIsViewed(index);\n  const stepIcon = isComplete ? <Icon src={Check} /> : <span>{index + 1}</span>;\n  const errorIcon = <Icon src={Error} data-testid=\"step-error\" />;\n  const isClickable = onClick && isViewed && !isActive;\n\n  if (isClickable) {\n    return (\n      <button\n        type=\"button\"\n        aria-label={`${title} step`}\n        className={classNames(\n          'pgn__stepper-header-step',\n          {\n            'pgn__stepper-header-step-has-error': hasError,\n            'pgn__stepper-header-step-complete': isComplete,\n          },\n        )}\n        onClick={onClick}\n        onKeyPress={onClick}\n      >\n        <Bubble variant={hasError ? 'error' : 'primary'} disabled>\n          {hasError ? errorIcon : stepIcon}\n        </Bubble>\n        <div className=\"pgn__stepper-header-step-title-description\">\n          <div className=\"pgn__stepper-header-step-title\">{title}</div>\n          <div className=\"pgn__stepper-header-step-description\">{description}</div>\n        </div>\n      </button>\n    );\n  }\n\n  return (\n    <li\n      className={classNames(\n        'pgn__stepper-header-step',\n        {\n          'pgn__stepper-header-step-active': isActive,\n          'pgn__stepper-header-step-has-error': hasError,\n          'pgn__stepper-header-step-complete': isComplete,\n        },\n      )}\n      data-testid=\"step\"\n    >\n      <Bubble variant={hasError ? 'error' : 'primary'} disabled={!isActive}>\n        {hasError ? errorIcon : stepIcon}\n      </Bubble>\n      <div className=\"pgn__stepper-header-step-title-description\">\n        <div className=\"pgn__stepper-header-step-title\">{title}</div>\n        <div className=\"pgn__stepper-header-step-description\">{description}</div>\n      </div>\n    </li>\n  );\n}\n\nStepperHeaderStep.propTypes = {\n  /** A number that will be display in the icon of the `HeaderStep`. */\n  index: PropTypes.number.isRequired,\n  /** A text of the `HeaderStep`. */\n  title: PropTypes.string.isRequired,\n  /** Specifies that this `HeaderStep` is active. */\n  isActive: PropTypes.bool,\n  /** Informs user if this `Step` has errors. */\n  hasError: PropTypes.bool,\n  /** A text under the `title`. */\n  description: PropTypes.string,\n  /** Callback fired when element gets clicked. */\n  onClick: PropTypes.func,\n};\n\nStepperHeaderStep.defaultProps = {\n  isActive: false,\n  hasError: false,\n  description: undefined,\n  onClick: undefined,\n};\n\nexport default StepperHeaderStep;\n"],"mappings":"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","ignoreList":[]}

package/dist/Stepper/StepperStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperStep.js","names":["React","useContext","useEffect","PropTypes","classNames","StepperContext","StepperStep","_ref","children","eventKey","className","title","index","description","hasError","onClick","_useContext","activeKey","registerStep","removeStep","isActive","createElement","propTypes","node","isRequired","string","bool","number","func","defaultProps","undefined"],"sources":["../../src/Stepper/StepperStep.jsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { StepperContext } from './StepperContext';\n\nexport default function StepperStep({\n  children,\n  eventKey,\n  className,\n  title,\n  index,\n  description,\n  hasError,\n  onClick,\n}) {\n  const { activeKey, registerStep, removeStep } = useContext(StepperContext);\n\n  useEffect(() => {\n    registerStep({\n      title,\n      index,\n      eventKey,\n      description,\n      hasError,\n      onClick,\n    });\n    return () => removeStep(eventKey);\n  }, [title, eventKey, description, hasError, index, registerStep, removeStep, onClick]);\n\n  const isActive = activeKey === eventKey;\n\n  if (!isActive) {\n    return null;\n  }\n\n  return (\n    <div className={classNames('pgn__stepper-step', className)}>\n      {children}\n    </div>\n  );\n}\n\nStepperStep.propTypes = {\n  /** Specifies the content of the `Step`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * An identifier of the `Step`. When `activeKey` on the\n   * `Stepper` equals to the `eventKey`, the `Step` will be displayed.\n   */\n  eventKey: PropTypes.string.isRequired,\n  /** A text of the `Step`. */\n  title: PropTypes.string.isRequired,\n  /** A text under the `title`. */\n  description: PropTypes.string,\n  /** Informs user if this `Step` has errors. */\n  hasError: PropTypes.bool,\n  /**\n   * Position of the `Step`, only required if adding error state\n   * or conditionally rendering steps.\n   * */\n  index: PropTypes.number,\n  /**\n   * Click handler for the `Step`. Takes effect only after the `Step` has been visited, making it clickable\n   * and invoking this function on click. Should be used to provide navigation between steps.\n   */\n  onClick: PropTypes.func,\n};\n\nStepperStep.defaultProps = {\n  className: undefined,\n  description: undefined,\n  hasError: false,\n  index: undefined,\n  onClick: undefined,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACpD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,eAAe,SAASC,WAAWA,CAAAC,IAAA,EAShC;EAAA,IARDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;EAEP,IAAAC,WAAA,GAAgDf,UAAU,CAACI,cAAc,CAAC;IAAlEY,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IAAEC,UAAU,GAAAH,WAAA,CAAVG,UAAU;EAE3CjB,SAAS,CAAC,YAAM;IACdgB,YAAY,CAAC;MACXP,KAAK,EAALA,KAAK;MACLC,KAAK,EAALA,KAAK;MACLH,QAAQ,EAARA,QAAQ;MACRI,WAAW,EAAXA,WAAW;MACXC,QAAQ,EAARA,QAAQ;MACRC,OAAO,EAAPA;IACF,CAAC,CAAC;IACF,OAAO;MAAA,OAAMI,UAAU,CAACV,QAAQ,CAAC;IAAA;EACnC,CAAC,EAAE,CAACE,KAAK,EAAEF,QAAQ,EAAEI,WAAW,EAAEC,QAAQ,EAAEF,KAAK,EAAEM,YAAY,EAAEC,UAAU,EAAEJ,OAAO,CAAC,CAAC;EAEtF,IAAMK,QAAQ,GAAGH,SAAS,KAAKR,QAAQ;EAEvC,IAAI,CAACW,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEpB,KAAA,CAAAqB,aAAA;IAAKX,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEM,SAAS;EAAE,GACxDF,QACE,CAAC;AAEV;AAEAF,WAAW,CAACgB,SAAS,GAAG;EACtB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAd,SAAS,EAAEP,SAAS,CAACsB,MAAM;EAC3B;AACF;AACA;AACA;EACEhB,QAAQ,EAAEN,SAAS,CAACsB,MAAM,CAACD,UAAU;EACrC;EACAb,KAAK,EAAER,SAAS,CAACsB,MAAM,CAACD,UAAU;EAClC;EACAX,WAAW,EAAEV,SAAS,CAACsB,MAAM;EAC7B;EACAX,QAAQ,EAAEX,SAAS,CAACuB,IAAI;EACxB;AACF;AACA;AACA;EACEd,KAAK,EAAET,SAAS,CAACwB,MAAM;EACvB;AACF;AACA;AACA;EACEZ,OAAO,EAAEZ,SAAS,CAACyB;AACrB,CAAC;AAEDtB,WAAW,CAACuB,YAAY,GAAG;EACzBnB,SAAS,EAAEoB,SAAS;EACpBjB,WAAW,EAAEiB,SAAS;EACtBhB,QAAQ,EAAE,KAAK;EACfF,KAAK,EAAEkB,SAAS;EAChBf,OAAO,EAAEe;AACX,CAAC"}
+{"version":3,"file":"StepperStep.js","names":["React","useContext","useEffect","PropTypes","classNames","StepperContext","StepperStep","_ref","children","eventKey","className","title","index","description","hasError","onClick","_useContext","activeKey","registerStep","removeStep","isActive","createElement","propTypes","node","isRequired","string","bool","number","func","defaultProps","undefined"],"sources":["../../src/Stepper/StepperStep.jsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { StepperContext } from './StepperContext';\n\nexport default function StepperStep({\n  children,\n  eventKey,\n  className,\n  title,\n  index,\n  description,\n  hasError,\n  onClick,\n}) {\n  const { activeKey, registerStep, removeStep } = useContext(StepperContext);\n\n  useEffect(() => {\n    registerStep({\n      title,\n      index,\n      eventKey,\n      description,\n      hasError,\n      onClick,\n    });\n    return () => removeStep(eventKey);\n  }, [title, eventKey, description, hasError, index, registerStep, removeStep, onClick]);\n\n  const isActive = activeKey === eventKey;\n\n  if (!isActive) {\n    return null;\n  }\n\n  return (\n    <div className={classNames('pgn__stepper-step', className)}>\n      {children}\n    </div>\n  );\n}\n\nStepperStep.propTypes = {\n  /** Specifies the content of the `Step`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * An identifier of the `Step`. When `activeKey` on the\n   * `Stepper` equals to the `eventKey`, the `Step` will be displayed.\n   */\n  eventKey: PropTypes.string.isRequired,\n  /** A text of the `Step`. */\n  title: PropTypes.string.isRequired,\n  /** A text under the `title`. */\n  description: PropTypes.string,\n  /** Informs user if this `Step` has errors. */\n  hasError: PropTypes.bool,\n  /**\n   * Position of the `Step`, only required if adding error state\n   * or conditionally rendering steps.\n   * */\n  index: PropTypes.number,\n  /**\n   * Click handler for the `Step`. Takes effect only after the `Step` has been visited, making it clickable\n   * and invoking this function on click. Should be used to provide navigation between steps.\n   */\n  onClick: PropTypes.func,\n};\n\nStepperStep.defaultProps = {\n  className: undefined,\n  description: undefined,\n  hasError: false,\n  index: undefined,\n  onClick: undefined,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACpD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,eAAe,SAASC,WAAWA,CAAAC,IAAA,EAShC;EAAA,IARDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;EAEP,IAAAC,WAAA,GAAgDf,UAAU,CAACI,cAAc,CAAC;IAAlEY,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IAAEC,UAAU,GAAAH,WAAA,CAAVG,UAAU;EAE3CjB,SAAS,CAAC,YAAM;IACdgB,YAAY,CAAC;MACXP,KAAK,EAALA,KAAK;MACLC,KAAK,EAALA,KAAK;MACLH,QAAQ,EAARA,QAAQ;MACRI,WAAW,EAAXA,WAAW;MACXC,QAAQ,EAARA,QAAQ;MACRC,OAAO,EAAPA;IACF,CAAC,CAAC;IACF,OAAO;MAAA,OAAMI,UAAU,CAACV,QAAQ,CAAC;IAAA;EACnC,CAAC,EAAE,CAACE,KAAK,EAAEF,QAAQ,EAAEI,WAAW,EAAEC,QAAQ,EAAEF,KAAK,EAAEM,YAAY,EAAEC,UAAU,EAAEJ,OAAO,CAAC,CAAC;EAEtF,IAAMK,QAAQ,GAAGH,SAAS,KAAKR,QAAQ;EAEvC,IAAI,CAACW,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEpB,KAAA,CAAAqB,aAAA;IAAKX,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEM,SAAS;EAAE,GACxDF,QACE,CAAC;AAEV;AAEAF,WAAW,CAACgB,SAAS,GAAG;EACtB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAd,SAAS,EAAEP,SAAS,CAACsB,MAAM;EAC3B;AACF;AACA;AACA;EACEhB,QAAQ,EAAEN,SAAS,CAACsB,MAAM,CAACD,UAAU;EACrC;EACAb,KAAK,EAAER,SAAS,CAACsB,MAAM,CAACD,UAAU;EAClC;EACAX,WAAW,EAAEV,SAAS,CAACsB,MAAM;EAC7B;EACAX,QAAQ,EAAEX,SAAS,CAACuB,IAAI;EACxB;AACF;AACA;AACA;EACEd,KAAK,EAAET,SAAS,CAACwB,MAAM;EACvB;AACF;AACA;AACA;EACEZ,OAAO,EAAEZ,SAAS,CAACyB;AACrB,CAAC;AAEDtB,WAAW,CAACuB,YAAY,GAAG;EACzBnB,SAAS,EAAEoB,SAAS;EACpBjB,WAAW,EAAEiB,SAAS;EACtBhB,QAAQ,EAAE,KAAK;EACfF,KAAK,EAAEkB,SAAS;EAChBf,OAAO,EAAEe;AACX,CAAC","ignoreList":[]}

package/dist/Stepper/index.scss

@@ -1,43 +1,42 @@
-@import "variables";
-
 .pgn__stepper-header {
   display: flex;
   justify-content: center;
   align-items: center;
-  background: $stepper-header-bg;
-  padding: $stepper-header-padding-y $stepper-header-padding-x;
-  min-height: $stepper-header-min-height;
+  background: var(--pgn-color-stepper-header-bg-base);
+  padding: var(--pgn-spacing-stepper-header-padding-y) var(--pgn-spacing-stepper-header-padding-x);
+  min-height: var(--pgn-size-stepper-header-height-min);
 
   .pgn__stepper-header-step-list {
     list-style: none;
-    padding: $stepper-header-step-list-padding-y $stepper-header-step-list-padding-x;
+    // stylelint-disable-next-line max-line-length
+    padding: var(--pgn-spacing-stepper-header-step-list-padding-y) var(--pgn-spacing-stepper-header-step-list-padding-x);
     display: flex;
     align-items: center;
-    margin: $stepper-header-step-list-margin;
+    margin: var(--pgn-spacing-stepper-header-step-list-margin);
     flex-grow: 1;
     justify-content: center;
 
     .pgn__stepper-header-line {
       display: block;
-      height: $stepper-header-line-height;
-      background: $stepper-header-line-bg;
+      height: var(--pgn-typography-spacer-line-height);
+      background: var(--pgn-color-stepper-header-bg-line);
       flex-basis: 80px;
       margin: 0 .5rem;
     }
 
     button.pgn__stepper-header-step {
-      border: $stepper-header-step-border;
-      background-color: $stepper-header-step-bg;
+      border: var(--pgn-color-stepper-header-step-border);
+      background-color: var(--pgn-color-stepper-header-bg-base);
     }
   }
 
   .pgn__stepper-header-step {
     display: flex;
     align-items: center;
-    color: $stepper-header-step-color;
+    color: var(--pgn-color-stepper-header-step-base);
     flex-shrink: 1;
-    min-width: $stepper-header-step-min-width;
-    padding: $stepper-header-step-padding;
+    min-width: var(--pgn-size-stepper-step-width-min);
+    padding: var(--pgn-spacing-stepper-header-step-padding);
 
     .pgn__bubble {
       margin-inline-end: .5rem;
@@ -56,11 +55,11 @@
     }
 
     .pgn__stepper-header-step-description {
-      font-size: $x-small-font-size;
+      font-size: var(--pgn-typography-font-size-small-x);
     }
 
     &.pgn__stepper-header-step-active ~ .pgn__stepper-header-step {
-      color: $stepper-header-active-step-bg;
+      color: var(--pgn-color-stepper-header-step-bg-active);
     }
 
     &.pgn__stepper-header-step-has-error {
@@ -68,16 +67,16 @@
         background: transparent;
         box-shadow:
           inset 0 0 0
-          $stepper-header-step-error-bubble-shadow-width
-          $stepper-header-step-error-bubble-color;
+          var(--pgn-size-stepper-step-bubble-error-shadow-width)
+          var(--pgn-color-stepper-header-step-bubble-error);
 
         * {
-          color: $stepper-header-step-error-bubble-color;
+          color: var(--pgn-color-stepper-header-step-bubble-error);
         }
       }
 
       .pgn__stepper-header-step-description {
-        color: $stepper-header-step-error-description-color;
+        color: var(--pgn-color-stepper-header-step-description-error);
       }
     }
   }

package/dist/Sticky/index.js

@@ -4,7 +4,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 _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 _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; }
-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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }

package/dist/Sticky/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","_ref","ref","position","children","offset","className","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","_ref2","_ref3","entry","intersectionRatio","threshold","rootMargin","concat","observe","unobserve","createElement","_extends","propTypes","node","isRequired","oneOf","oneOfType","number","string","defaultProps","undefined"],"sources":["../../src/Sticky/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst POSITION_VARIANTS = [\n  'top',\n  'bottom',\n];\n\nconst Sticky = React.forwardRef(({\n  position,\n  children,\n  offset,\n  className,\n  ...rest\n}, ref) => {\n  const [isSticky, setIsSticky] = useState(false);\n  const defaultRef = React.useRef();\n  const resolvedRef = ref || defaultRef;\n\n  // eslint-disable-next-line consistent-return\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      const stickyElement = resolvedRef.current;\n      // getComputedStyle is used to get real top/bottom\n      // values on the page for proper shadows display\n      const elementStyles = window.getComputedStyle(stickyElement);\n      const elementOffset = elementStyles[position || 'top'];\n      // Margin calculations according to the offset.\n      // 1 pixel above/bellow + offset pixels that determines\n      // when callback function is called\n      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsSticky(entry.intersectionRatio < 1),\n        {\n          threshold: [1],\n          rootMargin: position === 'bottom'\n            ? `0px 0px -${elementWithOffset}px 0px`\n            : `-${elementWithOffset}px 0px 0px 0px`,\n        },\n      );\n      observer.observe(stickyElement);\n\n      return () => {\n        observer.unobserve(stickyElement);\n      };\n    }\n  }, [position, resolvedRef]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__sticky',\n        `pgn__sticky-${position || 'top'}`,\n        offset ? `pgn__sticky-offset--${offset}` : '',\n        { 'pgn__sticky-shadow': isSticky },\n        className,\n      )}\n      ref={resolvedRef}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nSticky.propTypes = {\n  /** Specifies content of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies position of the element. */\n  position: PropTypes.oneOf(POSITION_VARIANTS),\n  /**\n   * Specifies offset from top/bottom depending on the `position` property.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nSticky.defaultProps = {\n  position: 'top',\n  offset: undefined,\n  className: undefined,\n};\n\nexport default Sticky;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","_ref","ref","position","children","offset","className","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","_ref2","_ref3","entry","intersectionRatio","threshold","rootMargin","concat","observe","unobserve","createElement","_extends","propTypes","node","isRequired","oneOf","oneOfType","number","string","defaultProps","undefined"],"sources":["../../src/Sticky/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst POSITION_VARIANTS = [\n  'top',\n  'bottom',\n];\n\nconst Sticky = React.forwardRef(({\n  position,\n  children,\n  offset,\n  className,\n  ...rest\n}, ref) => {\n  const [isSticky, setIsSticky] = useState(false);\n  const defaultRef = React.useRef();\n  const resolvedRef = ref || defaultRef;\n\n  // eslint-disable-next-line consistent-return\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      const stickyElement = resolvedRef.current;\n      // getComputedStyle is used to get real top/bottom\n      // values on the page for proper shadows display\n      const elementStyles = window.getComputedStyle(stickyElement);\n      const elementOffset = elementStyles[position || 'top'];\n      // Margin calculations according to the offset.\n      // 1 pixel above/bellow + offset pixels that determines\n      // when callback function is called\n      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsSticky(entry.intersectionRatio < 1),\n        {\n          threshold: [1],\n          rootMargin: position === 'bottom'\n            ? `0px 0px -${elementWithOffset}px 0px`\n            : `-${elementWithOffset}px 0px 0px 0px`,\n        },\n      );\n      observer.observe(stickyElement);\n\n      return () => {\n        observer.unobserve(stickyElement);\n      };\n    }\n  }, [position, resolvedRef]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__sticky',\n        `pgn__sticky-${position || 'top'}`,\n        offset ? `pgn__sticky-offset--${offset}` : '',\n        { 'pgn__sticky-shadow': isSticky },\n        className,\n      )}\n      ref={resolvedRef}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nSticky.propTypes = {\n  /** Specifies content of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies position of the element. */\n  position: PropTypes.oneOf(POSITION_VARIANTS),\n  /**\n   * Specifies offset from top/bottom depending on the `position` property.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nSticky.defaultProps = {\n  position: 'top',\n  offset: undefined,\n  className: undefined,\n};\n\nexport default Sticky;\n"],"mappings":"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","ignoreList":[]}

package/dist/Sticky/index.scss

@@ -1,5 +1,3 @@
-@import "variables";
-
 .pgn__sticky {
   display: flex;
   width: 100%;
@@ -7,7 +5,7 @@
 
   &.pgn__sticky-top {
     align-self: self-start;
-    top: $sticky-offset;
+    top: var(--pgn-spacing-sticky-offset);
 
     @each $level, $offset in $spacers {
       &.pgn__sticky-offset--#{$level} {
@@ -16,13 +14,13 @@
     }
 
     &.pgn__sticky-shadow {
-      box-shadow: $sticky-shadow-bottom;
+      box-shadow: var(--pgn-elevation-sticky-shadow-bottom);
     }
   }
 
   &.pgn__sticky-bottom {
     align-self: self-end;
-    bottom: $sticky-offset;
+    bottom: var(--pgn-spacing-sticky-offset);
 
     @each $level, $offset in $spacers {
       &.pgn__sticky-offset--#{$level} {
@@ -31,7 +29,7 @@
     }
 
     &.pgn__sticky-shadow {
-      box-shadow: $sticky-shadow-top;
+      box-shadow: var(--pgn-elevation-sticky-shadow-top);
     }
   }
 }

package/dist/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["React","PropTypes","BaseTab","Tab","props","createElement","propTypes","title","node","isRequired","notification","disabled","bool","eventKey","oneOfType","string","number","tabClassName","defaultProps","undefined"],"sources":["../../src/Tabs/Tab.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseTab from 'react-bootstrap/Tab';\n\nfunction Tab(props) {\n  return <BaseTab {...props} />;\n}\n\nTab.propTypes = {\n  /** Specifies the `Tab` navigation title. */\n  title: PropTypes.node.isRequired,\n  /** Specifies notification bubble content. It appears on the top right of the `Tab`. */\n  notification: PropTypes.node,\n  /** Specifies whether `Tab` is disabled. */\n  disabled: PropTypes.bool,\n  /**\n   * A unique identifier for the Component, the `eventKey` makes it distinguishable\n   * from others in a set. Similar to React's `key` prop, in that it only needs to be\n   * unique amongst the Components siblings, not globally.\n   */\n  eventKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Specifies class name to append to the base element. */\n  tabClassName: PropTypes.string,\n};\n\nTab.defaultProps = {\n  notification: undefined,\n  disabled: undefined,\n  eventKey: undefined,\n  tabClassName: undefined,\n};\n\nexport default Tab;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,qBAAqB;AAEzC,SAASC,GAAGA,CAACC,KAAK,EAAE;EAClB,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,OAAO,EAAKE,KAAQ,CAAC;AAC/B;AAEAD,GAAG,CAACG,SAAS,GAAG;EACd;EACAC,KAAK,EAAEN,SAAS,CAACO,IAAI,CAACC,UAAU;EAChC;EACAC,YAAY,EAAET,SAAS,CAACO,IAAI;EAC5B;EACAG,QAAQ,EAAEV,SAAS,CAACW,IAAI;EACxB;AACF;AACA;AACA;AACA;EACEC,QAAQ,EAAEZ,SAAS,CAACa,SAAS,CAAC,CAACb,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACe,MAAM,CAAC,CAAC;EACnE;EACAC,YAAY,EAAEhB,SAAS,CAACc;AAC1B,CAAC;AAEDZ,GAAG,CAACe,YAAY,GAAG;EACjBR,YAAY,EAAES,SAAS;EACvBR,QAAQ,EAAEQ,SAAS;EACnBN,QAAQ,EAAEM,SAAS;EACnBF,YAAY,EAAEE;AAChB,CAAC;AAED,eAAehB,GAAG"}
+{"version":3,"file":"Tab.js","names":["React","PropTypes","BaseTab","Tab","props","createElement","propTypes","title","node","isRequired","notification","disabled","bool","eventKey","oneOfType","string","number","tabClassName","defaultProps","undefined"],"sources":["../../src/Tabs/Tab.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseTab from 'react-bootstrap/Tab';\n\nfunction Tab(props) {\n  return <BaseTab {...props} />;\n}\n\nTab.propTypes = {\n  /** Specifies the `Tab` navigation title. */\n  title: PropTypes.node.isRequired,\n  /** Specifies notification bubble content. It appears on the top right of the `Tab`. */\n  notification: PropTypes.node,\n  /** Specifies whether `Tab` is disabled. */\n  disabled: PropTypes.bool,\n  /**\n   * A unique identifier for the Component, the `eventKey` makes it distinguishable\n   * from others in a set. Similar to React's `key` prop, in that it only needs to be\n   * unique amongst the Components siblings, not globally.\n   */\n  eventKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Specifies class name to append to the base element. */\n  tabClassName: PropTypes.string,\n};\n\nTab.defaultProps = {\n  notification: undefined,\n  disabled: undefined,\n  eventKey: undefined,\n  tabClassName: undefined,\n};\n\nexport default Tab;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,qBAAqB;AAEzC,SAASC,GAAGA,CAACC,KAAK,EAAE;EAClB,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,OAAO,EAAKE,KAAQ,CAAC;AAC/B;AAEAD,GAAG,CAACG,SAAS,GAAG;EACd;EACAC,KAAK,EAAEN,SAAS,CAACO,IAAI,CAACC,UAAU;EAChC;EACAC,YAAY,EAAET,SAAS,CAACO,IAAI;EAC5B;EACAG,QAAQ,EAAEV,SAAS,CAACW,IAAI;EACxB;AACF;AACA;AACA;AACA;EACEC,QAAQ,EAAEZ,SAAS,CAACa,SAAS,CAAC,CAACb,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACe,MAAM,CAAC,CAAC;EACnE;EACAC,YAAY,EAAEhB,SAAS,CAACc;AAC1B,CAAC;AAEDZ,GAAG,CAACe,YAAY,GAAG;EACjBR,YAAY,EAAES,SAAS;EACvBR,QAAQ,EAAEQ,SAAS;EACnBN,QAAQ,EAAEM,SAAS;EACnBF,YAAY,EAAEE;AAChB,CAAC;AAED,eAAehB,GAAG","ignoreList":[]}

package/dist/Tabs/index.js

@@ -1,17 +1,17 @@
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "className", "moreTabText", "defaultActiveKey", "activeKey"],
   _excluded2 = ["title", "notification", "tabClassName"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 _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 _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; }
-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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
@@ -19,7 +19,6 @@ import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react'
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import BaseTabs from 'react-bootstrap/Tabs';
-import TabsDeprecated from './deprecated';
 import Bubble from '../Bubble';
 import Dropdown from '../Dropdown';
 import useIndexOfLastVisibleChild from '../hooks/useIndexOfLastVisibleChild';
@@ -198,7 +197,6 @@ Tabs.defaultProps = {
   defaultActiveKey: undefined,
   activeKey: undefined
 };
-Tabs.Deprecated = TabsDeprecated;
 export default Tabs;
 export { Tab };
 export { default as TabContainer } from 'react-bootstrap/TabContainer';

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useRef","useState","useCallback","classNames","PropTypes","BaseTabs","TabsDeprecated","Bubble","Dropdown","useIndexOfLastVisibleChild","Tab","MORE_TAB_TEXT","Tabs","_ref","_overflowElementRef$c","_overflowElementRef$c3","children","className","_ref$moreTabText","moreTabText","defaultActiveKey","activeKey","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","containerElementRef","setContainerElementRef","overflowElementRef","indexOfLastVisibleChild","firstChild","current","parentNode","observer","MutationObserver","mutations","forEach","mutation","eventKey","target","getAttribute","isActive","element","querySelector","concat","moreTab","classList","add","remove","observe","attributes","subtree","attributeFilter","disconnect","undefined","_overflowElementRef$c2","tabIndex","handleDropdownTabClick","hiddenTab","click","tabsChildren","indexOfOverflowStart","handleDropdownKeyPress","e","key","childrenList","Children","map","child","index","_child$type","type","name","process","env","NODE_ENV","console","error","isValidElement","_child$props","title","notification","tabClassName","rest","_excluded2","newTitle","createElement","Fragment","variant","role","expandable","tabClass","modifiedTab","cloneElement","_objectSpread","moreTabHasNotification","overflowChildren","slice","overflowChild","Item","as","onClick","onKeyPress","disabled","datakey","active","splice","length","ref","Toggle","id","Menu","_extends","propTypes","oneOf","node","isRequired","string","defaultProps","Deprecated","default","TabContainer","TabContent","TabPane"],"sources":["../../src/Tabs/index.jsx"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseTabs from 'react-bootstrap/Tabs';\nimport TabsDeprecated from './deprecated';\nimport Bubble from '../Bubble';\nimport Dropdown from '../Dropdown';\nimport useIndexOfLastVisibleChild from '../hooks/useIndexOfLastVisibleChild';\nimport Tab from './Tab';\n\nexport const MORE_TAB_TEXT = 'More...';\n\nfunction Tabs({\n  children,\n  className,\n  moreTabText = MORE_TAB_TEXT,\n  defaultActiveKey,\n  activeKey,\n  ...props\n}) {\n  const [containerElementRef, setContainerElementRef] = useState(null);\n  const overflowElementRef = useRef(null);\n  const indexOfLastVisibleChild = useIndexOfLastVisibleChild(\n    containerElementRef?.firstChild,\n    overflowElementRef.current?.parentNode,\n  );\n\n  useEffect(() => {\n    if (containerElementRef) {\n      const observer = new MutationObserver((mutations => {\n        mutations.forEach(mutation => {\n          // React-Bootstrap attribute 'data-rb-event-key' is responsible for the tab identification\n          const eventKey = mutation.target.getAttribute('data-rb-event-key');\n          // React-Bootstrap attribute 'aria-selected' is responsible for selected/unselected state\n          const isActive = mutation.target.getAttribute('aria-selected') === 'true';\n          // datakey attribute is added manually to the dropdown\n          // elements so that they correspond to the native tabs' eventKey\n          const element = containerElementRef.querySelector(`[datakey='${eventKey}']`);\n          const moreTab = containerElementRef.querySelector('.pgn__tab_more');\n          if (isActive) {\n            element?.classList.add('active');\n            // Here we add active class to the 'More Tab' if element exists in the dropdown\n            if (element) {\n              moreTab.classList.add('active');\n            } else {\n              moreTab.classList.remove('active');\n            }\n          } else {\n            element?.classList.remove('active');\n          }\n        });\n      }));\n      observer.observe(containerElementRef, {\n        attributes: true, subtree: true, attributeFilter: ['aria-selected'],\n      });\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [containerElementRef]);\n\n  useEffect(() => {\n    if (overflowElementRef.current?.parentNode) {\n      overflowElementRef.current.parentNode.tabIndex = -1;\n    }\n  }, [overflowElementRef.current?.parentNode]);\n\n  const handleDropdownTabClick = useCallback((eventKey) => {\n    const hiddenTab = containerElementRef.querySelector(`[data-rb-event-key='${eventKey}']`);\n    hiddenTab.click();\n  }, [containerElementRef]);\n\n  const tabsChildren = useMemo(() => {\n    const indexOfOverflowStart = indexOfLastVisibleChild + 1;\n    const handleDropdownKeyPress = (e, eventKey) => {\n      if (e.key === 'Enter') {\n        handleDropdownTabClick(eventKey);\n      }\n    };\n    const childrenList = React.Children.map(children, (child, index) => {\n      if (child?.type?.name !== 'Tab' && process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Tabs children can only be of type Tab. ${children[index]} was passed instead.`,\n        );\n      }\n      if (!React.isValidElement(child)) {\n        return child;\n      }\n      const {\n        title, notification, tabClassName, ...rest\n      } = child.props;\n      let newTitle;\n      if (notification) {\n        newTitle = (\n          <>\n            {title}\n            <Bubble\n              variant=\"error\"\n              role=\"status\"\n              className=\"pgn__tab-notification\"\n              aria-live=\"polite\"\n              expandable\n            >\n              {notification}\n            </Bubble>\n          </>\n        );\n      } else {\n        newTitle = title;\n      }\n      const tabClass = index > indexOfLastVisibleChild ? 'pgn__tab_invisible' : '';\n      const modifiedTab = React.cloneElement(child, {\n        ...rest,\n        title: newTitle,\n        tabClassName: classNames(tabClass, tabClassName),\n      });\n      return modifiedTab;\n    });\n    let moreTabHasNotification = false;\n    const overflowChildren = childrenList.slice(indexOfOverflowStart)\n      .map(overflowChild => {\n        if (!moreTabHasNotification && overflowChild.props.notification) {\n          moreTabHasNotification = true;\n        }\n        return (\n          <Dropdown.Item\n            as=\"li\"\n            tabIndex=\"0\"\n            key={`${overflowChild.props.eventKey}overflow`}\n            onClick={() => handleDropdownTabClick(overflowChild.props.eventKey)}\n            onKeyPress={(e) => handleDropdownKeyPress(e, overflowChild.props.eventKey)}\n            disabled={overflowChild.props.disabled}\n            datakey={overflowChild.props.eventKey}\n            className={classNames({\n              active: overflowChild.props.eventKey === defaultActiveKey || overflowChild.props.eventKey === activeKey,\n            }, 'pgn__tabs__dropdown-item')}\n          >\n            {overflowChild.props.title}\n          </Dropdown.Item>\n        );\n      });\n\n    childrenList.splice(indexOfOverflowStart, 0, (<Tab\n      key=\"moreTabKey\"\n      tabClassName={classNames(!overflowChildren.length && 'pgn__tab_invisible', 'pgn__tab_more')}\n      title={(\n        <Dropdown ref={overflowElementRef}>\n          <Dropdown.Toggle\n            variant=\"link\"\n            className=\"nav-link\"\n            id=\"pgn__tab-toggle\"\n          >\n            {moreTabText}\n            {moreTabHasNotification && (\n              <Bubble\n                variant=\"error\"\n                role=\"status\"\n                className=\"pgn__tab-notification\"\n              />\n            )}\n          </Dropdown.Toggle>\n          <Dropdown.Menu as=\"ul\" className=\"dropdown-menu-right\">{overflowChildren}</Dropdown.Menu>\n        </Dropdown>\n      )}\n    />\n    ));\n    return childrenList;\n  }, [activeKey, children, defaultActiveKey, indexOfLastVisibleChild, moreTabText, handleDropdownTabClick]);\n\n  return (\n    <div ref={setContainerElementRef}>\n      <BaseTabs\n        defaultActiveKey={defaultActiveKey}\n        activeKey={activeKey}\n        {...props}\n        className={classNames(className, 'pgn__tabs')}\n      >\n        {tabsChildren}\n      </BaseTabs>\n    </div>\n  );\n}\n\nTabs.propTypes = {\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf(['tabs', 'pills', 'inverse-tabs', 'inverse-pills', 'button-group']),\n  /** Specifies elements that is processed to create tabs. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies text for the 'More' tab. */\n  moreTabText: PropTypes.string,\n  /** Specifies default active tab (uncontrolled usage). */\n  defaultActiveKey: PropTypes.string,\n  /** Specifies active tab (controlled usage). */\n  activeKey: PropTypes.string,\n};\n\nTabs.defaultProps = {\n  variant: 'tabs',\n  className: undefined,\n  moreTabText: MORE_TAB_TEXT,\n  defaultActiveKey: undefined,\n  activeKey: undefined,\n};\n\nTabs.Deprecated = TabsDeprecated;\n\nexport default Tabs;\nexport { Tab };\nexport { default as TabContainer } from 'react-bootstrap/TabContainer';\nexport { default as TabContent } from 'react-bootstrap/TabContent';\nexport { default as TabPane } from 'react-bootstrap/TabPane';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useRef","useState","useCallback","classNames","PropTypes","BaseTabs","Bubble","Dropdown","useIndexOfLastVisibleChild","Tab","MORE_TAB_TEXT","Tabs","_ref","_overflowElementRef$c","_overflowElementRef$c3","children","className","_ref$moreTabText","moreTabText","defaultActiveKey","activeKey","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","containerElementRef","setContainerElementRef","overflowElementRef","indexOfLastVisibleChild","firstChild","current","parentNode","observer","MutationObserver","mutations","forEach","mutation","eventKey","target","getAttribute","isActive","element","querySelector","concat","moreTab","classList","add","remove","observe","attributes","subtree","attributeFilter","disconnect","undefined","_overflowElementRef$c2","tabIndex","handleDropdownTabClick","hiddenTab","click","tabsChildren","indexOfOverflowStart","handleDropdownKeyPress","e","key","childrenList","Children","map","child","index","_child$type","type","name","process","env","NODE_ENV","console","error","isValidElement","_child$props","title","notification","tabClassName","rest","_excluded2","newTitle","createElement","Fragment","variant","role","expandable","tabClass","modifiedTab","cloneElement","_objectSpread","moreTabHasNotification","overflowChildren","slice","overflowChild","Item","as","onClick","onKeyPress","disabled","datakey","active","splice","length","ref","Toggle","id","Menu","_extends","propTypes","oneOf","node","isRequired","string","defaultProps","default","TabContainer","TabContent","TabPane"],"sources":["../../src/Tabs/index.jsx"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseTabs from 'react-bootstrap/Tabs';\nimport Bubble from '../Bubble';\nimport Dropdown from '../Dropdown';\nimport useIndexOfLastVisibleChild from '../hooks/useIndexOfLastVisibleChild';\nimport Tab from './Tab';\n\nexport const MORE_TAB_TEXT = 'More...';\n\nfunction Tabs({\n  children,\n  className,\n  moreTabText = MORE_TAB_TEXT,\n  defaultActiveKey,\n  activeKey,\n  ...props\n}) {\n  const [containerElementRef, setContainerElementRef] = useState(null);\n  const overflowElementRef = useRef(null);\n  const indexOfLastVisibleChild = useIndexOfLastVisibleChild(\n    containerElementRef?.firstChild,\n    overflowElementRef.current?.parentNode,\n  );\n\n  useEffect(() => {\n    if (containerElementRef) {\n      const observer = new MutationObserver((mutations => {\n        mutations.forEach(mutation => {\n          // React-Bootstrap attribute 'data-rb-event-key' is responsible for the tab identification\n          const eventKey = mutation.target.getAttribute('data-rb-event-key');\n          // React-Bootstrap attribute 'aria-selected' is responsible for selected/unselected state\n          const isActive = mutation.target.getAttribute('aria-selected') === 'true';\n          // datakey attribute is added manually to the dropdown\n          // elements so that they correspond to the native tabs' eventKey\n          const element = containerElementRef.querySelector(`[datakey='${eventKey}']`);\n          const moreTab = containerElementRef.querySelector('.pgn__tab_more');\n          if (isActive) {\n            element?.classList.add('active');\n            // Here we add active class to the 'More Tab' if element exists in the dropdown\n            if (element) {\n              moreTab.classList.add('active');\n            } else {\n              moreTab.classList.remove('active');\n            }\n          } else {\n            element?.classList.remove('active');\n          }\n        });\n      }));\n      observer.observe(containerElementRef, {\n        attributes: true, subtree: true, attributeFilter: ['aria-selected'],\n      });\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [containerElementRef]);\n\n  useEffect(() => {\n    if (overflowElementRef.current?.parentNode) {\n      overflowElementRef.current.parentNode.tabIndex = -1;\n    }\n  }, [overflowElementRef.current?.parentNode]);\n\n  const handleDropdownTabClick = useCallback((eventKey) => {\n    const hiddenTab = containerElementRef.querySelector(`[data-rb-event-key='${eventKey}']`);\n    hiddenTab.click();\n  }, [containerElementRef]);\n\n  const tabsChildren = useMemo(() => {\n    const indexOfOverflowStart = indexOfLastVisibleChild + 1;\n    const handleDropdownKeyPress = (e, eventKey) => {\n      if (e.key === 'Enter') {\n        handleDropdownTabClick(eventKey);\n      }\n    };\n    const childrenList = React.Children.map(children, (child, index) => {\n      if (child?.type?.name !== 'Tab' && process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Tabs children can only be of type Tab. ${children[index]} was passed instead.`,\n        );\n      }\n      if (!React.isValidElement(child)) {\n        return child;\n      }\n      const {\n        title, notification, tabClassName, ...rest\n      } = child.props;\n      let newTitle;\n      if (notification) {\n        newTitle = (\n          <>\n            {title}\n            <Bubble\n              variant=\"error\"\n              role=\"status\"\n              className=\"pgn__tab-notification\"\n              aria-live=\"polite\"\n              expandable\n            >\n              {notification}\n            </Bubble>\n          </>\n        );\n      } else {\n        newTitle = title;\n      }\n      const tabClass = index > indexOfLastVisibleChild ? 'pgn__tab_invisible' : '';\n      const modifiedTab = React.cloneElement(child, {\n        ...rest,\n        title: newTitle,\n        tabClassName: classNames(tabClass, tabClassName),\n      });\n      return modifiedTab;\n    });\n    let moreTabHasNotification = false;\n    const overflowChildren = childrenList.slice(indexOfOverflowStart)\n      .map(overflowChild => {\n        if (!moreTabHasNotification && overflowChild.props.notification) {\n          moreTabHasNotification = true;\n        }\n        return (\n          <Dropdown.Item\n            as=\"li\"\n            tabIndex=\"0\"\n            key={`${overflowChild.props.eventKey}overflow`}\n            onClick={() => handleDropdownTabClick(overflowChild.props.eventKey)}\n            onKeyPress={(e) => handleDropdownKeyPress(e, overflowChild.props.eventKey)}\n            disabled={overflowChild.props.disabled}\n            datakey={overflowChild.props.eventKey}\n            className={classNames({\n              active: overflowChild.props.eventKey === defaultActiveKey || overflowChild.props.eventKey === activeKey,\n            }, 'pgn__tabs__dropdown-item')}\n          >\n            {overflowChild.props.title}\n          </Dropdown.Item>\n        );\n      });\n\n    childrenList.splice(indexOfOverflowStart, 0, (<Tab\n      key=\"moreTabKey\"\n      tabClassName={classNames(!overflowChildren.length && 'pgn__tab_invisible', 'pgn__tab_more')}\n      title={(\n        <Dropdown ref={overflowElementRef}>\n          <Dropdown.Toggle\n            variant=\"link\"\n            className=\"nav-link\"\n            id=\"pgn__tab-toggle\"\n          >\n            {moreTabText}\n            {moreTabHasNotification && (\n              <Bubble\n                variant=\"error\"\n                role=\"status\"\n                className=\"pgn__tab-notification\"\n              />\n            )}\n          </Dropdown.Toggle>\n          <Dropdown.Menu as=\"ul\" className=\"dropdown-menu-right\">{overflowChildren}</Dropdown.Menu>\n        </Dropdown>\n      )}\n    />\n    ));\n    return childrenList;\n  }, [activeKey, children, defaultActiveKey, indexOfLastVisibleChild, moreTabText, handleDropdownTabClick]);\n\n  return (\n    <div ref={setContainerElementRef}>\n      <BaseTabs\n        defaultActiveKey={defaultActiveKey}\n        activeKey={activeKey}\n        {...props}\n        className={classNames(className, 'pgn__tabs')}\n      >\n        {tabsChildren}\n      </BaseTabs>\n    </div>\n  );\n}\n\nTabs.propTypes = {\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf(['tabs', 'pills', 'inverse-tabs', 'inverse-pills', 'button-group']),\n  /** Specifies elements that is processed to create tabs. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies text for the 'More' tab. */\n  moreTabText: PropTypes.string,\n  /** Specifies default active tab (uncontrolled usage). */\n  defaultActiveKey: PropTypes.string,\n  /** Specifies active tab (controlled usage). */\n  activeKey: PropTypes.string,\n};\n\nTabs.defaultProps = {\n  variant: 'tabs',\n  className: undefined,\n  moreTabText: MORE_TAB_TEXT,\n  defaultActiveKey: undefined,\n  activeKey: undefined,\n};\n\nexport default Tabs;\nexport { Tab };\nexport { default as TabContainer } from 'react-bootstrap/TabContainer';\nexport { default as TabContent } from 'react-bootstrap/TabContent';\nexport { default as TabPane } from 'react-bootstrap/TabPane';\n"],"mappings":"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","ignoreList":[]}