@openedx/paragon 21.12.1 → 21.12.3

package/dist/Stepper/StepperHeader.js

@@ -1,4 +1,4 @@
-const _excluded = ["label"];
+var _excluded = ["label"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -16,16 +16,12 @@ function StepListSeparator() {
   });
 }
 function StepList(_ref) {
-  let {
-    steps,
-    activeKey
-  } = _ref;
+  var steps = _ref.steps,
+    activeKey = _ref.activeKey;
   return /*#__PURE__*/React.createElement("ul", {
     className: "pgn__stepper-header-step-list"
-  }, steps.map((_ref2, index) => {
-    let {
-        label
-      } = _ref2,
+  }, steps.map(function (_ref2, index) {
+    var label = _ref2.label,
       stepProps = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: stepProps.eventKey
@@ -35,30 +31,27 @@ function StepList(_ref) {
     }), label));
   }));
 }
-const PageCount = _ref3 => {
-  let {
-    activeStepIndex,
-    totalSteps
-  } = _ref3;
-  return `Step ${activeStepIndex + 1} of ${totalSteps}`;
+var PageCount = function PageCount(_ref3) {
+  var activeStepIndex = _ref3.activeStepIndex,
+    totalSteps = _ref3.totalSteps;
+  return "Step ".concat(activeStepIndex + 1, " of ").concat(totalSteps);
 };
 function StepperHeader(_ref4) {
-  let {
-    className,
-    PageCountComponent,
-    compactWidth
-  } = _ref4;
-  const {
-    steps,
-    activeKey
-  } = useContext(StepperContext);
-  const windowDimensions = useWindowSize();
-  const size = Size[compactWidth] || 'small';
-  const breakpointWidth = breakpoints[size].maxWidth || Infinity;
-  const isCompactView = windowDimensions.width < breakpointWidth;
+  var className = _ref4.className,
+    PageCountComponent = _ref4.PageCountComponent,
+    compactWidth = _ref4.compactWidth;
+  var _useContext = useContext(StepperContext),
+    steps = _useContext.steps,
+    activeKey = _useContext.activeKey;
+  var windowDimensions = useWindowSize();
+  var size = Size[compactWidth] || 'small';
+  var breakpointWidth = breakpoints[size].maxWidth || Infinity;
+  var isCompactView = windowDimensions.width < breakpointWidth;
   if (isCompactView) {
-    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);
-    const activeStep = steps[activeStepIndex];
+    var activeStepIndex = steps.findIndex(function (step) {
+      return step.eventKey === activeKey;
+    });
+    var activeStep = steps[activeStepIndex];
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__stepper-header', className)
     }, /*#__PURE__*/React.createElement(StepperHeaderStep, _extends({}, activeStep, {

package/dist/Stepper/StepperHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperHeader.js","names":["React","useContext","PropTypes","classNames","StepperHeaderStep","StepperContext","useWindowSize","breakpoints","Size","StepListSeparator","createElement","className","StepList","_ref","steps","activeKey","map","_ref2","index","label","stepProps","_objectWithoutProperties","_excluded","Fragment","key","eventKey","_extends","isActive","PageCount","_ref3","activeStepIndex","totalSteps","StepperHeader","_ref4","PageCountComponent","compactWidth","windowDimensions","size","breakpointWidth","maxWidth","Infinity","isCompactView","width","findIndex","step","activeStep","length","propTypes","string","elementType","oneOf","defaultProps","arrayOf","shape","title","description","hasError","bool","isRequired","Step"],"sources":["../../src/Stepper/StepperHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport StepperHeaderStep from './StepperHeaderStep';\nimport { StepperContext } from './StepperContext';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints, { Size } from '../utils/breakpoints';\n\nfunction StepListSeparator() {\n  return <li aria-hidden=\"true\" className=\"pgn__stepper-header-line\" />;\n}\n\nfunction StepList({ steps, activeKey }) {\n  return (\n    <ul className=\"pgn__stepper-header-step-list\">\n      {steps.map(({ label, ...stepProps }, index) => (\n        <React.Fragment key={stepProps.eventKey}>\n          {index !== 0 && <StepListSeparator />}\n          <StepperHeaderStep\n            {...stepProps}\n            index={index}\n            isActive={activeKey === stepProps.eventKey}\n          >\n            {label}\n          </StepperHeaderStep>\n        </React.Fragment>\n      ))}\n    </ul>\n  );\n}\n\nconst PageCount = ({ activeStepIndex, totalSteps }) => `Step ${activeStepIndex + 1} of ${totalSteps}`;\n\nfunction StepperHeader({ className, PageCountComponent, compactWidth }) {\n  const { steps, activeKey } = useContext(StepperContext);\n  const windowDimensions = useWindowSize();\n  const size = Size[compactWidth] || 'small';\n  const breakpointWidth = breakpoints[size].maxWidth || Infinity;\n  const isCompactView = windowDimensions.width < breakpointWidth;\n\n  if (isCompactView) {\n    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);\n    const activeStep = steps[activeStepIndex];\n    return (\n      <div className={classNames('pgn__stepper-header', className)}>\n        <StepperHeaderStep\n          {...activeStep}\n          index={activeStepIndex}\n          isActive\n        />\n        <div className=\"flex-grow-1\" />\n        <div>\n          <PageCountComponent\n            activeStepIndex={activeStepIndex}\n            totalSteps={steps.length}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  // Show all steps\n  return (\n    <div className={classNames('pgn__stepper-header', className)}>\n      <StepList steps={steps} activeKey={activeKey} />\n    </div>\n  );\n}\n\nStepperHeader.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A component that receives `activeStepIndex` and `totalSteps` props to display them. */\n  PageCountComponent: PropTypes.elementType,\n  /** The max width in which the compact view of the header will switch to display the step number that is\n   * currently in progress. Options include 'xs', 'sm', 'md', 'lg', 'xl', and 'xxl'.\n   */\n  compactWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xxl']),\n};\n\nStepperHeader.defaultProps = {\n  className: null,\n  PageCountComponent: PageCount,\n  compactWidth: 'sm',\n};\n\nStepList.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape({\n    eventKey: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    hasError: PropTypes.bool,\n  })),\n  activeKey: PropTypes.string.isRequired,\n};\n\nStepList.defaultProps = {\n  steps: [],\n};\n\nStepperHeader.Step = StepperHeaderStep;\n\nexport default StepperHeader;\n"],"mappings":"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"}
+{"version":3,"file":"StepperHeader.js","names":["React","useContext","PropTypes","classNames","StepperHeaderStep","StepperContext","useWindowSize","breakpoints","Size","StepListSeparator","createElement","className","StepList","_ref","steps","activeKey","map","_ref2","index","label","stepProps","_objectWithoutProperties","_excluded","Fragment","key","eventKey","_extends","isActive","PageCount","_ref3","activeStepIndex","totalSteps","concat","StepperHeader","_ref4","PageCountComponent","compactWidth","_useContext","windowDimensions","size","breakpointWidth","maxWidth","Infinity","isCompactView","width","findIndex","step","activeStep","length","propTypes","string","elementType","oneOf","defaultProps","arrayOf","shape","title","description","hasError","bool","isRequired","Step"],"sources":["../../src/Stepper/StepperHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport StepperHeaderStep from './StepperHeaderStep';\nimport { StepperContext } from './StepperContext';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints, { Size } from '../utils/breakpoints';\n\nfunction StepListSeparator() {\n  return <li aria-hidden=\"true\" className=\"pgn__stepper-header-line\" />;\n}\n\nfunction StepList({ steps, activeKey }) {\n  return (\n    <ul className=\"pgn__stepper-header-step-list\">\n      {steps.map(({ label, ...stepProps }, index) => (\n        <React.Fragment key={stepProps.eventKey}>\n          {index !== 0 && <StepListSeparator />}\n          <StepperHeaderStep\n            {...stepProps}\n            index={index}\n            isActive={activeKey === stepProps.eventKey}\n          >\n            {label}\n          </StepperHeaderStep>\n        </React.Fragment>\n      ))}\n    </ul>\n  );\n}\n\nconst PageCount = ({ activeStepIndex, totalSteps }) => `Step ${activeStepIndex + 1} of ${totalSteps}`;\n\nfunction StepperHeader({ className, PageCountComponent, compactWidth }) {\n  const { steps, activeKey } = useContext(StepperContext);\n  const windowDimensions = useWindowSize();\n  const size = Size[compactWidth] || 'small';\n  const breakpointWidth = breakpoints[size].maxWidth || Infinity;\n  const isCompactView = windowDimensions.width < breakpointWidth;\n\n  if (isCompactView) {\n    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);\n    const activeStep = steps[activeStepIndex];\n    return (\n      <div className={classNames('pgn__stepper-header', className)}>\n        <StepperHeaderStep\n          {...activeStep}\n          index={activeStepIndex}\n          isActive\n        />\n        <div className=\"flex-grow-1\" />\n        <div>\n          <PageCountComponent\n            activeStepIndex={activeStepIndex}\n            totalSteps={steps.length}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  // Show all steps\n  return (\n    <div className={classNames('pgn__stepper-header', className)}>\n      <StepList steps={steps} activeKey={activeKey} />\n    </div>\n  );\n}\n\nStepperHeader.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A component that receives `activeStepIndex` and `totalSteps` props to display them. */\n  PageCountComponent: PropTypes.elementType,\n  /** The max width in which the compact view of the header will switch to display the step number that is\n   * currently in progress. Options include 'xs', 'sm', 'md', 'lg', 'xl', and 'xxl'.\n   */\n  compactWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xxl']),\n};\n\nStepperHeader.defaultProps = {\n  className: null,\n  PageCountComponent: PageCount,\n  compactWidth: 'sm',\n};\n\nStepList.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape({\n    eventKey: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    hasError: PropTypes.bool,\n  })),\n  activeKey: PropTypes.string.isRequired,\n};\n\nStepList.defaultProps = {\n  steps: [],\n};\n\nStepperHeader.Step = StepperHeaderStep;\n\nexport default StepperHeader;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,OAAOC,aAAa,MAAM,wBAAwB;AAClD,OAAOC,WAAW,IAAIC,IAAI,QAAQ,sBAAsB;AAExD,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,oBAAOT,KAAA,CAAAU,aAAA;IAAI,eAAY,MAAM;IAACC,SAAS,EAAC;EAA0B,CAAE,CAAC;AACvE;AAEA,SAASC,QAAQA,CAAAC,IAAA,EAAuB;EAAA,IAApBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAClC,oBACEf,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC;EAA+B,GAC1CG,KAAK,CAACE,GAAG,CAAC,UAAAC,KAAA,EAA0BC,KAAK;IAAA,IAA5BC,KAAK,GAAAF,KAAA,CAALE,KAAK;MAAKC,SAAS,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA;IAAA,oBAC/BtB,KAAA,CAAAU,aAAA,CAACV,KAAK,CAACuB,QAAQ;MAACC,GAAG,EAAEJ,SAAS,CAACK;IAAS,GACrCP,KAAK,KAAK,CAAC,iBAAIlB,KAAA,CAAAU,aAAA,CAACD,iBAAiB,MAAE,CAAC,eACrCT,KAAA,CAAAU,aAAA,CAACN,iBAAiB,EAAAsB,QAAA,KACZN,SAAS;MACbF,KAAK,EAAEA,KAAM;MACbS,QAAQ,EAAEZ,SAAS,KAAKK,SAAS,CAACK;IAAS,IAE1CN,KACgB,CACL,CAAC;EAAA,CAClB,CACC,CAAC;AAET;AAEA,IAAMS,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA;EAAA,IAAMC,eAAe,GAAAD,KAAA,CAAfC,eAAe;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;EAAA,eAAAC,MAAA,CAAeF,eAAe,GAAG,CAAC,UAAAE,MAAA,CAAOD,UAAU;AAAA,CAAE;AAErG,SAASE,aAAaA,CAAAC,KAAA,EAAkD;EAAA,IAA/CvB,SAAS,GAAAuB,KAAA,CAATvB,SAAS;IAAEwB,kBAAkB,GAAAD,KAAA,CAAlBC,kBAAkB;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;EAClE,IAAAC,WAAA,GAA6BpC,UAAU,CAACI,cAAc,CAAC;IAA/CS,KAAK,GAAAuB,WAAA,CAALvB,KAAK;IAAEC,SAAS,GAAAsB,WAAA,CAATtB,SAAS;EACxB,IAAMuB,gBAAgB,GAAGhC,aAAa,CAAC,CAAC;EACxC,IAAMiC,IAAI,GAAG/B,IAAI,CAAC4B,YAAY,CAAC,IAAI,OAAO;EAC1C,IAAMI,eAAe,GAAGjC,WAAW,CAACgC,IAAI,CAAC,CAACE,QAAQ,IAAIC,QAAQ;EAC9D,IAAMC,aAAa,GAAGL,gBAAgB,CAACM,KAAK,GAAGJ,eAAe;EAE9D,IAAIG,aAAa,EAAE;IACjB,IAAMb,eAAe,GAAGhB,KAAK,CAAC+B,SAAS,CAAC,UAAAC,IAAI;MAAA,OAAIA,IAAI,CAACrB,QAAQ,KAAKV,SAAS;IAAA,EAAC;IAC5E,IAAMgC,UAAU,GAAGjC,KAAK,CAACgB,eAAe,CAAC;IACzC,oBACE9B,KAAA,CAAAU,aAAA;MAAKC,SAAS,EAAER,UAAU,CAAC,qBAAqB,EAAEQ,SAAS;IAAE,gBAC3DX,KAAA,CAAAU,aAAA,CAACN,iBAAiB,EAAAsB,QAAA,KACZqB,UAAU;MACd7B,KAAK,EAAEY,eAAgB;MACvBH,QAAQ;IAAA,EACT,CAAC,eACF3B,KAAA,CAAAU,aAAA;MAAKC,SAAS,EAAC;IAAa,CAAE,CAAC,eAC/BX,KAAA,CAAAU,aAAA,2BACEV,KAAA,CAAAU,aAAA,CAACyB,kBAAkB;MACjBL,eAAe,EAAEA,eAAgB;MACjCC,UAAU,EAAEjB,KAAK,CAACkC;IAAO,CAC1B,CACE,CACF,CAAC;EAEV;;EAEA;EACA,oBACEhD,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAER,UAAU,CAAC,qBAAqB,EAAEQ,SAAS;EAAE,gBAC3DX,KAAA,CAAAU,aAAA,CAACE,QAAQ;IAACE,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA;EAAU,CAAE,CAC5C,CAAC;AAEV;AAEAkB,aAAa,CAACgB,SAAS,GAAG;EACxB;EACAtC,SAAS,EAAET,SAAS,CAACgD,MAAM;EAC3B;EACAf,kBAAkB,EAAEjC,SAAS,CAACiD,WAAW;EACzC;AACF;AACA;EACEf,YAAY,EAAElC,SAAS,CAACkD,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;AACrE,CAAC;AAEDnB,aAAa,CAACoB,YAAY,GAAG;EAC3B1C,SAAS,EAAE,IAAI;EACfwB,kBAAkB,EAAEP,SAAS;EAC7BQ,YAAY,EAAE;AAChB,CAAC;AAEDxB,QAAQ,CAACqC,SAAS,GAAG;EACnBnC,KAAK,EAAEZ,SAAS,CAACoD,OAAO,CAACpD,SAAS,CAACqD,KAAK,CAAC;IACvC9B,QAAQ,EAAEvB,SAAS,CAACgD,MAAM;IAC1BM,KAAK,EAAEtD,SAAS,CAACgD,MAAM;IACvBO,WAAW,EAAEvD,SAAS,CAACgD,MAAM;IAC7BQ,QAAQ,EAAExD,SAAS,CAACyD;EACtB,CAAC,CAAC,CAAC;EACH5C,SAAS,EAAEb,SAAS,CAACgD,MAAM,CAACU;AAC9B,CAAC;AAEDhD,QAAQ,CAACyC,YAAY,GAAG;EACtBvC,KAAK,EAAE;AACT,CAAC;AAEDmB,aAAa,CAAC4B,IAAI,GAAGzD,iBAAiB;AAEtC,eAAe6B,aAAa"}

package/dist/Stepper/StepperHeaderStep.js

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

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","getIsViewed","isComplete","isViewed","stepIcon","createElement","src","errorIcon","isClickable","type","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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"}

package/dist/Stepper/StepperStep.js

@@ -3,33 +3,32 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { StepperContext } from './StepperContext';
 export default function StepperStep(_ref) {
-  let {
-    children,
-    eventKey,
-    className,
-    title,
-    index,
-    description,
-    hasError,
-    onClick
-  } = _ref;
-  const {
-    activeKey,
-    registerStep,
-    removeStep
-  } = useContext(StepperContext);
-  useEffect(() => {
+  var children = _ref.children,
+    eventKey = _ref.eventKey,
+    className = _ref.className,
+    title = _ref.title,
+    index = _ref.index,
+    description = _ref.description,
+    hasError = _ref.hasError,
+    onClick = _ref.onClick;
+  var _useContext = useContext(StepperContext),
+    activeKey = _useContext.activeKey,
+    registerStep = _useContext.registerStep,
+    removeStep = _useContext.removeStep;
+  useEffect(function () {
     registerStep({
-      title,
-      index,
-      eventKey,
-      description,
-      hasError,
-      onClick
+      title: title,
+      index: index,
+      eventKey: eventKey,
+      description: description,
+      hasError: hasError,
+      onClick: onClick
     });
-    return () => removeStep(eventKey);
+    return function () {
+      return removeStep(eventKey);
+    };
   }, [title, eventKey, description, hasError, index, registerStep, removeStep, onClick]);
-  const isActive = activeKey === eventKey;
+  var isActive = activeKey === eventKey;
   if (!isActive) {
     return null;
   }

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","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,IATiC;IAClCC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC;EACF,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES,SAAS;IAAEC,YAAY;IAAEC;EAAW,CAAC,GAAGjB,UAAU,CAACI,cAAc,CAAC;EAE1EH,SAAS,CAAC,MAAM;IACde,YAAY,CAAC;MACXN,KAAK;MACLC,KAAK;MACLH,QAAQ;MACRI,WAAW;MACXC,QAAQ;MACRC;IACF,CAAC,CAAC;IACF,OAAO,MAAMG,UAAU,CAACT,QAAQ,CAAC;EACnC,CAAC,EAAE,CAACE,KAAK,EAAEF,QAAQ,EAAEI,WAAW,EAAEC,QAAQ,EAAEF,KAAK,EAAEK,YAAY,EAAEC,UAAU,EAAEH,OAAO,CAAC,CAAC;EAEtF,MAAMI,QAAQ,GAAGH,SAAS,KAAKP,QAAQ;EAEvC,IAAI,CAACU,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEnB,KAAA,CAAAoB,aAAA;IAAKV,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEM,SAAS;EAAE,GACxDF,QACE,CAAC;AAEV;AAEAF,WAAW,CAACe,SAAS,GAAG;EACtB;EACAb,QAAQ,EAAEL,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAb,SAAS,EAAEP,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;AACA;EACEf,QAAQ,EAAEN,SAAS,CAACqB,MAAM,CAACD,UAAU;EACrC;EACAZ,KAAK,EAAER,SAAS,CAACqB,MAAM,CAACD,UAAU;EAClC;EACAV,WAAW,EAAEV,SAAS,CAACqB,MAAM;EAC7B;EACAV,QAAQ,EAAEX,SAAS,CAACsB,IAAI;EACxB;AACF;AACA;AACA;EACEb,KAAK,EAAET,SAAS,CAACuB,MAAM;EACvB;AACF;AACA;AACA;EACEX,OAAO,EAAEZ,SAAS,CAACwB;AACrB,CAAC;AAEDrB,WAAW,CAACsB,YAAY,GAAG;EACzBlB,SAAS,EAAEmB,SAAS;EACpBhB,WAAW,EAAEgB,SAAS;EACtBf,QAAQ,EAAE,KAAK;EACfF,KAAK,EAAEiB,SAAS;EAChBd,OAAO,EAAEc;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"}

package/dist/Sticky/index.js

@@ -1,50 +1,58 @@
-const _excluded = ["position", "children", "offset", "className"];
+var _excluded = ["position", "children", "offset", "className"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 _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; }
 import React, { useLayoutEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-const POSITION_VARIANTS = ['top', 'bottom'];
-const Sticky = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      position,
-      children,
-      offset,
-      className
-    } = _ref,
+var POSITION_VARIANTS = ['top', 'bottom'];
+var Sticky = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var position = _ref.position,
+    children = _ref.children,
+    offset = _ref.offset,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const [isSticky, setIsSticky] = useState(false);
-  const defaultRef = React.useRef();
-  const resolvedRef = ref || defaultRef;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSticky = _useState2[0],
+    setIsSticky = _useState2[1];
+  var defaultRef = React.useRef();
+  var resolvedRef = ref || defaultRef;
 
   // eslint-disable-next-line consistent-return
-  useLayoutEffect(() => {
+  useLayoutEffect(function () {
     if (resolvedRef.current) {
-      const stickyElement = resolvedRef.current;
+      var stickyElement = resolvedRef.current;
       // getComputedStyle is used to get real top/bottom
       // values on the page for proper shadows display
-      const elementStyles = window.getComputedStyle(stickyElement);
-      const elementOffset = elementStyles[position || 'top'];
+      var elementStyles = window.getComputedStyle(stickyElement);
+      var elementOffset = elementStyles[position || 'top'];
       // Margin calculations according to the offset.
       // 1 pixel above/bellow + offset pixels that determines
       // when callback function is called
-      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);
-      const observer = new IntersectionObserver(_ref2 => {
-        let [entry] = _ref2;
+      var elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);
+      var observer = new IntersectionObserver(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 1),
+          entry = _ref3[0];
         return setIsSticky(entry.intersectionRatio < 1);
       }, {
         threshold: [1],
-        rootMargin: position === 'bottom' ? `0px 0px -${elementWithOffset}px 0px` : `-${elementWithOffset}px 0px 0px 0px`
+        rootMargin: position === 'bottom' ? "0px 0px -".concat(elementWithOffset, "px 0px") : "-".concat(elementWithOffset, "px 0px 0px 0px")
       });
       observer.observe(stickyElement);
-      return () => {
+      return function () {
         observer.unobserve(stickyElement);
       };
     }
   }, [position, resolvedRef]);
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames('pgn__sticky', `pgn__sticky-${position || 'top'}`, offset ? `pgn__sticky-offset--${offset}` : '', {
+    className: classNames('pgn__sticky', "pgn__sticky-".concat(position || 'top'), offset ? "pgn__sticky-offset--".concat(offset) : '', {
       'pgn__sticky-shadow': isSticky
     }, className),
     ref: resolvedRef

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","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","_ref2","entry","intersectionRatio","threshold","rootMargin","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":";;;;AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AACxD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,iBAAiB,GAAG,CACxB,KAAK,EACL,QAAQ,CACT;AAED,MAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAAC,IAAA,EAM7BC,GAAG,KAAK;EAAA,IANsB;MAC/BC,QAAQ;MACRC,QAAQ;MACRC,MAAM;MACNC;IAEF,CAAC,GAAAL,IAAA;IADIM,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMiB,UAAU,GAAGnB,KAAK,CAACoB,MAAM,CAAC,CAAC;EACjC,MAAMC,WAAW,GAAGZ,GAAG,IAAIU,UAAU;;EAErC;EACAlB,eAAe,CAAC,MAAM;IACpB,IAAIoB,WAAW,CAACC,OAAO,EAAE;MACvB,MAAMC,aAAa,GAAGF,WAAW,CAACC,OAAO;MACzC;MACA;MACA,MAAME,aAAa,GAAGC,MAAM,CAACC,gBAAgB,CAACH,aAAa,CAAC;MAC5D,MAAMI,aAAa,GAAGH,aAAa,CAACd,QAAQ,IAAI,KAAK,CAAC;MACtD;MACA;MACA;MACA,MAAMkB,iBAAiB,GAAG,CAAC,IAAIC,QAAQ,CAACF,aAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;MAChE,MAAMG,QAAQ,GAAG,IAAIC,oBAAoB,CACvCC,KAAA;QAAA,IAAC,CAACC,KAAK,CAAC,GAAAD,KAAA;QAAA,OAAKd,WAAW,CAACe,KAAK,CAACC,iBAAiB,GAAG,CAAC,CAAC;MAAA,GACrD;QACEC,SAAS,EAAE,CAAC,CAAC,CAAC;QACdC,UAAU,EAAE1B,QAAQ,KAAK,QAAQ,GAC5B,YAAWkB,iBAAkB,QAAO,GACpC,IAAGA,iBAAkB;MAC5B,CACF,CAAC;MACDE,QAAQ,CAACO,OAAO,CAACd,aAAa,CAAC;MAE/B,OAAO,MAAM;QACXO,QAAQ,CAACQ,SAAS,CAACf,aAAa,CAAC;MACnC,CAAC;IACH;EACF,CAAC,EAAE,CAACb,QAAQ,EAAEW,WAAW,CAAC,CAAC;EAE3B,oBACErB,KAAA,CAAAuC,aAAA,QAAAC,QAAA;IACE3B,SAAS,EAAET,UAAU,CACnB,aAAa,EACZ,eAAcM,QAAQ,IAAI,KAAM,EAAC,EAClCE,MAAM,GAAI,uBAAsBA,MAAO,EAAC,GAAG,EAAE,EAC7C;MAAE,oBAAoB,EAAEK;IAAS,CAAC,EAClCJ,SACF,CAAE;IACFJ,GAAG,EAAEY;EAAY,GACbP,IAAI,GAEPH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFL,MAAM,CAACmC,SAAS,GAAG;EACjB;EACA9B,QAAQ,EAAER,SAAS,CAACuC,IAAI,CAACC,UAAU;EACnC;EACAjC,QAAQ,EAAEP,SAAS,CAACyC,KAAK,CAACvC,iBAAiB,CAAC;EAC5C;AACF;AACA;AACA;AACA;AACA;EACEO,MAAM,EAAET,SAAS,CAAC0C,SAAS,CAAC,CAAC1C,SAAS,CAAC2C,MAAM,EAAE3C,SAAS,CAAC4C,MAAM,CAAC,CAAC;EACjE;EACAlC,SAAS,EAAEV,SAAS,CAAC4C;AACvB,CAAC;AAEDzC,MAAM,CAAC0C,YAAY,GAAG;EACpBtC,QAAQ,EAAE,KAAK;EACfE,MAAM,EAAEqC,SAAS;EACjBpC,SAAS,EAAEoC;AACb,CAAC;AAED,eAAe3C,MAAM"}
+{"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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"}