@openedx/paragon 22.10.0 → 22.11.1

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

package/dist/Stepper/StepperHeader.js

@@ -1,7 +1,3 @@
-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; }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -16,48 +12,57 @@ function StepListSeparator() {
   });
 }
 function StepList(_ref) {
-  var steps = _ref.steps,
-    activeKey = _ref.activeKey;
+  let {
+    steps,
+    activeKey
+  } = _ref;
   return /*#__PURE__*/React.createElement("ul", {
     className: "pgn__stepper-header-step-list"
-  }, steps.map(function (_ref2, index) {
-    var label = _ref2.label,
-      stepProps = _objectWithoutProperties(_ref2, _excluded);
+  }, steps.map((_ref2, index) => {
+    let {
+      label,
+      ...stepProps
+    } = _ref2;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: stepProps.eventKey
-    }, index !== 0 && /*#__PURE__*/React.createElement(StepListSeparator, null), /*#__PURE__*/React.createElement(StepperHeaderStep, _extends({}, stepProps, {
+    }, index !== 0 && /*#__PURE__*/React.createElement(StepListSeparator, null), /*#__PURE__*/React.createElement(StepperHeaderStep, {
+      ...stepProps,
       index: index,
       isActive: activeKey === stepProps.eventKey
-    }), label));
+    }, label));
   }));
 }
-var PageCount = function PageCount(_ref3) {
-  var activeStepIndex = _ref3.activeStepIndex,
-    totalSteps = _ref3.totalSteps;
-  return "Step ".concat(activeStepIndex + 1, " of ").concat(totalSteps);
+const PageCount = _ref3 => {
+  let {
+    activeStepIndex,
+    totalSteps
+  } = _ref3;
+  return `Step ${activeStepIndex + 1} of ${totalSteps}`;
 };
 function StepperHeader(_ref4) {
-  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;
+  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;
   if (isCompactView) {
-    var activeStepIndex = steps.findIndex(function (step) {
-      return step.eventKey === activeKey;
-    });
-    var activeStep = steps[activeStepIndex];
+    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);
+    const activeStep = steps[activeStepIndex];
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__stepper-header', className)
-    }, /*#__PURE__*/React.createElement(StepperHeaderStep, _extends({}, activeStep, {
+    }, /*#__PURE__*/React.createElement(StepperHeaderStep, {
+      ...activeStep,
       index: activeStepIndex,
       isActive: true
-    })), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "flex-grow-1"
     }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageCountComponent, {
       activeStepIndex: activeStepIndex,

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

package/dist/Stepper/StepperHeaderStep.js

@@ -6,28 +6,31 @@ import { StepperContext } from './StepperContext';
 import Icon from '../Icon';
 import Bubble from '../Bubble';
 function StepperHeaderStep(_ref) {
-  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, {
+  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, {
     src: Check
   }) : /*#__PURE__*/React.createElement("span", null, index + 1);
-  var errorIcon = /*#__PURE__*/React.createElement(Icon, {
+  const errorIcon = /*#__PURE__*/React.createElement(Icon, {
     src: Error,
     "data-testid": "step-error"
   });
-  var isClickable = onClick && isViewed && !isActive;
+  const isClickable = onClick && isViewed && !isActive;
   if (isClickable) {
     return /*#__PURE__*/React.createElement("button", {
       type: "button",
-      "aria-label": "".concat(title, " step"),
+      "aria-label": `${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","_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":[]}
+{"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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","ignoreList":[]}

package/dist/Stepper/StepperStep.js

@@ -3,32 +3,33 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { StepperContext } from './StepperContext';
 export default function StepperStep(_ref) {
-  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 () {
+  let {
+    children,
+    eventKey,
+    className,
+    title,
+    index,
+    description,
+    hasError,
+    onClick
+  } = _ref;
+  const {
+    activeKey,
+    registerStep,
+    removeStep
+  } = useContext(StepperContext);
+  useEffect(() => {
     registerStep({
-      title: title,
-      index: index,
-      eventKey: eventKey,
-      description: description,
-      hasError: hasError,
-      onClick: onClick
+      title,
+      index,
+      eventKey,
+      description,
+      hasError,
+      onClick
     });
-    return function () {
-      return removeStep(eventKey);
-    };
+    return () => removeStep(eventKey);
   }, [title, eventKey, description, hasError, index, registerStep, removeStep, onClick]);
-  var isActive = activeKey === eventKey;
+  const 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","_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":[]}
+{"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","ignoreList":[]}

package/dist/Sticky/index.js

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

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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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","_ref","ref","position","children","offset","className","rest","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","_ref2","entry","intersectionRatio","threshold","rootMargin","observe","unobserve","createElement","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;IAC/BC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMe,UAAU,GAAGjB,KAAK,CAACkB,MAAM,CAAC,CAAC;EACjC,MAAMC,WAAW,GAAGV,GAAG,IAAIQ,UAAU;;EAErC;EACAhB,eAAe,CAAC,MAAM;IACpB,IAAIkB,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,CAACZ,QAAQ,IAAI,KAAK,CAAC;MACtD;MACA;MACA;MACA,MAAMgB,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,EAAExB,QAAQ,KAAK,QAAQ,GAC5B,YAAWgB,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,CAACX,QAAQ,EAAES,WAAW,CAAC,CAAC;EAE3B,oBACEnB,KAAA,CAAAqC,aAAA;IACExB,SAAS,EAAET,UAAU,CACnB,aAAa,EACZ,eAAcM,QAAQ,IAAI,KAAM,EAAC,EAClCE,MAAM,GAAI,uBAAsBA,MAAO,EAAC,GAAG,EAAE,EAC7C;MAAE,oBAAoB,EAAEG;IAAS,CAAC,EAClCF,SACF,CAAE;IACFJ,GAAG,EAAEU,WAAY;IAAA,GACbL;EAAI,GAEPH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFL,MAAM,CAACgC,SAAS,GAAG;EACjB;EACA3B,QAAQ,EAAER,SAAS,CAACoC,IAAI,CAACC,UAAU;EACnC;EACA9B,QAAQ,EAAEP,SAAS,CAACsC,KAAK,CAACpC,iBAAiB,CAAC;EAC5C;AACF;AACA;AACA;AACA;AACA;EACEO,MAAM,EAAET,SAAS,CAACuC,SAAS,CAAC,CAACvC,SAAS,CAACwC,MAAM,EAAExC,SAAS,CAACyC,MAAM,CAAC,CAAC;EACjE;EACA/B,SAAS,EAAEV,SAAS,CAACyC;AACvB,CAAC;AAEDtC,MAAM,CAACuC,YAAY,GAAG;EACpBnC,QAAQ,EAAE,KAAK;EACfE,MAAM,EAAEkC,SAAS;EACjBjC,SAAS,EAAEiC;AACb,CAAC;AAED,eAAexC,MAAM","ignoreList":[]}