@openedx/paragon 23.14.2 → 23.14.3

package/dist/OverflowScroll/OverflowScroll.js

@@ -3,19 +3,18 @@ import PropTypes from 'prop-types';
 import { useOverflowScroll } from './data';
 import OverflowScrollContext from './OverflowScrollContext';
 import OverflowScrollItems from './OverflowScrollItems';
-function OverflowScroll(_ref) {
-  let {
-    ariaLabel,
-    children,
-    childQuerySelector,
-    hasInteractiveChildren,
-    disableScroll,
-    disableOpacityMasks,
-    onScrollPrevious,
-    onScrollNext,
-    offset,
-    offsetType
-  } = _ref;
+function OverflowScroll({
+  ariaLabel,
+  children,
+  childQuerySelector,
+  hasInteractiveChildren,
+  disableScroll,
+  disableOpacityMasks,
+  onScrollPrevious,
+  onScrollNext,
+  offset,
+  offsetType
+}) {
   const [overflowRef, setOverflowRef] = useState();
   const {
     isScrolledToStart,

package/dist/OverflowScroll/OverflowScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowScroll.js","names":["React","useState","useMemo","PropTypes","useOverflowScroll","OverflowScrollContext","OverflowScrollItems","OverflowScroll","_ref","ariaLabel","children","childQuerySelector","hasInteractiveChildren","disableScroll","disableOpacityMasks","onScrollPrevious","onScrollNext","offset","offsetType","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","contextValue","createElement","className","role","Provider","value","Items","propTypes","string","isRequired","node","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/OverflowScroll/OverflowScroll.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useOverflowScroll } from './data';\nimport OverflowScrollContext from './OverflowScrollContext';\nimport OverflowScrollItems from './OverflowScrollItems';\n\nfunction OverflowScroll({\n  ariaLabel,\n  children,\n  childQuerySelector,\n  hasInteractiveChildren,\n  disableScroll,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  offset,\n  offsetType,\n}) {\n  const [overflowRef, setOverflowRef] = useState();\n\n  const {\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  } = useOverflowScroll({\n    childQuerySelector,\n    hasInteractiveChildren,\n    disableScroll,\n    disableOpacityMasks,\n    onScrollPrevious,\n    onScrollNext,\n    overflowRef,\n    offset,\n    offsetType,\n  });\n\n  const contextValue = useMemo(() => ({\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  }), [\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  ]);\n\n  return (\n    <div\n      className=\"pgn__overflow-scroll\"\n      role=\"region\"\n      aria-label={ariaLabel}\n    >\n      <OverflowScrollContext.Provider value={contextValue}>\n        {children}\n      </OverflowScrollContext.Provider>\n    </div>\n  );\n}\n\nOverflowScroll.Items = OverflowScrollItems;\n\nOverflowScroll.propTypes = {\n  /** Text describing the OverflowScroll for screen readers */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies the content of the `OverflowScroll`. */\n  children: PropTypes.node.isRequired,\n  /** A CSS query selector to find all child elements within the overflow container. */\n  childQuerySelector: PropTypes.string,\n  /** Whether the child `OverflowScroll` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n   * added to be a11y-compliant */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether users can scroll within the overflow container. */\n  disableScroll: PropTypes.bool,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n};\n\nOverflowScroll.defaultProps = {\n  childQuerySelector: undefined,\n  disableScroll: false,\n  hasInteractiveChildren: false,\n  disableOpacityMasks: false,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  offset: undefined,\n  offsetType: 'percentage',\n};\n\nexport default OverflowScroll;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SAASC,cAAcA,CAAAC,IAAA,EAWpB;EAAA,IAXqB;IACtBC,SAAS;IACTC,QAAQ;IACRC,kBAAkB;IAClBC,sBAAsB;IACtBC,aAAa;IACbC,mBAAmB;IACnBC,gBAAgB;IAChBC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,GAAAV,IAAA;EACC,MAAM,CAACW,WAAW,EAAEC,cAAc,CAAC,GAAGnB,QAAQ,CAAC,CAAC;EAEhD,MAAM;IACJoB,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGpB,iBAAiB,CAAC;IACpBO,kBAAkB;IAClBC,sBAAsB;IACtBC,aAAa;IACbC,mBAAmB;IACnBC,gBAAgB;IAChBC,YAAY;IACZG,WAAW;IACXF,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,MAAMO,YAAY,GAAGvB,OAAO,CAAC,OAAO;IAClCiB,WAAW;IACXC,cAAc;IACdC,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,CAAC,EAAE,CACFL,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,CACb,CAAC;EAEF,oBACExB,KAAA,CAAA0B,aAAA;IACEC,SAAS,EAAC,sBAAsB;IAChCC,IAAI,EAAC,QAAQ;IACb,cAAYnB;EAAU,gBAEtBT,KAAA,CAAA0B,aAAA,CAACrB,qBAAqB,CAACwB,QAAQ;IAACC,KAAK,EAAEL;EAAa,GACjDf,QAC6B,CAC7B,CAAC;AAEV;AAEAH,cAAc,CAACwB,KAAK,GAAGzB,mBAAmB;AAE1CC,cAAc,CAACyB,SAAS,GAAG;EACzB;EACAvB,SAAS,EAAEN,SAAS,CAAC8B,MAAM,CAACC,UAAU;EACtC;EACAxB,QAAQ,EAAEP,SAAS,CAACgC,IAAI,CAACD,UAAU;EACnC;EACAvB,kBAAkB,EAAER,SAAS,CAAC8B,MAAM;EACpC;AACF;EACErB,sBAAsB,EAAET,SAAS,CAACiC,IAAI;EACtC;EACAvB,aAAa,EAAEV,SAAS,CAACiC,IAAI;EAC7B;EACAtB,mBAAmB,EAAEX,SAAS,CAACiC,IAAI;EACnC;EACArB,gBAAgB,EAAEZ,SAAS,CAACkC,IAAI;EAChC;EACArB,YAAY,EAAEb,SAAS,CAACkC,IAAI;EAC5B;EACApB,MAAM,EAAEd,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,MAAM,EAAEpC,SAAS,CAAC8B,MAAM,CAAC,CAAC;EACjE;EACAf,UAAU,EAAEf,SAAS,CAACqC,KAAK,CAAC,CAAC,YAAY,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDjC,cAAc,CAACkC,YAAY,GAAG;EAC5B9B,kBAAkB,EAAE+B,SAAS;EAC7B7B,aAAa,EAAE,KAAK;EACpBD,sBAAsB,EAAE,KAAK;EAC7BE,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAE2B,SAAS;EAC3B1B,YAAY,EAAE0B,SAAS;EACvBzB,MAAM,EAAEyB,SAAS;EACjBxB,UAAU,EAAE;AACd,CAAC;AAED,eAAeX,cAAc","ignoreList":[]}
+{"version":3,"file":"OverflowScroll.js","names":["React","useState","useMemo","PropTypes","useOverflowScroll","OverflowScrollContext","OverflowScrollItems","OverflowScroll","ariaLabel","children","childQuerySelector","hasInteractiveChildren","disableScroll","disableOpacityMasks","onScrollPrevious","onScrollNext","offset","offsetType","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","contextValue","createElement","className","role","Provider","value","Items","propTypes","string","isRequired","node","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/OverflowScroll/OverflowScroll.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useOverflowScroll } from './data';\nimport OverflowScrollContext from './OverflowScrollContext';\nimport OverflowScrollItems from './OverflowScrollItems';\n\nfunction OverflowScroll({\n  ariaLabel,\n  children,\n  childQuerySelector,\n  hasInteractiveChildren,\n  disableScroll,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  offset,\n  offsetType,\n}) {\n  const [overflowRef, setOverflowRef] = useState();\n\n  const {\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  } = useOverflowScroll({\n    childQuerySelector,\n    hasInteractiveChildren,\n    disableScroll,\n    disableOpacityMasks,\n    onScrollPrevious,\n    onScrollNext,\n    overflowRef,\n    offset,\n    offsetType,\n  });\n\n  const contextValue = useMemo(() => ({\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  }), [\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  ]);\n\n  return (\n    <div\n      className=\"pgn__overflow-scroll\"\n      role=\"region\"\n      aria-label={ariaLabel}\n    >\n      <OverflowScrollContext.Provider value={contextValue}>\n        {children}\n      </OverflowScrollContext.Provider>\n    </div>\n  );\n}\n\nOverflowScroll.Items = OverflowScrollItems;\n\nOverflowScroll.propTypes = {\n  /** Text describing the OverflowScroll for screen readers */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies the content of the `OverflowScroll`. */\n  children: PropTypes.node.isRequired,\n  /** A CSS query selector to find all child elements within the overflow container. */\n  childQuerySelector: PropTypes.string,\n  /** Whether the child `OverflowScroll` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n   * added to be a11y-compliant */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether users can scroll within the overflow container. */\n  disableScroll: PropTypes.bool,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n};\n\nOverflowScroll.defaultProps = {\n  childQuerySelector: undefined,\n  disableScroll: false,\n  hasInteractiveChildren: false,\n  disableOpacityMasks: false,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  offset: undefined,\n  offsetType: 'percentage',\n};\n\nexport default OverflowScroll;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SAASC,cAAcA,CAAC;EACtBC,SAAS;EACTC,QAAQ;EACRC,kBAAkB;EAClBC,sBAAsB;EACtBC,aAAa;EACbC,mBAAmB;EACnBC,gBAAgB;EAChBC,YAAY;EACZC,MAAM;EACNC;AACF,CAAC,EAAE;EACD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAEhD,MAAM;IACJmB,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGnB,iBAAiB,CAAC;IACpBM,kBAAkB;IAClBC,sBAAsB;IACtBC,aAAa;IACbC,mBAAmB;IACnBC,gBAAgB;IAChBC,YAAY;IACZG,WAAW;IACXF,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,MAAMO,YAAY,GAAGtB,OAAO,CAAC,OAAO;IAClCgB,WAAW;IACXC,cAAc;IACdC,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,CAAC,EAAE,CACFL,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,CACb,CAAC;EAEF,oBACEvB,KAAA,CAAAyB,aAAA;IACEC,SAAS,EAAC,sBAAsB;IAChCC,IAAI,EAAC,QAAQ;IACb,cAAYnB;EAAU,gBAEtBR,KAAA,CAAAyB,aAAA,CAACpB,qBAAqB,CAACuB,QAAQ;IAACC,KAAK,EAAEL;EAAa,GACjDf,QAC6B,CAC7B,CAAC;AAEV;AAEAF,cAAc,CAACuB,KAAK,GAAGxB,mBAAmB;AAE1CC,cAAc,CAACwB,SAAS,GAAG;EACzB;EACAvB,SAAS,EAAEL,SAAS,CAAC6B,MAAM,CAACC,UAAU;EACtC;EACAxB,QAAQ,EAAEN,SAAS,CAAC+B,IAAI,CAACD,UAAU;EACnC;EACAvB,kBAAkB,EAAEP,SAAS,CAAC6B,MAAM;EACpC;AACF;EACErB,sBAAsB,EAAER,SAAS,CAACgC,IAAI;EACtC;EACAvB,aAAa,EAAET,SAAS,CAACgC,IAAI;EAC7B;EACAtB,mBAAmB,EAAEV,SAAS,CAACgC,IAAI;EACnC;EACArB,gBAAgB,EAAEX,SAAS,CAACiC,IAAI;EAChC;EACArB,YAAY,EAAEZ,SAAS,CAACiC,IAAI;EAC5B;EACApB,MAAM,EAAEb,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACmC,MAAM,EAAEnC,SAAS,CAAC6B,MAAM,CAAC,CAAC;EACjE;EACAf,UAAU,EAAEd,SAAS,CAACoC,KAAK,CAAC,CAAC,YAAY,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDhC,cAAc,CAACiC,YAAY,GAAG;EAC5B9B,kBAAkB,EAAE+B,SAAS;EAC7B7B,aAAa,EAAE,KAAK;EACpBD,sBAAsB,EAAE,KAAK;EAC7BE,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAE2B,SAAS;EAC3B1B,YAAY,EAAE0B,SAAS;EACvBzB,MAAM,EAAEyB,SAAS;EACjBxB,UAAU,EAAE;AACd,CAAC;AAED,eAAeV,cAAc","ignoreList":[]}

package/dist/OverflowScroll/OverflowScrollItems.js

@@ -1,9 +1,8 @@
 import PropTypes from 'prop-types';
 import { useOverflowScrollItems } from './data';
-function OverflowScrollItems(_ref) {
-  let {
-    children
-  } = _ref;
+function OverflowScrollItems({
+  children
+}) {
   const overflowScrollChildren = useOverflowScrollItems(children);
   return overflowScrollChildren;
 }

package/dist/OverflowScroll/OverflowScrollItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowScrollItems.js","names":["PropTypes","useOverflowScrollItems","OverflowScrollItems","_ref","children","overflowScrollChildren","propTypes","node","isRequired"],"sources":["../../src/OverflowScroll/OverflowScrollItems.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useOverflowScrollItems } from './data';\n\nfunction OverflowScrollItems({ children }) {\n  const overflowScrollChildren = useOverflowScrollItems(children);\n  return overflowScrollChildren;\n}\n\nOverflowScrollItems.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default OverflowScrollItems;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,sBAAsB,QAAQ,QAAQ;AAE/C,SAASC,mBAAmBA,CAAAC,IAAA,EAAe;EAAA,IAAd;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACvC,MAAME,sBAAsB,GAAGJ,sBAAsB,CAACG,QAAQ,CAAC;EAC/D,OAAOC,sBAAsB;AAC/B;AAEAH,mBAAmB,CAACI,SAAS,GAAG;EAC9BF,QAAQ,EAAEJ,SAAS,CAACO,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeN,mBAAmB","ignoreList":[]}
+{"version":3,"file":"OverflowScrollItems.js","names":["PropTypes","useOverflowScrollItems","OverflowScrollItems","children","overflowScrollChildren","propTypes","node","isRequired"],"sources":["../../src/OverflowScroll/OverflowScrollItems.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useOverflowScrollItems } from './data';\n\nfunction OverflowScrollItems({ children }) {\n  const overflowScrollChildren = useOverflowScrollItems(children);\n  return overflowScrollChildren;\n}\n\nOverflowScrollItems.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default OverflowScrollItems;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,sBAAsB,QAAQ,QAAQ;AAE/C,SAASC,mBAAmBA,CAAC;EAAEC;AAAS,CAAC,EAAE;EACzC,MAAMC,sBAAsB,GAAGH,sBAAsB,CAACE,QAAQ,CAAC;EAC/D,OAAOC,sBAAsB;AAC/B;AAEAF,mBAAmB,CAACG,SAAS,GAAG;EAC9BF,QAAQ,EAAEH,SAAS,CAACM,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeL,mBAAmB","ignoreList":[]}

package/dist/Overlay/index.d.ts

@@ -11,7 +11,7 @@ declare namespace Overlay {
          * A component instance, DOM node, or function that returns either.
          * The overlay will be positioned in relation to the target.
          */
-        container: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactComponentLike | null | undefined>>;
+        container: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | ((...args: any[]) => any) | null | undefined>>;
         /** Callback fired before the `Overlay` transitions in. */
         onEnter: PropTypes.Requireable<(...args: any[]) => any>;
         /** Callback fired after the `Overlay` finishes transitioning in. */
@@ -47,7 +47,7 @@ declare namespace Overlay {
          *
          * Controls `onToggle`.
          */
-        target: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactComponentLike | null | undefined>>;
+        target: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | ((...args: any[]) => any) | null | undefined>>;
         /**
          * Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,
          * or a custom react-transition-group `<Transition>` component can be provided.

package/dist/PageBanner/index.js

@@ -12,16 +12,15 @@ export const VARIANTS = {
   accentA: 'accentA',
   accentB: 'accentB'
 };
-function PageBanner(_ref) {
-  let {
-    children,
-    dismissible,
-    dismissAltText,
-    onDismiss,
-    show,
-    variant,
-    ...rest
-  } = _ref;
+function PageBanner({
+  children,
+  dismissible,
+  dismissAltText,
+  onDismiss,
+  show,
+  variant,
+  ...rest
+}) {
   if (!show) {
     return null;
   }

package/dist/PageBanner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Close","Icon","IconButton","PAGE_BANNER_DISMISS_ALT_TEXT","VARIANTS","light","dark","warning","accentA","accentB","PageBanner","_ref","children","dismissible","dismissAltText","onDismiss","show","variant","rest","createElement","className","role","onClick","iconAs","alt","src","size","invertColors","propTypes","node","bool","func","oneOf","defaultProps","undefined"],"sources":["../../src/PageBanner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Close } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n  warning: 'warning',\n  accentA: 'accentA',\n  accentB: 'accentB',\n};\n\nfunction PageBanner({\n  children, dismissible, dismissAltText, onDismiss, show, variant, ...rest\n}) {\n  if (!show) {\n    return null;\n  }\n  return (\n    <div\n      className={classNames(\n        'pgn__pageBanner-component',\n        `pgn__pageBanner__${variant}`,\n      )}\n      role=\"alert\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      {...rest}\n    >\n      <div className=\"pgn__pageBanner-content\">\n        { children }\n      </div>\n      {dismissible && (\n        <span className=\"pgn__pageBanner-dismissButtonContainer\">\n          <IconButton\n            onClick={onDismiss}\n            iconAs={Icon}\n            alt={dismissAltText}\n            src={Close}\n            size=\"inline\"\n            invertColors={variant === 'dark'}\n            variant={variant === 'dark' ? 'dark' : 'black'}\n          />\n        </span>\n      )}\n    </div>\n  );\n}\n\nPageBanner.propTypes = {\n  /** An element rendered inside the `Page Banner`. */\n  children: PropTypes.node,\n  /** Boolean used to control whether `Page Banner` is dismissible. */\n  dismissible: PropTypes.bool,\n  /** An element to be set as the dismiss button's alt text (preferably a translated string). */\n  dismissAltText: PropTypes.node,\n  /** A function to be called on dismiss of the `Page Banner`. */\n  onDismiss: PropTypes.func,\n  /** Boolean used to control whether the Page Banner shows. */\n  show: PropTypes.bool,\n  /** A string designating which color variant of the `Page Banner` to display */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark, VARIANTS.warning, VARIANTS.accentA, VARIANTS.accentB]),\n};\n\nPageBanner.defaultProps = {\n  children: undefined,\n  dismissible: false,\n  dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,\n  onDismiss: () => {},\n  show: true,\n  variant: VARIANTS.accentA,\n};\n\nexport default PageBanner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAO,MAAMC,4BAA4B,GAAG,SAAS;AAErD,OAAO,MAAMC,QAAQ,GAAG;EACtBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,UAAUA,CAAAC,IAAA,EAEhB;EAAA,IAFiB;IAClBC,QAAQ;IAAEC,WAAW;IAAEC,cAAc;IAAEC,SAAS;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;EACtE,CAAC,GAAAP,IAAA;EACC,IAAI,CAACK,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACEnB,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAErB,UAAU,CACnB,2BAA2B,EAC3B,oBAAoBkB,OAAO,EAC7B,CAAE;IACFI,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY,MAAM;IAAA,GACdH;EAAI,gBAERrB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACpCR,QACC,CAAC,EACLC,WAAW,iBACVhB,KAAA,CAAAsB,aAAA;IAAMC,SAAS,EAAC;EAAwC,gBACtDvB,KAAA,CAAAsB,aAAA,CAACjB,UAAU;IACToB,OAAO,EAAEP,SAAU;IACnBQ,MAAM,EAAEtB,IAAK;IACbuB,GAAG,EAAEV,cAAe;IACpBW,GAAG,EAAEzB,KAAM;IACX0B,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEV,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEAP,UAAU,CAACkB,SAAS,GAAG;EACrB;EACAhB,QAAQ,EAAEd,SAAS,CAAC+B,IAAI;EACxB;EACAhB,WAAW,EAAEf,SAAS,CAACgC,IAAI;EAC3B;EACAhB,cAAc,EAAEhB,SAAS,CAAC+B,IAAI;EAC9B;EACAd,SAAS,EAAEjB,SAAS,CAACiC,IAAI;EACzB;EACAf,IAAI,EAAElB,SAAS,CAACgC,IAAI;EACpB;EACAb,OAAO,EAAEnB,SAAS,CAACkC,KAAK,CAAC,CAAC5B,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACE,IAAI,EAAEF,QAAQ,CAACG,OAAO,EAAEH,QAAQ,CAACI,OAAO,EAAEJ,QAAQ,CAACK,OAAO,CAAC;AAChH,CAAC;AAEDC,UAAU,CAACuB,YAAY,GAAG;EACxBrB,QAAQ,EAAEsB,SAAS;EACnBrB,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAEX,4BAA4B;EAC5CY,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAEb,QAAQ,CAACI;AACpB,CAAC;AAED,eAAeE,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Close","Icon","IconButton","PAGE_BANNER_DISMISS_ALT_TEXT","VARIANTS","light","dark","warning","accentA","accentB","PageBanner","children","dismissible","dismissAltText","onDismiss","show","variant","rest","createElement","className","role","onClick","iconAs","alt","src","size","invertColors","propTypes","node","bool","func","oneOf","defaultProps","undefined"],"sources":["../../src/PageBanner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Close } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n  warning: 'warning',\n  accentA: 'accentA',\n  accentB: 'accentB',\n};\n\nfunction PageBanner({\n  children, dismissible, dismissAltText, onDismiss, show, variant, ...rest\n}) {\n  if (!show) {\n    return null;\n  }\n  return (\n    <div\n      className={classNames(\n        'pgn__pageBanner-component',\n        `pgn__pageBanner__${variant}`,\n      )}\n      role=\"alert\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      {...rest}\n    >\n      <div className=\"pgn__pageBanner-content\">\n        { children }\n      </div>\n      {dismissible && (\n        <span className=\"pgn__pageBanner-dismissButtonContainer\">\n          <IconButton\n            onClick={onDismiss}\n            iconAs={Icon}\n            alt={dismissAltText}\n            src={Close}\n            size=\"inline\"\n            invertColors={variant === 'dark'}\n            variant={variant === 'dark' ? 'dark' : 'black'}\n          />\n        </span>\n      )}\n    </div>\n  );\n}\n\nPageBanner.propTypes = {\n  /** An element rendered inside the `Page Banner`. */\n  children: PropTypes.node,\n  /** Boolean used to control whether `Page Banner` is dismissible. */\n  dismissible: PropTypes.bool,\n  /** An element to be set as the dismiss button's alt text (preferably a translated string). */\n  dismissAltText: PropTypes.node,\n  /** A function to be called on dismiss of the `Page Banner`. */\n  onDismiss: PropTypes.func,\n  /** Boolean used to control whether the Page Banner shows. */\n  show: PropTypes.bool,\n  /** A string designating which color variant of the `Page Banner` to display */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark, VARIANTS.warning, VARIANTS.accentA, VARIANTS.accentB]),\n};\n\nPageBanner.defaultProps = {\n  children: undefined,\n  dismissible: false,\n  dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,\n  onDismiss: () => {},\n  show: true,\n  variant: VARIANTS.accentA,\n};\n\nexport default PageBanner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAO,MAAMC,4BAA4B,GAAG,SAAS;AAErD,OAAO,MAAMC,QAAQ,GAAG;EACtBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,UAAUA,CAAC;EAClBC,QAAQ;EAAEC,WAAW;EAAEC,cAAc;EAAEC,SAAS;EAAEC,IAAI;EAAEC,OAAO;EAAE,GAAGC;AACtE,CAAC,EAAE;EACD,IAAI,CAACF,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACElB,KAAA,CAAAqB,aAAA;IACEC,SAAS,EAAEpB,UAAU,CACnB,2BAA2B,EAC3B,oBAAoBiB,OAAO,EAC7B,CAAE;IACFI,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY,MAAM;IAAA,GACdH;EAAI,gBAERpB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACpCR,QACC,CAAC,EACLC,WAAW,iBACVf,KAAA,CAAAqB,aAAA;IAAMC,SAAS,EAAC;EAAwC,gBACtDtB,KAAA,CAAAqB,aAAA,CAAChB,UAAU;IACTmB,OAAO,EAAEP,SAAU;IACnBQ,MAAM,EAAErB,IAAK;IACbsB,GAAG,EAAEV,cAAe;IACpBW,GAAG,EAAExB,KAAM;IACXyB,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEV,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEAN,UAAU,CAACiB,SAAS,GAAG;EACrB;EACAhB,QAAQ,EAAEb,SAAS,CAAC8B,IAAI;EACxB;EACAhB,WAAW,EAAEd,SAAS,CAAC+B,IAAI;EAC3B;EACAhB,cAAc,EAAEf,SAAS,CAAC8B,IAAI;EAC9B;EACAd,SAAS,EAAEhB,SAAS,CAACgC,IAAI;EACzB;EACAf,IAAI,EAAEjB,SAAS,CAAC+B,IAAI;EACpB;EACAb,OAAO,EAAElB,SAAS,CAACiC,KAAK,CAAC,CAAC3B,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACE,IAAI,EAAEF,QAAQ,CAACG,OAAO,EAAEH,QAAQ,CAACI,OAAO,EAAEJ,QAAQ,CAACK,OAAO,CAAC;AAChH,CAAC;AAEDC,UAAU,CAACsB,YAAY,GAAG;EACxBrB,QAAQ,EAAEsB,SAAS;EACnBrB,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAEV,4BAA4B;EAC5CW,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAEZ,QAAQ,CAACI;AACpB,CAAC;AAED,eAAeE,UAAU","ignoreList":[]}

package/dist/Pagination/PaginationContext.js

@@ -3,19 +3,18 @@ import PropTypes from 'prop-types';
 import { PAGINATION_VARIANTS } from './constants';
 import getPaginationRange from './getPaginationRange';
 const PaginationContext = /*#__PURE__*/createContext({});
-function PaginationContextProvider(_ref) {
-  let {
-    children,
-    onPageSelect,
-    invertColors,
-    maxPagesDisplayed,
-    buttonLabels,
-    icons,
-    variant,
-    pageCount,
-    currentPage: controlledCurrentPage,
-    initialPage
-  } = _ref;
+function PaginationContextProvider({
+  children,
+  onPageSelect,
+  invertColors,
+  maxPagesDisplayed,
+  buttonLabels,
+  icons,
+  variant,
+  pageCount,
+  currentPage: controlledCurrentPage,
+  initialPage
+}) {
   const [currentPage, setCurrentPage] = useState(controlledCurrentPage || initialPage);
   const [pageButtonSelected, setPageButtonSelected] = useState(false);
   const previousButtonRef = useRef(null);

package/dist/Pagination/PaginationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContext.js","names":["React","createContext","useEffect","useRef","useState","PropTypes","PAGINATION_VARIANTS","getPaginationRange","PaginationContext","PaginationContextProvider","_ref","children","onPageSelect","invertColors","maxPagesDisplayed","buttonLabels","icons","variant","pageCount","currentPage","controlledCurrentPage","initialPage","setCurrentPage","pageButtonSelected","setPageButtonSelected","previousButtonRef","nextButtonRef","pageButtonRef","currentPageRef","focus","isUncontrolled","undefined","isPageButtonActive","page","isOnFirstPage","isOnLastPage","isDefaultVariant","default","getPageButtonRefHandler","pageNum","element","current","handlePageSelect","handlePreviousButtonClick","prevState","handleNextButtonClick","getAriaLabelForPreviousButton","ariaLabel","previous","getAriaLabelForNextButton","next","getAriaLabelForPageButton","getAriaLabelForPageOfCountButton","pageOfCount","getScreenReaderText","getPageOfText","getPageButtonVariant","buttonVariant","getNextButtonIcon","rightIcon","getPrevButtonIcon","leftIcon","displayPages","currentIndex","count","length","requireFirstAndLastPages","value","createElement","Provider","propTypes","node","isRequired","func","number","shape","string","oneOfType","oneOf","Object","values","bool","defaultProps"],"sources":["../../src/Pagination/PaginationContext.jsx"],"sourcesContent":["import React, {\n  createContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { PAGINATION_VARIANTS } from './constants';\nimport getPaginationRange from './getPaginationRange';\n\nconst PaginationContext = createContext({});\n\nfunction PaginationContextProvider({\n  children, onPageSelect, invertColors, maxPagesDisplayed,\n  buttonLabels, icons, variant,\n  pageCount, currentPage: controlledCurrentPage, initialPage,\n}) {\n  const [currentPage, setCurrentPage] = useState(controlledCurrentPage || initialPage);\n  const [pageButtonSelected, setPageButtonSelected] = useState(false);\n  const previousButtonRef = useRef(null);\n  const nextButtonRef = useRef(null);\n  const pageButtonRef = useRef([]);\n\n  useEffect(() => {\n    const currentPageRef = pageButtonRef[currentPage];\n\n    if (currentPageRef && pageButtonSelected) {\n      currentPageRef.focus();\n      setPageButtonSelected(false);\n    }\n  }, [currentPage, pageButtonSelected]);\n\n  const isUncontrolled = () => controlledCurrentPage === undefined;\n  const isPageButtonActive = (page) => page === currentPage;\n  const isOnFirstPage = () => (currentPage === 1 || pageCount === 0);\n  const isOnLastPage = () => currentPage === pageCount || pageCount === 0;\n  const isDefaultVariant = () => variant === PAGINATION_VARIANTS.default;\n\n  if (!isUncontrolled() && controlledCurrentPage !== currentPage) {\n    setCurrentPage(controlledCurrentPage);\n  }\n\n  const getPageButtonRefHandler = (pageNum) => (element) => { pageButtonRef.current[pageNum] = element; };\n\n  const handlePageSelect = (page) => {\n    if (page !== currentPage) {\n      if (isUncontrolled()) {\n        setCurrentPage(page);\n      }\n      setPageButtonSelected(true);\n      onPageSelect(page);\n    }\n  };\n\n  const handlePreviousButtonClick = () => {\n    onPageSelect(currentPage - 1);\n    if (currentPage === 2) {\n      nextButtonRef.current.focus();\n    }\n    if (isUncontrolled()) {\n      setCurrentPage((prevState) => prevState - 1);\n    }\n  };\n\n  const handleNextButtonClick = () => {\n    onPageSelect(currentPage + 1);\n    if (currentPage === pageCount - 1) {\n      previousButtonRef.current.focus();\n    }\n    if (isUncontrolled()) {\n      setCurrentPage((prevState) => prevState + 1);\n    }\n  };\n\n  const getAriaLabelForPreviousButton = () => {\n    let ariaLabel = `${buttonLabels.previous}`;\n\n    if (!isOnFirstPage()) {\n      ariaLabel += `, ${buttonLabels.page} ${currentPage - 1}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForNextButton = () => {\n    let ariaLabel = `${buttonLabels.next}`;\n\n    if (!isOnLastPage()) {\n      ariaLabel += `, ${buttonLabels.page} ${currentPage + 1}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForPageButton = (page) => {\n    let ariaLabel = `${buttonLabels.page} ${page}`;\n\n    if (isPageButtonActive(page)) {\n      ariaLabel += `, ${buttonLabels.currentPage}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForPageOfCountButton = () => `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n  const getScreenReaderText = () => `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n  const getPageOfText = () => `${currentPage} ${buttonLabels.pageOfCount} ${pageCount}`;\n\n  const getPageButtonVariant = (page) => {\n    let buttonVariant = isPageButtonActive(page) ? 'primary' : 'tertiary';\n\n    if (invertColors) {\n      buttonVariant = `inverse-${buttonVariant}`;\n    }\n\n    return buttonVariant;\n  };\n\n  const getNextButtonIcon = () => icons.rightIcon;\n  const getPrevButtonIcon = () => icons.leftIcon;\n\n  const displayPages = getPaginationRange({\n    currentIndex: currentPage,\n    count: pageCount,\n    length: maxPagesDisplayed,\n    requireFirstAndLastPages: true,\n  });\n\n  const value = {\n    invertColors,\n    displayPages,\n    pageCount,\n    buttonLabels,\n    previousButtonRef,\n    nextButtonRef,\n    pageButtonRef,\n    getPrevButtonIcon,\n    getNextButtonIcon,\n    getAriaLabelForNextButton,\n    getAriaLabelForPageButton,\n    getAriaLabelForPreviousButton,\n    getAriaLabelForPageOfCountButton,\n    getPageButtonVariant,\n    handlePreviousButtonClick,\n    handleNextButtonClick,\n    handlePageSelect,\n    isOnFirstPage,\n    isOnLastPage,\n    isPageButtonActive,\n    isDefaultVariant,\n    getScreenReaderText,\n    getPageOfText,\n    getPageButtonRefHandler,\n  };\n\n  return (\n    <PaginationContext.Provider value={value}>\n      {children}\n    </PaginationContext.Provider>\n  );\n}\n\nPaginationContextProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  onPageSelect: PropTypes.func.isRequired,\n  pageCount: PropTypes.number.isRequired,\n  buttonLabels: PropTypes.shape({\n    previous: PropTypes.string,\n    next: PropTypes.string,\n    page: PropTypes.string,\n    currentPage: PropTypes.string,\n    pageOfCount: PropTypes.string,\n  }).isRequired,\n  currentPage: PropTypes.number,\n  maxPagesDisplayed: PropTypes.number.isRequired,\n  icons: PropTypes.shape({\n    leftIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    rightIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  }).isRequired,\n  variant: PropTypes.oneOf(Object.values(PAGINATION_VARIANTS)).isRequired,\n  invertColors: PropTypes.bool.isRequired,\n  initialPage: PropTypes.number.isRequired,\n};\n\nPaginationContextProvider.defaultProps = {\n  currentPage: undefined,\n};\n\nexport { PaginationContextProvider };\nexport default PaginationContext;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PaginationContext.js","names":["React","createContext","useEffect","useRef","useState","PropTypes","PAGINATION_VARIANTS","getPaginationRange","PaginationContext","PaginationContextProvider","children","onPageSelect","invertColors","maxPagesDisplayed","buttonLabels","icons","variant","pageCount","currentPage","controlledCurrentPage","initialPage","setCurrentPage","pageButtonSelected","setPageButtonSelected","previousButtonRef","nextButtonRef","pageButtonRef","currentPageRef","focus","isUncontrolled","undefined","isPageButtonActive","page","isOnFirstPage","isOnLastPage","isDefaultVariant","default","getPageButtonRefHandler","pageNum","element","current","handlePageSelect","handlePreviousButtonClick","prevState","handleNextButtonClick","getAriaLabelForPreviousButton","ariaLabel","previous","getAriaLabelForNextButton","next","getAriaLabelForPageButton","getAriaLabelForPageOfCountButton","pageOfCount","getScreenReaderText","getPageOfText","getPageButtonVariant","buttonVariant","getNextButtonIcon","rightIcon","getPrevButtonIcon","leftIcon","displayPages","currentIndex","count","length","requireFirstAndLastPages","value","createElement","Provider","propTypes","node","isRequired","func","number","shape","string","oneOfType","oneOf","Object","values","bool","defaultProps"],"sources":["../../src/Pagination/PaginationContext.jsx"],"sourcesContent":["import React, {\n  createContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { PAGINATION_VARIANTS } from './constants';\nimport getPaginationRange from './getPaginationRange';\n\nconst PaginationContext = createContext({});\n\nfunction PaginationContextProvider({\n  children, onPageSelect, invertColors, maxPagesDisplayed,\n  buttonLabels, icons, variant,\n  pageCount, currentPage: controlledCurrentPage, initialPage,\n}) {\n  const [currentPage, setCurrentPage] = useState(controlledCurrentPage || initialPage);\n  const [pageButtonSelected, setPageButtonSelected] = useState(false);\n  const previousButtonRef = useRef(null);\n  const nextButtonRef = useRef(null);\n  const pageButtonRef = useRef([]);\n\n  useEffect(() => {\n    const currentPageRef = pageButtonRef[currentPage];\n\n    if (currentPageRef && pageButtonSelected) {\n      currentPageRef.focus();\n      setPageButtonSelected(false);\n    }\n  }, [currentPage, pageButtonSelected]);\n\n  const isUncontrolled = () => controlledCurrentPage === undefined;\n  const isPageButtonActive = (page) => page === currentPage;\n  const isOnFirstPage = () => (currentPage === 1 || pageCount === 0);\n  const isOnLastPage = () => currentPage === pageCount || pageCount === 0;\n  const isDefaultVariant = () => variant === PAGINATION_VARIANTS.default;\n\n  if (!isUncontrolled() && controlledCurrentPage !== currentPage) {\n    setCurrentPage(controlledCurrentPage);\n  }\n\n  const getPageButtonRefHandler = (pageNum) => (element) => { pageButtonRef.current[pageNum] = element; };\n\n  const handlePageSelect = (page) => {\n    if (page !== currentPage) {\n      if (isUncontrolled()) {\n        setCurrentPage(page);\n      }\n      setPageButtonSelected(true);\n      onPageSelect(page);\n    }\n  };\n\n  const handlePreviousButtonClick = () => {\n    onPageSelect(currentPage - 1);\n    if (currentPage === 2) {\n      nextButtonRef.current.focus();\n    }\n    if (isUncontrolled()) {\n      setCurrentPage((prevState) => prevState - 1);\n    }\n  };\n\n  const handleNextButtonClick = () => {\n    onPageSelect(currentPage + 1);\n    if (currentPage === pageCount - 1) {\n      previousButtonRef.current.focus();\n    }\n    if (isUncontrolled()) {\n      setCurrentPage((prevState) => prevState + 1);\n    }\n  };\n\n  const getAriaLabelForPreviousButton = () => {\n    let ariaLabel = `${buttonLabels.previous}`;\n\n    if (!isOnFirstPage()) {\n      ariaLabel += `, ${buttonLabels.page} ${currentPage - 1}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForNextButton = () => {\n    let ariaLabel = `${buttonLabels.next}`;\n\n    if (!isOnLastPage()) {\n      ariaLabel += `, ${buttonLabels.page} ${currentPage + 1}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForPageButton = (page) => {\n    let ariaLabel = `${buttonLabels.page} ${page}`;\n\n    if (isPageButtonActive(page)) {\n      ariaLabel += `, ${buttonLabels.currentPage}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForPageOfCountButton = () => `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n  const getScreenReaderText = () => `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n  const getPageOfText = () => `${currentPage} ${buttonLabels.pageOfCount} ${pageCount}`;\n\n  const getPageButtonVariant = (page) => {\n    let buttonVariant = isPageButtonActive(page) ? 'primary' : 'tertiary';\n\n    if (invertColors) {\n      buttonVariant = `inverse-${buttonVariant}`;\n    }\n\n    return buttonVariant;\n  };\n\n  const getNextButtonIcon = () => icons.rightIcon;\n  const getPrevButtonIcon = () => icons.leftIcon;\n\n  const displayPages = getPaginationRange({\n    currentIndex: currentPage,\n    count: pageCount,\n    length: maxPagesDisplayed,\n    requireFirstAndLastPages: true,\n  });\n\n  const value = {\n    invertColors,\n    displayPages,\n    pageCount,\n    buttonLabels,\n    previousButtonRef,\n    nextButtonRef,\n    pageButtonRef,\n    getPrevButtonIcon,\n    getNextButtonIcon,\n    getAriaLabelForNextButton,\n    getAriaLabelForPageButton,\n    getAriaLabelForPreviousButton,\n    getAriaLabelForPageOfCountButton,\n    getPageButtonVariant,\n    handlePreviousButtonClick,\n    handleNextButtonClick,\n    handlePageSelect,\n    isOnFirstPage,\n    isOnLastPage,\n    isPageButtonActive,\n    isDefaultVariant,\n    getScreenReaderText,\n    getPageOfText,\n    getPageButtonRefHandler,\n  };\n\n  return (\n    <PaginationContext.Provider value={value}>\n      {children}\n    </PaginationContext.Provider>\n  );\n}\n\nPaginationContextProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  onPageSelect: PropTypes.func.isRequired,\n  pageCount: PropTypes.number.isRequired,\n  buttonLabels: PropTypes.shape({\n    previous: PropTypes.string,\n    next: PropTypes.string,\n    page: PropTypes.string,\n    currentPage: PropTypes.string,\n    pageOfCount: PropTypes.string,\n  }).isRequired,\n  currentPage: PropTypes.number,\n  maxPagesDisplayed: PropTypes.number.isRequired,\n  icons: PropTypes.shape({\n    leftIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    rightIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  }).isRequired,\n  variant: PropTypes.oneOf(Object.values(PAGINATION_VARIANTS)).isRequired,\n  invertColors: PropTypes.bool.isRequired,\n  initialPage: PropTypes.number.isRequired,\n};\n\nPaginationContextProvider.defaultProps = {\n  currentPage: undefined,\n};\n\nexport { PaginationContextProvider };\nexport default PaginationContext;\n"],"mappings":"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","ignoreList":[]}

package/dist/Pagination/subcomponents/PageButton.js

@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Button from '../../Button';
 import PaginationContext from '../PaginationContext';
-export default function PageButton(_ref) {
-  let {
-    pageNum
-  } = _ref;
+export default function PageButton({
+  pageNum
+}) {
   const {
     isPageButtonActive,
     getAriaLabelForPageButton,

package/dist/Pagination/subcomponents/PageButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageButton.js","names":["React","useContext","PropTypes","classNames","Button","PaginationContext","PageButton","_ref","pageNum","isPageButtonActive","getAriaLabelForPageButton","getPageButtonVariant","handlePageSelect","getPageButtonRefHandler","createElement","className","active","variant","ref","onClick","propTypes","oneOfType","string","number","isRequired"],"sources":["../../../src/Pagination/subcomponents/PageButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '../../Button';\nimport PaginationContext from '../PaginationContext';\n\nexport default function PageButton({ pageNum }) {\n  const {\n    isPageButtonActive,\n    getAriaLabelForPageButton,\n    getPageButtonVariant,\n    handlePageSelect,\n    getPageButtonRefHandler,\n  } = useContext(PaginationContext);\n\n  return (\n    <li className={classNames('page-item', { active: isPageButtonActive(pageNum) })}>\n      <Button\n        className=\"page-link\"\n        aria-label={getAriaLabelForPageButton(pageNum)}\n        variant={getPageButtonVariant(pageNum)}\n        ref={getPageButtonRefHandler(pageNum)}\n        onClick={() => handlePageSelect(pageNum)}\n      >\n        {pageNum}\n      </Button>\n    </li>\n  );\n}\n\nPageButton.propTypes = {\n  pageNum: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAAc;EAAA,IAAb;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAC5C,MAAM;IACJE,kBAAkB;IAClBC,yBAAyB;IACzBC,oBAAoB;IACpBC,gBAAgB;IAChBC;EACF,CAAC,GAAGZ,UAAU,CAACI,iBAAiB,CAAC;EAEjC,oBACEL,KAAA,CAAAc,aAAA;IAAIC,SAAS,EAAEZ,UAAU,CAAC,WAAW,EAAE;MAAEa,MAAM,EAAEP,kBAAkB,CAACD,OAAO;IAAE,CAAC;EAAE,gBAC9ER,KAAA,CAAAc,aAAA,CAACV,MAAM;IACLW,SAAS,EAAC,WAAW;IACrB,cAAYL,yBAAyB,CAACF,OAAO,CAAE;IAC/CS,OAAO,EAAEN,oBAAoB,CAACH,OAAO,CAAE;IACvCU,GAAG,EAAEL,uBAAuB,CAACL,OAAO,CAAE;IACtCW,OAAO,EAAEA,CAAA,KAAMP,gBAAgB,CAACJ,OAAO;EAAE,GAExCA,OACK,CACN,CAAC;AAET;AAEAF,UAAU,CAACc,SAAS,GAAG;EACrBZ,OAAO,EAAEN,SAAS,CAACmB,SAAS,CAAC,CAACnB,SAAS,CAACoB,MAAM,EAAEpB,SAAS,CAACqB,MAAM,CAAC,CAAC,CAACC;AACrE,CAAC","ignoreList":[]}
+{"version":3,"file":"PageButton.js","names":["React","useContext","PropTypes","classNames","Button","PaginationContext","PageButton","pageNum","isPageButtonActive","getAriaLabelForPageButton","getPageButtonVariant","handlePageSelect","getPageButtonRefHandler","createElement","className","active","variant","ref","onClick","propTypes","oneOfType","string","number","isRequired"],"sources":["../../../src/Pagination/subcomponents/PageButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '../../Button';\nimport PaginationContext from '../PaginationContext';\n\nexport default function PageButton({ pageNum }) {\n  const {\n    isPageButtonActive,\n    getAriaLabelForPageButton,\n    getPageButtonVariant,\n    handlePageSelect,\n    getPageButtonRefHandler,\n  } = useContext(PaginationContext);\n\n  return (\n    <li className={classNames('page-item', { active: isPageButtonActive(pageNum) })}>\n      <Button\n        className=\"page-link\"\n        aria-label={getAriaLabelForPageButton(pageNum)}\n        variant={getPageButtonVariant(pageNum)}\n        ref={getPageButtonRefHandler(pageNum)}\n        onClick={() => handlePageSelect(pageNum)}\n      >\n        {pageNum}\n      </Button>\n    </li>\n  );\n}\n\nPageButton.propTypes = {\n  pageNum: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,eAAe,SAASC,UAAUA,CAAC;EAAEC;AAAQ,CAAC,EAAE;EAC9C,MAAM;IACJC,kBAAkB;IAClBC,yBAAyB;IACzBC,oBAAoB;IACpBC,gBAAgB;IAChBC;EACF,CAAC,GAAGX,UAAU,CAACI,iBAAiB,CAAC;EAEjC,oBACEL,KAAA,CAAAa,aAAA;IAAIC,SAAS,EAAEX,UAAU,CAAC,WAAW,EAAE;MAAEY,MAAM,EAAEP,kBAAkB,CAACD,OAAO;IAAE,CAAC;EAAE,gBAC9EP,KAAA,CAAAa,aAAA,CAACT,MAAM;IACLU,SAAS,EAAC,WAAW;IACrB,cAAYL,yBAAyB,CAACF,OAAO,CAAE;IAC/CS,OAAO,EAAEN,oBAAoB,CAACH,OAAO,CAAE;IACvCU,GAAG,EAAEL,uBAAuB,CAACL,OAAO,CAAE;IACtCW,OAAO,EAAEA,CAAA,KAAMP,gBAAgB,CAACJ,OAAO;EAAE,GAExCA,OACK,CACN,CAAC;AAET;AAEAD,UAAU,CAACa,SAAS,GAAG;EACrBZ,OAAO,EAAEL,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACmB,MAAM,EAAEnB,SAAS,CAACoB,MAAM,CAAC,CAAC,CAACC;AACrE,CAAC","ignoreList":[]}

package/dist/Popover/index.js

@@ -5,20 +5,17 @@ import BasePopover from 'react-bootstrap/Popover';
 import BasePopoverTitle from 'react-bootstrap/PopoverTitle';
 import BasePopoverContent from 'react-bootstrap/PopoverContent';
 const PLACEMENT_VARIANTS = ['auto', 'top', 'bottom', 'left', 'right'];
-const Popover = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    variant,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(BasePopover, {
-    ...props,
-    className: classNames({
-      [`popover-${variant}`]: !!variant
-    }, props.className),
-    ref: ref
-  }, children);
-});
+const Popover = /*#__PURE__*/React.forwardRef(({
+  children,
+  variant,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement(BasePopover, {
+  ...props,
+  className: classNames({
+    [`popover-${variant}`]: !!variant
+  }, props.className),
+  ref: ref
+}, children));
 function PopoverTitle(props) {
   return /*#__PURE__*/React.createElement(BasePopoverTitle, {
     ...props

package/dist/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BasePopover","BasePopoverTitle","BasePopoverContent","PLACEMENT_VARIANTS","Popover","forwardRef","_ref","ref","children","variant","props","createElement","className","PopoverTitle","PopoverContent","commonPropTypes","as","elementType","bsPrefix","string","propTypes","id","isRequired","placement","oneOf","title","arrowProps","shape","oneOfType","func","current","element","style","content","bool","popper","show","node","defaultProps","undefined","Title","Content"],"sources":["../../src/Popover/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BasePopover from 'react-bootstrap/Popover';\nimport BasePopoverTitle from 'react-bootstrap/PopoverTitle';\nimport BasePopoverContent from 'react-bootstrap/PopoverContent';\n\nconst PLACEMENT_VARIANTS = [\n  'auto',\n  'top',\n  'bottom',\n  'left',\n  'right',\n];\n\nconst Popover = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BasePopover\n    {...props}\n    className={classNames({ [`popover-${variant}`]: !!variant }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BasePopover>\n));\n\nfunction PopoverTitle(props) {\n  return <BasePopoverTitle {...props} />;\n}\nfunction PopoverContent(props) {\n  return <BasePopoverContent {...props} />;\n}\n\nconst commonPropTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nPopoverTitle.propTypes = commonPropTypes;\nPopoverContent.propTypes = commonPropTypes;\n\nPopover.propTypes = {\n  ...BasePopover.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the Popover is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Title` inside passing the children directly to it.\n   */\n  title: PropTypes.string,\n  /**\n   * An `Overlay` injected set of props for positioning the popover arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Content` inside passing the children directly to it.\n   */\n  content: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** Specifies the content of the `Overlay` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Overlay` */\n  variant: PropTypes.string,\n};\n\nPopover.defaultProps = {\n  ...BasePopover.defaultProps,\n  placement: 'right',\n  title: undefined,\n  arrowProps: undefined,\n  content: undefined,\n  popper: undefined,\n  show: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n};\n\nPopoverTitle.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-header',\n};\n\nPopoverContent.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-body',\n};\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nexport { PopoverTitle, PopoverContent };\nexport default Popover;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BasePopover","BasePopoverTitle","BasePopoverContent","PLACEMENT_VARIANTS","Popover","forwardRef","children","variant","props","ref","createElement","className","PopoverTitle","PopoverContent","commonPropTypes","as","elementType","bsPrefix","string","propTypes","id","isRequired","placement","oneOf","title","arrowProps","shape","oneOfType","func","current","element","style","content","bool","popper","show","node","defaultProps","undefined","Title","Content"],"sources":["../../src/Popover/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BasePopover from 'react-bootstrap/Popover';\nimport BasePopoverTitle from 'react-bootstrap/PopoverTitle';\nimport BasePopoverContent from 'react-bootstrap/PopoverContent';\n\nconst PLACEMENT_VARIANTS = [\n  'auto',\n  'top',\n  'bottom',\n  'left',\n  'right',\n];\n\nconst Popover = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BasePopover\n    {...props}\n    className={classNames({ [`popover-${variant}`]: !!variant }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BasePopover>\n));\n\nfunction PopoverTitle(props) {\n  return <BasePopoverTitle {...props} />;\n}\nfunction PopoverContent(props) {\n  return <BasePopoverContent {...props} />;\n}\n\nconst commonPropTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nPopoverTitle.propTypes = commonPropTypes;\nPopoverContent.propTypes = commonPropTypes;\n\nPopover.propTypes = {\n  ...BasePopover.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the Popover is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Title` inside passing the children directly to it.\n   */\n  title: PropTypes.string,\n  /**\n   * An `Overlay` injected set of props for positioning the popover arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Content` inside passing the children directly to it.\n   */\n  content: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** Specifies the content of the `Overlay` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Overlay` */\n  variant: PropTypes.string,\n};\n\nPopover.defaultProps = {\n  ...BasePopover.defaultProps,\n  placement: 'right',\n  title: undefined,\n  arrowProps: undefined,\n  content: undefined,\n  popper: undefined,\n  show: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n};\n\nPopoverTitle.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-header',\n};\n\nPopoverContent.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-body',\n};\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nexport { PopoverTitle, PopoverContent };\nexport default Popover;\n"],"mappings":"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","ignoreList":[]}

package/dist/ProductTour/Checkpoint.js

@@ -8,19 +8,18 @@ import CheckpointActionRow from './CheckpointActionRow';
 import CheckpointBody from './CheckpointBody';
 import CheckpointHeader from './CheckpointHeader';
 import messages from './messages';
-const Checkpoint = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    body,
-    dismissAltText,
-    index,
-    onBack,
-    onDismiss,
-    placement,
-    target,
-    title,
-    totalCheckpoints,
-    ...props
-  } = _ref;
+const Checkpoint = /*#__PURE__*/React.forwardRef(({
+  body,
+  dismissAltText,
+  index,
+  onBack,
+  onDismiss,
+  placement,
+  target,
+  title,
+  totalCheckpoints,
+  ...props
+}, ref) => {
   const [checkpointVisible, setCheckpointVisible] = useState(false);
   const isMobile = useMediaQuery({
     maxWidth: breakpoints.small.maxWidth

package/dist/ProductTour/Checkpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkpoint.js","names":["React","useEffect","useState","useMediaQuery","PropTypes","createPopper","FormattedMessage","breakpoints","CheckpointActionRow","CheckpointBody","CheckpointHeader","messages","Checkpoint","forwardRef","_ref","ref","body","dismissAltText","index","onBack","onDismiss","placement","target","title","totalCheckpoints","props","checkpointVisible","setCheckpointVisible","isMobile","maxWidth","small","targetElement","document","querySelector","checkpoint","checkpointPopper","strategy","modifiers","name","options","padding","offset","tetherOffset","forceUpdate","targetOffset","getBoundingClientRect","top","bottom","global","innerHeight","includes","scrollTo","behavior","button","focus","isLastCheckpoint","createElement","id","className","role","style","visibility","pointerEvents","topPositionText","values","step","bottomPositionText","defaultProps","advanceButtonText","backButtonText","endButtonText","propTypes","node","string","number","isRequired","onAdvance","func","onEnd","oneOf"],"sources":["../../src/ProductTour/Checkpoint.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { createPopper } from '@popperjs/core';\nimport { FormattedMessage } from 'react-intl';\n\nimport breakpoints from '../utils/breakpoints';\nimport CheckpointActionRow from './CheckpointActionRow';\nimport CheckpointBody from './CheckpointBody';\nimport CheckpointHeader from './CheckpointHeader';\nimport messages from './messages';\n\nconst Checkpoint = React.forwardRef(({\n  body,\n  dismissAltText,\n  index,\n  onBack,\n  onDismiss,\n  placement,\n  target,\n  title,\n  totalCheckpoints,\n  ...props\n}, ref) => {\n  const [checkpointVisible, setCheckpointVisible] = useState(false);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n  useEffect(() => {\n    const targetElement = document.querySelector(target);\n    const checkpoint = document.querySelector('#pgn__checkpoint');\n    if (targetElement && checkpoint) {\n      // Use the Popper library to translate the Checkpoint to its target's coordinates\n      const checkpointPopper = createPopper(targetElement, checkpoint, {\n        placement: isMobile ? 'top' : placement,\n        strategy: 'fixed',\n        modifiers: [\n          {\n            name: 'arrow',\n            options: {\n              padding: 25,\n            },\n          },\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 20],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 20,\n              tetherOffset: 35,\n            },\n          },\n        ],\n      });\n      setCheckpointVisible(true);\n      if (checkpointPopper) {\n        checkpointPopper.forceUpdate();\n      }\n    }\n  }, [target, isMobile, placement]);\n\n  useEffect(() => {\n    if (checkpointVisible) {\n      // Scroll the Checkpoint into view once its rendered\n      const targetElement = document.querySelector(target);\n      let targetOffset = targetElement.getBoundingClientRect().top;\n      if ((targetOffset < 0) || (targetElement.getBoundingClientRect().bottom > global.innerHeight)) {\n        if (placement.includes('top')) {\n          if (targetOffset < 0) {\n            targetOffset *= -1;\n          }\n          targetOffset -= 280;\n        } else {\n          targetOffset -= 80;\n        }\n\n        global.scrollTo({\n          top: targetOffset, behavior: 'smooth',\n        });\n      }\n\n      const button = document.querySelector('.pgn__checkpoint-button_advance');\n      button.focus();\n    }\n  }, [target, checkpointVisible, placement]);\n\n  const isLastCheckpoint = index + 1 === totalCheckpoints;\n\n  return (\n    <div\n      id=\"pgn__checkpoint\"\n      className=\"pgn__checkpoint\"\n      aria-labelledby=\"pgn__checkpoint-title\"\n      ref={ref}\n      role=\"dialog\"\n      style={{ visibility: checkpointVisible ? 'visible' : 'hidden', pointerEvents: checkpointVisible ? 'auto' : 'none' }}\n    >\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.topPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n      <CheckpointHeader\n        dismissAltText={dismissAltText}\n        index={index}\n        onDismiss={onDismiss}\n        title={title}\n        totalCheckpoints={totalCheckpoints}\n      />\n      <CheckpointBody>{body}</CheckpointBody>\n      <CheckpointActionRow\n        onBack={onBack}\n        onDismiss={onDismiss}\n        isLastCheckpoint={isLastCheckpoint}\n        index={index}\n        {...props}\n      />\n      <div id=\"pgn__checkpoint-arrow\" data-popper-arrow />\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.bottomPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n    </div>\n  );\n});\n\nCheckpoint.defaultProps = {\n  advanceButtonText: null,\n  backButtonText: null,\n  body: null,\n  dismissAltText: null,\n  endButtonText: null,\n  placement: 'top',\n  title: null,\n};\n\nCheckpoint.propTypes = {\n  /** The text displayed on the button used to advance the tour for the given Checkpoint. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed on the button used go back in the tour for the given Checkpoint. */\n  backButtonText: PropTypes.string,\n  /** The text displayed in the body of the Checkpoint */\n  body: PropTypes.node,\n  /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n  dismissAltText: PropTypes.string,\n  /** The text displayed on the button used to end the tour for the given Checkpoint. */\n  endButtonText: PropTypes.node,\n  /** The current index of the given Checkpoint */\n  index: PropTypes.number.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button for the given Checkpoint. */\n  onAdvance: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onBack` event of the back\n   * button for the given Checkpoint. */\n  onBack: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the dismiss\n   * button for the given Checkpoint. */\n  onDismiss: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n  onEnd: PropTypes.func.isRequired,\n  /** A string that dictates the alignment of the Checkpoint around its target. */\n  placement: PropTypes.oneOf([\n    'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n    'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n  ]),\n  /** The CSS selector for the Checkpoint's desired target. */\n  target: PropTypes.string.isRequired,\n  /** The text displayed in the title of the Checkpoint */\n  title: PropTypes.node,\n  /** The total number of Checkpoints in a tour */\n  totalCheckpoints: PropTypes.number.isRequired,\n};\n\nexport default Checkpoint;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkpoint.js","names":["React","useEffect","useState","useMediaQuery","PropTypes","createPopper","FormattedMessage","breakpoints","CheckpointActionRow","CheckpointBody","CheckpointHeader","messages","Checkpoint","forwardRef","body","dismissAltText","index","onBack","onDismiss","placement","target","title","totalCheckpoints","props","ref","checkpointVisible","setCheckpointVisible","isMobile","maxWidth","small","targetElement","document","querySelector","checkpoint","checkpointPopper","strategy","modifiers","name","options","padding","offset","tetherOffset","forceUpdate","targetOffset","getBoundingClientRect","top","bottom","global","innerHeight","includes","scrollTo","behavior","button","focus","isLastCheckpoint","createElement","id","className","role","style","visibility","pointerEvents","topPositionText","values","step","bottomPositionText","defaultProps","advanceButtonText","backButtonText","endButtonText","propTypes","node","string","number","isRequired","onAdvance","func","onEnd","oneOf"],"sources":["../../src/ProductTour/Checkpoint.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { createPopper } from '@popperjs/core';\nimport { FormattedMessage } from 'react-intl';\n\nimport breakpoints from '../utils/breakpoints';\nimport CheckpointActionRow from './CheckpointActionRow';\nimport CheckpointBody from './CheckpointBody';\nimport CheckpointHeader from './CheckpointHeader';\nimport messages from './messages';\n\nconst Checkpoint = React.forwardRef(({\n  body,\n  dismissAltText,\n  index,\n  onBack,\n  onDismiss,\n  placement,\n  target,\n  title,\n  totalCheckpoints,\n  ...props\n}, ref) => {\n  const [checkpointVisible, setCheckpointVisible] = useState(false);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n  useEffect(() => {\n    const targetElement = document.querySelector(target);\n    const checkpoint = document.querySelector('#pgn__checkpoint');\n    if (targetElement && checkpoint) {\n      // Use the Popper library to translate the Checkpoint to its target's coordinates\n      const checkpointPopper = createPopper(targetElement, checkpoint, {\n        placement: isMobile ? 'top' : placement,\n        strategy: 'fixed',\n        modifiers: [\n          {\n            name: 'arrow',\n            options: {\n              padding: 25,\n            },\n          },\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 20],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 20,\n              tetherOffset: 35,\n            },\n          },\n        ],\n      });\n      setCheckpointVisible(true);\n      if (checkpointPopper) {\n        checkpointPopper.forceUpdate();\n      }\n    }\n  }, [target, isMobile, placement]);\n\n  useEffect(() => {\n    if (checkpointVisible) {\n      // Scroll the Checkpoint into view once its rendered\n      const targetElement = document.querySelector(target);\n      let targetOffset = targetElement.getBoundingClientRect().top;\n      if ((targetOffset < 0) || (targetElement.getBoundingClientRect().bottom > global.innerHeight)) {\n        if (placement.includes('top')) {\n          if (targetOffset < 0) {\n            targetOffset *= -1;\n          }\n          targetOffset -= 280;\n        } else {\n          targetOffset -= 80;\n        }\n\n        global.scrollTo({\n          top: targetOffset, behavior: 'smooth',\n        });\n      }\n\n      const button = document.querySelector('.pgn__checkpoint-button_advance');\n      button.focus();\n    }\n  }, [target, checkpointVisible, placement]);\n\n  const isLastCheckpoint = index + 1 === totalCheckpoints;\n\n  return (\n    <div\n      id=\"pgn__checkpoint\"\n      className=\"pgn__checkpoint\"\n      aria-labelledby=\"pgn__checkpoint-title\"\n      ref={ref}\n      role=\"dialog\"\n      style={{ visibility: checkpointVisible ? 'visible' : 'hidden', pointerEvents: checkpointVisible ? 'auto' : 'none' }}\n    >\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.topPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n      <CheckpointHeader\n        dismissAltText={dismissAltText}\n        index={index}\n        onDismiss={onDismiss}\n        title={title}\n        totalCheckpoints={totalCheckpoints}\n      />\n      <CheckpointBody>{body}</CheckpointBody>\n      <CheckpointActionRow\n        onBack={onBack}\n        onDismiss={onDismiss}\n        isLastCheckpoint={isLastCheckpoint}\n        index={index}\n        {...props}\n      />\n      <div id=\"pgn__checkpoint-arrow\" data-popper-arrow />\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.bottomPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n    </div>\n  );\n});\n\nCheckpoint.defaultProps = {\n  advanceButtonText: null,\n  backButtonText: null,\n  body: null,\n  dismissAltText: null,\n  endButtonText: null,\n  placement: 'top',\n  title: null,\n};\n\nCheckpoint.propTypes = {\n  /** The text displayed on the button used to advance the tour for the given Checkpoint. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed on the button used go back in the tour for the given Checkpoint. */\n  backButtonText: PropTypes.string,\n  /** The text displayed in the body of the Checkpoint */\n  body: PropTypes.node,\n  /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n  dismissAltText: PropTypes.string,\n  /** The text displayed on the button used to end the tour for the given Checkpoint. */\n  endButtonText: PropTypes.node,\n  /** The current index of the given Checkpoint */\n  index: PropTypes.number.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button for the given Checkpoint. */\n  onAdvance: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onBack` event of the back\n   * button for the given Checkpoint. */\n  onBack: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the dismiss\n   * button for the given Checkpoint. */\n  onDismiss: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n  onEnd: PropTypes.func.isRequired,\n  /** A string that dictates the alignment of the Checkpoint around its target. */\n  placement: PropTypes.oneOf([\n    'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n    'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n  ]),\n  /** The CSS selector for the Checkpoint's desired target. */\n  target: PropTypes.string.isRequired,\n  /** The text displayed in the title of the Checkpoint */\n  title: PropTypes.node,\n  /** The total number of Checkpoints in a tour */\n  totalCheckpoints: PropTypes.number.isRequired,\n};\n\nexport default Checkpoint;\n"],"mappings":"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","ignoreList":[]}

package/dist/ProductTour/CheckpointActionRow.js

@@ -2,17 +2,16 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ActionRow from '../ActionRow';
 import Button from '../Button';
-const CheckpointActionRow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    advanceButtonText,
-    backButtonText,
-    endButtonText,
-    isLastCheckpoint,
-    onAdvance,
-    onBack,
-    onEnd,
-    index
-  } = _ref;
+const CheckpointActionRow = /*#__PURE__*/React.forwardRef(({
+  advanceButtonText,
+  backButtonText,
+  endButtonText,
+  isLastCheckpoint,
+  onAdvance,
+  onBack,
+  onEnd,
+  index
+}, ref) => {
   const isFirstCheckpoint = index === 0;
   return /*#__PURE__*/React.createElement(ActionRow, {
     className: "pgn__checkpoint-action-row",

package/dist/ProductTour/CheckpointActionRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointActionRow.js","names":["React","PropTypes","ActionRow","Button","CheckpointActionRow","forwardRef","_ref","ref","advanceButtonText","backButtonText","endButtonText","isLastCheckpoint","onAdvance","onBack","onEnd","index","isFirstCheckpoint","createElement","className","variant","onClick","autoFocus","defaultProps","propTypes","node","string","bool","func","number"],"sources":["../../src/ProductTour/CheckpointActionRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport ActionRow from '../ActionRow';\nimport Button from '../Button';\n\nconst CheckpointActionRow = React.forwardRef(({\n  advanceButtonText,\n  backButtonText,\n  endButtonText,\n  isLastCheckpoint,\n  onAdvance,\n  onBack,\n  onEnd,\n  index,\n}, ref) => {\n  const isFirstCheckpoint = index === 0;\n  return (\n    <ActionRow className=\"pgn__checkpoint-action-row\" ref={ref}>\n      {!isFirstCheckpoint && (\n        <Button\n          className=\"pgn__checkpoint-button-back\"\n          variant=\"tertiary\"\n          onClick={onBack}\n        >\n          {backButtonText}\n        </Button>\n      )}\n      <Button\n        autoFocus\n        className=\"pgn__checkpoint-button_advance\"\n        onClick={isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)}\n      >\n        {isLastCheckpoint ? endButtonText : advanceButtonText}\n      </Button>\n    </ActionRow>\n  );\n});\n\nCheckpointActionRow.defaultProps = {\n  advanceButtonText: '',\n  backButtonText: '',\n  endButtonText: '',\n  isLastCheckpoint: false,\n  onAdvance: () => { },\n  onBack: () => { },\n  onEnd: () => { },\n  index: 0,\n};\n\nCheckpointActionRow.propTypes = {\n  /** The text displayed on the button used to advance the tour. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed on the button used to go back on the tour */\n  backButtonText: PropTypes.string,\n  /** The text displayed on the button used to end the tour. */\n  endButtonText: PropTypes.node,\n  /** Whether the parent Checkpoint is the last in the tour. */\n  isLastCheckpoint: PropTypes.bool,\n  /** A function that runs when triggering the `onClick` event of the advance button. */\n  onAdvance: PropTypes.func,\n  /** A function that runs when triggering the `onClick` event of the back button. */\n  onBack: PropTypes.func,\n  /** A function that runs when triggering the `onClick` event of the advance button if isLastCheckpoint is true. */\n  onEnd: PropTypes.func,\n  /** Allows visibility of last index value for onEnd checkpoint compatibility */\n  index: PropTypes.number,\n};\n\nexport default CheckpointActionRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,mBAAmB,gBAAGJ,KAAK,CAACK,UAAU,CAAC,CAAAC,IAAA,EAS1CC,GAAG,KAAK;EAAA,IATmC;IAC5CC,iBAAiB;IACjBC,cAAc;IACdC,aAAa;IACbC,gBAAgB;IAChBC,SAAS;IACTC,MAAM;IACNC,KAAK;IACLC;EACF,CAAC,GAAAT,IAAA;EACC,MAAMU,iBAAiB,GAAGD,KAAK,KAAK,CAAC;EACrC,oBACEf,KAAA,CAAAiB,aAAA,CAACf,SAAS;IAACgB,SAAS,EAAC,4BAA4B;IAACX,GAAG,EAAEA;EAAI,GACxD,CAACS,iBAAiB,iBACjBhB,KAAA,CAAAiB,aAAA,CAACd,MAAM;IACLe,SAAS,EAAC,6BAA6B;IACvCC,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAEP;EAAO,GAEfJ,cACK,CACT,eACDT,KAAA,CAAAiB,aAAA,CAACd,MAAM;IACLkB,SAAS;IACTH,SAAS,EAAC,gCAAgC;IAC1CE,OAAO,EAAET,gBAAgB,GAAG,MAAMG,KAAK,CAACC,KAAK,CAAC,GAAG,MAAMH,SAAS,CAACG,KAAK;EAAE,GAEvEJ,gBAAgB,GAAGD,aAAa,GAAGF,iBAC9B,CACC,CAAC;AAEhB,CAAC,CAAC;AAEFJ,mBAAmB,CAACkB,YAAY,GAAG;EACjCd,iBAAiB,EAAE,EAAE;EACrBC,cAAc,EAAE,EAAE;EAClBC,aAAa,EAAE,EAAE;EACjBC,gBAAgB,EAAE,KAAK;EACvBC,SAAS,EAAEA,CAAA,KAAM,CAAE,CAAC;EACpBC,MAAM,EAAEA,CAAA,KAAM,CAAE,CAAC;EACjBC,KAAK,EAAEA,CAAA,KAAM,CAAE,CAAC;EAChBC,KAAK,EAAE;AACT,CAAC;AAEDX,mBAAmB,CAACmB,SAAS,GAAG;EAC9B;EACAf,iBAAiB,EAAEP,SAAS,CAACuB,IAAI;EACjC;EACAf,cAAc,EAAER,SAAS,CAACwB,MAAM;EAChC;EACAf,aAAa,EAAET,SAAS,CAACuB,IAAI;EAC7B;EACAb,gBAAgB,EAAEV,SAAS,CAACyB,IAAI;EAChC;EACAd,SAAS,EAAEX,SAAS,CAAC0B,IAAI;EACzB;EACAd,MAAM,EAAEZ,SAAS,CAAC0B,IAAI;EACtB;EACAb,KAAK,EAAEb,SAAS,CAAC0B,IAAI;EACrB;EACAZ,KAAK,EAAEd,SAAS,CAAC2B;AACnB,CAAC;AAED,eAAexB,mBAAmB","ignoreList":[]}
+{"version":3,"file":"CheckpointActionRow.js","names":["React","PropTypes","ActionRow","Button","CheckpointActionRow","forwardRef","advanceButtonText","backButtonText","endButtonText","isLastCheckpoint","onAdvance","onBack","onEnd","index","ref","isFirstCheckpoint","createElement","className","variant","onClick","autoFocus","defaultProps","propTypes","node","string","bool","func","number"],"sources":["../../src/ProductTour/CheckpointActionRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport ActionRow from '../ActionRow';\nimport Button from '../Button';\n\nconst CheckpointActionRow = React.forwardRef(({\n  advanceButtonText,\n  backButtonText,\n  endButtonText,\n  isLastCheckpoint,\n  onAdvance,\n  onBack,\n  onEnd,\n  index,\n}, ref) => {\n  const isFirstCheckpoint = index === 0;\n  return (\n    <ActionRow className=\"pgn__checkpoint-action-row\" ref={ref}>\n      {!isFirstCheckpoint && (\n        <Button\n          className=\"pgn__checkpoint-button-back\"\n          variant=\"tertiary\"\n          onClick={onBack}\n        >\n          {backButtonText}\n        </Button>\n      )}\n      <Button\n        autoFocus\n        className=\"pgn__checkpoint-button_advance\"\n        onClick={isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)}\n      >\n        {isLastCheckpoint ? endButtonText : advanceButtonText}\n      </Button>\n    </ActionRow>\n  );\n});\n\nCheckpointActionRow.defaultProps = {\n  advanceButtonText: '',\n  backButtonText: '',\n  endButtonText: '',\n  isLastCheckpoint: false,\n  onAdvance: () => { },\n  onBack: () => { },\n  onEnd: () => { },\n  index: 0,\n};\n\nCheckpointActionRow.propTypes = {\n  /** The text displayed on the button used to advance the tour. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed on the button used to go back on the tour */\n  backButtonText: PropTypes.string,\n  /** The text displayed on the button used to end the tour. */\n  endButtonText: PropTypes.node,\n  /** Whether the parent Checkpoint is the last in the tour. */\n  isLastCheckpoint: PropTypes.bool,\n  /** A function that runs when triggering the `onClick` event of the advance button. */\n  onAdvance: PropTypes.func,\n  /** A function that runs when triggering the `onClick` event of the back button. */\n  onBack: PropTypes.func,\n  /** A function that runs when triggering the `onClick` event of the advance button if isLastCheckpoint is true. */\n  onEnd: PropTypes.func,\n  /** Allows visibility of last index value for onEnd checkpoint compatibility */\n  index: PropTypes.number,\n};\n\nexport default CheckpointActionRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,mBAAmB,gBAAGJ,KAAK,CAACK,UAAU,CAAC,CAAC;EAC5CC,iBAAiB;EACjBC,cAAc;EACdC,aAAa;EACbC,gBAAgB;EAChBC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAMC,iBAAiB,GAAGF,KAAK,KAAK,CAAC;EACrC,oBACEb,KAAA,CAAAgB,aAAA,CAACd,SAAS;IAACe,SAAS,EAAC,4BAA4B;IAACH,GAAG,EAAEA;EAAI,GACxD,CAACC,iBAAiB,iBACjBf,KAAA,CAAAgB,aAAA,CAACb,MAAM;IACLc,SAAS,EAAC,6BAA6B;IACvCC,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAER;EAAO,GAEfJ,cACK,CACT,eACDP,KAAA,CAAAgB,aAAA,CAACb,MAAM;IACLiB,SAAS;IACTH,SAAS,EAAC,gCAAgC;IAC1CE,OAAO,EAAEV,gBAAgB,GAAG,MAAMG,KAAK,CAACC,KAAK,CAAC,GAAG,MAAMH,SAAS,CAACG,KAAK;EAAE,GAEvEJ,gBAAgB,GAAGD,aAAa,GAAGF,iBAC9B,CACC,CAAC;AAEhB,CAAC,CAAC;AAEFF,mBAAmB,CAACiB,YAAY,GAAG;EACjCf,iBAAiB,EAAE,EAAE;EACrBC,cAAc,EAAE,EAAE;EAClBC,aAAa,EAAE,EAAE;EACjBC,gBAAgB,EAAE,KAAK;EACvBC,SAAS,EAAEA,CAAA,KAAM,CAAE,CAAC;EACpBC,MAAM,EAAEA,CAAA,KAAM,CAAE,CAAC;EACjBC,KAAK,EAAEA,CAAA,KAAM,CAAE,CAAC;EAChBC,KAAK,EAAE;AACT,CAAC;AAEDT,mBAAmB,CAACkB,SAAS,GAAG;EAC9B;EACAhB,iBAAiB,EAAEL,SAAS,CAACsB,IAAI;EACjC;EACAhB,cAAc,EAAEN,SAAS,CAACuB,MAAM;EAChC;EACAhB,aAAa,EAAEP,SAAS,CAACsB,IAAI;EAC7B;EACAd,gBAAgB,EAAER,SAAS,CAACwB,IAAI;EAChC;EACAf,SAAS,EAAET,SAAS,CAACyB,IAAI;EACzB;EACAf,MAAM,EAAEV,SAAS,CAACyB,IAAI;EACtB;EACAd,KAAK,EAAEX,SAAS,CAACyB,IAAI;EACrB;EACAb,KAAK,EAAEZ,SAAS,CAAC0B;AACnB,CAAC;AAED,eAAevB,mBAAmB","ignoreList":[]}

package/dist/ProductTour/CheckpointBody.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-const CheckpointBody = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children
-  } = _ref;
+const CheckpointBody = /*#__PURE__*/React.forwardRef(({
+  children
+}, ref) => {
   if (!children) {
     return null;
   }

package/dist/ProductTour/CheckpointBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointBody.js","names":["React","PropTypes","CheckpointBody","forwardRef","_ref","ref","children","createElement","className","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBody = React.forwardRef(({ children }, ref) => {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className=\"pgn__checkpoint-body\" ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nCheckpointBody.defaultProps = {\n  children: null,\n};\n\nCheckpointBody.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default CheckpointBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CAAC,CAAAC,IAAA,EAAeC,GAAG,KAAK;EAAA,IAAtB;IAAEC;EAAS,CAAC,GAAAF,IAAA;EACnD,IAAI,CAACE,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC,sBAAsB;IAACH,GAAG,EAAEA;EAAI,GAC5CC,QACE,CAAC;AAEV,CAAC,CAAC;AAEFJ,cAAc,CAACO,YAAY,GAAG;EAC5BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,cAAc,CAACQ,SAAS,GAAG;EACzBJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,cAAc","ignoreList":[]}
+{"version":3,"file":"CheckpointBody.js","names":["React","PropTypes","CheckpointBody","forwardRef","children","ref","createElement","className","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBody = React.forwardRef(({ children }, ref) => {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className=\"pgn__checkpoint-body\" ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nCheckpointBody.defaultProps = {\n  children: null,\n};\n\nCheckpointBody.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default CheckpointBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CAAC,CAAC;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAC7D,IAAI,CAACD,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEJ,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC,sBAAsB;IAACF,GAAG,EAAEA;EAAI,GAC5CD,QACE,CAAC;AAEV,CAAC,CAAC;AAEFF,cAAc,CAACM,YAAY,GAAG;EAC5BJ,QAAQ,EAAE;AACZ,CAAC;AAEDF,cAAc,CAACO,SAAS,GAAG;EACzBL,QAAQ,EAAEH,SAAS,CAACS;AACtB,CAAC;AAED,eAAeR,cAAc","ignoreList":[]}

package/dist/ProductTour/CheckpointHeader.js

@@ -6,14 +6,13 @@ import IconButton from '../IconButton';
 import { Close } from '../../icons';
 import CheckpointTitle from './CheckpointTitle';
 import messages from './messages';
-const CheckpointHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    dismissAltText,
-    index,
-    onDismiss,
-    title,
-    totalCheckpoints
-  } = _ref;
+const CheckpointHeader = /*#__PURE__*/React.forwardRef(({
+  dismissAltText,
+  index,
+  onDismiss,
+  title,
+  totalCheckpoints
+}, ref) => {
   const intl = useIntl();
   const oneBasedIndex = index + 1;
   const altText = dismissAltText && typeof dismissAltText === 'string' ? dismissAltText : intl.formatMessage(messages.closeAltText);

package/dist/ProductTour/CheckpointHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointHeader.js","names":["React","PropTypes","FormattedMessage","useIntl","Icon","IconButton","Close","CheckpointTitle","messages","CheckpointHeader","forwardRef","_ref","ref","dismissAltText","index","onDismiss","title","totalCheckpoints","intl","oneBasedIndex","altText","formatMessage","closeAltText","createElement","Fragment","className","pageIndexText","values","step","totalSteps","size","iconAs","src","alt","onClick","defaultProps","propTypes","string","number","isRequired","func","node"],"sources":["../../src/ProductTour/CheckpointHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\nimport CheckpointTitle from './CheckpointTitle';\nimport messages from './messages';\n\nconst CheckpointHeader = React.forwardRef(({\n  dismissAltText, index, onDismiss, title, totalCheckpoints,\n}, ref) => {\n  const intl = useIntl();\n  const oneBasedIndex = index + 1;\n  const altText = (dismissAltText && typeof dismissAltText === 'string') ? dismissAltText : intl.formatMessage(messages.closeAltText);\n\n  return (\n    <>\n      <header className=\"pgn__checkpoint-header\" ref={ref}>\n        <span className=\"pgn__checkpoint-page-index\">\n          <FormattedMessage\n            {...messages.pageIndexText}\n            values={{ step: oneBasedIndex, totalSteps: totalCheckpoints }}\n          />\n        </span>\n        <IconButton\n          size=\"sm\"\n          iconAs={Icon}\n          src={Close}\n          alt={altText}\n          onClick={onDismiss}\n          data-testid=\"dismiss-tour\"\n        />\n      </header>\n      {title && (<CheckpointTitle>{title}</CheckpointTitle>)}\n    </>\n  );\n});\n\nCheckpointHeader.defaultProps = {\n  dismissAltText: null,\n  title: '',\n};\n\nCheckpointHeader.propTypes = {\n  /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n  dismissAltText: PropTypes.string,\n  /** The current index of the given Checkpoint */\n  index: PropTypes.number.isRequired,\n  /** A function that runs when triggering the `onClick` event of the dismiss\n   * button for the given Checkpoint. */\n  onDismiss: PropTypes.func.isRequired,\n  /** The text displayed in the title of the Checkpoint */\n  title: PropTypes.node,\n  /** The total number of Checkpoints in a tour */\n  totalCheckpoints: PropTypes.number.isRequired,\n};\n\nexport default CheckpointHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,EAAEC,OAAO,QAAQ,YAAY;AAEtD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,QAAQ,MAAM,YAAY;AAEjC,MAAMC,gBAAgB,gBAAGT,KAAK,CAACU,UAAU,CAAC,CAAAC,IAAA,EAEvCC,GAAG,KAAK;EAAA,IAFgC;IACzCC,cAAc;IAAEC,KAAK;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAC3C,CAAC,GAAAN,IAAA;EACC,MAAMO,IAAI,GAAGf,OAAO,CAAC,CAAC;EACtB,MAAMgB,aAAa,GAAGL,KAAK,GAAG,CAAC;EAC/B,MAAMM,OAAO,GAAIP,cAAc,IAAI,OAAOA,cAAc,KAAK,QAAQ,GAAIA,cAAc,GAAGK,IAAI,CAACG,aAAa,CAACb,QAAQ,CAACc,YAAY,CAAC;EAEnI,oBACEtB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,qBACExB,KAAA,CAAAuB,aAAA;IAAQE,SAAS,EAAC,wBAAwB;IAACb,GAAG,EAAEA;EAAI,gBAClDZ,KAAA,CAAAuB,aAAA;IAAME,SAAS,EAAC;EAA4B,gBAC1CzB,KAAA,CAAAuB,aAAA,CAACrB,gBAAgB;IAAA,GACXM,QAAQ,CAACkB,aAAa;IAC1BC,MAAM,EAAE;MAAEC,IAAI,EAAET,aAAa;MAAEU,UAAU,EAAEZ;IAAiB;EAAE,CAC/D,CACG,CAAC,eACPjB,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACTyB,IAAI,EAAC,IAAI;IACTC,MAAM,EAAE3B,IAAK;IACb4B,GAAG,EAAE1B,KAAM;IACX2B,GAAG,EAAEb,OAAQ;IACbc,OAAO,EAAEnB,SAAU;IACnB,eAAY;EAAc,CAC3B,CACK,CAAC,EACRC,KAAK,iBAAKhB,KAAA,CAAAuB,aAAA,CAAChB,eAAe,QAAES,KAAuB,CACpD,CAAC;AAEP,CAAC,CAAC;AAEFP,gBAAgB,CAAC0B,YAAY,GAAG;EAC9BtB,cAAc,EAAE,IAAI;EACpBG,KAAK,EAAE;AACT,CAAC;AAEDP,gBAAgB,CAAC2B,SAAS,GAAG;EAC3B;EACAvB,cAAc,EAAEZ,SAAS,CAACoC,MAAM;EAChC;EACAvB,KAAK,EAAEb,SAAS,CAACqC,MAAM,CAACC,UAAU;EAClC;AACF;EACExB,SAAS,EAAEd,SAAS,CAACuC,IAAI,CAACD,UAAU;EACpC;EACAvB,KAAK,EAAEf,SAAS,CAACwC,IAAI;EACrB;EACAxB,gBAAgB,EAAEhB,SAAS,CAACqC,MAAM,CAACC;AACrC,CAAC;AAED,eAAe9B,gBAAgB","ignoreList":[]}
+{"version":3,"file":"CheckpointHeader.js","names":["React","PropTypes","FormattedMessage","useIntl","Icon","IconButton","Close","CheckpointTitle","messages","CheckpointHeader","forwardRef","dismissAltText","index","onDismiss","title","totalCheckpoints","ref","intl","oneBasedIndex","altText","formatMessage","closeAltText","createElement","Fragment","className","pageIndexText","values","step","totalSteps","size","iconAs","src","alt","onClick","defaultProps","propTypes","string","number","isRequired","func","node"],"sources":["../../src/ProductTour/CheckpointHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\nimport CheckpointTitle from './CheckpointTitle';\nimport messages from './messages';\n\nconst CheckpointHeader = React.forwardRef(({\n  dismissAltText, index, onDismiss, title, totalCheckpoints,\n}, ref) => {\n  const intl = useIntl();\n  const oneBasedIndex = index + 1;\n  const altText = (dismissAltText && typeof dismissAltText === 'string') ? dismissAltText : intl.formatMessage(messages.closeAltText);\n\n  return (\n    <>\n      <header className=\"pgn__checkpoint-header\" ref={ref}>\n        <span className=\"pgn__checkpoint-page-index\">\n          <FormattedMessage\n            {...messages.pageIndexText}\n            values={{ step: oneBasedIndex, totalSteps: totalCheckpoints }}\n          />\n        </span>\n        <IconButton\n          size=\"sm\"\n          iconAs={Icon}\n          src={Close}\n          alt={altText}\n          onClick={onDismiss}\n          data-testid=\"dismiss-tour\"\n        />\n      </header>\n      {title && (<CheckpointTitle>{title}</CheckpointTitle>)}\n    </>\n  );\n});\n\nCheckpointHeader.defaultProps = {\n  dismissAltText: null,\n  title: '',\n};\n\nCheckpointHeader.propTypes = {\n  /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n  dismissAltText: PropTypes.string,\n  /** The current index of the given Checkpoint */\n  index: PropTypes.number.isRequired,\n  /** A function that runs when triggering the `onClick` event of the dismiss\n   * button for the given Checkpoint. */\n  onDismiss: PropTypes.func.isRequired,\n  /** The text displayed in the title of the Checkpoint */\n  title: PropTypes.node,\n  /** The total number of Checkpoints in a tour */\n  totalCheckpoints: PropTypes.number.isRequired,\n};\n\nexport default CheckpointHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,EAAEC,OAAO,QAAQ,YAAY;AAEtD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,QAAQ,MAAM,YAAY;AAEjC,MAAMC,gBAAgB,gBAAGT,KAAK,CAACU,UAAU,CAAC,CAAC;EACzCC,cAAc;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAEC;AAC3C,CAAC,EAAEC,GAAG,KAAK;EACT,MAAMC,IAAI,GAAGd,OAAO,CAAC,CAAC;EACtB,MAAMe,aAAa,GAAGN,KAAK,GAAG,CAAC;EAC/B,MAAMO,OAAO,GAAIR,cAAc,IAAI,OAAOA,cAAc,KAAK,QAAQ,GAAIA,cAAc,GAAGM,IAAI,CAACG,aAAa,CAACZ,QAAQ,CAACa,YAAY,CAAC;EAEnI,oBACErB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IAAQE,SAAS,EAAC,wBAAwB;IAACR,GAAG,EAAEA;EAAI,gBAClDhB,KAAA,CAAAsB,aAAA;IAAME,SAAS,EAAC;EAA4B,gBAC1CxB,KAAA,CAAAsB,aAAA,CAACpB,gBAAgB;IAAA,GACXM,QAAQ,CAACiB,aAAa;IAC1BC,MAAM,EAAE;MAAEC,IAAI,EAAET,aAAa;MAAEU,UAAU,EAAEb;IAAiB;EAAE,CAC/D,CACG,CAAC,eACPf,KAAA,CAAAsB,aAAA,CAACjB,UAAU;IACTwB,IAAI,EAAC,IAAI;IACTC,MAAM,EAAE1B,IAAK;IACb2B,GAAG,EAAEzB,KAAM;IACX0B,GAAG,EAAEb,OAAQ;IACbc,OAAO,EAAEpB,SAAU;IACnB,eAAY;EAAc,CAC3B,CACK,CAAC,EACRC,KAAK,iBAAKd,KAAA,CAAAsB,aAAA,CAACf,eAAe,QAAEO,KAAuB,CACpD,CAAC;AAEP,CAAC,CAAC;AAEFL,gBAAgB,CAACyB,YAAY,GAAG;EAC9BvB,cAAc,EAAE,IAAI;EACpBG,KAAK,EAAE;AACT,CAAC;AAEDL,gBAAgB,CAAC0B,SAAS,GAAG;EAC3B;EACAxB,cAAc,EAAEV,SAAS,CAACmC,MAAM;EAChC;EACAxB,KAAK,EAAEX,SAAS,CAACoC,MAAM,CAACC,UAAU;EAClC;AACF;EACEzB,SAAS,EAAEZ,SAAS,CAACsC,IAAI,CAACD,UAAU;EACpC;EACAxB,KAAK,EAAEb,SAAS,CAACuC,IAAI;EACrB;EACAzB,gBAAgB,EAAEd,SAAS,CAACoC,MAAM,CAACC;AACrC,CAAC;AAED,eAAe7B,gBAAgB","ignoreList":[]}