@openedx/paragon 23.12.1 → 23.13.0

package/dist/ProductTour/CheckpointActionRow.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ActionRow from '../ActionRow';
 import Button from '../Button';
-const CheckpointActionRow = /*#__PURE__*/React.forwardRef(_ref => {
+const CheckpointActionRow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     advanceButtonText,
     backButtonText,
@@ -15,7 +15,8 @@ const CheckpointActionRow = /*#__PURE__*/React.forwardRef(_ref => {
   } = _ref;
   const isFirstCheckpoint = index === 0;
   return /*#__PURE__*/React.createElement(ActionRow, {
-    className: "pgn__checkpoint-action-row"
+    className: "pgn__checkpoint-action-row",
+    ref: ref
   }, !isFirstCheckpoint && /*#__PURE__*/React.createElement(Button, {
     className: "pgn__checkpoint-button-back",
     variant: "tertiary",

package/dist/ProductTour/CheckpointActionRow.js.map

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

package/dist/ProductTour/CheckpointHeader.js

@@ -6,7 +6,7 @@ import IconButton from '../IconButton';
 import { Close } from '../../icons';
 import CheckpointTitle from './CheckpointTitle';
 import messages from './messages';
-const CheckpointHeader = /*#__PURE__*/React.forwardRef(_ref => {
+const CheckpointHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     dismissAltText,
     index,
@@ -18,7 +18,8 @@ const CheckpointHeader = /*#__PURE__*/React.forwardRef(_ref => {
   const oneBasedIndex = index + 1;
   const altText = dismissAltText && typeof dismissAltText === 'string' ? dismissAltText : intl.formatMessage(messages.closeAltText);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("header", {
-    className: "pgn__checkpoint-header"
+    className: "pgn__checkpoint-header",
+    ref: ref
   }, /*#__PURE__*/React.createElement("span", {
     className: "pgn__checkpoint-page-index"
   }, /*#__PURE__*/React.createElement(FormattedMessage, {

package/dist/ProductTour/CheckpointHeader.js.map

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

package/dist/theme-urls.json

@@ -1,5 +1,11 @@
 {
   "themeUrls": {
+    "core": {
+      "paths": {
+        "default": "./core.css",
+        "minified": "./core.min.css"
+      }
+    },
     "defaults": {
       "light": "light"
     },
@@ -10,12 +16,6 @@
           "minified": "./light.min.css"
         }
       }
-    },
-    "core": {
-      "paths": {
-        "default": "./core.css",
-        "minified": "./core.min.css"
-      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/paragon",
-  "version": "23.12.1",
+  "version": "23.13.0",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/ProductTour/CheckpointActionRow.jsx

@@ -13,10 +13,10 @@ const CheckpointActionRow = React.forwardRef(({
   onBack,
   onEnd,
   index,
-}) => {
+}, ref) => {
   const isFirstCheckpoint = index === 0;
   return (
-    <ActionRow className="pgn__checkpoint-action-row">
+    <ActionRow className="pgn__checkpoint-action-row" ref={ref}>
       {!isFirstCheckpoint && (
         <Button
           className="pgn__checkpoint-button-back"

package/src/ProductTour/CheckpointHeader.jsx

@@ -10,14 +10,14 @@ import messages from './messages';
 
 const CheckpointHeader = React.forwardRef(({
   dismissAltText, index, onDismiss, title, totalCheckpoints,
-}) => {
+}, ref) => {
   const intl = useIntl();
   const oneBasedIndex = index + 1;
   const altText = (dismissAltText && typeof dismissAltText === 'string') ? dismissAltText : intl.formatMessage(messages.closeAltText);
 
   return (
     <>
-      <header className="pgn__checkpoint-header">
+      <header className="pgn__checkpoint-header" ref={ref}>
         <span className="pgn__checkpoint-page-index">
           <FormattedMessage
             {...messages.pageIndexText}