@openedx/paragon 21.12.0 → 21.12.2

package/dist/Pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["classNames","PropTypes","React","MediaQuery","ChevronLeft","ChevronRight","ArrowBackIos","ArrowForwardIos","greaterThan","Button","Dropdown","IconButton","Icon","breakpoints","newId","ELLIPSIS","getPaginationRange","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","VARIANTS","default","secondary","reduced","minimal","ReducedPagination","_ref","currentPage","pageCount","handlePageSelect","createElement","Toggle","variant","id","Menu","className","Array","keys","map","pageNum","Item","onClick","key","Pagination","Component","constructor","props","previousButtonRef","nextButtonRef","pageRefs","state","pageButtonSelected","bind","shouldComponentUpdate","nextProps","nextState","componentDidUpdate","prevProps","prevState","currentPageRef","focus","setPageButtonSelectedState","setState","page","onPageSelect","handlePreviousNextButtonClick","value","renderEllipsisButton","renderPageButton","buttonLabels","active","ariaLabel","ref","element","toString","renderPageOfCountButton","pageOfCount","label","renderPreviousButton","icons","size","isFirstPage","isDisabled","previousPage","iconSize","previous","disabled","tabIndex","undefined","leftIcon","src","iconAs","alt","renderNextButton","isLastPage","nextPage","next","rightIcon","renderScreenReaderSection","description","renderPageButtons","maxPagesDisplayed","pages","currentIndex","count","length","requireFirstAndLastPages","pageIndex","renderReducedPagination","renderMinimalPaginations","render","invertColors","paginationLabel","maxWidth","extraSmall","minWidth","small","propTypes","func","isRequired","number","string","shape","node","oneOf","bool","defaultProps","Reduced"],"sources":["../../src/Pagination/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport MediaQuery from 'react-responsive';\n\nimport {\n  ChevronLeft, ChevronRight, ArrowBackIos, ArrowForwardIos,\n} from '../../icons';\nimport { greaterThan } from '../utils/propTypes';\nimport Button from '../Button';\nimport Dropdown from '../Dropdown';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\nimport breakpoints from '../utils/breakpoints';\nimport newId from '../utils/newId';\nimport { ELLIPSIS } from './constants';\nimport getPaginationRange from './getPaginationRange';\n\nexport const PAGINATION_BUTTON_LABEL_PREV = 'Previous';\nexport const PAGINATION_BUTTON_LABEL_NEXT = 'Next';\nexport const PAGINATION_BUTTON_LABEL_PAGE = 'Page';\nexport const PAGINATION_BUTTON_LABEL_CURRENT_PAGE = 'Current Page';\nexport const PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT = 'of';\nexport const PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT = 'Go to next page';\nexport const PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT = 'Go to previous page';\n\nconst VARIANTS = {\n  default: 'default',\n  secondary: 'secondary',\n  reduced: 'reduced',\n  minimal: 'minimal',\n};\n\nfunction ReducedPagination({ currentPage, pageCount, handlePageSelect }) {\n  if (pageCount <= 1) { return null; }\n  return (\n    <Dropdown>\n      <Dropdown.Toggle variant=\"tertiary\" id=\"Pagination dropdown\">\n        {currentPage} of {pageCount}\n      </Dropdown.Toggle>\n      <Dropdown.Menu className=\"pgn__reduced-pagination-dropdown\">\n        {[...Array(pageCount).keys()].map(pageNum => (\n          <Dropdown.Item\n            onClick={() => handlePageSelect(pageNum + 1)}\n            key={pageNum}\n            data-testid=\"pagination-dropdown-item\"\n          >\n            {pageNum + 1}\n          </Dropdown.Item>\n        ))}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}\n\nclass Pagination extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.previousButtonRef = null;\n    this.nextButtonRef = null;\n\n    this.pageRefs = {};\n\n    this.state = {\n      currentPage: this.props.currentPage,\n      pageButtonSelected: false,\n    };\n\n    this.handlePageSelect = this.handlePageSelect.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps, nextState) {\n    // Update only when the props and currentPage state changes to avoid re-render\n    // if only the pageButtonSelected state is changed.\n    return nextProps !== this.props || nextState.currentPage !== this.state.currentPage;\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { currentPage, pageButtonSelected } = this.state;\n    const currentPageRef = this.pageRefs[currentPage];\n\n    if (currentPageRef && pageButtonSelected) {\n      currentPageRef.focus();\n      this.setPageButtonSelectedState(false);\n    }\n    /* eslint-disable react/no-did-update-set-state */\n    if (\n      this.state.currentPage === prevState.currentPage\n      && (this.props.currentPage !== prevProps.currentPage\n      || this.props.currentPage !== this.state.currentPage)\n    ) {\n      this.setState({\n        currentPage: this.props.currentPage,\n      });\n    }\n  }\n\n  handlePageSelect(page) {\n    if (page !== this.state.currentPage) {\n      this.setState({\n        currentPage: page,\n        pageButtonSelected: true,\n      });\n      this.props.onPageSelect(page);\n    }\n  }\n\n  handlePreviousNextButtonClick(page) {\n    const { pageCount } = this.props;\n\n    if (page === 1) {\n      this.nextButtonRef.focus();\n    } else if (page === pageCount) {\n      this.previousButtonRef.focus();\n    }\n    this.setState({ currentPage: page });\n    this.props.onPageSelect(page);\n  }\n\n  setPageButtonSelectedState(value) {\n    this.setState({ pageButtonSelected: value });\n  }\n\n  renderEllipsisButton() {\n    return (\n      <li\n        className={classNames(['page-item', 'disabled'])}\n        key={newId('pagination-ellipsis-')}\n      >\n        <span\n          className={classNames([\n            'btn',\n            'page-link',\n            'ml-0',\n            'border-0',\n          ])}\n        >\n          ...\n        </span>\n      </li>\n    );\n  }\n\n  renderPageButton(page) {\n    const { buttonLabels } = this.props;\n    const active = page === this.state.currentPage || null;\n\n    let ariaLabel = `${buttonLabels.page} ${page}`;\n    if (active) {\n      ariaLabel += `, ${buttonLabels.currentPage}`;\n    }\n\n    return (\n      <li\n        className={classNames([\n          'page-item',\n          {\n            active,\n          },\n        ])}\n        key={page}\n      >\n        <Button\n          className=\"page-link\"\n          aria-label={ariaLabel}\n          ref={(element) => { this.pageRefs[page] = element; }}\n          onClick={() => { this.handlePageSelect(page); }}\n        >\n          {page.toString()}\n        </Button>\n      </li>\n    );\n  }\n\n  renderPageOfCountButton() {\n    const { currentPage } = this.state;\n    const { pageCount, buttonLabels } = this.props;\n\n    const ariaLabel = `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n    const label = (\n      <span>\n        {`${currentPage} `}\n        {buttonLabels.pageOfCount}\n        {` ${pageCount}`}\n      </span>\n    );\n\n    return (\n      <li\n        className={classNames(['page-item', 'disabled'])}\n        key={currentPage}\n      >\n        <span\n          className={classNames([\n            'btn',\n            'page-link',\n            'mx-2',\n            'border-0',\n          ])}\n          aria-label={ariaLabel}\n        >\n          {label}\n        </span>\n      </li>\n    );\n  }\n\n  renderPreviousButton() {\n    const {\n      buttonLabels, icons, variant, size, pageCount,\n    } = this.props;\n    const { currentPage } = this.state;\n    const isFirstPage = currentPage === 1;\n    const isDisabled = isFirstPage || pageCount === 0;\n    const previousPage = isFirstPage ? null : currentPage - 1;\n    const iconSize = (variant !== VARIANTS.reduced && size !== 'small') || variant === VARIANTS.minimal;\n\n    let ariaLabel = `${buttonLabels.previous}`;\n    if (previousPage) {\n      ariaLabel += `, ${buttonLabels.page} ${previousPage}`;\n    }\n\n    return (\n      <li\n        className={classNames(\n          'page-item',\n          {\n            disabled: isDisabled,\n          },\n        )}\n      >\n        {\n          variant === VARIANTS.default\n            ? (\n              <Button\n                className=\"previous page-link\"\n                aria-label={ariaLabel}\n                tabIndex={isDisabled ? '-1' : undefined}\n                onClick={() => { this.handlePreviousNextButtonClick(previousPage); }}\n                ref={(element) => { this.previousButtonRef = element; }}\n                disabled={isDisabled}\n              >\n                <div>\n                  {icons.leftIcon}\n                  {variant === VARIANTS.default ? buttonLabels.previous : null}\n                </div>\n              </Button>\n            )\n            : (\n              <IconButton\n                src={iconSize ? ArrowBackIos : ChevronLeft}\n                iconAs={Icon}\n                className=\"previous page-link\"\n                aria-label={ariaLabel}\n                tabIndex={isDisabled ? '-1' : undefined}\n                onClick={() => { this.handlePreviousNextButtonClick(previousPage); }}\n                ref={(element) => { this.previousButtonRef = element; }}\n                disabled={isDisabled}\n                alt={PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT}\n              />\n            )\n        }\n      </li>\n    );\n  }\n\n  renderNextButton() {\n    const {\n      buttonLabels, pageCount, icons, variant, size,\n    } = this.props;\n    const { currentPage } = this.state;\n    const isLastPage = (currentPage === pageCount);\n    const isDisabled = isLastPage || (pageCount <= 1);\n    const nextPage = isLastPage ? null : currentPage + 1;\n    const iconSize = (variant !== VARIANTS.reduced && size !== 'small') || variant === VARIANTS.minimal;\n\n    let ariaLabel = `${buttonLabels.next}`;\n    if (nextPage) {\n      ariaLabel += `, ${buttonLabels.page} ${nextPage}`;\n    }\n\n    return (\n      <li\n        className={classNames(\n          'page-item',\n          {\n            disabled: isDisabled,\n          },\n        )}\n      >\n        {variant === VARIANTS.default ? (\n          <Button\n            className=\"next page-link\"\n            aria-label={ariaLabel}\n            tabIndex={isDisabled ? '-1' : undefined}\n            onClick={() => { this.handlePreviousNextButtonClick(nextPage); }}\n            ref={(element) => { this.nextButtonRef = element; }}\n            disabled={isDisabled}\n          >\n            <div>\n              {variant === VARIANTS.default ? buttonLabels.next : null}\n              {icons.rightIcon}\n            </div>\n          </Button>\n        ) : (\n          <IconButton\n            src={iconSize ? ArrowForwardIos : ChevronRight}\n            iconAs={Icon}\n            className=\"next page-link\"\n            aria-label={ariaLabel}\n            tabIndex={isDisabled ? '-1' : undefined}\n            onClick={() => { this.handlePreviousNextButtonClick(nextPage); }}\n            ref={(element) => { this.nextButtonRef = element; }}\n            disabled={isDisabled}\n            alt={PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT}\n          />\n        )}\n      </li>\n    );\n  }\n\n  renderScreenReaderSection() {\n    const { currentPage } = this.state;\n    const { buttonLabels, pageCount } = this.props;\n\n    const description = `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n    return (\n      <div\n        className=\"sr-only\"\n        aria-live=\"polite\"\n        aria-relevant=\"text\"\n        aria-atomic\n      >\n        {description}\n      </div>\n    );\n  }\n\n  renderPageButtons() {\n    const { currentPage } = this.state;\n    const { pageCount, maxPagesDisplayed } = this.props;\n\n    const pages = getPaginationRange({\n      currentIndex: currentPage,\n      count: pageCount,\n      length: maxPagesDisplayed,\n      requireFirstAndLastPages: true,\n    });\n\n    if (pageCount <= 1) {\n      return null;\n    }\n    return pages.map((pageIndex) => {\n      if (pageIndex === ELLIPSIS) {\n        return this.renderEllipsisButton();\n      }\n      return this.renderPageButton(pageIndex + 1);\n    });\n  }\n\n  renderReducedPagination() {\n    const { currentPage } = this.state;\n    const { pageCount } = this.props;\n\n    return (\n      <ul className=\"pagination\">\n        {this.renderPreviousButton()}\n        <ReducedPagination currentPage={currentPage} pageCount={pageCount} handlePageSelect={this.handlePageSelect} />\n        {this.renderNextButton()}\n      </ul>\n    );\n  }\n\n  renderMinimalPaginations() {\n    return (\n      <ul className=\"pagination\">\n        {this.renderPreviousButton()}\n        {this.renderNextButton()}\n      </ul>\n    );\n  }\n\n  render() {\n    const { variant, invertColors, size } = this.props;\n    return (\n      <nav\n        aria-label={this.props.paginationLabel}\n        className={classNames(this.props.className, {\n          [`pagination-${variant}`]: variant,\n          'pagination-inverse': invertColors,\n          'pagination-small': size !== VARIANTS.default,\n        })}\n      >\n        {this.renderScreenReaderSection()}\n        {variant === VARIANTS.default || variant === VARIANTS.secondary\n          ? (\n            <ul className=\"pagination\">\n              {this.renderPreviousButton()}\n              <MediaQuery maxWidth={breakpoints.extraSmall.maxWidth}>\n                {this.renderPageOfCountButton()}\n              </MediaQuery>\n              <MediaQuery minWidth={breakpoints.small.minWidth}>\n                {this.renderPageButtons()}\n              </MediaQuery>\n              {this.renderNextButton()}\n            </ul>\n          )\n          : null}\n        {variant === VARIANTS.reduced ? this.renderReducedPagination() : null}\n        {variant === VARIANTS.minimal ? this.renderMinimalPaginations() : null}\n      </nav>\n    );\n  }\n}\n\nPagination.propTypes = {\n  /**\n   * Specifies a callback function that is executed when the\n   * user selects a page button or the `Previous`/`Next` buttons. For example:\n   *\n   * ```jsx\n   *  <Pagination onPageSelect={(pageNumber) => { console.log(pageNumber); } />\n   * ```\n   */\n  onPageSelect: PropTypes.func.isRequired,\n  /** Specifies the total number of pages in the `Pagination` component. */\n  pageCount: PropTypes.number.isRequired,\n  /** Specifies the `aria-label` for the `<nav>` element that wraps the pagination button list. */\n  paginationLabel: PropTypes.string.isRequired,\n  /**\n   * Specifies the labels to use for the `Previous`/`Next`\n   * buttons as well as the various parts of `aria-label`\n   * on the page buttons for accessibility. All button labels\n   * accept both string or elements. The button label options are as follows:\n   *\n   * `previous`: Text for the `Previous` button;\n   *\n   * `next`: Text for the `Next` button;\n   *\n   * `page`: Text in the `aria-label` on page buttons to describe the button (e.g., \"**Page** 1\");\n   *\n   * `currentPage`: Text to depict the selected page in the `aria-label`\n   * on page buttons (e.g., \"Page 1, **Current Page**\");\n   *\n   * `pageOfCount`: Text that separates the current page and total page count\n   * for the mobile UI (e.g., \"Page 1 **of** 20\").\n   *\n   * The default is:\n   * ```javascript\n   * {\n   *   previous: 'Previous',\n   *   next: 'Next',\n   *   page: 'Page',\n   *   currentPage: 'Current Page',\n   *   pageOfCount: 'of',\n   * }\n   * ```\n   */\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  }),\n  /** Specifies any class name(s) for the `Pagination` component. The default is an empty string. */\n  className: PropTypes.string,\n  /** specifies the page that the `Pagination` component will automatically select. The default is `1`. */\n  currentPage: PropTypes.number,\n  /**\n   * Specifies the number of page buttons to display in between the `Previous`\n   * and `Next` buttons. This number also includes any ellipses in the total count.\n   * Also, to ensure that at least one clickable page button is shown when both ellipses\n   * are displayed, this value must be greater than `4`. The default is `7`.\n   */\n  maxPagesDisplayed: greaterThan(4),\n  /**\n   * Specifies icons used to indicate previous and next page. Can be an element,\n   * string, symbol, etc. Default is chevrons rendered using fa-css.\n   */\n  icons: PropTypes.shape({\n    leftIcon: PropTypes.node,\n    rightIcon: PropTypes.node,\n  }),\n  variant: PropTypes.oneOf(['default', 'secondary', 'reduced', 'minimal']),\n  invertColors: PropTypes.bool,\n  size: PropTypes.oneOf(['default', 'small']),\n};\n\nPagination.defaultProps = {\n  icons: {\n    leftIcon: <Icon src={ChevronLeft} />,\n    rightIcon: <Icon src={ChevronRight} />,\n  },\n  buttonLabels: {\n    previous: PAGINATION_BUTTON_LABEL_PREV,\n    next: PAGINATION_BUTTON_LABEL_NEXT,\n    page: PAGINATION_BUTTON_LABEL_PAGE,\n    currentPage: PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n    pageOfCount: PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n  },\n  className: undefined,\n  currentPage: 1,\n  maxPagesDisplayed: 7,\n  variant: 'default',\n  invertColors: false,\n  size: 'default',\n};\n\nReducedPagination.propTypes = {\n  currentPage: PropTypes.number.isRequired,\n  pageCount: PropTypes.number.isRequired,\n  handlePageSelect: PropTypes.func.isRequired,\n};\n\nPagination.Reduced = ReducedPagination;\n\nexport default Pagination;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["classNames","PropTypes","React","MediaQuery","ChevronLeft","ChevronRight","ArrowBackIos","ArrowForwardIos","greaterThan","Button","Dropdown","IconButton","Icon","breakpoints","newId","ELLIPSIS","getPaginationRange","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","VARIANTS","secondary","reduced","minimal","ReducedPagination","_ref","currentPage","pageCount","handlePageSelect","createElement","Toggle","variant","id","Menu","className","_toConsumableArray","Array","keys","map","pageNum","Item","onClick","key","Pagination","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","previousButtonRef","nextButtonRef","pageRefs","state","pageButtonSelected","bind","_assertThisInitialized","_createClass","value","shouldComponentUpdate","nextProps","nextState","componentDidUpdate","prevProps","prevState","_this$state","currentPageRef","focus","setPageButtonSelectedState","setState","page","onPageSelect","handlePreviousNextButtonClick","renderEllipsisButton","renderPageButton","_this2","buttonLabels","active","ariaLabel","concat","ref","element","toString","renderPageOfCountButton","_this$props","pageOfCount","label","renderPreviousButton","_this3","_this$props2","icons","size","isFirstPage","isDisabled","previousPage","iconSize","previous","disabled","tabIndex","undefined","leftIcon","src","iconAs","alt","renderNextButton","_this4","_this$props3","isLastPage","nextPage","next","rightIcon","renderScreenReaderSection","_this$props4","description","renderPageButtons","_this5","_this$props5","maxPagesDisplayed","pages","currentIndex","count","length","requireFirstAndLastPages","pageIndex","renderReducedPagination","renderMinimalPaginations","render","_classNames","_this$props6","invertColors","paginationLabel","_defineProperty","maxWidth","extraSmall","minWidth","small","Component","propTypes","func","isRequired","number","string","shape","node","oneOf","bool","defaultProps","Reduced"],"sources":["../../src/Pagination/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport MediaQuery from 'react-responsive';\n\nimport {\n  ChevronLeft, ChevronRight, ArrowBackIos, ArrowForwardIos,\n} from '../../icons';\nimport { greaterThan } from '../utils/propTypes';\nimport Button from '../Button';\nimport Dropdown from '../Dropdown';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\nimport breakpoints from '../utils/breakpoints';\nimport newId from '../utils/newId';\nimport { ELLIPSIS } from './constants';\nimport getPaginationRange from './getPaginationRange';\n\nexport const PAGINATION_BUTTON_LABEL_PREV = 'Previous';\nexport const PAGINATION_BUTTON_LABEL_NEXT = 'Next';\nexport const PAGINATION_BUTTON_LABEL_PAGE = 'Page';\nexport const PAGINATION_BUTTON_LABEL_CURRENT_PAGE = 'Current Page';\nexport const PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT = 'of';\nexport const PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT = 'Go to next page';\nexport const PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT = 'Go to previous page';\n\nconst VARIANTS = {\n  default: 'default',\n  secondary: 'secondary',\n  reduced: 'reduced',\n  minimal: 'minimal',\n};\n\nfunction ReducedPagination({ currentPage, pageCount, handlePageSelect }) {\n  if (pageCount <= 1) { return null; }\n  return (\n    <Dropdown>\n      <Dropdown.Toggle variant=\"tertiary\" id=\"Pagination dropdown\">\n        {currentPage} of {pageCount}\n      </Dropdown.Toggle>\n      <Dropdown.Menu className=\"pgn__reduced-pagination-dropdown\">\n        {[...Array(pageCount).keys()].map(pageNum => (\n          <Dropdown.Item\n            onClick={() => handlePageSelect(pageNum + 1)}\n            key={pageNum}\n            data-testid=\"pagination-dropdown-item\"\n          >\n            {pageNum + 1}\n          </Dropdown.Item>\n        ))}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}\n\nclass Pagination extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.previousButtonRef = null;\n    this.nextButtonRef = null;\n\n    this.pageRefs = {};\n\n    this.state = {\n      currentPage: this.props.currentPage,\n      pageButtonSelected: false,\n    };\n\n    this.handlePageSelect = this.handlePageSelect.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps, nextState) {\n    // Update only when the props and currentPage state changes to avoid re-render\n    // if only the pageButtonSelected state is changed.\n    return nextProps !== this.props || nextState.currentPage !== this.state.currentPage;\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { currentPage, pageButtonSelected } = this.state;\n    const currentPageRef = this.pageRefs[currentPage];\n\n    if (currentPageRef && pageButtonSelected) {\n      currentPageRef.focus();\n      this.setPageButtonSelectedState(false);\n    }\n    /* eslint-disable react/no-did-update-set-state */\n    if (\n      this.state.currentPage === prevState.currentPage\n      && (this.props.currentPage !== prevProps.currentPage\n      || this.props.currentPage !== this.state.currentPage)\n    ) {\n      this.setState({\n        currentPage: this.props.currentPage,\n      });\n    }\n  }\n\n  handlePageSelect(page) {\n    if (page !== this.state.currentPage) {\n      this.setState({\n        currentPage: page,\n        pageButtonSelected: true,\n      });\n      this.props.onPageSelect(page);\n    }\n  }\n\n  handlePreviousNextButtonClick(page) {\n    const { pageCount } = this.props;\n\n    if (page === 1) {\n      this.nextButtonRef.focus();\n    } else if (page === pageCount) {\n      this.previousButtonRef.focus();\n    }\n    this.setState({ currentPage: page });\n    this.props.onPageSelect(page);\n  }\n\n  setPageButtonSelectedState(value) {\n    this.setState({ pageButtonSelected: value });\n  }\n\n  renderEllipsisButton() {\n    return (\n      <li\n        className={classNames(['page-item', 'disabled'])}\n        key={newId('pagination-ellipsis-')}\n      >\n        <span\n          className={classNames([\n            'btn',\n            'page-link',\n            'ml-0',\n            'border-0',\n          ])}\n        >\n          ...\n        </span>\n      </li>\n    );\n  }\n\n  renderPageButton(page) {\n    const { buttonLabels } = this.props;\n    const active = page === this.state.currentPage || null;\n\n    let ariaLabel = `${buttonLabels.page} ${page}`;\n    if (active) {\n      ariaLabel += `, ${buttonLabels.currentPage}`;\n    }\n\n    return (\n      <li\n        className={classNames([\n          'page-item',\n          {\n            active,\n          },\n        ])}\n        key={page}\n      >\n        <Button\n          className=\"page-link\"\n          aria-label={ariaLabel}\n          ref={(element) => { this.pageRefs[page] = element; }}\n          onClick={() => { this.handlePageSelect(page); }}\n        >\n          {page.toString()}\n        </Button>\n      </li>\n    );\n  }\n\n  renderPageOfCountButton() {\n    const { currentPage } = this.state;\n    const { pageCount, buttonLabels } = this.props;\n\n    const ariaLabel = `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n    const label = (\n      <span>\n        {`${currentPage} `}\n        {buttonLabels.pageOfCount}\n        {` ${pageCount}`}\n      </span>\n    );\n\n    return (\n      <li\n        className={classNames(['page-item', 'disabled'])}\n        key={currentPage}\n      >\n        <span\n          className={classNames([\n            'btn',\n            'page-link',\n            'mx-2',\n            'border-0',\n          ])}\n          aria-label={ariaLabel}\n        >\n          {label}\n        </span>\n      </li>\n    );\n  }\n\n  renderPreviousButton() {\n    const {\n      buttonLabels, icons, variant, size, pageCount,\n    } = this.props;\n    const { currentPage } = this.state;\n    const isFirstPage = currentPage === 1;\n    const isDisabled = isFirstPage || pageCount === 0;\n    const previousPage = isFirstPage ? null : currentPage - 1;\n    const iconSize = (variant !== VARIANTS.reduced && size !== 'small') || variant === VARIANTS.minimal;\n\n    let ariaLabel = `${buttonLabels.previous}`;\n    if (previousPage) {\n      ariaLabel += `, ${buttonLabels.page} ${previousPage}`;\n    }\n\n    return (\n      <li\n        className={classNames(\n          'page-item',\n          {\n            disabled: isDisabled,\n          },\n        )}\n      >\n        {\n          variant === VARIANTS.default\n            ? (\n              <Button\n                className=\"previous page-link\"\n                aria-label={ariaLabel}\n                tabIndex={isDisabled ? '-1' : undefined}\n                onClick={() => { this.handlePreviousNextButtonClick(previousPage); }}\n                ref={(element) => { this.previousButtonRef = element; }}\n                disabled={isDisabled}\n              >\n                <div>\n                  {icons.leftIcon}\n                  {variant === VARIANTS.default ? buttonLabels.previous : null}\n                </div>\n              </Button>\n            )\n            : (\n              <IconButton\n                src={iconSize ? ArrowBackIos : ChevronLeft}\n                iconAs={Icon}\n                className=\"previous page-link\"\n                aria-label={ariaLabel}\n                tabIndex={isDisabled ? '-1' : undefined}\n                onClick={() => { this.handlePreviousNextButtonClick(previousPage); }}\n                ref={(element) => { this.previousButtonRef = element; }}\n                disabled={isDisabled}\n                alt={PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT}\n              />\n            )\n        }\n      </li>\n    );\n  }\n\n  renderNextButton() {\n    const {\n      buttonLabels, pageCount, icons, variant, size,\n    } = this.props;\n    const { currentPage } = this.state;\n    const isLastPage = (currentPage === pageCount);\n    const isDisabled = isLastPage || (pageCount <= 1);\n    const nextPage = isLastPage ? null : currentPage + 1;\n    const iconSize = (variant !== VARIANTS.reduced && size !== 'small') || variant === VARIANTS.minimal;\n\n    let ariaLabel = `${buttonLabels.next}`;\n    if (nextPage) {\n      ariaLabel += `, ${buttonLabels.page} ${nextPage}`;\n    }\n\n    return (\n      <li\n        className={classNames(\n          'page-item',\n          {\n            disabled: isDisabled,\n          },\n        )}\n      >\n        {variant === VARIANTS.default ? (\n          <Button\n            className=\"next page-link\"\n            aria-label={ariaLabel}\n            tabIndex={isDisabled ? '-1' : undefined}\n            onClick={() => { this.handlePreviousNextButtonClick(nextPage); }}\n            ref={(element) => { this.nextButtonRef = element; }}\n            disabled={isDisabled}\n          >\n            <div>\n              {variant === VARIANTS.default ? buttonLabels.next : null}\n              {icons.rightIcon}\n            </div>\n          </Button>\n        ) : (\n          <IconButton\n            src={iconSize ? ArrowForwardIos : ChevronRight}\n            iconAs={Icon}\n            className=\"next page-link\"\n            aria-label={ariaLabel}\n            tabIndex={isDisabled ? '-1' : undefined}\n            onClick={() => { this.handlePreviousNextButtonClick(nextPage); }}\n            ref={(element) => { this.nextButtonRef = element; }}\n            disabled={isDisabled}\n            alt={PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT}\n          />\n        )}\n      </li>\n    );\n  }\n\n  renderScreenReaderSection() {\n    const { currentPage } = this.state;\n    const { buttonLabels, pageCount } = this.props;\n\n    const description = `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n    return (\n      <div\n        className=\"sr-only\"\n        aria-live=\"polite\"\n        aria-relevant=\"text\"\n        aria-atomic\n      >\n        {description}\n      </div>\n    );\n  }\n\n  renderPageButtons() {\n    const { currentPage } = this.state;\n    const { pageCount, maxPagesDisplayed } = this.props;\n\n    const pages = getPaginationRange({\n      currentIndex: currentPage,\n      count: pageCount,\n      length: maxPagesDisplayed,\n      requireFirstAndLastPages: true,\n    });\n\n    if (pageCount <= 1) {\n      return null;\n    }\n    return pages.map((pageIndex) => {\n      if (pageIndex === ELLIPSIS) {\n        return this.renderEllipsisButton();\n      }\n      return this.renderPageButton(pageIndex + 1);\n    });\n  }\n\n  renderReducedPagination() {\n    const { currentPage } = this.state;\n    const { pageCount } = this.props;\n\n    return (\n      <ul className=\"pagination\">\n        {this.renderPreviousButton()}\n        <ReducedPagination currentPage={currentPage} pageCount={pageCount} handlePageSelect={this.handlePageSelect} />\n        {this.renderNextButton()}\n      </ul>\n    );\n  }\n\n  renderMinimalPaginations() {\n    return (\n      <ul className=\"pagination\">\n        {this.renderPreviousButton()}\n        {this.renderNextButton()}\n      </ul>\n    );\n  }\n\n  render() {\n    const { variant, invertColors, size } = this.props;\n    return (\n      <nav\n        aria-label={this.props.paginationLabel}\n        className={classNames(this.props.className, {\n          [`pagination-${variant}`]: variant,\n          'pagination-inverse': invertColors,\n          'pagination-small': size !== VARIANTS.default,\n        })}\n      >\n        {this.renderScreenReaderSection()}\n        {variant === VARIANTS.default || variant === VARIANTS.secondary\n          ? (\n            <ul className=\"pagination\">\n              {this.renderPreviousButton()}\n              <MediaQuery maxWidth={breakpoints.extraSmall.maxWidth}>\n                {this.renderPageOfCountButton()}\n              </MediaQuery>\n              <MediaQuery minWidth={breakpoints.small.minWidth}>\n                {this.renderPageButtons()}\n              </MediaQuery>\n              {this.renderNextButton()}\n            </ul>\n          )\n          : null}\n        {variant === VARIANTS.reduced ? this.renderReducedPagination() : null}\n        {variant === VARIANTS.minimal ? this.renderMinimalPaginations() : null}\n      </nav>\n    );\n  }\n}\n\nPagination.propTypes = {\n  /**\n   * Specifies a callback function that is executed when the\n   * user selects a page button or the `Previous`/`Next` buttons. For example:\n   *\n   * ```jsx\n   *  <Pagination onPageSelect={(pageNumber) => { console.log(pageNumber); } />\n   * ```\n   */\n  onPageSelect: PropTypes.func.isRequired,\n  /** Specifies the total number of pages in the `Pagination` component. */\n  pageCount: PropTypes.number.isRequired,\n  /** Specifies the `aria-label` for the `<nav>` element that wraps the pagination button list. */\n  paginationLabel: PropTypes.string.isRequired,\n  /**\n   * Specifies the labels to use for the `Previous`/`Next`\n   * buttons as well as the various parts of `aria-label`\n   * on the page buttons for accessibility. All button labels\n   * accept both string or elements. The button label options are as follows:\n   *\n   * `previous`: Text for the `Previous` button;\n   *\n   * `next`: Text for the `Next` button;\n   *\n   * `page`: Text in the `aria-label` on page buttons to describe the button (e.g., \"**Page** 1\");\n   *\n   * `currentPage`: Text to depict the selected page in the `aria-label`\n   * on page buttons (e.g., \"Page 1, **Current Page**\");\n   *\n   * `pageOfCount`: Text that separates the current page and total page count\n   * for the mobile UI (e.g., \"Page 1 **of** 20\").\n   *\n   * The default is:\n   * ```javascript\n   * {\n   *   previous: 'Previous',\n   *   next: 'Next',\n   *   page: 'Page',\n   *   currentPage: 'Current Page',\n   *   pageOfCount: 'of',\n   * }\n   * ```\n   */\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  }),\n  /** Specifies any class name(s) for the `Pagination` component. The default is an empty string. */\n  className: PropTypes.string,\n  /** specifies the page that the `Pagination` component will automatically select. The default is `1`. */\n  currentPage: PropTypes.number,\n  /**\n   * Specifies the number of page buttons to display in between the `Previous`\n   * and `Next` buttons. This number also includes any ellipses in the total count.\n   * Also, to ensure that at least one clickable page button is shown when both ellipses\n   * are displayed, this value must be greater than `4`. The default is `7`.\n   */\n  maxPagesDisplayed: greaterThan(4),\n  /**\n   * Specifies icons used to indicate previous and next page. Can be an element,\n   * string, symbol, etc. Default is chevrons rendered using fa-css.\n   */\n  icons: PropTypes.shape({\n    leftIcon: PropTypes.node,\n    rightIcon: PropTypes.node,\n  }),\n  variant: PropTypes.oneOf(['default', 'secondary', 'reduced', 'minimal']),\n  invertColors: PropTypes.bool,\n  size: PropTypes.oneOf(['default', 'small']),\n};\n\nPagination.defaultProps = {\n  icons: {\n    leftIcon: <Icon src={ChevronLeft} />,\n    rightIcon: <Icon src={ChevronRight} />,\n  },\n  buttonLabels: {\n    previous: PAGINATION_BUTTON_LABEL_PREV,\n    next: PAGINATION_BUTTON_LABEL_NEXT,\n    page: PAGINATION_BUTTON_LABEL_PAGE,\n    currentPage: PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n    pageOfCount: PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n  },\n  className: undefined,\n  currentPage: 1,\n  maxPagesDisplayed: 7,\n  variant: 'default',\n  invertColors: false,\n  size: 'default',\n};\n\nReducedPagination.propTypes = {\n  currentPage: PropTypes.number.isRequired,\n  pageCount: PropTypes.number.isRequired,\n  handlePageSelect: PropTypes.func.isRequired,\n};\n\nPagination.Reduced = ReducedPagination;\n\nexport default Pagination;\n"],"mappings":"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"}

package/dist/Popover/index.js

@@ -1,29 +1,26 @@
-const _excluded = ["children", "variant"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "variant"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import Popover from 'react-bootstrap/Popover';
+import BasePopover from 'react-bootstrap/Popover';
 import BasePopoverTitle from 'react-bootstrap/PopoverTitle';
 import BasePopoverContent from 'react-bootstrap/PopoverContent';
-const PLACEMENT_VARIANTS = ['auto', 'top', 'bottom', 'left', 'right'];
-const WrapperPopover = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      children,
-      variant
-    } = _ref,
+var PLACEMENT_VARIANTS = ['auto', 'top', 'bottom', 'left', 'right'];
+var Popover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Popover, _extends({}, props, {
-    className: classNames({
-      [`popover-${variant}`]: !!variant
-    }, props.className),
+  return /*#__PURE__*/React.createElement(BasePopover, _extends({}, props, {
+    className: classNames(_defineProperty({}, "popover-".concat(variant), !!variant), props.className),
     ref: ref
   }), children);
 });
@@ -33,7 +30,7 @@ function PopoverTitle(props) {
 function PopoverContent(props) {
   return /*#__PURE__*/React.createElement(BasePopoverContent, props);
 }
-const commonPropTypes = {
+var commonPropTypes = {
   /** Specifies the base element */
   as: PropTypes.elementType,
   /** Overrides underlying component base CSS class name */
@@ -41,7 +38,7 @@ const commonPropTypes = {
 };
 PopoverTitle.propTypes = commonPropTypes;
 PopoverContent.propTypes = commonPropTypes;
-WrapperPopover.propTypes = _objectSpread(_objectSpread({}, Popover.propTypes), {}, {
+Popover.propTypes = _objectSpread(_objectSpread({}, BasePopover.propTypes), {}, {
   /** An html id attribute, necessary for accessibility. */
   id: PropTypes.string.isRequired,
   /**
@@ -82,7 +79,7 @@ WrapperPopover.propTypes = _objectSpread(_objectSpread({}, Popover.propTypes), {
   /** The visual style of the `Overlay` */
   variant: PropTypes.string
 });
-WrapperPopover.defaultProps = _objectSpread(_objectSpread({}, Popover.defaultProps), {}, {
+Popover.defaultProps = _objectSpread(_objectSpread({}, BasePopover.defaultProps), {}, {
   placement: 'right',
   title: undefined,
   arrowProps: undefined,
@@ -101,8 +98,8 @@ PopoverContent.defaultProps = {
   as: 'div',
   bsPrefix: 'popover-body'
 };
-WrapperPopover.Title = PopoverTitle;
-WrapperPopover.Content = PopoverContent;
+Popover.Title = PopoverTitle;
+Popover.Content = PopoverContent;
 export { PopoverTitle, PopoverContent };
-export default WrapperPopover;
+export default Popover;
 //# sourceMappingURL=index.js.map

package/dist/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Popover","BasePopoverTitle","BasePopoverContent","PLACEMENT_VARIANTS","WrapperPopover","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","className","PopoverTitle","PopoverContent","commonPropTypes","as","elementType","bsPrefix","string","propTypes","_objectSpread","id","isRequired","placement","oneOf","title","arrowProps","shape","oneOfType","func","current","element","style","content","bool","popper","show","node","defaultProps","undefined","Title","Content"],"sources":["../../src/Popover/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Popover from 'react-bootstrap/Popover';\nimport BasePopoverTitle from 'react-bootstrap/PopoverTitle';\nimport BasePopoverContent from 'react-bootstrap/PopoverContent';\n\nconst PLACEMENT_VARIANTS = [\n  'auto',\n  'top',\n  'bottom',\n  'left',\n  'right',\n];\n\nconst WrapperPopover = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <Popover\n    {...props}\n    className={classNames({ [`popover-${variant}`]: !!variant }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </Popover>\n));\n\nfunction PopoverTitle(props) {\n  return <BasePopoverTitle {...props} />;\n}\nfunction PopoverContent(props) {\n  return <BasePopoverContent {...props} />;\n}\n\nconst commonPropTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nPopoverTitle.propTypes = commonPropTypes;\nPopoverContent.propTypes = commonPropTypes;\n\nWrapperPopover.propTypes = {\n  ...Popover.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the Popover is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Title` inside passing the children directly to it.\n   */\n  title: PropTypes.string,\n  /**\n   * An `Overlay` injected set of props for positioning the popover arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Content` inside passing the children directly to it.\n   */\n  content: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** Specifies the content of the `Overlay` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Overlay` */\n  variant: PropTypes.string,\n};\n\nWrapperPopover.defaultProps = {\n  ...Popover.defaultProps,\n  placement: 'right',\n  title: undefined,\n  arrowProps: undefined,\n  content: undefined,\n  popper: undefined,\n  show: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n};\n\nPopoverTitle.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-header',\n};\n\nPopoverContent.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-body',\n};\n\nWrapperPopover.Title = PopoverTitle;\nWrapperPopover.Content = PopoverContent;\n\nexport { PopoverTitle, PopoverContent };\nexport default WrapperPopover;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BasePopover","BasePopoverTitle","BasePopoverContent","PLACEMENT_VARIANTS","Popover","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","className","_defineProperty","concat","PopoverTitle","PopoverContent","commonPropTypes","as","elementType","bsPrefix","string","propTypes","_objectSpread","id","isRequired","placement","oneOf","title","arrowProps","shape","oneOfType","func","current","element","style","content","bool","popper","show","node","defaultProps","undefined","Title","Content"],"sources":["../../src/Popover/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BasePopover from 'react-bootstrap/Popover';\nimport BasePopoverTitle from 'react-bootstrap/PopoverTitle';\nimport BasePopoverContent from 'react-bootstrap/PopoverContent';\n\nconst PLACEMENT_VARIANTS = [\n  'auto',\n  'top',\n  'bottom',\n  'left',\n  'right',\n];\n\nconst Popover = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BasePopover\n    {...props}\n    className={classNames({ [`popover-${variant}`]: !!variant }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BasePopover>\n));\n\nfunction PopoverTitle(props) {\n  return <BasePopoverTitle {...props} />;\n}\nfunction PopoverContent(props) {\n  return <BasePopoverContent {...props} />;\n}\n\nconst commonPropTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nPopoverTitle.propTypes = commonPropTypes;\nPopoverContent.propTypes = commonPropTypes;\n\nPopover.propTypes = {\n  ...BasePopover.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the Popover is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Title` inside passing the children directly to it.\n   */\n  title: PropTypes.string,\n  /**\n   * An `Overlay` injected set of props for positioning the popover arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Content` inside passing the children directly to it.\n   */\n  content: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** Specifies the content of the `Overlay` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Overlay` */\n  variant: PropTypes.string,\n};\n\nPopover.defaultProps = {\n  ...BasePopover.defaultProps,\n  placement: 'right',\n  title: undefined,\n  arrowProps: undefined,\n  content: undefined,\n  popper: undefined,\n  show: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n};\n\nPopoverTitle.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-header',\n};\n\nPopoverContent.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-body',\n};\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nexport { PopoverTitle, PopoverContent };\nexport default Popover;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,kBAAkB,MAAM,gCAAgC;AAE/D,IAAMC,kBAAkB,GAAG,CACzB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,CACR;AAED,IAAMC,OAAO,gBAAGP,KAAK,CAACQ,UAAU,CAAC,UAAAC,IAAA,EAI9BC,GAAG;EAAA,IAHJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAERf,KAAA,CAAAgB,aAAA,CAACb,WAAW,EAAAc,QAAA,KACNJ,KAAK;IACTK,SAAS,EAAEhB,UAAU,CAAAiB,eAAA,gBAAAC,MAAA,CAAeR,OAAO,GAAK,CAAC,CAACA,OAAO,GAAIC,KAAK,CAACK,SAAS,CAAE;IAC9ER,GAAG,EAAEA;EAAI,IAERC,QACU,CAAC;AAAA,CACf,CAAC;AAEF,SAASU,YAAYA,CAACR,KAAK,EAAE;EAC3B,oBAAOb,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB,EAAKS,KAAQ,CAAC;AACxC;AACA,SAASS,cAAcA,CAACT,KAAK,EAAE;EAC7B,oBAAOb,KAAA,CAAAgB,aAAA,CAACX,kBAAkB,EAAKQ,KAAQ,CAAC;AAC1C;AAEA,IAAMU,eAAe,GAAG;EACtB;EACAC,EAAE,EAAEvB,SAAS,CAACwB,WAAW;EACzB;EACAC,QAAQ,EAAEzB,SAAS,CAAC0B;AACtB,CAAC;AAEDN,YAAY,CAACO,SAAS,GAAGL,eAAe;AACxCD,cAAc,CAACM,SAAS,GAAGL,eAAe;AAE1ChB,OAAO,CAACqB,SAAS,GAAAC,aAAA,CAAAA,aAAA,KACZ1B,WAAW,CAACyB,SAAS;EACxB;EACAE,EAAE,EAAE7B,SAAS,CAAC0B,MAAM,CAACI,UAAU;EAC/B;AACF;AACA;AACA;AACA;EACEC,SAAS,EAAE/B,SAAS,CAACgC,KAAK,CAAC3B,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;EACE4B,KAAK,EAAEjC,SAAS,CAAC0B,MAAM;EACvB;AACF;AACA;AACA;AACA;EACEQ,UAAU,EAAElC,SAAS,CAACmC,KAAK,CAAC;IAC1B1B,GAAG,EAAET,SAAS,CAACoC,SAAS,CAAC,CACvBpC,SAAS,CAACqC,IAAI,EACdrC,SAAS,CAACmC,KAAK,CAAC;MAAEG,OAAO,EAAEtC,SAAS,CAACuC;IAAQ,CAAC,CAAC,CAChD,CAAC;IACFC,KAAK,EAAExC,SAAS,CAACmC,KAAK,CAAC,CAAC,CAAC;EAC3B,CAAC,CAAC;EACF;AACF;AACA;AACA;EACEM,OAAO,EAAEzC,SAAS,CAAC0C,IAAI;EACvB;EACAC,MAAM,EAAE3C,SAAS,CAACmC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC3B;EACAS,IAAI,EAAE5C,SAAS,CAAC0C,IAAI;EACpB;EACAhC,QAAQ,EAAEV,SAAS,CAAC6C,IAAI;EACxB;EACA5B,SAAS,EAAEjB,SAAS,CAAC0B,MAAM;EAC3B;EACAf,OAAO,EAAEX,SAAS,CAAC0B;AAAM,EAC1B;AAEDpB,OAAO,CAACwC,YAAY,GAAAlB,aAAA,CAAAA,aAAA,KACf1B,WAAW,CAAC4C,YAAY;EAC3Bf,SAAS,EAAE,OAAO;EAClBE,KAAK,EAAEc,SAAS;EAChBb,UAAU,EAAEa,SAAS;EACrBN,OAAO,EAAEM,SAAS;EAClBJ,MAAM,EAAEI,SAAS;EACjBH,IAAI,EAAEG,SAAS;EACfrC,QAAQ,EAAEqC,SAAS;EACnB9B,SAAS,EAAE8B,SAAS;EACpBpC,OAAO,EAAEoC;AAAS,EACnB;AAED3B,YAAY,CAAC0B,YAAY,GAAG;EAC1BvB,EAAE,EAAE,KAAK;EACTE,QAAQ,EAAE;AACZ,CAAC;AAEDJ,cAAc,CAACyB,YAAY,GAAG;EAC5BvB,EAAE,EAAE,KAAK;EACTE,QAAQ,EAAE;AACZ,CAAC;AAEDnB,OAAO,CAAC0C,KAAK,GAAG5B,YAAY;AAC5Bd,OAAO,CAAC2C,OAAO,GAAG5B,cAAc;AAEhC,SAASD,YAAY,EAAEC,cAAc;AACrC,eAAef,OAAO"}

package/dist/ProductTour/Checkpoint.js

@@ -1,5 +1,11 @@
-const _excluded = ["body", "index", "placement", "target", "title", "totalCheckpoints"];
+var _excluded = ["body", "index", "placement", "target", "title", "totalCheckpoints"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(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; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useEffect, useState } from 'react';
@@ -12,26 +18,28 @@ import CheckpointActionRow from './CheckpointActionRow';
 import CheckpointBody from './CheckpointBody';
 import CheckpointBreadcrumbs from './CheckpointBreadcrumbs';
 import CheckpointTitle from './CheckpointTitle';
-const Checkpoint = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      body,
-      index,
-      placement,
-      target,
-      title,
-      totalCheckpoints
-    } = _ref,
+import messages from './messages';
+var Checkpoint = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var body = _ref.body,
+    index = _ref.index,
+    placement = _ref.placement,
+    target = _ref.target,
+    title = _ref.title,
+    totalCheckpoints = _ref.totalCheckpoints,
     props = _objectWithoutProperties(_ref, _excluded);
-  const [checkpointVisible, setCheckpointVisible] = useState(false);
-  const isMobile = useMediaQuery({
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkpointVisible = _useState2[0],
+    setCheckpointVisible = _useState2[1];
+  var isMobile = useMediaQuery({
     maxWidth: breakpoints.small.maxWidth
   });
-  useEffect(() => {
-    const targetElement = document.querySelector(target);
-    const checkpoint = document.querySelector('#pgn__checkpoint');
+  useEffect(function () {
+    var targetElement = document.querySelector(target);
+    var checkpoint = document.querySelector('#pgn__checkpoint');
     if (targetElement && checkpoint) {
       // Use the Popper library to translate the Checkpoint to its target's coordinates
-      const checkpointPopper = createPopper(targetElement, checkpoint, {
+      var checkpointPopper = createPopper(targetElement, checkpoint, {
         placement: isMobile ? 'top' : placement,
         strategy: 'fixed',
         modifiers: [{
@@ -58,11 +66,11 @@ const Checkpoint = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       }
     }
   }, [target, isMobile, placement]);
-  useEffect(() => {
+  useEffect(function () {
     if (checkpointVisible) {
       // Scroll the Checkpoint into view once its rendered
-      const targetElement = document.querySelector(target);
-      let targetOffset = targetElement.getBoundingClientRect().top;
+      var targetElement = document.querySelector(target);
+      var targetOffset = targetElement.getBoundingClientRect().top;
       if (targetOffset < 0 || targetElement.getBoundingClientRect().bottom > global.innerHeight) {
         if (placement.includes('top')) {
           if (targetOffset < 0) {
@@ -77,12 +85,12 @@ const Checkpoint = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           behavior: 'smooth'
         });
       }
-      const button = document.querySelector('.pgn__checkpoint-button_advance');
+      var button = document.querySelector('.pgn__checkpoint-button_advance');
       button.focus();
     }
   }, [target, checkpointVisible, placement]);
-  const isLastCheckpoint = index + 1 === totalCheckpoints;
-  const isOnlyCheckpoint = totalCheckpoints === 1;
+  var isLastCheckpoint = index + 1 === totalCheckpoints;
+  var isOnlyCheckpoint = totalCheckpoints === 1;
   return /*#__PURE__*/React.createElement("div", {
     id: "pgn__checkpoint",
     className: "pgn__checkpoint",
@@ -95,14 +103,11 @@ const Checkpoint = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "pgn.ProductTour.Checkpoint.position-text",
-    defaultMessage: "Top of step {step}",
-    value: {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.topPositionText, {
+    values: {
       step: index + 1
-    },
-    description: "Screen-reader message to indicate the user's position in a sequence of checkpoints."
-  })), (title || !isOnlyCheckpoint) && /*#__PURE__*/React.createElement("div", {
+    }
+  }))), (title || !isOnlyCheckpoint) && /*#__PURE__*/React.createElement("div", {
     className: "pgn__checkpoint-header"
   }, /*#__PURE__*/React.createElement(CheckpointTitle, null, title), /*#__PURE__*/React.createElement(CheckpointBreadcrumbs, {
     currentIndex: index,
@@ -115,7 +120,11 @@ const Checkpoint = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     "data-popper-arrow": true
   }), /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, "Bottom of step ", index + 1));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.bottomPositionText, {
+    values: {
+      step: index + 1
+    }
+  }))));
 });
 Checkpoint.defaultProps = {
   advanceButtonText: null,

package/dist/ProductTour/Checkpoint.js.map

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

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"}