@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/Overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BaseOverlay","BaseOverlayTrigger","PropTypes","PLACEMENT_VARIANTS","TRIGGER_VARIANTS","Overlay","props","createElement","OverlayTrigger","children","triggerType","oneOf","propTypes","node","isRequired","container","oneOfType","elementType","func","onEnter","onEntered","onEntering","onExit","onExited","onExiting","onHide","placement","popperConfig","shape","rootClose","bool","rootCloseEvent","show","target","transition","element","overlay","defaultShow","delay","number","flip","onToggle","instanceOf","EventTarget","trigger","arrayOf","defaultProps","undefined"],"sources":["../../src/Overlay/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseOverlay from 'react-bootstrap/Overlay';\nimport BaseOverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport PropTypes from 'prop-types';\n\nconst PLACEMENT_VARIANTS = [\n  'auto-start',\n  'auto',\n  'auto-end',\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nconst TRIGGER_VARIANTS = [\n  'hover',\n  'click',\n  'focus',\n];\n\nfunction Overlay(props) {\n  return <BaseOverlay {...props} />;\n}\nfunction OverlayTrigger(props) {\n  return (\n    <BaseOverlayTrigger {...props}>\n      {props.children}\n    </BaseOverlayTrigger>\n  );\n}\n\nconst triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);\n\nOverlay.propTypes = {\n  /** Specifies the content of the `Overlay`. */\n  children: PropTypes.node.isRequired,\n  /**\n   * A component instance, DOM node, or function that returns either.\n   * The overlay will be positioned in relation to the target.\n   */\n  container: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n  /** Callback fired before the `Overlay` transitions in. */\n  onEnter: PropTypes.func,\n  /** Callback fired after the `Overlay` finishes transitioning in. */\n  onEntered: PropTypes.func,\n  /** Callback fired as the `Overlay` begins to transition in. */\n  onEntering: PropTypes.func,\n  /** Callback fired right before the `Overlay` transitions out */\n  onExit: PropTypes.func,\n  /** Callback fired after the `Overlay` finishes transitioning out. */\n  onExited: PropTypes.func,\n  /** Callback fired as the Overlay begins to transition out. */\n  onExiting: PropTypes.func,\n  /**\n   * A callback invoked by the overlay when it wishes to be hidden.\n   * Required if `rootClose` is specified.\n   */\n  onHide: PropTypes.func,\n  /** The placement of the `Overlay` in relation to it's target. */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /** A set of popper options and props passed directly to `Popper`. */\n  popperConfig: PropTypes.shape({}),\n  /** Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay. */\n  rootClose: PropTypes.bool,\n  /** Specify event for triggering a “root close” toggle. */\n  rootCloseEvent: PropTypes.oneOf(['click', 'mousedown']),\n  /** Set the visibility of the `Overlay`. */\n  show: PropTypes.bool,\n  /**\n   * The visibility of the `Overlay`. `show` is a controlled prop so should\n   * be paired with `onToggle` to avoid breaking user interactions.\n   *\n   * Manually toggling show does not wait for delay to change the visibility.\n   *\n   * Controls `onToggle`.\n   */\n  target: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n  /**\n   * Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,\n   * or a custom react-transition-group `<Transition>` component can be provided.\n   */\n  transition: PropTypes.oneOfType([PropTypes.bool, PropTypes.elementType]),\n};\n\nOverlayTrigger.propTypes = {\n  /** Specifies the content of the `OverlayTrigger`. */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  /** An element or text to overlay next to the target. */\n  overlay: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  /** The initial visibility state of the `Overlay`. */\n  defaultShow: PropTypes.bool,\n  /** A millisecond delay amount to show and hide the `Overlay` once triggered. */\n  delay: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({})]),\n  /** The initial flip state of the `Overlay`. */\n  flip: PropTypes.bool,\n  onHide: PropTypes.func,\n  /**\n   * A callback that fires when the user triggers a change in tooltip visibility.\n   * `onToggle` is called with the desired next show, and generally should be\n   * passed back to the `show` prop. `onToggle` fires after the configured `delay`.\n   *\n   * Controls `show`.\n   */\n  onToggle: PropTypes.func,\n  /** The placement of the `Overlay` in relation to it's target. */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popperConfig: PropTypes.shape({}),\n  /**\n   * The visibility of the `Overlay`. `show` is a controlled prop so should\n   * be paired with `onToggle` to avoid breaking user interactions.\n   *\n   * Manually toggling show does not wait for delay to change the visibility.\n   *\n   * Controls `onToggle`.\n   */\n  show: PropTypes.bool,\n  target: PropTypes.instanceOf(EventTarget),\n  /** Specify which action or actions trigger `Overlay` visibility. */\n  trigger: PropTypes.oneOfType([triggerType, PropTypes.arrayOf(triggerType)]),\n};\n\nOverlay.defaultProps = {\n  container: undefined,\n  onEnter: undefined,\n  onEntered: undefined,\n  onEntering: undefined,\n  onExit: undefined,\n  onExited: undefined,\n  onExiting: undefined,\n  onHide: undefined,\n  placement: 'top',\n  popperConfig: {},\n  rootClose: false,\n  rootCloseEvent: undefined,\n  show: false,\n  target: undefined,\n  transition: true,\n};\n\nOverlayTrigger.defaultProps = {\n  defaultShow: false,\n  delay: undefined,\n  flip: undefined,\n  onHide: undefined,\n  onToggle: undefined,\n  placement: undefined,\n  popperConfig: {},\n  show: undefined,\n  target: undefined,\n  trigger: ['hover', 'focus'],\n};\n\nexport { OverlayTrigger };\nexport default Overlay;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","BaseOverlay","BaseOverlayTrigger","Fade","PropTypes","PLACEMENT_VARIANTS","TRIGGER_VARIANTS","Overlay","props","createElement","OverlayTrigger","children","triggerType","oneOf","propTypes","node","isRequired","container","oneOfType","elementType","func","onEnter","onEntered","onEntering","onExit","onExited","onExiting","onHide","placement","popperConfig","shape","rootClose","bool","rootCloseEvent","show","target","transition","object","element","overlay","defaultShow","delay","number","flip","onToggle","instanceOf","EventTarget","trigger","arrayOf","defaultProps","undefined"],"sources":["../../src/Overlay/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseOverlay from 'react-bootstrap/Overlay';\nimport BaseOverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport Fade from 'react-bootstrap/Fade';\nimport PropTypes from 'prop-types';\n\nconst PLACEMENT_VARIANTS = [\n  'auto-start',\n  'auto',\n  'auto-end',\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nconst TRIGGER_VARIANTS = [\n  'hover',\n  'click',\n  'focus',\n];\n\nfunction Overlay(props) {\n  return <BaseOverlay {...props} />;\n}\nfunction OverlayTrigger(props) {\n  return (\n    <BaseOverlayTrigger {...props}>\n      {props.children}\n    </BaseOverlayTrigger>\n  );\n}\n\nconst triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);\n\nOverlay.propTypes = {\n  /** Specifies the content of the `Overlay`. */\n  children: PropTypes.node.isRequired,\n  /**\n   * A component instance, DOM node, or function that returns either.\n   * The overlay will be positioned in relation to the target.\n   */\n  container: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n  /** Callback fired before the `Overlay` transitions in. */\n  onEnter: PropTypes.func,\n  /** Callback fired after the `Overlay` finishes transitioning in. */\n  onEntered: PropTypes.func,\n  /** Callback fired as the `Overlay` begins to transition in. */\n  onEntering: PropTypes.func,\n  /** Callback fired right before the `Overlay` transitions out */\n  onExit: PropTypes.func,\n  /** Callback fired after the `Overlay` finishes transitioning out. */\n  onExited: PropTypes.func,\n  /** Callback fired as the Overlay begins to transition out. */\n  onExiting: PropTypes.func,\n  /**\n   * A callback invoked by the overlay when it wishes to be hidden.\n   * Required if `rootClose` is specified.\n   */\n  onHide: PropTypes.func,\n  /** The placement of the `Overlay` in relation to it's target. */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /** A set of popper options and props passed directly to `Popper`. */\n  popperConfig: PropTypes.shape({}),\n  /** Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay. */\n  rootClose: PropTypes.bool,\n  /** Specify event for triggering a “root close” toggle. */\n  rootCloseEvent: PropTypes.oneOf(['click', 'mousedown']),\n  /** Set the visibility of the `Overlay`. */\n  show: PropTypes.bool,\n  /**\n   * The visibility of the `Overlay`. `show` is a controlled prop so should\n   * be paired with `onToggle` to avoid breaking user interactions.\n   *\n   * Manually toggling show does not wait for delay to change the visibility.\n   *\n   * Controls `onToggle`.\n   */\n  target: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n  /**\n   * Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,\n   * or a custom react-transition-group `<Transition>` component can be provided.\n   */\n  transition: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n};\n\nOverlayTrigger.propTypes = {\n  /** Specifies the content of the `OverlayTrigger`. */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  /** An element or text to overlay next to the target. */\n  overlay: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  /** The initial visibility state of the `Overlay`. */\n  defaultShow: PropTypes.bool,\n  /** A millisecond delay amount to show and hide the `Overlay` once triggered. */\n  delay: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({})]),\n  /** The initial flip state of the `Overlay`. */\n  flip: PropTypes.bool,\n  onHide: PropTypes.func,\n  /**\n   * A callback that fires when the user triggers a change in tooltip visibility.\n   * `onToggle` is called with the desired next show, and generally should be\n   * passed back to the `show` prop. `onToggle` fires after the configured `delay`.\n   *\n   * Controls `show`.\n   */\n  onToggle: PropTypes.func,\n  /** The placement of the `Overlay` in relation to it's target. */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popperConfig: PropTypes.shape({}),\n  /**\n   * The visibility of the `Overlay`. `show` is a controlled prop so should\n   * be paired with `onToggle` to avoid breaking user interactions.\n   *\n   * Manually toggling show does not wait for delay to change the visibility.\n   *\n   * Controls `onToggle`.\n   */\n  show: PropTypes.bool,\n  target: PropTypes.instanceOf(EventTarget),\n  /** Specify which action or actions trigger `Overlay` visibility. */\n  trigger: PropTypes.oneOfType([triggerType, PropTypes.arrayOf(triggerType)]),\n};\n\nOverlay.defaultProps = {\n  container: undefined,\n  onEnter: undefined,\n  onEntered: undefined,\n  onEntering: undefined,\n  onExit: undefined,\n  onExited: undefined,\n  onExiting: undefined,\n  onHide: undefined,\n  placement: 'top',\n  popperConfig: {},\n  rootClose: false,\n  rootCloseEvent: undefined,\n  show: false,\n  target: undefined,\n  transition: Fade,\n};\n\nOverlayTrigger.defaultProps = {\n  defaultShow: false,\n  delay: undefined,\n  flip: undefined,\n  onHide: undefined,\n  onToggle: undefined,\n  placement: undefined,\n  popperConfig: {},\n  show: undefined,\n  target: undefined,\n  trigger: ['hover', 'focus'],\n};\n\nexport { OverlayTrigger };\nexport default Overlay;\n"],"mappings":"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"}

package/dist/PageBanner/index.js

@@ -1,4 +1,4 @@
-const _excluded = ["children", "dismissible", "dismissAltText", "onDismiss", "show", "variant"];
+var _excluded = ["children", "dismissible", "dismissAltText", "onDismiss", "show", "variant"];
 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; }
@@ -8,8 +8,8 @@ import classNames from 'classnames';
 import { Close } from '../../icons';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
-export const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';
-export const VARIANTS = {
+export var PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';
+export var VARIANTS = {
   light: 'light',
   dark: 'dark',
   warning: 'warning',
@@ -17,20 +17,18 @@ export const VARIANTS = {
   accentB: 'accentB'
 };
 function PageBanner(_ref) {
-  let {
-      children,
-      dismissible,
-      dismissAltText,
-      onDismiss,
-      show,
-      variant
-    } = _ref,
+  var children = _ref.children,
+    dismissible = _ref.dismissible,
+    dismissAltText = _ref.dismissAltText,
+    onDismiss = _ref.onDismiss,
+    show = _ref.show,
+    variant = _ref.variant,
     rest = _objectWithoutProperties(_ref, _excluded);
   if (!show) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames('pgn__pageBanner-component', `pgn__pageBanner__${variant}`),
+    className: classNames('pgn__pageBanner-component', "pgn__pageBanner__".concat(variant)),
     role: "alert",
     "aria-live": "polite",
     "aria-atomic": "true"
@@ -66,7 +64,7 @@ PageBanner.defaultProps = {
   children: undefined,
   dismissible: false,
   dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,
-  onDismiss: () => {},
+  onDismiss: function onDismiss() {},
   show: true,
   variant: VARIANTS.accentA
 };

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","_objectWithoutProperties","_excluded","createElement","_extends","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;MAClBC,QAAQ;MAAEC,WAAW;MAAEC,cAAc;MAAEC,SAAS;MAAEC,IAAI;MAAEC;IAC1D,CAAC,GAAAN,IAAA;IADqEO,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAExE,IAAI,CAACJ,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACEnB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;IACEC,SAAS,EAAExB,UAAU,CACnB,2BAA2B,EAC1B,oBAAmBkB,OAAQ,EAC9B,CAAE;IACFO,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY;EAAM,GACdN,IAAI,gBAERrB,KAAA,CAAAwB,aAAA;IAAKE,SAAS,EAAC;EAAyB,GACpCX,QACC,CAAC,EACLC,WAAW,iBACVhB,KAAA,CAAAwB,aAAA;IAAME,SAAS,EAAC;EAAwC,gBACtD1B,KAAA,CAAAwB,aAAA,CAACnB,UAAU;IACTuB,OAAO,EAAEV,SAAU;IACnBW,MAAM,EAAEzB,IAAK;IACb0B,GAAG,EAAEb,cAAe;IACpBc,GAAG,EAAE5B,KAAM;IACX6B,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEb,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEAP,UAAU,CAACqB,SAAS,GAAG;EACrB;EACAnB,QAAQ,EAAEd,SAAS,CAACkC,IAAI;EACxB;EACAnB,WAAW,EAAEf,SAAS,CAACmC,IAAI;EAC3B;EACAnB,cAAc,EAAEhB,SAAS,CAACkC,IAAI;EAC9B;EACAjB,SAAS,EAAEjB,SAAS,CAACoC,IAAI;EACzB;EACAlB,IAAI,EAAElB,SAAS,CAACmC,IAAI;EACpB;EACAhB,OAAO,EAAEnB,SAAS,CAACqC,KAAK,CAAC,CAAC/B,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACE,IAAI,EAAEF,QAAQ,CAACG,OAAO,EAAEH,QAAQ,CAACI,OAAO,EAAEJ,QAAQ,CAACK,OAAO,CAAC;AAChH,CAAC;AAEDC,UAAU,CAAC0B,YAAY,GAAG;EACxBxB,QAAQ,EAAEyB,SAAS;EACnBxB,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"}
+{"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","_objectWithoutProperties","_excluded","createElement","_extends","className","concat","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,IAAMC,4BAA4B,GAAG,SAAS;AAErD,OAAO,IAAMC,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,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAKC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAExE,IAAI,CAACJ,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACEnB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;IACEC,SAAS,EAAExB,UAAU,CACnB,2BAA2B,sBAAAyB,MAAA,CACPP,OAAO,CAC7B,CAAE;IACFQ,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY;EAAM,GACdP,IAAI,gBAERrB,KAAA,CAAAwB,aAAA;IAAKE,SAAS,EAAC;EAAyB,GACpCX,QACC,CAAC,EACLC,WAAW,iBACVhB,KAAA,CAAAwB,aAAA;IAAME,SAAS,EAAC;EAAwC,gBACtD1B,KAAA,CAAAwB,aAAA,CAACnB,UAAU;IACTwB,OAAO,EAAEX,SAAU;IACnBY,MAAM,EAAE1B,IAAK;IACb2B,GAAG,EAAEd,cAAe;IACpBe,GAAG,EAAE7B,KAAM;IACX8B,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEd,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEAP,UAAU,CAACsB,SAAS,GAAG;EACrB;EACApB,QAAQ,EAAEd,SAAS,CAACmC,IAAI;EACxB;EACApB,WAAW,EAAEf,SAAS,CAACoC,IAAI;EAC3B;EACApB,cAAc,EAAEhB,SAAS,CAACmC,IAAI;EAC9B;EACAlB,SAAS,EAAEjB,SAAS,CAACqC,IAAI;EACzB;EACAnB,IAAI,EAAElB,SAAS,CAACoC,IAAI;EACpB;EACAjB,OAAO,EAAEnB,SAAS,CAACsC,KAAK,CAAC,CAAChC,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACE,IAAI,EAAEF,QAAQ,CAACG,OAAO,EAAEH,QAAQ,CAACI,OAAO,EAAEJ,QAAQ,CAACK,OAAO,CAAC;AAChH,CAAC;AAEDC,UAAU,CAAC2B,YAAY,GAAG;EACxBzB,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAEX,4BAA4B;EAC5CY,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAEb,QAAQ,CAACI;AACpB,CAAC;AAED,eAAeE,UAAU"}

package/dist/PageBanner/index.scss

@@ -1,52 +1,56 @@
-// stylelint-disable selector-class-pattern
+// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner-component {
   width: 100%;
   min-height: 36px;
   display: flex;
   flex-wrap: nowrap;
-  font-size: var(--pgn-typography-font-size-small-x);
-  background-color: var(--pgn-page-baner-bg, inherit);
-  color: var(--pgn-page-baner-color, inherit);
+  font-size: $x-small-font-size;
 
   @include media-breakpoint-up(md) {
-    font-size: var(--pgn-typography-font-size-small-base);
+    font-size: $small-font-size;
   }
 }
 
+// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__dark {
-  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-dark);
-  --pgn-page-baner-color: var(--pgn-color-page-banner-text-dark);
+  background-color: $dark-500;
+  color: white;
 }
 
+// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__light {
-  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-light);
-  --pgn-page-baner-color: var(--pgn-color-page-banner-text-light);
+  background-color: $light-400;
+  color: black;
 }
 
+// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__accentA {
-  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-accent-a);
-  --pgn-page-baner-color: var(--pgn-color-page-banner-text-accent-a);
+  background-color: $accent-a;
+  color: black;
 }
-
+// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__accentB {
-  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-accent-b);
-  --pgn-page-baner-color: var(--pgn-color-page-banner-text-accent-b);
+  background-color: $accent-b;
+  color: black;
 }
 
+// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__warning {
-  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-warning);
-  --pgn-page-baner-color: var(--pgn-color-page-banner-text-warning);
+  background-color: $warning-100;
+  color: black;
 }
 
+// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner-content {
   display: flex;
   flex-grow: 1;
   justify-content: center;
   align-items: center;
-  padding: var(--pgn-spacing-spacer-2) var(--pgn-spacing-spacer-2-5);
+  padding: map_get($spacers, 2) map_get($spacers, 2\.5);
   text-align: center;
 }
 
+// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner-dismissButtonContainer {
   min-width: 32px;
   min-height: 32px;

package/dist/Pagination/DefaultPagination.js

@@ -0,0 +1,34 @@
+import React, { useContext } from 'react';
+import { useMediaQuery } from 'react-responsive';
+import PaginationContext from './PaginationContext';
+import { ELLIPSIS } from './constants';
+import { PreviousPageButton, NextPageButton, PageOfCountButton, PageButton, Ellipsis } from './subcomponents';
+import breakpoints from '../utils/breakpoints';
+import newId from '../utils/newId';
+function PaginationPages() {
+  var _useContext = useContext(PaginationContext),
+    displayPages = _useContext.displayPages;
+  var isMobile = useMediaQuery({
+    maxWidth: breakpoints.extraSmall.maxWidth
+  });
+  if (isMobile) {
+    return /*#__PURE__*/React.createElement(PageOfCountButton, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, displayPages.map(function (pageIndex) {
+    if (pageIndex === ELLIPSIS) {
+      return /*#__PURE__*/React.createElement(Ellipsis, {
+        key: newId('pagination-ellipsis-')
+      });
+    }
+    return /*#__PURE__*/React.createElement(PageButton, {
+      key: pageIndex,
+      pageNum: pageIndex + 1
+    });
+  }));
+}
+export default function DefaultPagination() {
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "pagination"
+  }, /*#__PURE__*/React.createElement(PreviousPageButton, null), /*#__PURE__*/React.createElement(PaginationPages, null), /*#__PURE__*/React.createElement(NextPageButton, null));
+}
+//# sourceMappingURL=DefaultPagination.js.map

package/dist/Pagination/DefaultPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPagination.js","names":["React","useContext","useMediaQuery","PaginationContext","ELLIPSIS","PreviousPageButton","NextPageButton","PageOfCountButton","PageButton","Ellipsis","breakpoints","newId","PaginationPages","_useContext","displayPages","isMobile","maxWidth","extraSmall","createElement","Fragment","map","pageIndex","key","pageNum","DefaultPagination","className"],"sources":["../../src/Pagination/DefaultPagination.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PaginationContext from './PaginationContext';\nimport { ELLIPSIS } from './constants';\nimport {\n  PreviousPageButton,\n  NextPageButton,\n  PageOfCountButton,\n  PageButton,\n  Ellipsis,\n} from './subcomponents';\nimport breakpoints from '../utils/breakpoints';\nimport newId from '../utils/newId';\n\nfunction PaginationPages() {\n  const { displayPages } = useContext(PaginationContext);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.extraSmall.maxWidth });\n\n  if (isMobile) {\n    return <PageOfCountButton />;\n  }\n\n  return (\n    <>\n      {displayPages.map((pageIndex) => {\n        if (pageIndex === ELLIPSIS) {\n          return <Ellipsis key={newId('pagination-ellipsis-')} />;\n        }\n        return <PageButton key={pageIndex} pageNum={pageIndex + 1} />;\n      })}\n    </>\n  );\n}\n\nexport default function DefaultPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <PaginationPages />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SACEC,kBAAkB,EAClBC,cAAc,EACdC,iBAAiB,EACjBC,UAAU,EACVC,QAAQ,QACH,iBAAiB;AACxB,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,KAAK,MAAM,gBAAgB;AAElC,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAAC,WAAA,GAAyBZ,UAAU,CAACE,iBAAiB,CAAC;IAA9CW,YAAY,GAAAD,WAAA,CAAZC,YAAY;EACpB,IAAMC,QAAQ,GAAGb,aAAa,CAAC;IAAEc,QAAQ,EAAEN,WAAW,CAACO,UAAU,CAACD;EAAS,CAAC,CAAC;EAE7E,IAAID,QAAQ,EAAE;IACZ,oBAAOf,KAAA,CAAAkB,aAAA,CAACX,iBAAiB,MAAE,CAAC;EAC9B;EAEA,oBACEP,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACGL,YAAY,CAACM,GAAG,CAAC,UAACC,SAAS,EAAK;IAC/B,IAAIA,SAAS,KAAKjB,QAAQ,EAAE;MAC1B,oBAAOJ,KAAA,CAAAkB,aAAA,CAACT,QAAQ;QAACa,GAAG,EAAEX,KAAK,CAAC,sBAAsB;MAAE,CAAE,CAAC;IACzD;IACA,oBAAOX,KAAA,CAAAkB,aAAA,CAACV,UAAU;MAACc,GAAG,EAAED,SAAU;MAACE,OAAO,EAAEF,SAAS,GAAG;IAAE,CAAE,CAAC;EAC/D,CAAC,CACD,CAAC;AAEP;AAEA,eAAe,SAASG,iBAAiBA,CAAA,EAAG;EAC1C,oBACExB,KAAA,CAAAkB,aAAA;IAAIO,SAAS,EAAC;EAAY,gBACxBzB,KAAA,CAAAkB,aAAA,CAACb,kBAAkB,MAAE,CAAC,eACtBL,KAAA,CAAAkB,aAAA,CAACN,eAAe,MAAE,CAAC,eACnBZ,KAAA,CAAAkB,aAAA,CAACZ,cAAc,MAAE,CACf,CAAC;AAET"}

package/dist/Pagination/MinimalPagination.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PreviousPageButton, NextPageButton } from './subcomponents';
+export default function MinimalPagination() {
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "pagination"
+  }, /*#__PURE__*/React.createElement(PreviousPageButton, null), /*#__PURE__*/React.createElement(NextPageButton, null));
+}
+//# sourceMappingURL=MinimalPagination.js.map

package/dist/Pagination/MinimalPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalPagination.js","names":["React","PreviousPageButton","NextPageButton","MinimalPagination","createElement","className"],"sources":["../../src/Pagination/MinimalPagination.jsx"],"sourcesContent":["import React from 'react';\nimport { PreviousPageButton, NextPageButton } from './subcomponents';\n\nexport default function MinimalPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,iBAAiB;AAEpE,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,oBACEH,KAAA,CAAAI,aAAA;IAAIC,SAAS,EAAC;EAAY,gBACxBL,KAAA,CAAAI,aAAA,CAACH,kBAAkB,MAAE,CAAC,eACtBD,KAAA,CAAAI,aAAA,CAACF,cAAc,MAAE,CACf,CAAC;AAET"}

package/dist/Pagination/PaginationContext.js

@@ -0,0 +1,200 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { createContext, useEffect, useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import { PAGINATION_VARIANTS } from './constants';
+import getPaginationRange from './getPaginationRange';
+var PaginationContext = /*#__PURE__*/createContext({});
+function PaginationContextProvider(_ref) {
+  var children = _ref.children,
+    onPageSelect = _ref.onPageSelect,
+    invertColors = _ref.invertColors,
+    maxPagesDisplayed = _ref.maxPagesDisplayed,
+    buttonLabels = _ref.buttonLabels,
+    icons = _ref.icons,
+    variant = _ref.variant,
+    pageCount = _ref.pageCount,
+    controlledCurrentPage = _ref.currentPage,
+    initialPage = _ref.initialPage;
+  var _useState = useState(controlledCurrentPage || initialPage),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pageButtonSelected = _useState4[0],
+    setPageButtonSelected = _useState4[1];
+  var previousButtonRef = useRef(null);
+  var nextButtonRef = useRef(null);
+  var pageButtonRef = useRef([]);
+  useEffect(function () {
+    var currentPageRef = pageButtonRef[currentPage];
+    if (currentPageRef && pageButtonSelected) {
+      currentPageRef.focus();
+      setPageButtonSelected(false);
+    }
+  }, [currentPage, pageButtonSelected]);
+  var isUncontrolled = function isUncontrolled() {
+    return controlledCurrentPage === undefined;
+  };
+  var isPageButtonActive = function isPageButtonActive(page) {
+    return page === currentPage;
+  };
+  var isOnFirstPage = function isOnFirstPage() {
+    return currentPage === 1 || pageCount === 0;
+  };
+  var isOnLastPage = function isOnLastPage() {
+    return currentPage === pageCount || pageCount === 0;
+  };
+  var isDefaultVariant = function isDefaultVariant() {
+    return variant === PAGINATION_VARIANTS["default"];
+  };
+  if (!isUncontrolled() && controlledCurrentPage !== currentPage) {
+    setCurrentPage(controlledCurrentPage);
+  }
+  var getPageButtonRefHandler = function getPageButtonRefHandler(pageNum) {
+    return function (element) {
+      pageButtonRef.current[pageNum] = element;
+    };
+  };
+  var handlePageSelect = function handlePageSelect(page) {
+    if (page !== currentPage) {
+      if (isUncontrolled()) {
+        setCurrentPage(page);
+      }
+      setPageButtonSelected(true);
+      onPageSelect(page);
+    }
+  };
+  var handlePreviousButtonClick = function handlePreviousButtonClick() {
+    onPageSelect(currentPage - 1);
+    if (currentPage === 2) {
+      nextButtonRef.current.focus();
+    }
+    if (isUncontrolled()) {
+      setCurrentPage(function (prevState) {
+        return prevState - 1;
+      });
+    }
+  };
+  var handleNextButtonClick = function handleNextButtonClick() {
+    onPageSelect(currentPage + 1);
+    if (currentPage === pageCount - 1) {
+      previousButtonRef.current.focus();
+    }
+    if (isUncontrolled()) {
+      setCurrentPage(function (prevState) {
+        return prevState + 1;
+      });
+    }
+  };
+  var getAriaLabelForPreviousButton = function getAriaLabelForPreviousButton() {
+    var ariaLabel = "".concat(buttonLabels.previous);
+    if (!isOnFirstPage()) {
+      ariaLabel += ", ".concat(buttonLabels.page, " ").concat(currentPage - 1);
+    }
+    return ariaLabel;
+  };
+  var getAriaLabelForNextButton = function getAriaLabelForNextButton() {
+    var ariaLabel = "".concat(buttonLabels.next);
+    if (!isOnLastPage()) {
+      ariaLabel += ", ".concat(buttonLabels.page, " ").concat(currentPage + 1);
+    }
+    return ariaLabel;
+  };
+  var getAriaLabelForPageButton = function getAriaLabelForPageButton(page) {
+    var ariaLabel = "".concat(buttonLabels.page, " ").concat(page);
+    if (isPageButtonActive(page)) {
+      ariaLabel += ", ".concat(buttonLabels.currentPage);
+    }
+    return ariaLabel;
+  };
+  var getAriaLabelForPageOfCountButton = function getAriaLabelForPageOfCountButton() {
+    return "".concat(buttonLabels.page, " ").concat(currentPage, ", ").concat(buttonLabels.currentPage, ", ").concat(buttonLabels.pageOfCount, " ").concat(pageCount);
+  };
+  var getScreenReaderText = function getScreenReaderText() {
+    return "".concat(buttonLabels.page, " ").concat(currentPage, ", ").concat(buttonLabels.currentPage, ", ").concat(buttonLabels.pageOfCount, " ").concat(pageCount);
+  };
+  var getPageOfText = function getPageOfText() {
+    return "".concat(currentPage, " ").concat(buttonLabels.pageOfCount, " ").concat(pageCount);
+  };
+  var getPageButtonVariant = function getPageButtonVariant(page) {
+    var buttonVariant = isPageButtonActive(page) ? 'primary' : 'tertiary';
+    if (invertColors) {
+      buttonVariant = "inverse-".concat(buttonVariant);
+    }
+    return buttonVariant;
+  };
+  var getNextButtonIcon = function getNextButtonIcon() {
+    return icons.rightIcon;
+  };
+  var getPrevButtonIcon = function getPrevButtonIcon() {
+    return icons.leftIcon;
+  };
+  var displayPages = getPaginationRange({
+    currentIndex: currentPage,
+    count: pageCount,
+    length: maxPagesDisplayed,
+    requireFirstAndLastPages: true
+  });
+  var value = {
+    invertColors: invertColors,
+    displayPages: displayPages,
+    pageCount: pageCount,
+    buttonLabels: buttonLabels,
+    previousButtonRef: previousButtonRef,
+    nextButtonRef: nextButtonRef,
+    pageButtonRef: pageButtonRef,
+    getPrevButtonIcon: getPrevButtonIcon,
+    getNextButtonIcon: getNextButtonIcon,
+    getAriaLabelForNextButton: getAriaLabelForNextButton,
+    getAriaLabelForPageButton: getAriaLabelForPageButton,
+    getAriaLabelForPreviousButton: getAriaLabelForPreviousButton,
+    getAriaLabelForPageOfCountButton: getAriaLabelForPageOfCountButton,
+    getPageButtonVariant: getPageButtonVariant,
+    handlePreviousButtonClick: handlePreviousButtonClick,
+    handleNextButtonClick: handleNextButtonClick,
+    handlePageSelect: handlePageSelect,
+    isOnFirstPage: isOnFirstPage,
+    isOnLastPage: isOnLastPage,
+    isPageButtonActive: isPageButtonActive,
+    isDefaultVariant: isDefaultVariant,
+    getScreenReaderText: getScreenReaderText,
+    getPageOfText: getPageOfText,
+    getPageButtonRefHandler: getPageButtonRefHandler
+  };
+  return /*#__PURE__*/React.createElement(PaginationContext.Provider, {
+    value: value
+  }, children);
+}
+PaginationContextProvider.propTypes = {
+  children: PropTypes.node.isRequired,
+  onPageSelect: PropTypes.func.isRequired,
+  pageCount: PropTypes.number.isRequired,
+  buttonLabels: PropTypes.shape({
+    previous: PropTypes.string,
+    next: PropTypes.string,
+    page: PropTypes.string,
+    currentPage: PropTypes.string,
+    pageOfCount: PropTypes.string
+  }).isRequired,
+  currentPage: PropTypes.number,
+  maxPagesDisplayed: PropTypes.number.isRequired,
+  icons: PropTypes.shape({
+    leftIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
+    rightIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
+  }).isRequired,
+  variant: PropTypes.oneOf(Object.values(PAGINATION_VARIANTS)).isRequired,
+  invertColors: PropTypes.bool.isRequired,
+  initialPage: PropTypes.number.isRequired
+};
+PaginationContextProvider.defaultProps = {
+  currentPage: undefined
+};
+export { PaginationContextProvider };
+export default PaginationContext;
+//# sourceMappingURL=PaginationContext.js.map

package/dist/Pagination/PaginationContext.js.map

@@ -0,0 +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","controlledCurrentPage","currentPage","initialPage","_useState","_useState2","_slicedToArray","setCurrentPage","_useState3","_useState4","pageButtonSelected","setPageButtonSelected","previousButtonRef","nextButtonRef","pageButtonRef","currentPageRef","focus","isUncontrolled","undefined","isPageButtonActive","page","isOnFirstPage","isOnLastPage","isDefaultVariant","getPageButtonRefHandler","pageNum","element","current","handlePageSelect","handlePreviousButtonClick","prevState","handleNextButtonClick","getAriaLabelForPreviousButton","ariaLabel","concat","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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"}

package/dist/Pagination/ReducedPagination.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PreviousPageButton, NextPageButton, PaginationDropdown } from './subcomponents';
+export default function ReducedPagination() {
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "pagination"
+  }, /*#__PURE__*/React.createElement(PreviousPageButton, null), /*#__PURE__*/React.createElement(PaginationDropdown, null), /*#__PURE__*/React.createElement(NextPageButton, null));
+}
+//# sourceMappingURL=ReducedPagination.js.map

package/dist/Pagination/ReducedPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReducedPagination.js","names":["React","PreviousPageButton","NextPageButton","PaginationDropdown","ReducedPagination","createElement","className"],"sources":["../../src/Pagination/ReducedPagination.jsx"],"sourcesContent":["import React from 'react';\nimport { PreviousPageButton, NextPageButton, PaginationDropdown } from './subcomponents';\n\nexport default function ReducedPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <PaginationDropdown />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,cAAc,EAAEC,kBAAkB,QAAQ,iBAAiB;AAExF,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,oBACEJ,KAAA,CAAAK,aAAA;IAAIC,SAAS,EAAC;EAAY,gBACxBN,KAAA,CAAAK,aAAA,CAACJ,kBAAkB,MAAE,CAAC,eACtBD,KAAA,CAAAK,aAAA,CAACF,kBAAkB,MAAE,CAAC,eACtBH,KAAA,CAAAK,aAAA,CAACH,cAAc,MAAE,CACf,CAAC;AAET"}

package/dist/Pagination/_variables.scss

@@ -0,0 +1,19 @@
+// Pagination
+
+$pagination-padding-y:              .625rem !default;
+$pagination-margin-x:               .5rem !default;
+$pagination-line-height:            1.5rem !default;
+$pagination-font-size-sm:           .875rem !default;
+
+$pagination-icon-width:             2.25rem !default;
+$pagination-icon-height:            2.25rem !default;
+$pagination-toggle-border:          .3125rem !default;
+$pagination-toggle-border-sm:       .25rem !default;
+$pagination-secondary-height:       2.75rem !default;
+$pagination-secondary-height-sm:    2.25rem !default;
+
+$pagination-dropdown-color-inverse: $white !default;
+$pagination-border-width:           $border-width !default;
+
+$pagination-reduced-dropdown-max-height: 60vh !default;
+$pagination-reduced-dropdown-min-width: 6rem !default;

package/dist/Pagination/constants.js

@@ -1,2 +1,16 @@
-/* eslint-disable import/prefer-default-export */
 export const ELLIPSIS = '...';
+
+export const PAGINATION_VARIANTS = {
+  default: 'default',
+  secondary: 'secondary',
+  reduced: 'reduced',
+  minimal: 'minimal',
+};
+
+export const PAGINATION_BUTTON_LABEL_PREV = 'Previous';
+export const PAGINATION_BUTTON_LABEL_NEXT = 'Next';
+export const PAGINATION_BUTTON_LABEL_PAGE = 'Page';
+export const PAGINATION_BUTTON_LABEL_CURRENT_PAGE = 'Current Page';
+export const PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT = 'of';
+export const PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT = 'Go to next page';
+export const PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT = 'Go to previous page';

package/dist/Pagination/getPaginationRange.js

@@ -6,6 +6,10 @@ const getPaginationRange = ({
   length,
   requireFirstAndLastPages = true,
 }) => {
+  if (count === 0) {
+    return [];
+  }
+
   const boundedLength = Math.min(count, length);
   const unboundedStartIndex = currentIndex - Math.ceil(boundedLength / 2);
   const zeroBoundedStartIndex = Math.max(0, unboundedStartIndex);