@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/ProductTour/CheckpointActionRow.js

@@ -1,18 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '../Button';
-const CheckpointActionRow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    advanceButtonText,
-    dismissButtonText,
-    endButtonText,
-    isLastCheckpoint,
-    onAdvance,
-    onDismiss,
-    onEnd,
-    showDismissButton,
-    index
-  } = _ref;
+var CheckpointActionRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var advanceButtonText = _ref.advanceButtonText,
+    dismissButtonText = _ref.dismissButtonText,
+    endButtonText = _ref.endButtonText,
+    isLastCheckpoint = _ref.isLastCheckpoint,
+    onAdvance = _ref.onAdvance,
+    onDismiss = _ref.onDismiss,
+    onEnd = _ref.onEnd,
+    showDismissButton = _ref.showDismissButton,
+    index = _ref.index;
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__checkpoint-action-row",
     ref: ref
@@ -24,7 +22,11 @@ const CheckpointActionRow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     autoFocus: true,
     className: "pgn__checkpoint-button_advance",
     variant: "primary",
-    onClick: isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)
+    onClick: isLastCheckpoint ? function () {
+      return onEnd(index);
+    } : function () {
+      return onAdvance(index);
+    }
   }, isLastCheckpoint ? endButtonText : advanceButtonText));
 });
 CheckpointActionRow.defaultProps = {
@@ -32,9 +34,9 @@ CheckpointActionRow.defaultProps = {
   dismissButtonText: '',
   endButtonText: '',
   isLastCheckpoint: false,
-  onAdvance: () => {},
-  onDismiss: () => {},
-  onEnd: () => {},
+  onAdvance: function onAdvance() {},
+  onDismiss: function onDismiss() {},
+  onEnd: function onEnd() {},
   showDismissButton: undefined,
   index: 0
 };

package/dist/ProductTour/CheckpointActionRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointActionRow.js","names":["React","PropTypes","Button","CheckpointActionRow","forwardRef","_ref","ref","advanceButtonText","dismissButtonText","endButtonText","isLastCheckpoint","onAdvance","onDismiss","onEnd","showDismissButton","index","createElement","className","undefined","variant","onClick","autoFocus","defaultProps","propTypes","node","bool","func","number"],"sources":["../../src/ProductTour/CheckpointActionRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nconst CheckpointActionRow = React.forwardRef(({\n  advanceButtonText,\n  dismissButtonText,\n  endButtonText,\n  isLastCheckpoint,\n  onAdvance,\n  onDismiss,\n  onEnd,\n  showDismissButton,\n  index,\n}, ref) => (\n  <div className=\"pgn__checkpoint-action-row\" ref={ref}>\n    {(showDismissButton === undefined ? !isLastCheckpoint : showDismissButton) && (\n      <Button\n        variant=\"tertiary\"\n        className=\"pgn__checkpoint-button_dismiss\"\n        onClick={onDismiss}\n      >\n        {dismissButtonText}\n      </Button>\n    )}\n    <Button\n      autoFocus\n      className=\"pgn__checkpoint-button_advance\"\n      variant=\"primary\"\n      onClick={isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)}\n    >\n      {isLastCheckpoint ? endButtonText : advanceButtonText}\n    </Button>\n  </div>\n));\n\nCheckpointActionRow.defaultProps = {\n  advanceButtonText: '',\n  dismissButtonText: '',\n  endButtonText: '',\n  isLastCheckpoint: false,\n  onAdvance: () => {},\n  onDismiss: () => {},\n  onEnd: () => {},\n  showDismissButton: undefined,\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 dismiss the tour. */\n  dismissButtonText: PropTypes.node,\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 dismiss button. */\n  onDismiss: 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  /** Enforces visibility of the dismiss button under all circumstances */\n  showDismissButton: PropTypes.bool,\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;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,mBAAmB,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAAC,IAAA,EAU1CC,GAAG;EAAA,IAVwC;IAC5CC,iBAAiB;IACjBC,iBAAiB;IACjBC,aAAa;IACbC,gBAAgB;IAChBC,SAAS;IACTC,SAAS;IACTC,KAAK;IACLC,iBAAiB;IACjBC;EACF,CAAC,GAAAV,IAAA;EAAA,oBACCL,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC,4BAA4B;IAACX,GAAG,EAAEA;EAAI,GAClD,CAACQ,iBAAiB,KAAKI,SAAS,GAAG,CAACR,gBAAgB,GAAGI,iBAAiB,kBACvEd,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLiB,OAAO,EAAC,UAAU;IAClBF,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAER;EAAU,GAElBJ,iBACK,CACT,eACDR,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLmB,SAAS;IACTJ,SAAS,EAAC,gCAAgC;IAC1CE,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAEV,gBAAgB,GAAG,MAAMG,KAAK,CAACE,KAAK,CAAC,GAAG,MAAMJ,SAAS,CAACI,KAAK;EAAE,GAEvEL,gBAAgB,GAAGD,aAAa,GAAGF,iBAC9B,CACL,CAAC;AAAA,CACP,CAAC;AAEFJ,mBAAmB,CAACmB,YAAY,GAAG;EACjCf,iBAAiB,EAAE,EAAE;EACrBC,iBAAiB,EAAE,EAAE;EACrBC,aAAa,EAAE,EAAE;EACjBC,gBAAgB,EAAE,KAAK;EACvBC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,iBAAiB,EAAEI,SAAS;EAC5BH,KAAK,EAAE;AACT,CAAC;AAEDZ,mBAAmB,CAACoB,SAAS,GAAG;EAC9B;EACAhB,iBAAiB,EAAEN,SAAS,CAACuB,IAAI;EACjC;EACAhB,iBAAiB,EAAEP,SAAS,CAACuB,IAAI;EACjC;EACAf,aAAa,EAAER,SAAS,CAACuB,IAAI;EAC7B;EACAd,gBAAgB,EAAET,SAAS,CAACwB,IAAI;EAChC;EACAd,SAAS,EAAEV,SAAS,CAACyB,IAAI;EACzB;EACAd,SAAS,EAAEX,SAAS,CAACyB,IAAI;EACzB;EACAb,KAAK,EAAEZ,SAAS,CAACyB,IAAI;EACrB;EACAZ,iBAAiB,EAAEb,SAAS,CAACwB,IAAI;EACjC;EACAV,KAAK,EAAEd,SAAS,CAAC0B;AACnB,CAAC;AAED,eAAexB,mBAAmB"}
+{"version":3,"file":"CheckpointActionRow.js","names":["React","PropTypes","Button","CheckpointActionRow","forwardRef","_ref","ref","advanceButtonText","dismissButtonText","endButtonText","isLastCheckpoint","onAdvance","onDismiss","onEnd","showDismissButton","index","createElement","className","undefined","variant","onClick","autoFocus","defaultProps","propTypes","node","bool","func","number"],"sources":["../../src/ProductTour/CheckpointActionRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nconst CheckpointActionRow = React.forwardRef(({\n  advanceButtonText,\n  dismissButtonText,\n  endButtonText,\n  isLastCheckpoint,\n  onAdvance,\n  onDismiss,\n  onEnd,\n  showDismissButton,\n  index,\n}, ref) => (\n  <div className=\"pgn__checkpoint-action-row\" ref={ref}>\n    {(showDismissButton === undefined ? !isLastCheckpoint : showDismissButton) && (\n      <Button\n        variant=\"tertiary\"\n        className=\"pgn__checkpoint-button_dismiss\"\n        onClick={onDismiss}\n      >\n        {dismissButtonText}\n      </Button>\n    )}\n    <Button\n      autoFocus\n      className=\"pgn__checkpoint-button_advance\"\n      variant=\"primary\"\n      onClick={isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)}\n    >\n      {isLastCheckpoint ? endButtonText : advanceButtonText}\n    </Button>\n  </div>\n));\n\nCheckpointActionRow.defaultProps = {\n  advanceButtonText: '',\n  dismissButtonText: '',\n  endButtonText: '',\n  isLastCheckpoint: false,\n  onAdvance: () => {},\n  onDismiss: () => {},\n  onEnd: () => {},\n  showDismissButton: undefined,\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 dismiss the tour. */\n  dismissButtonText: PropTypes.node,\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 dismiss button. */\n  onDismiss: 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  /** Enforces visibility of the dismiss button under all circumstances */\n  showDismissButton: PropTypes.bool,\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;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,mBAAmB,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAU1CC,GAAG;EAAA,IATJC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IACjBC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;IACjBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;IAChBC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,iBAAiB,GAAAT,IAAA,CAAjBS,iBAAiB;IACjBC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAAA,oBAELf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC,4BAA4B;IAACX,GAAG,EAAEA;EAAI,GAClD,CAACQ,iBAAiB,KAAKI,SAAS,GAAG,CAACR,gBAAgB,GAAGI,iBAAiB,kBACvEd,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLiB,OAAO,EAAC,UAAU;IAClBF,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAER;EAAU,GAElBJ,iBACK,CACT,eACDR,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLmB,SAAS;IACTJ,SAAS,EAAC,gCAAgC;IAC1CE,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAEV,gBAAgB,GAAG;MAAA,OAAMG,KAAK,CAACE,KAAK,CAAC;IAAA,IAAG;MAAA,OAAMJ,SAAS,CAACI,KAAK,CAAC;IAAA;EAAC,GAEvEL,gBAAgB,GAAGD,aAAa,GAAGF,iBAC9B,CACL,CAAC;AAAA,CACP,CAAC;AAEFJ,mBAAmB,CAACmB,YAAY,GAAG;EACjCf,iBAAiB,EAAE,EAAE;EACrBC,iBAAiB,EAAE,EAAE;EACrBC,aAAa,EAAE,EAAE;EACjBC,gBAAgB,EAAE,KAAK;EACvBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,KAAK,EAAE,SAAAA,MAAA,EAAM,CAAC,CAAC;EACfC,iBAAiB,EAAEI,SAAS;EAC5BH,KAAK,EAAE;AACT,CAAC;AAEDZ,mBAAmB,CAACoB,SAAS,GAAG;EAC9B;EACAhB,iBAAiB,EAAEN,SAAS,CAACuB,IAAI;EACjC;EACAhB,iBAAiB,EAAEP,SAAS,CAACuB,IAAI;EACjC;EACAf,aAAa,EAAER,SAAS,CAACuB,IAAI;EAC7B;EACAd,gBAAgB,EAAET,SAAS,CAACwB,IAAI;EAChC;EACAd,SAAS,EAAEV,SAAS,CAACyB,IAAI;EACzB;EACAd,SAAS,EAAEX,SAAS,CAACyB,IAAI;EACzB;EACAb,KAAK,EAAEZ,SAAS,CAACyB,IAAI;EACrB;EACAZ,iBAAiB,EAAEb,SAAS,CAACwB,IAAI;EACjC;EACAV,KAAK,EAAEd,SAAS,CAAC0B;AACnB,CAAC;AAED,eAAexB,mBAAmB"}

package/dist/ProductTour/CheckpointBody.js

@@ -1,9 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-const CheckpointBody = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children
-  } = _ref;
+var CheckpointBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children;
   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"}
+{"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,IAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAeC,GAAG,EAAK;EAAA,IAApBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjD,IAAI,CAACA,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"}

package/dist/ProductTour/CheckpointBreadcrumbs.js

@@ -1,27 +1,27 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-const CheckpointBreadcrumbs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    currentIndex,
-    totalCheckpoints
-  } = _ref;
+var CheckpointBreadcrumbs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var currentIndex = _ref.currentIndex,
+    totalCheckpoints = _ref.totalCheckpoints;
   if (totalCheckpoints === 1) {
     return null;
   }
   return /*#__PURE__*/React.createElement("span", {
     className: "pgn__checkpoint-breadcrumb-container",
     ref: ref
-  }, new Array(totalCheckpoints).fill(0).map((v, i) => i === currentIndex ? /*#__PURE__*/React.createElement("span", {
-    /* eslint-disable-next-line react/no-array-index-key */
-    key: i,
-    className: "pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active",
-    "data-testid": "pgn__checkpoint-breadcrumb_active"
-  }) : /*#__PURE__*/React.createElement("span", {
-    /* eslint-disable-next-line react/no-array-index-key */
-    key: i,
-    className: "pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive",
-    "data-testid": "pgn__checkpoint-breadcrumb_inactive"
-  })));
+  }, new Array(totalCheckpoints).fill(0).map(function (v, i) {
+    return i === currentIndex ? /*#__PURE__*/React.createElement("span", {
+      /* eslint-disable-next-line react/no-array-index-key */
+      key: i,
+      className: "pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active",
+      "data-testid": "pgn__checkpoint-breadcrumb_active"
+    }) : /*#__PURE__*/React.createElement("span", {
+      /* eslint-disable-next-line react/no-array-index-key */
+      key: i,
+      className: "pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive",
+      "data-testid": "pgn__checkpoint-breadcrumb_inactive"
+    });
+  }));
 });
 CheckpointBreadcrumbs.defaultProps = {
   currentIndex: null,

package/dist/ProductTour/CheckpointBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointBreadcrumbs.js","names":["React","PropTypes","CheckpointBreadcrumbs","forwardRef","_ref","ref","currentIndex","totalCheckpoints","createElement","className","Array","fill","map","v","i","key","defaultProps","propTypes","number"],"sources":["../../src/ProductTour/CheckpointBreadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBreadcrumbs = React.forwardRef(({ currentIndex, totalCheckpoints }, ref) => {\n  if (totalCheckpoints === 1) {\n    return null;\n  }\n  return (\n    <span className=\"pgn__checkpoint-breadcrumb-container\" ref={ref}>\n      {new Array(totalCheckpoints).fill(0).map((v, i) => (\n        i === currentIndex\n          ? (\n            <span\n              /* eslint-disable-next-line react/no-array-index-key */\n              key={i}\n              className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active\"\n              data-testid=\"pgn__checkpoint-breadcrumb_active\"\n            />\n          )\n          : (\n            <span\n              /* eslint-disable-next-line react/no-array-index-key */\n              key={i}\n              className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive\"\n              data-testid=\"pgn__checkpoint-breadcrumb_inactive\"\n            />\n          )\n      ))}\n    </span>\n  );\n});\n\nCheckpointBreadcrumbs.defaultProps = {\n  currentIndex: null,\n  totalCheckpoints: null,\n};\n\nCheckpointBreadcrumbs.propTypes = {\n  /** The current index of the parent Checkpoint within the tour. */\n  currentIndex: PropTypes.number,\n  /** The total number of Checkpoints within the tour. */\n  totalCheckpoints: PropTypes.number,\n};\n\nexport default CheckpointBreadcrumbs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,qBAAqB,gBAAGF,KAAK,CAACG,UAAU,CAAC,CAAAC,IAAA,EAAqCC,GAAG,KAAK;EAAA,IAA5C;IAAEC,YAAY;IAAEC;EAAiB,CAAC,GAAAH,IAAA;EAChF,IAAIG,gBAAgB,KAAK,CAAC,EAAE;IAC1B,OAAO,IAAI;EACb;EACA,oBACEP,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC,sCAAsC;IAACJ,GAAG,EAAEA;EAAI,GAC7D,IAAIK,KAAK,CAACH,gBAAgB,CAAC,CAACI,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAC5CA,CAAC,KAAKR,YAAY,gBAEdN,KAAA,CAAAQ,aAAA;IACE;IACAO,GAAG,EAAED,CAAE;IACPL,SAAS,EAAC,8DAA8D;IACxE,eAAY;EAAmC,CAChD,CAAC,gBAGFT,KAAA,CAAAQ,aAAA;IACE;IACAO,GAAG,EAAED,CAAE;IACPL,SAAS,EAAC,gEAAgE;IAC1E,eAAY;EAAqC,CAClD,CAEN,CACG,CAAC;AAEX,CAAC,CAAC;AAEFP,qBAAqB,CAACc,YAAY,GAAG;EACnCV,YAAY,EAAE,IAAI;EAClBC,gBAAgB,EAAE;AACpB,CAAC;AAEDL,qBAAqB,CAACe,SAAS,GAAG;EAChC;EACAX,YAAY,EAAEL,SAAS,CAACiB,MAAM;EAC9B;EACAX,gBAAgB,EAAEN,SAAS,CAACiB;AAC9B,CAAC;AAED,eAAehB,qBAAqB"}
+{"version":3,"file":"CheckpointBreadcrumbs.js","names":["React","PropTypes","CheckpointBreadcrumbs","forwardRef","_ref","ref","currentIndex","totalCheckpoints","createElement","className","Array","fill","map","v","i","key","defaultProps","propTypes","number"],"sources":["../../src/ProductTour/CheckpointBreadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBreadcrumbs = React.forwardRef(({ currentIndex, totalCheckpoints }, ref) => {\n  if (totalCheckpoints === 1) {\n    return null;\n  }\n  return (\n    <span className=\"pgn__checkpoint-breadcrumb-container\" ref={ref}>\n      {new Array(totalCheckpoints).fill(0).map((v, i) => (\n        i === currentIndex\n          ? (\n            <span\n              /* eslint-disable-next-line react/no-array-index-key */\n              key={i}\n              className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active\"\n              data-testid=\"pgn__checkpoint-breadcrumb_active\"\n            />\n          )\n          : (\n            <span\n              /* eslint-disable-next-line react/no-array-index-key */\n              key={i}\n              className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive\"\n              data-testid=\"pgn__checkpoint-breadcrumb_inactive\"\n            />\n          )\n      ))}\n    </span>\n  );\n});\n\nCheckpointBreadcrumbs.defaultProps = {\n  currentIndex: null,\n  totalCheckpoints: null,\n};\n\nCheckpointBreadcrumbs.propTypes = {\n  /** The current index of the parent Checkpoint within the tour. */\n  currentIndex: PropTypes.number,\n  /** The total number of Checkpoints within the tour. */\n  totalCheckpoints: PropTypes.number,\n};\n\nexport default CheckpointBreadcrumbs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,qBAAqB,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAqCC,GAAG,EAAK;EAAA,IAA1CC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;EAC9E,IAAIA,gBAAgB,KAAK,CAAC,EAAE;IAC1B,OAAO,IAAI;EACb;EACA,oBACEP,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC,sCAAsC;IAACJ,GAAG,EAAEA;EAAI,GAC7D,IAAIK,KAAK,CAACH,gBAAgB,CAAC,CAACI,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;IAAA,OAC5CA,CAAC,KAAKR,YAAY,gBAEdN,KAAA,CAAAQ,aAAA;MACE;MACAO,GAAG,EAAED,CAAE;MACPL,SAAS,EAAC,8DAA8D;MACxE,eAAY;IAAmC,CAChD,CAAC,gBAGFT,KAAA,CAAAQ,aAAA;MACE;MACAO,GAAG,EAAED,CAAE;MACPL,SAAS,EAAC,gEAAgE;MAC1E,eAAY;IAAqC,CAClD,CACF;EAAA,CACJ,CACG,CAAC;AAEX,CAAC,CAAC;AAEFP,qBAAqB,CAACc,YAAY,GAAG;EACnCV,YAAY,EAAE,IAAI;EAClBC,gBAAgB,EAAE;AACpB,CAAC;AAEDL,qBAAqB,CAACe,SAAS,GAAG;EAChC;EACAX,YAAY,EAAEL,SAAS,CAACiB,MAAM;EAC9B;EACAX,gBAAgB,EAAEN,SAAS,CAACiB;AAC9B,CAAC;AAED,eAAehB,qBAAqB"}

package/dist/ProductTour/CheckpointTitle.js

@@ -1,9 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-const CheckpointTitle = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children
-  } = _ref;
+var CheckpointTitle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children;
   return /*#__PURE__*/React.createElement("h2", {
     id: "pgn__checkpoint-title",
     ref: ref

package/dist/ProductTour/CheckpointTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointTitle.js","names":["React","PropTypes","CheckpointTitle","forwardRef","_ref","ref","children","createElement","id","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointTitle = React.forwardRef(({ children }, ref) => (\n  <h2 id=\"pgn__checkpoint-title\" ref={ref}>\n    {children}\n  </h2>\n));\n\nCheckpointTitle.defaultProps = {\n  children: null,\n};\n\nCheckpointTitle.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default CheckpointTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,eAAe,gBAAGF,KAAK,CAACG,UAAU,CAAC,CAAAC,IAAA,EAAeC,GAAG;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAAA,oBACpDJ,KAAA,CAAAO,aAAA;IAAIC,EAAE,EAAC,uBAAuB;IAACH,GAAG,EAAEA;EAAI,GACrCC,QACC,CAAC;AAAA,CACN,CAAC;AAEFJ,eAAe,CAACO,YAAY,GAAG;EAC7BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,eAAe,CAACQ,SAAS,GAAG;EAC1BJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,eAAe"}
+{"version":3,"file":"CheckpointTitle.js","names":["React","PropTypes","CheckpointTitle","forwardRef","_ref","ref","children","createElement","id","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointTitle = React.forwardRef(({ children }, ref) => (\n  <h2 id=\"pgn__checkpoint-title\" ref={ref}>\n    {children}\n  </h2>\n));\n\nCheckpointTitle.defaultProps = {\n  children: null,\n};\n\nCheckpointTitle.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default CheckpointTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,eAAe,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAeC,GAAG;EAAA,IAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAClDN,KAAA,CAAAO,aAAA;IAAIC,EAAE,EAAC,uBAAuB;IAACH,GAAG,EAAEA;EAAI,GACrCC,QACC,CAAC;AAAA,CACN,CAAC;AAEFJ,eAAe,CAACO,YAAY,GAAG;EAC7BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,eAAe,CAACQ,SAAS,GAAG;EAC1BJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,eAAe"}

package/dist/ProductTour/_variables.scss

@@ -0,0 +1,15 @@
+// Checkpoints
+
+$checkpoint-background-color:       $light-300 !default;
+
+$checkpoint-body-color:             $gray-700;
+
+$checkpoint-border-color:           $brand !default;
+$checkpoint-border-width:           8px !default;
+
+$checkpoint-breadcrumb-color:       $primary !default;
+
+$checkpoint-arrow-width:            15px !default;
+$checkpoint-max-width:              480px !default;
+
+$checkpoint-z-index:                1060 !default;

package/dist/ProductTour/index.js

@@ -1,61 +1,80 @@
+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, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import Checkpoint from './Checkpoint';
-const ProductTour = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    tours
-  } = _ref;
-  const tourValue = tours.find(tour => tour.enabled);
-  const {
-    enabled,
-    checkpoints = [],
-    startingIndex,
-    onEscape,
-    onEnd,
-    onDismiss: tourOnDismiss,
-    advanceButtonText: tourAdvanceButtonText,
-    dismissButtonText: tourDismissButtonText,
-    endButtonText: tourEndButtonText
-  } = tourValue || {};
-  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);
-  const [index, setIndex] = useState(0);
-  const [isTourEnabled, setIsTourEnabled] = useState(false);
-  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);
-  const {
-    title,
-    body,
-    onAdvance,
-    onDismiss,
-    advanceButtonText,
-    dismissButtonText,
-    endButtonText,
-    placement,
-    target,
-    showDismissButton
-  } = currentCheckpointData || {};
+var ProductTour = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var tours = _ref.tours;
+  var tourValue = tours.find(function (tour) {
+    return tour.enabled;
+  });
+  var _ref2 = tourValue || {},
+    enabled = _ref2.enabled,
+    _ref2$checkpoints = _ref2.checkpoints,
+    checkpoints = _ref2$checkpoints === void 0 ? [] : _ref2$checkpoints,
+    startingIndex = _ref2.startingIndex,
+    onEscape = _ref2.onEscape,
+    onEnd = _ref2.onEnd,
+    tourOnDismiss = _ref2.onDismiss,
+    tourAdvanceButtonText = _ref2.advanceButtonText,
+    tourDismissButtonText = _ref2.dismissButtonText,
+    tourEndButtonText = _ref2.endButtonText;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentCheckpointData = _useState2[0],
+    setCurrentCheckpointData = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    index = _useState4[0],
+    setIndex = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isTourEnabled = _useState6[0],
+    setIsTourEnabled = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    prunedCheckpoints = _useState8[0],
+    setPrunedCheckpoints = _useState8[1];
+  var _ref3 = currentCheckpointData || {},
+    title = _ref3.title,
+    body = _ref3.body,
+    onAdvance = _ref3.onAdvance,
+    onDismiss = _ref3.onDismiss,
+    advanceButtonText = _ref3.advanceButtonText,
+    dismissButtonText = _ref3.dismissButtonText,
+    endButtonText = _ref3.endButtonText,
+    placement = _ref3.placement,
+    target = _ref3.target,
+    showDismissButton = _ref3.showDismissButton;
 
   /**
    * Takes a list of checkpoints and verifies that each target string provided is
    * an element in the DOM.
    */
-  const pruneCheckpoints = checkpointList => {
-    const checkpointsWithRenderedTargets = checkpointList.filter(checkpoint => !!document.querySelector(checkpoint.target));
+  var pruneCheckpoints = function pruneCheckpoints(checkpointList) {
+    var checkpointsWithRenderedTargets = checkpointList.filter(function (checkpoint) {
+      return !!document.querySelector(checkpoint.target);
+    });
     setPrunedCheckpoints(checkpointsWithRenderedTargets);
   };
-  useEffect(() => {
+  useEffect(function () {
     if (enabled && checkpoints) {
       setIsTourEnabled(enabled);
       pruneCheckpoints(checkpoints);
       setIndex(startingIndex || 0);
     }
   }, [enabled, checkpoints, startingIndex]);
-  useEffect(() => {
+  useEffect(function () {
     if (isTourEnabled && prunedCheckpoints.length) {
       setCurrentCheckpointData(prunedCheckpoints[index]);
     }
   }, [index, isTourEnabled, prunedCheckpoints]);
-  useEffect(() => {
-    const handleEsc = event => {
+  useEffect(function () {
+    var handleEsc = function handleEsc(event) {
       if (event.keyCode === 27) {
         setIsTourEnabled(false);
         if (onEscape) {
@@ -64,20 +83,20 @@ const ProductTour = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       }
     };
     global.addEventListener('keydown', handleEsc);
-    return () => {
+    return function () {
       global.removeEventListener('keydown', handleEsc);
     };
   }, [onEscape]);
   if (!tourValue || !currentCheckpointData || !isTourEnabled) {
     return null;
   }
-  const handleAdvance = () => {
+  var handleAdvance = function handleAdvance() {
     setIndex(index + 1);
     if (onAdvance) {
       onAdvance();
     }
   };
-  const handleDismiss = () => {
+  var handleDismiss = function handleDismiss() {
     setIndex(0);
     setIsTourEnabled(false);
     if (onDismiss) {
@@ -97,7 +116,7 @@ const ProductTour = /*#__PURE__*/React.forwardRef((_ref, ref) => {
    * @param {Integer} checkpointIndex 
    */
   /* eslint-enable */
-  const handleEnd = checkpointIndex => {
+  var handleEnd = function handleEnd(checkpointIndex) {
     setIndex(0);
     setIsTourEnabled(false);
     if (prunedCheckpoints[checkpointIndex].onEnd) {
@@ -133,17 +152,17 @@ ProductTour.defaultProps = {
       body: '',
       dismissButtonText: '',
       endButtonText: '',
-      onAdvance: () => {},
-      onDismiss: () => {},
+      onAdvance: function onAdvance() {},
+      onDismiss: function onDismiss() {},
       placement: 'top',
       title: '',
       showDismissButton: undefined
     },
     dismissButtonText: '',
     endButtonText: '',
-    onDismiss: () => {},
-    onEnd: () => {},
-    onEscape: () => {},
+    onDismiss: function onDismiss() {},
+    onEnd: function onEnd() {},
+    onEscape: function onEscape() {},
     startingIndex: 0
   }
 };

package/dist/ProductTour/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useState","PropTypes","Checkpoint","ProductTour","forwardRef","_ref","ref","tours","tourValue","find","tour","enabled","checkpoints","startingIndex","onEscape","onEnd","onDismiss","tourOnDismiss","advanceButtonText","tourAdvanceButtonText","dismissButtonText","tourDismissButtonText","endButtonText","tourEndButtonText","currentCheckpointData","setCurrentCheckpointData","index","setIndex","isTourEnabled","setIsTourEnabled","prunedCheckpoints","setPrunedCheckpoints","title","body","onAdvance","placement","target","showDismissButton","pruneCheckpoints","checkpointList","checkpointsWithRenderedTargets","filter","checkpoint","document","querySelector","length","handleEsc","event","keyCode","global","addEventListener","removeEventListener","handleAdvance","handleDismiss","handleEnd","checkpointIndex","createElement","totalCheckpoints","defaultProps","undefined","propTypes","arrayOf","shape","node","func","oneOf","string","isRequired","bool","number","tourId"],"sources":["../../src/ProductTour/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Checkpoint from './Checkpoint';\n\nconst ProductTour = React.forwardRef(({ tours }, ref) => {\n  const tourValue = tours.find((tour) => tour.enabled);\n  const {\n    enabled, checkpoints = [], startingIndex, onEscape, onEnd, onDismiss: tourOnDismiss,\n    advanceButtonText: tourAdvanceButtonText, dismissButtonText: tourDismissButtonText,\n    endButtonText: tourEndButtonText,\n  } = tourValue || {};\n  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);\n  const [index, setIndex] = useState(0);\n  const [isTourEnabled, setIsTourEnabled] = useState(false);\n  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);\n  const {\n    title, body, onAdvance, onDismiss, advanceButtonText, dismissButtonText,\n    endButtonText, placement, target, showDismissButton,\n  } = currentCheckpointData || {};\n\n  /**\n   * Takes a list of checkpoints and verifies that each target string provided is\n   * an element in the DOM.\n   */\n  const pruneCheckpoints = (checkpointList) => {\n    const checkpointsWithRenderedTargets = checkpointList.filter(\n      (checkpoint) => !!document.querySelector(checkpoint.target),\n    );\n    setPrunedCheckpoints(checkpointsWithRenderedTargets);\n  };\n\n  useEffect(() => {\n    if (enabled && checkpoints) {\n      setIsTourEnabled(enabled);\n      pruneCheckpoints(checkpoints);\n      setIndex(startingIndex || 0);\n    }\n  }, [enabled, checkpoints, startingIndex]);\n\n  useEffect(() => {\n    if (isTourEnabled && prunedCheckpoints.length) {\n      setCurrentCheckpointData(prunedCheckpoints[index]);\n    }\n  }, [index, isTourEnabled, prunedCheckpoints]);\n\n  useEffect(() => {\n    const handleEsc = (event) => {\n      if (event.keyCode === 27) {\n        setIsTourEnabled(false);\n        if (onEscape) {\n          onEscape();\n        }\n      }\n    };\n    global.addEventListener('keydown', handleEsc);\n\n    return () => {\n      global.removeEventListener('keydown', handleEsc);\n    };\n  }, [onEscape]);\n\n  if (!tourValue || !currentCheckpointData || !isTourEnabled) {\n    return null;\n  }\n\n  const handleAdvance = () => {\n    setIndex(index + 1);\n    if (onAdvance) {\n      onAdvance();\n    }\n  };\n\n  const handleDismiss = () => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (onDismiss) {\n      onDismiss();\n    } else {\n      tourOnDismiss();\n    }\n    setCurrentCheckpointData(null);\n  };\n  /* eslint-disable */\n  /**\n   * Takes the final checkpoint array index value and looks for an existing onEnd callback.\n   * \n   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint \n   * in the array, the onEnd callback will be called for the parent, and individual onEnd object. \n   * \n   * @param {Integer} checkpointIndex \n   */\n  /* eslint-enable */\n  const handleEnd = (checkpointIndex) => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (prunedCheckpoints[checkpointIndex].onEnd) {\n      prunedCheckpoints[checkpointIndex].onEnd();\n    } else if (onEnd) {\n      onEnd(prunedCheckpoints[checkpointIndex]);\n    }\n    setCurrentCheckpointData(null);\n  };\n  return (\n    <Checkpoint\n      advanceButtonText={advanceButtonText || tourAdvanceButtonText}\n      body={body}\n      currentCheckpointData={currentCheckpointData}\n      dismissButtonText={dismissButtonText || tourDismissButtonText}\n      endButtonText={endButtonText || tourEndButtonText}\n      index={index}\n      onAdvance={handleAdvance}\n      onDismiss={handleDismiss}\n      onEnd={handleEnd}\n      placement={placement}\n      target={target}\n      title={title}\n      totalCheckpoints={prunedCheckpoints.length}\n      showDismissButton={showDismissButton}\n      ref={ref}\n    />\n  );\n});\n\nProductTour.defaultProps = {\n  tours: {\n    advanceButtonText: '',\n    checkpoints: {\n      advanceButtonText: '',\n      body: '',\n      dismissButtonText: '',\n      endButtonText: '',\n      onAdvance: () => {},\n      onDismiss: () => {},\n      placement: 'top',\n      title: '',\n      showDismissButton: undefined,\n    },\n    dismissButtonText: '',\n    endButtonText: '',\n    onDismiss: () => {},\n    onEnd: () => {},\n    onEscape: () => {},\n    startingIndex: 0,\n  },\n};\n\nProductTour.propTypes = {\n  tours: PropTypes.arrayOf(PropTypes.shape({\n    /** The text displayed on all buttons used to advance the tour. */\n    advanceButtonText: PropTypes.node,\n    /** An array comprised of checkpoint objects supporting the following values: */\n    checkpoints: PropTypes.arrayOf(PropTypes.shape({\n      /** The text displayed on the button used to advance the tour for the given Checkpoint\n       * (overrides the* `advanceButtonText` defined in the parent tour object). */\n      advanceButtonText: PropTypes.node,\n      /** The text displayed in the body of the Checkpoint */\n      body: PropTypes.node,\n      /** The text displayed on the button used to dismiss the tour for the given Checkpoint\n       * (overrides the `dismissButtonText` defined in the parent tour object). */\n      dismissButtonText: PropTypes.node,\n      /** The text displayed on the button used to end the tour for the given Checkpoint\n       * (overrides the `endButtonText` defined in the parent tour object). */\n      endButtonText: PropTypes.node,\n      /** A function that runs when triggering the `onClick` event of the advance\n       * button for the given Checkpoint. */\n      onAdvance: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the dismiss\n       * button for the given Checkpoint (overrides the `onDismiss` function defined in the parent tour object). */\n      onDismiss: PropTypes.func,\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,\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      /** Enforces visibility of the dismiss button under all circumstances */\n      showDismissButton: PropTypes.bool,\n    })),\n    /** The text displayed on the button used to dismiss the tour. */\n    dismissButtonText: PropTypes.node,\n    /** Whether the tour is enabled. If there are multiple tours defined, only one should be enabled at a time. */\n    enabled: PropTypes.bool.isRequired,\n    /** The text displayed on the button used to end the tour. */\n    endButtonText: PropTypes.node,\n    /** A function that runs when triggering the `onClick` event of the dismiss button. */\n    onDismiss: PropTypes.func,\n    /** A function that runs when triggering the `onClick` event of the end button. */\n    onEnd: PropTypes.func,\n    /** A function that runs when pressing the Escape key. */\n    onEscape: PropTypes.func,\n    /** The index of the desired `Checkpoint` to render when the tour starts. */\n    startingIndex: PropTypes.number,\n    /** The ID of the tour */\n    tourId: PropTypes.string.isRequired,\n  })),\n};\n\nexport default ProductTour;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useEffect","useState","PropTypes","Checkpoint","ProductTour","forwardRef","_ref","ref","tours","tourValue","find","tour","enabled","_ref2","_ref2$checkpoints","checkpoints","startingIndex","onEscape","onEnd","tourOnDismiss","onDismiss","tourAdvanceButtonText","advanceButtonText","tourDismissButtonText","dismissButtonText","tourEndButtonText","endButtonText","_useState","_useState2","_slicedToArray","currentCheckpointData","setCurrentCheckpointData","_useState3","_useState4","index","setIndex","_useState5","_useState6","isTourEnabled","setIsTourEnabled","_useState7","_useState8","prunedCheckpoints","setPrunedCheckpoints","_ref3","title","body","onAdvance","placement","target","showDismissButton","pruneCheckpoints","checkpointList","checkpointsWithRenderedTargets","filter","checkpoint","document","querySelector","length","handleEsc","event","keyCode","global","addEventListener","removeEventListener","handleAdvance","handleDismiss","handleEnd","checkpointIndex","createElement","totalCheckpoints","defaultProps","undefined","propTypes","arrayOf","shape","node","func","oneOf","string","isRequired","bool","number","tourId"],"sources":["../../src/ProductTour/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Checkpoint from './Checkpoint';\n\nconst ProductTour = React.forwardRef(({ tours }, ref) => {\n  const tourValue = tours.find((tour) => tour.enabled);\n  const {\n    enabled, checkpoints = [], startingIndex, onEscape, onEnd, onDismiss: tourOnDismiss,\n    advanceButtonText: tourAdvanceButtonText, dismissButtonText: tourDismissButtonText,\n    endButtonText: tourEndButtonText,\n  } = tourValue || {};\n  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);\n  const [index, setIndex] = useState(0);\n  const [isTourEnabled, setIsTourEnabled] = useState(false);\n  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);\n  const {\n    title, body, onAdvance, onDismiss, advanceButtonText, dismissButtonText,\n    endButtonText, placement, target, showDismissButton,\n  } = currentCheckpointData || {};\n\n  /**\n   * Takes a list of checkpoints and verifies that each target string provided is\n   * an element in the DOM.\n   */\n  const pruneCheckpoints = (checkpointList) => {\n    const checkpointsWithRenderedTargets = checkpointList.filter(\n      (checkpoint) => !!document.querySelector(checkpoint.target),\n    );\n    setPrunedCheckpoints(checkpointsWithRenderedTargets);\n  };\n\n  useEffect(() => {\n    if (enabled && checkpoints) {\n      setIsTourEnabled(enabled);\n      pruneCheckpoints(checkpoints);\n      setIndex(startingIndex || 0);\n    }\n  }, [enabled, checkpoints, startingIndex]);\n\n  useEffect(() => {\n    if (isTourEnabled && prunedCheckpoints.length) {\n      setCurrentCheckpointData(prunedCheckpoints[index]);\n    }\n  }, [index, isTourEnabled, prunedCheckpoints]);\n\n  useEffect(() => {\n    const handleEsc = (event) => {\n      if (event.keyCode === 27) {\n        setIsTourEnabled(false);\n        if (onEscape) {\n          onEscape();\n        }\n      }\n    };\n    global.addEventListener('keydown', handleEsc);\n\n    return () => {\n      global.removeEventListener('keydown', handleEsc);\n    };\n  }, [onEscape]);\n\n  if (!tourValue || !currentCheckpointData || !isTourEnabled) {\n    return null;\n  }\n\n  const handleAdvance = () => {\n    setIndex(index + 1);\n    if (onAdvance) {\n      onAdvance();\n    }\n  };\n\n  const handleDismiss = () => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (onDismiss) {\n      onDismiss();\n    } else {\n      tourOnDismiss();\n    }\n    setCurrentCheckpointData(null);\n  };\n  /* eslint-disable */\n  /**\n   * Takes the final checkpoint array index value and looks for an existing onEnd callback.\n   * \n   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint \n   * in the array, the onEnd callback will be called for the parent, and individual onEnd object. \n   * \n   * @param {Integer} checkpointIndex \n   */\n  /* eslint-enable */\n  const handleEnd = (checkpointIndex) => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (prunedCheckpoints[checkpointIndex].onEnd) {\n      prunedCheckpoints[checkpointIndex].onEnd();\n    } else if (onEnd) {\n      onEnd(prunedCheckpoints[checkpointIndex]);\n    }\n    setCurrentCheckpointData(null);\n  };\n  return (\n    <Checkpoint\n      advanceButtonText={advanceButtonText || tourAdvanceButtonText}\n      body={body}\n      currentCheckpointData={currentCheckpointData}\n      dismissButtonText={dismissButtonText || tourDismissButtonText}\n      endButtonText={endButtonText || tourEndButtonText}\n      index={index}\n      onAdvance={handleAdvance}\n      onDismiss={handleDismiss}\n      onEnd={handleEnd}\n      placement={placement}\n      target={target}\n      title={title}\n      totalCheckpoints={prunedCheckpoints.length}\n      showDismissButton={showDismissButton}\n      ref={ref}\n    />\n  );\n});\n\nProductTour.defaultProps = {\n  tours: {\n    advanceButtonText: '',\n    checkpoints: {\n      advanceButtonText: '',\n      body: '',\n      dismissButtonText: '',\n      endButtonText: '',\n      onAdvance: () => {},\n      onDismiss: () => {},\n      placement: 'top',\n      title: '',\n      showDismissButton: undefined,\n    },\n    dismissButtonText: '',\n    endButtonText: '',\n    onDismiss: () => {},\n    onEnd: () => {},\n    onEscape: () => {},\n    startingIndex: 0,\n  },\n};\n\nProductTour.propTypes = {\n  tours: PropTypes.arrayOf(PropTypes.shape({\n    /** The text displayed on all buttons used to advance the tour. */\n    advanceButtonText: PropTypes.node,\n    /** An array comprised of checkpoint objects supporting the following values: */\n    checkpoints: PropTypes.arrayOf(PropTypes.shape({\n      /** The text displayed on the button used to advance the tour for the given Checkpoint\n       * (overrides the* `advanceButtonText` defined in the parent tour object). */\n      advanceButtonText: PropTypes.node,\n      /** The text displayed in the body of the Checkpoint */\n      body: PropTypes.node,\n      /** The text displayed on the button used to dismiss the tour for the given Checkpoint\n       * (overrides the `dismissButtonText` defined in the parent tour object). */\n      dismissButtonText: PropTypes.node,\n      /** The text displayed on the button used to end the tour for the given Checkpoint\n       * (overrides the `endButtonText` defined in the parent tour object). */\n      endButtonText: PropTypes.node,\n      /** A function that runs when triggering the `onClick` event of the advance\n       * button for the given Checkpoint. */\n      onAdvance: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the dismiss\n       * button for the given Checkpoint (overrides the `onDismiss` function defined in the parent tour object). */\n      onDismiss: PropTypes.func,\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,\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      /** Enforces visibility of the dismiss button under all circumstances */\n      showDismissButton: PropTypes.bool,\n    })),\n    /** The text displayed on the button used to dismiss the tour. */\n    dismissButtonText: PropTypes.node,\n    /** Whether the tour is enabled. If there are multiple tours defined, only one should be enabled at a time. */\n    enabled: PropTypes.bool.isRequired,\n    /** The text displayed on the button used to end the tour. */\n    endButtonText: PropTypes.node,\n    /** A function that runs when triggering the `onClick` event of the dismiss button. */\n    onDismiss: PropTypes.func,\n    /** A function that runs when triggering the `onClick` event of the end button. */\n    onEnd: PropTypes.func,\n    /** A function that runs when pressing the Escape key. */\n    onEscape: PropTypes.func,\n    /** The index of the desired `Checkpoint` to render when the tour starts. */\n    startingIndex: PropTypes.number,\n    /** The ID of the tour */\n    tourId: PropTypes.string.isRequired,\n  })),\n};\n\nexport default ProductTour;\n"],"mappings":"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"}

package/dist/ProgressBar/_variables.scss

@@ -0,0 +1,23 @@
+// Progress bars
+
+$progress-height:                   1rem !default;
+$annotated-progress-height:         .3125rem !default;
+$progress-font-size:                $font-size-base * .75 !default;
+$progress-bg:                       transparent !default;
+$progress-border-radius:            0 !default;
+$progress-box-shadow:               none !default;
+$progress-bar-color:                $white !default;
+$progress-bar-bg:                   theme-color("accent-a") !default;
+$annotated-progress-bar-bg:         theme-color("dark") !default;
+$progress-bar-animation-timing:     1s linear infinite !default;
+$progress-bar-transition:           width .6s ease !default;
+$progress-bar-border-width:         1px !default;
+$progress-bar-border-color:         $gray-500 !default;
+$progress-threshold-circle:         .5625rem !default;
+$progress-hint-annotation-gap:      .5rem !default;
+$progress-colors: (
+  "dark":    $primary-500,
+  "success": $success-500,
+  "error":   $danger-500,
+  "warning": $accent-b,
+) !default;

package/dist/ProgressBar/index.js

@@ -1,4 +1,4 @@
-const _excluded = ["now", "label", "variant", "threshold", "thresholdLabel", "thresholdVariant", "progressHint", "thresholdHint"];
+var _excluded = ["now", "label", "variant", "threshold", "thresholdLabel", "thresholdVariant", "progressHint", "thresholdHint"];
 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,51 +8,53 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Annotation from '../Annotation';
 import { getOffsetStyles, placeInfoAtZero } from './utils';
-export const ANNOTATION_CLASS = 'pgn__annotation';
-const HINT_SWAP_PERCENT = 50;
-const PROGRESS_DEFAULT_VARIANT = 'warning';
-const THRESHOLD_DEFAULT_VARIANT = 'dark';
-const VARIANTS = ['dark', 'warning', 'success', 'error'];
+export var ANNOTATION_CLASS = 'pgn__annotation';
+var HINT_SWAP_PERCENT = 50;
+var PROGRESS_DEFAULT_VARIANT = 'warning';
+var THRESHOLD_DEFAULT_VARIANT = 'dark';
+var VARIANTS = ['dark', 'warning', 'success', 'error'];
 function ProgressBar(props) {
   return /*#__PURE__*/React.createElement(ProgressBarBase, props);
 }
 function ProgressBarAnnotated(_ref) {
-  let {
-      now,
-      label,
-      variant,
-      threshold,
-      thresholdLabel,
-      thresholdVariant,
-      progressHint,
-      thresholdHint
-    } = _ref,
+  var now = _ref.now,
+    label = _ref.label,
+    variant = _ref.variant,
+    threshold = _ref.threshold,
+    thresholdLabel = _ref.thresholdLabel,
+    thresholdVariant = _ref.thresholdVariant,
+    progressHint = _ref.progressHint,
+    thresholdHint = _ref.thresholdHint,
     props = _objectWithoutProperties(_ref, _excluded);
-  const progressInfoRef = React.useRef();
-  const thresholdInfoRef = React.useRef();
-  const thresholdPercent = (threshold || 0) - (now || 0);
-  const isProgressHintAfter = now < HINT_SWAP_PERCENT;
-  const isThresholdHintAfter = threshold < HINT_SWAP_PERCENT;
-  const progressColor = VARIANTS.includes(variant) ? variant : PROGRESS_DEFAULT_VARIANT;
-  const thresholdColor = VARIANTS.includes(thresholdVariant) ? thresholdVariant : THRESHOLD_DEFAULT_VARIANT;
-  const direction = window.getComputedStyle(document.body).getPropertyValue('direction');
-  const positionAnnotations = useCallback(() => {
+  var progressInfoRef = React.useRef();
+  var thresholdInfoRef = React.useRef();
+  var thresholdPercent = (threshold || 0) - (now || 0);
+  var isProgressHintAfter = now < HINT_SWAP_PERCENT;
+  var isThresholdHintAfter = threshold < HINT_SWAP_PERCENT;
+  var progressColor = VARIANTS.includes(variant) ? variant : PROGRESS_DEFAULT_VARIANT;
+  var thresholdColor = VARIANTS.includes(thresholdVariant) ? thresholdVariant : THRESHOLD_DEFAULT_VARIANT;
+  var direction = window.getComputedStyle(document.body).getPropertyValue('direction');
+  var positionAnnotations = useCallback(function () {
     placeInfoAtZero(progressInfoRef, direction, isProgressHintAfter, ANNOTATION_CLASS);
     placeInfoAtZero(thresholdInfoRef, direction, isThresholdHintAfter, ANNOTATION_CLASS);
   }, [direction, isProgressHintAfter, isThresholdHintAfter]);
-  useEffect(() => {
+  useEffect(function () {
     positionAnnotations();
-    const observer = new ResizeObserver(() => {
+    var observer = new ResizeObserver(function () {
       positionAnnotations();
     });
-    const progressInfoEl = progressInfoRef.current;
+    var progressInfoEl = progressInfoRef.current;
     observer.observe(progressInfoEl);
-    return () => progressInfoEl && observer.unobserve(progressInfoEl);
+    return function () {
+      return progressInfoEl && observer.unobserve(progressInfoEl);
+    };
   }, [positionAnnotations]);
-  const getHint = text => /*#__PURE__*/React.createElement("span", {
-    className: "pgn__progress-hint",
-    "data-testid": "progress-hint"
-  }, text);
+  var getHint = function getHint(text) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "pgn__progress-hint",
+      "data-testid": "progress-hint"
+    }, text);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__progress-annotated"
   }, !!label && /*#__PURE__*/React.createElement("div", {
@@ -63,11 +65,11 @@ function ProgressBarAnnotated(_ref) {
     variant: progressColor
   }, label), isProgressHintAfter && getHint(progressHint)), /*#__PURE__*/React.createElement(ProgressBarBase, null, /*#__PURE__*/React.createElement(ProgressBarBase, _extends({}, props, {
     now: now,
-    className: classNames(`pgn__progress-bar--${progressColor}`, thresholdPercent > 0 ? 'pgn__progress-tick--white' : 'pgn__progress-tick--black'),
+    className: classNames("pgn__progress-bar--".concat(progressColor), thresholdPercent > 0 ? 'pgn__progress-tick--white' : 'pgn__progress-tick--black'),
     srOnly: true
   })), !!threshold && /*#__PURE__*/React.createElement(ProgressBarBase, {
     now: thresholdPercent,
-    className: `pgn__progress-bar--${thresholdColor}`,
+    className: "pgn__progress-bar--".concat(thresholdColor),
     srOnly: true
   })), !!threshold && !!thresholdLabel && /*#__PURE__*/React.createElement("div", {
     className: "pgn__progress-info",