@openedx/paragon 22.20.0 → 22.20.2

package/dist/DataTable/filters/CheckboxFilter.js

@@ -33,7 +33,8 @@ function CheckboxFilter(_ref) {
     id: ariaLabel.current,
     className: "pgn__checkbox-filter-label"
   }, Header), /*#__PURE__*/React.createElement(Form.CheckboxSet, {
-    name: Header
+    name: Header,
+    value: checkedBoxes
   }, filterChoices.map(_ref2 => {
     let {
       name,

package/dist/DataTable/filters/CheckboxFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","_ref","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","headerBasedId","createElement","Group","role","current","id","className","CheckboxSet","name","map","_ref2","number","Checkbox","checked","onChange","direction","gap","undefined","variant","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/CheckboxFilter.jsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Form, { FormLabel } from '../../Form';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { newId } from '../../utils';\n\nfunction CheckboxFilter({\n  column: {\n    filterValue, setFilter, Header, filterChoices, getHeaderProps,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));\n\n  const checkedBoxes = filterValue || [];\n  const changeCheckbox = (value) => {\n    if (checkedBoxes.includes(value)) {\n      const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n      return setFilter(newCheckedBoxes);\n    }\n    checkedBoxes.push(value);\n    return setFilter(checkedBoxes);\n  };\n  const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);\n\n  return (\n    <Form.Group role=\"group\" aria-labelledby={ariaLabel.current}>\n      <FormLabel id={ariaLabel.current} className=\"pgn__checkbox-filter-label\">{Header}</FormLabel>\n      <Form.CheckboxSet name={Header}>\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={`${headerBasedId}${name}`}\n            value={name}\n            checked={checkedBoxes.includes(value)}\n            onChange={() => changeCheckbox(value)}\n            aria-label={name}\n          >\n            <Stack direction=\"horizontal\" gap={2}>\n              {name} {number !== undefined && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </Form.Group>\n  );\n}\n\nCheckboxFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   *\n   * `filterValue`: Value for the filter input.\n   */\n  column: PropTypes.shape({\n    setFilter: PropTypes.func.isRequired,\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      number: PropTypes.number,\n    })).isRequired,\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default CheckboxFilter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","_ref","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","headerBasedId","createElement","Group","role","current","id","className","CheckboxSet","name","map","_ref2","number","Checkbox","checked","onChange","direction","gap","undefined","variant","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/CheckboxFilter.jsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Form, { FormLabel } from '../../Form';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { newId } from '../../utils';\n\nfunction CheckboxFilter({\n  column: {\n    filterValue, setFilter, Header, filterChoices, getHeaderProps,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));\n\n  const checkedBoxes = filterValue || [];\n  const changeCheckbox = (value) => {\n    if (checkedBoxes.includes(value)) {\n      const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n      return setFilter(newCheckedBoxes);\n    }\n    checkedBoxes.push(value);\n    return setFilter(checkedBoxes);\n  };\n  const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);\n\n  return (\n    <Form.Group role=\"group\" aria-labelledby={ariaLabel.current}>\n      <FormLabel id={ariaLabel.current} className=\"pgn__checkbox-filter-label\">{Header}</FormLabel>\n      <Form.CheckboxSet name={Header} value={checkedBoxes}>\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={`${headerBasedId}${name}`}\n            value={name}\n            checked={checkedBoxes.includes(value)}\n            onChange={() => changeCheckbox(value)}\n            aria-label={name}\n          >\n            <Stack direction=\"horizontal\" gap={2}>\n              {name} {number !== undefined && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </Form.Group>\n  );\n}\n\nCheckboxFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   *\n   * `filterValue`: Value for the filter input.\n   */\n  column: PropTypes.shape({\n    setFilter: PropTypes.func.isRequired,\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      number: PropTypes.number,\n    })).isRequired,\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default CheckboxFilter;\n"],"mappings":"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","ignoreList":[]}

package/dist/IconButton/index.d.ts

@@ -64,7 +64,7 @@ declare namespace IconButtonWithTooltip {
             iconName?: string | undefined;
             icon?: any[] | undefined;
         } | undefined;
-        variant?: "primary" | "success" | "warning" | "secondary" | "danger" | "dark" | "light" | "black" | "brand" | undefined;
+        variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "dark" | "light" | "black" | "brand" | undefined;
         size?: "sm" | "md" | "inline" | undefined;
         value?: string | undefined;
         children?: undefined;

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/index.d.ts

@@ -1,36 +1,10 @@
-/* eslint-disable max-len, one-var, one-var-declaration-per-line */
-// each line in this file corresponds with the line in index.js
-
-// // // // // // // // // // // // // // // // // // // // // // // // // // //
-// Things that have types
-// // // // // // // // // // // // // // // // // // // // // // // // // // //
+export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
 export { default as Bubble } from './Bubble';
 export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
 export { default as Chip, CHIP_PGN_CLASS } from './Chip';
 export { default as ChipCarousel } from './ChipCarousel';
-export { default as Container, ContainerSize } from './Container';
-export {
-  default as Form,
-  RadioControl,
-  CheckboxControl,
-  SwitchControl,
-  FormSwitchSet,
-  FormControl,
-  FormControlDecoratorGroup,
-  FormControlFeedback,
-  FormCheck,
-  FormFile,
-  FormRadio,
-  FormRadioSet,
-  FormRadioSetContext,
-  FormGroup,
-  FormLabel,
-  useCheckboxSetValues,
-  FormText,
-  FormAutosuggest,
-  FormAutosuggestOption,
-  InputGroup,
-} from './Form';
+export { default as Container, type ContainerSize } from './Container';
+export { default as Form, RadioControl, CheckboxControl, SwitchControl, FormSwitchSet, FormControl, FormControlDecoratorGroup, FormControlFeedback, FormCheck, FormFile, FormRadio, FormRadioSet, FormRadioSetContext, FormGroup, FormLabel, useCheckboxSetValues, FormText, FormAutosuggest, FormAutosuggestOption, InputGroup, } from './Form';
 export { default as Hyperlink } from './Hyperlink';
 export { default as Icon } from './Icon';
 export { default as IconButton, IconButtonWithTooltip } from './IconButton';
@@ -46,185 +20,94 @@ export { default as useToggle, type Toggler, type ToggleHandlers } from './hooks
 export { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';
 export { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';
 export { default as useIsVisible } from './hooks/useIsVisibleHook';
-export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
 export { default as breakpoints } from './utils/breakpoints';
-
-// // // // // // // // // // // // // // // // // // // // // // // // // // //
-// Things that don't have types
-// // // // // // // // // // // // // // // // // // // // // // // // // // //
-export const asInput: any; // from './asInput';
-export const ActionRow: any; // from './ActionRow';
-export const Annotation: any; // from './Annotation';
-export const Avatar: any; // from './Avatar';
-export const AvatarButton: any; // from './AvatarButton';
-export const Badge: any; // from './Badge';
-export const Breadcrumb: any; // from './Breadcrumb';
-export const
-  Card: any,
-  CardColumns: any,
-  CardDeck: any,
-  CardImg: any,
-  CardGroup: any,
-  CardGrid: any,
-  CardCarousel: any,
-  CARD_VARIANTS: any;
-// from './Card';
-export const
-  Carousel: any, CarouselItem: any, CAROUSEL_NEXT_LABEL_TEXT: any, CAROUSEL_PREV_LABEL_TEXT: any;
-// from './Carousel';
-/** @deprecated Replaced by `Form.Checkbox`. */
-export const CheckBox: any; // from './CheckBox';
-/** @deprecated Replaced by `Form.Checkbox` and `Form.CheckboxSet`. */
-export const CheckBoxGroup: any; // from './CheckBoxGroup';
-export const CloseButton: any; // from './CloseButton';
-export const Layout: any, Col: any, Row: any; // from './Layout';
-export const Collapse: any; // from './Collapse';
-export const Collapsible: any; // from './Collapsible';
-export const Scrollable: any; // from './Scrollable';
-export const
-  Dropdown: any,
-  DropdownToggle: any,
-  DropdownButton: any,
-  SplitButton: any;
-// from './Dropdown';
-export const Fade: any; // from './Fade';
-/** @deprecated */
-export const Fieldset: any; // from './Fieldset';
-export const IconButtonToggle: any; // from './IconButtonToggle';
-/** @deprecated Replaced by `Form.Control`. */
-export const Input: any; // from './Input';
-/** @deprecated Replaced by `Form.Control`. */
-export const InputSelect: any; // from './InputSelect';
-/** @deprecated Replaced by `Form.Control`. */
-export const InputText: any; // from './InputText';
-export const Image: any, Figure; // from './Image';
-/** @deprecated */
-export const ListBox: any; // from './ListBox';
-/** @deprecated */
-export const ListBoxOption: any; // from './ListBoxOption';
-export const MailtoLink: any, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT: string, MAIL_TO_LINK_EXTERNAL_LINK_TITLE: string; // from './MailtoLink';
-export const Media: any; // from './Media';
-export const Menu: any; // from './Menu';
-export const MenuItem: any; // from './Menu/MenuItem';
-export const SelectMenu: any, SELECT_MENU_DEFAULT_MESSAGE: string; // from './Menu/SelectMenu';
-/** @deprecated Use `ModalDialog` instead. */
-export const Modal: any; // from './Modal';
-export const ModalCloseButton: any; // from './Modal/ModalCloseButton';
-export const FullscreenModal: any, FULLSCREEN_MODAL_CLOSE_LABEL: string; // from './Modal/FullscreenModal';
-export const MarketingModal: any; // from './Modal/MarketingModal';
-export const StandardModal: any, STANDARD_MODAL_CLOSE_LABEL: string; // from './Modal/StandardModal';
-export const AlertModal: any; // from './Modal/AlertModal';
-export const ModalPopup: any; // from './Modal/ModalPopup';
-export const PopperElement: any; // from './Modal/PopperElement';
-
-export const
-  Nav: any,
-  NavDropdown: any,
-  NavItem: any,
-  NavLink: any;
-// from './Nav';
-export const Navbar: any, NavbarBrand: any, NAVBAR_LABEL: string; // from './Navbar';
-export const PageBanner: any, PAGE_BANNER_DISMISS_ALT_TEXT: string; // from './PageBanner';
-export const
-  Pagination: any,
-  PAGINATION_BUTTON_LABEL_PREV: string,
-  PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT: string,
-  PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT: string,
-  PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT: string,
-  PAGINATION_BUTTON_LABEL_CURRENT_PAGE: string,
-  PAGINATION_BUTTON_LABEL_NEXT: string,
-  PAGINATION_BUTTON_LABEL_PAGE: string;
-// from './Pagination';
-export const Popover: any, PopoverTitle: any, PopoverContent: any; // from './Popover';
-export const ProgressBar: any; // from './ProgressBar';
-export const ProductTour: any; // from './ProductTour';
-/** @deprecated Replaced by `Form.Radio` and `Form.RadioSet`. */
-export const RadioButtonGroup: any, RadioButton: any; // from './RadioButtonGroup';
-export const ResponsiveEmbed: any; // from './ResponsiveEmbed';
-export const
-  SearchField: any,
-  SEARCH_FIELD_SCREEN_READER_TEXT_LABEL: string,
-  SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON: string,
-  SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON: string,
-  SEARCH_FIELD_BUTTON_TEXT: string;
-// from './SearchField';
-export const Sheet: any; // from './Sheet';
-export const Spinner: any; // from './Spinner';
-export const Stepper: any; // from './Stepper';
-export const StatefulButton: any; // from './StatefulButton';
-/** @deprecated Replaced by `Alert`. */
-export const StatusAlert: any; // from './StatusAlert';
-/** @deprecated Replaced by `DataTable`. */
-export const Table: any; // from './Table';
-export const
-  Tabs: any,
-  Tab: any,
-  TabContainer: any,
-  TabContent: any,
-  TabPane: any;
-// from './Tabs';
-/** @deprecated Replaced by `Form.Control`. */
-export const TextArea: any; // from './TextArea';
-/** @deprecated Replaced by `Form.Group`. */
-export const ValidationFormGroup: any; // from './ValidationFormGroup';
-export const TransitionReplace: any; // from './TransitionReplace';
-export const ValidationMessage: any; // from './ValidationMessage';
-export const DataTable: any; // from './DataTable';
-export const TextFilter: any; // from './DataTable/filters/TextFilter';
-export const CheckboxFilter: any; // from './DataTable/filters/CheckboxFilter';
-export const DropdownFilter: any; // from './DataTable/filters/DropdownFilter';
-export const MultiSelectDropdownFilter: any; // from './DataTable/filters/MultiSelectDropdownFilter';
-export const TableHeaderCell: any; // from './DataTable/TableHeaderCell';
-export const TableCell: any; // from './DataTable/TableCell';
-export const TableFilters: any, TABLE_FILTERS_BUTTON_TEXT: string; // from './DataTable/TableFilters';
-export const TableHeader: any; // from './DataTable/TableHeaderRow';
-export const TableRow: any; // from './DataTable/TableRow';
-export const TablePagination: any; // from './DataTable/TablePagination';
-export const TablePaginationMinimal: any; // from './DataTable/TablePaginationMinimal';
-export const DataTableContext: any; // from './DataTable/DataTableContext';
-export const BulkActions: any; // from './DataTable/BulkActions';
-export const TableControlBar: any; // from './DataTable/TableControlBar';
-export const TableFooter: any; // from './DataTable/TableFooter';
-export const CardView: any; // from './DataTable/CardView';
-export const Skeleton: any, SkeletonTheme: any; // from './Skeleton/index';
-export const Stack: any; // from './Stack';
-export const ToggleButton: any, ToggleButtonGroup: any; // from './ToggleButton';
-export const Sticky: any; // from './Sticky';
-export const SelectableBox: any; // from './SelectableBox';
-export const Variant: any; // from './utils/constants';
-export const
-  OverflowScrollContext: any,
-  OverflowScroll: any,
-  useOverflowScroll: any,
-  useOverflowScrollItems: any;
-// from './OverflowScroll';
-export const Dropzone: any; // from './Dropzone';
-export const messages: any; // from './i18n';
-export const Truncate: any; // from './Truncate';
-export const ColorPicker: any; // from './ColorPicker';
-
-// Pass through any needed whole third-party library functionality
-// useTable for example is needed to use the DataTable component seamlessly
-// rather than setting a peer dependency in this project, we opt to tightly
-// couple these dependencies by passing through needed functionality.
-export {
-  default as MediaQuery,
-  useMediaQuery,
-  Context as ResponsiveContext,
-} from 'react-responsive';
-export {
-  useTable,
-  useFilters,
-  useGlobalFilter,
-  useSortBy,
-  useGroupBy,
-  useExpanded,
-  usePagination,
-  useRowSelect,
-  useRowState,
-  useColumnOrder,
-  useResizeColumns,
-  useBlockLayout,
-  useAbsoluteLayout,
-  useFlexLayout,
-} from 'react-table';
+export { default as asInput } from './asInput';
+export { default as ActionRow } from './ActionRow';
+export { default as Annotation } from './Annotation';
+export { default as Avatar } from './Avatar';
+export { default as AvatarButton } from './AvatarButton';
+export { default as Badge } from './Badge';
+export { default as Breadcrumb } from './Breadcrumb';
+export { default as Card, CardColumns, CardDeck, CardImg, CardGroup, CardGrid, CardCarousel, CARD_VARIANTS, } from './Card';
+export { default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT, } from './Carousel';
+export { default as CloseButton } from './CloseButton';
+export { default as Layout, Col, Row } from './Layout';
+export { default as Collapse } from './Collapse';
+export { default as Collapsible } from './Collapsible';
+export { default as Scrollable } from './Scrollable';
+export { default as Dropdown, DropdownToggle, DropdownButton, SplitButton, } from './Dropdown';
+export { default as Fade } from './Fade';
+export { default as IconButtonToggle } from './IconButtonToggle';
+export { default as Image, Figure } from './Image';
+export { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';
+export { default as Media } from './Media';
+export { default as Menu } from './Menu';
+export { default as MenuItem } from './Menu/MenuItem';
+export { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';
+export { default as ModalCloseButton } from './Modal/ModalCloseButton';
+export { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';
+export { default as MarketingModal } from './Modal/MarketingModal';
+export { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';
+export { default as AlertModal } from './Modal/AlertModal';
+export { default as ModalPopup } from './Modal/ModalPopup';
+export { default as PopperElement } from './Modal/PopperElement';
+export { default as Nav, NavDropdown, NavItem, NavLink, } from './Nav';
+export { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';
+export { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';
+export { default as Pagination, PAGINATION_BUTTON_LABEL_PREV, PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT, PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT, PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT, PAGINATION_BUTTON_LABEL_CURRENT_PAGE, PAGINATION_BUTTON_LABEL_NEXT, PAGINATION_BUTTON_LABEL_PAGE, } from './Pagination';
+export { default as Popover, PopoverTitle, PopoverContent } from './Popover';
+export { default as ProgressBar } from './ProgressBar';
+export { default as ProductTour } from './ProductTour';
+export { default as ResponsiveEmbed } from './ResponsiveEmbed';
+export { default as SearchField, SEARCH_FIELD_SCREEN_READER_TEXT_LABEL, SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON, SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON, SEARCH_FIELD_BUTTON_TEXT, } from './SearchField';
+export { default as Sheet } from './Sheet';
+export { default as Spinner } from './Spinner';
+export { default as Stepper } from './Stepper';
+export { default as StatefulButton } from './StatefulButton';
+export { default as Tabs, Tab, TabContainer, TabContent, TabPane, } from './Tabs';
+export { default as TransitionReplace } from './TransitionReplace';
+export { default as ValidationMessage } from './ValidationMessage';
+export { default as DataTable } from './DataTable';
+export { default as TextFilter } from './DataTable/filters/TextFilter';
+export { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';
+export { default as DropdownFilter } from './DataTable/filters/DropdownFilter';
+export { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';
+export { default as TableHeaderCell } from './DataTable/TableHeaderCell';
+export { default as TableCell } from './DataTable/TableCell';
+export { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';
+export { default as TableHeader } from './DataTable/TableHeaderRow';
+export { default as TableRow } from './DataTable/TableRow';
+export { default as TablePagination } from './DataTable/TablePagination';
+export { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';
+export { default as DataTableContext } from './DataTable/DataTableContext';
+export { default as BulkActions } from './DataTable/BulkActions';
+export { default as TableControlBar } from './DataTable/TableControlBar';
+export { default as TableFooter } from './DataTable/TableFooter';
+export { default as CardView } from './DataTable/CardView';
+export { default as Skeleton, SkeletonTheme } from './Skeleton/index';
+export { default as Stack } from './Stack';
+export { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';
+export { default as Sticky } from './Sticky';
+export { default as SelectableBox } from './SelectableBox';
+export { default as Variant } from './utils/constants';
+export { OverflowScrollContext, OverflowScroll, useOverflowScroll, useOverflowScrollItems, } from './OverflowScroll';
+export { default as Dropzone } from './Dropzone';
+export { default as messages } from './i18n';
+export { default as Truncate } from './Truncate';
+export { default as ColorPicker } from './ColorPicker';
+/** @deprecated Replaced by `Form.Checkbox`. */ export { default as CheckBox } from './CheckBox';
+/** @deprecated Replaced by `Form.Checkbox` and `Form.CheckboxSet`. */ export { default as CheckBoxGroup } from './CheckBoxGroup';
+/** @deprecated */ export { default as Fieldset } from './Fieldset';
+/** @deprecated Replaced by `Form.Control`. */ export { default as Input } from './Input';
+/** @deprecated Replaced by `Form.Control`. */ export { default as InputSelect } from './InputSelect';
+/** @deprecated Replaced by `Form.Control`. */ export { default as InputText } from './InputText';
+/** @deprecated */ export { default as ListBox } from './ListBox';
+/** @deprecated */ export { default as ListBoxOption } from './ListBoxOption';
+/** @deprecated Use `ModalDialog` instead. */ export { default as Modal } from './Modal';
+/** @deprecated Replaced by `Form.Radio` and `Form.RadioSet`. */ export { default as RadioButtonGroup, RadioButton } from './RadioButtonGroup';
+/** @deprecated Replaced by `Alert`. */ export { default as StatusAlert } from './StatusAlert';
+/** @deprecated Replaced by `DataTable`. */ export { default as Table } from './Table';
+/** @deprecated Replaced by `Form.Control`. */ export { default as TextArea } from './TextArea';
+/** @deprecated Replaced by `Form.Group`. */ export { default as ValidationFormGroup } from './ValidationFormGroup';
+export { default as MediaQuery, useMediaQuery, Context as ResponsiveContext, } from 'react-responsive';
+export { useTable, useFilters, useGlobalFilter, useSortBy, useGroupBy, useExpanded, usePagination, useRowSelect, useRowState, useColumnOrder, useResizeColumns, useBlockLayout, useAbsoluteLayout, useFlexLayout, } from 'react-table';