@openedx/paragon 23.14.7 → 23.14.9

package/dist/ProductTour/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useState","PropTypes","withDeprecatedProps","DeprTypes","Checkpoint","ProductTour","forwardRef","tours","ref","tourValue","find","tour","enabled","checkpoints","startingIndex","onEscape","onEnd","onAdvance","tourOnAdvance","onBack","tourOnBack","onDismiss","tourOnDismiss","advanceButtonText","tourAdvanceButtonText","dismissAltText","tourDismissAltText","endButtonText","tourEndButtonText","backButtonText","tourBackButtonText","currentCheckpointData","setCurrentCheckpointData","index","setIndex","isTourEnabled","setIsTourEnabled","prunedCheckpoints","setPrunedCheckpoints","title","body","placement","target","pruneCheckpoints","checkpointList","checkpointsWithRenderedTargets","filter","checkpoint","document","querySelector","length","handleEsc","event","key","global","addEventListener","removeEventListener","handleAdvance","handleBack","handleDismiss","handleEnd","checkpointIndex","createElement","totalCheckpoints","defaultProps","propTypes","arrayOf","shape","node","string","func","oneOf","isRequired","bool","number","tourId","hasDismissButtonText","obj","dismissButtonText","deprType","FORMAT","message","expect","propValue","Array","isArray","some","transform","map","updatedTour","warningMessage","console","warn","rest"],"sources":["../../src/ProductTour/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nimport Checkpoint from './Checkpoint';\n\nconst ProductTour = React.forwardRef(({ tours }, ref) => {\n  const tourValue = tours.find((tour) => tour.enabled);\n  const {\n    enabled,\n    checkpoints = [],\n    startingIndex,\n    onEscape,\n    onEnd,\n    onAdvance: tourOnAdvance,\n    onBack: tourOnBack,\n    onDismiss: tourOnDismiss,\n    advanceButtonText: tourAdvanceButtonText,\n    dismissAltText: tourDismissAltText,\n    endButtonText: tourEndButtonText,\n    backButtonText: tourBackButtonText,\n  } = tourValue || {};\n  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);\n  const [index, setIndex] = useState(0);\n  const [isTourEnabled, setIsTourEnabled] = useState(false);\n  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);\n  const {\n    title,\n    body,\n    onAdvance,\n    onBack,\n    onDismiss,\n    advanceButtonText,\n    dismissAltText,\n    endButtonText,\n    backButtonText,\n    placement,\n    target,\n  } = currentCheckpointData || {};\n\n  /**\n   * Takes a list of checkpoints and verifies that each target string provided is\n   * an element in the DOM.\n   */\n  const pruneCheckpoints = (checkpointList) => {\n    const checkpointsWithRenderedTargets = checkpointList.filter(\n      (checkpoint) => !!document.querySelector(checkpoint.target),\n    );\n    setPrunedCheckpoints(checkpointsWithRenderedTargets);\n  };\n\n  useEffect(() => {\n    if (enabled && checkpoints) {\n      setIsTourEnabled(enabled);\n      pruneCheckpoints(checkpoints);\n      setIndex(startingIndex || 0);\n    }\n  }, [enabled, checkpoints, startingIndex]);\n\n  useEffect(() => {\n    if (isTourEnabled && prunedCheckpoints.length) {\n      setCurrentCheckpointData(prunedCheckpoints[index]);\n    }\n  }, [index, isTourEnabled, prunedCheckpoints]);\n\n  useEffect(() => {\n    const handleEsc = (event) => {\n      if (event.key === 'Escape') {\n        setIsTourEnabled(false);\n        if (onEscape) {\n          onEscape();\n        }\n      }\n    };\n    global.addEventListener('keydown', handleEsc);\n\n    return () => {\n      global.removeEventListener('keydown', handleEsc);\n    };\n  }, [onEscape]);\n\n  if (!tourValue || !currentCheckpointData || !isTourEnabled) {\n    return null;\n  }\n\n  const handleAdvance = () => {\n    setIndex(index + 1);\n    if (onAdvance) {\n      onAdvance();\n    } else if (tourOnAdvance) {\n      tourOnAdvance();\n    }\n  };\n\n  const handleBack = () => {\n    setIndex(index - 1);\n    if (onBack) {\n      onBack();\n    } else if (tourOnBack) {\n      tourOnBack();\n    }\n  };\n\n  const handleDismiss = () => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (onDismiss) {\n      onDismiss();\n    } else if (tourOnDismiss) {\n      tourOnDismiss();\n    }\n    setCurrentCheckpointData(null);\n  };\n  /* eslint-disable */\n  /**\n   * Takes the final checkpoint array index value and looks for an existing onEnd callback.\n   * \n   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint \n   * in the array, the onEnd callback will be called for the parent, and individual onEnd object. \n   * \n   * @param {Integer} checkpointIndex \n   */\n  /* eslint-enable */\n  const handleEnd = (checkpointIndex) => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (prunedCheckpoints[checkpointIndex].onEnd) {\n      prunedCheckpoints[checkpointIndex].onEnd();\n    } else if (onEnd) {\n      onEnd(prunedCheckpoints[checkpointIndex]);\n    }\n    setCurrentCheckpointData(null);\n  };\n  return (\n    <Checkpoint\n      advanceButtonText={advanceButtonText || tourAdvanceButtonText}\n      body={body}\n      currentCheckpointData={currentCheckpointData}\n      dismissAltText={dismissAltText || tourDismissAltText}\n      endButtonText={endButtonText || tourEndButtonText}\n      backButtonText={backButtonText || tourBackButtonText}\n      index={index}\n      onBack={handleBack}\n      onAdvance={handleAdvance}\n      onDismiss={handleDismiss}\n      onEnd={handleEnd}\n      placement={placement}\n      target={target}\n      title={title}\n      totalCheckpoints={prunedCheckpoints.length}\n      ref={ref}\n    />\n  );\n});\n\nProductTour.defaultProps = {\n  tours: {\n    advanceButtonText: '',\n    backButtonText: '',\n    checkpoints: {\n      advanceButtonText: '',\n      backButtonText: '',\n      body: '',\n      dismissAltText: '',\n      endButtonText: '',\n      onAdvance: () => {},\n      onDismiss: () => {},\n      onBack: () => {},\n      placement: 'top',\n      title: '',\n    },\n    dismissAltText: '',\n    endButtonText: '',\n    onBack: () => {},\n    onDismiss: () => {},\n    onEnd: () => {},\n    onEscape: () => {},\n    startingIndex: 0,\n  },\n};\n\nProductTour.propTypes = {\n  tours: PropTypes.arrayOf(PropTypes.shape({\n    /** The text displayed on all buttons used to advance the tour. */\n    advanceButtonText: PropTypes.node,\n    /** The text displayed on all buttons used to go back in the tour */\n    backButtonText: PropTypes.string,\n    /** An array comprised of checkpoint objects supporting the following values: */\n    checkpoints: PropTypes.arrayOf(PropTypes.shape({\n      /** The text displayed on the button used to advance the tour for the given Checkpoint\n       * (overrides the* `advanceButtonText` defined in the parent tour object). */\n      advanceButtonText: PropTypes.node,\n      /** The text displayed on the button used to go back in the tour for the given Checkpoint\n       * (overrides the* `backButtonText` defined in the parent tour object). */\n      backButtonText: PropTypes.string,\n      /** The text displayed in the body of the Checkpoint */\n      body: PropTypes.node,\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 text displayed on the button used to end the tour for the given Checkpoint\n       * (overrides the `endButtonText` defined in the parent tour object). */\n      endButtonText: PropTypes.node,\n      /** A function that runs when triggering the `onClick` event of the advance\n       * button for the given Checkpoint. */\n      onAdvance: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the dismiss\n       * button for the given Checkpoint (overrides the `onDismiss` function defined in the parent tour object). */\n      onDismiss: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the advance\n      * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n      onEnd: PropTypes.func,\n      /** A string that dictates the alignment of the Checkpoint around its target. */\n      placement: PropTypes.oneOf([\n        'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n        'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n      ]),\n      /** The CSS selector for the Checkpoint's desired target. */\n      target: PropTypes.string.isRequired,\n      /** The text displayed in the title of the Checkpoint */\n      title: PropTypes.node,\n    })),\n    /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n    dismissAltText: PropTypes.string,\n    /** Whether the tour is enabled. If there are multiple tours defined, only one should be enabled at a time. */\n    enabled: PropTypes.bool.isRequired,\n    /** The text displayed on the button used to end the tour. */\n    endButtonText: PropTypes.node,\n    /** A function that runs when triggering the `onBack` event of the back button. */\n    onBack: 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 end button. */\n    onEnd: PropTypes.func,\n    /** A function that runs when pressing the Escape key. */\n    onEscape: PropTypes.func,\n    /** The index of the desired `Checkpoint` to render when the tour starts. */\n    startingIndex: PropTypes.number,\n    /** The ID of the tour */\n    tourId: PropTypes.string.isRequired,\n  })),\n};\n\n/**\n * Checks if the given object has a deprecated/legacy `dismissButtonText` property.\n * @param {Object} obj - The object to check\n * @returns {boolean} - True if the object has a deprecated/legacy `dismissButtonText` property, false otherwise\n */\nconst hasDismissButtonText = (obj) => {\n  if ('dismissButtonText' in obj && !!obj.dismissButtonText) {\n    return true;\n  }\n  return false;\n};\n\nexport default withDeprecatedProps(ProductTour, 'ProductTour', {\n  tours: {\n    deprType: DeprTypes.FORMAT,\n    message: \"The dismissButtonText options in the 'tours' prop have been moved to 'dismissAltText'.\",\n    /**\n     * Determines whether the given prop value contains the deprecated/legacy `dismissButtonText` property.\n     * @param {Object[]} propValue - The tours prop value to check\n     * @returns {boolean} True if the prop value contains the deprecated/legacy `dismissButtonText`\n     *  property, false otherwise\n     */\n    expect: (propValue) => {\n      if (!Array.isArray(propValue)) {\n        return true;\n      }\n      return !propValue.some((tour) => {\n        if (hasDismissButtonText(tour)) {\n          return true;\n        }\n        return Array.isArray(tour.checkpoints)\n          && tour.checkpoints.some(hasDismissButtonText);\n      });\n    },\n    /**\n     * Transforms the given prop value by updating the\n     * deprecated/legacy `dismissButtonText` property to\n     * `dismissAltText`, if the prop value is a string. Otherwise,\n     * the original `dismissButtonText` property is ignored.\n     * @param {Object[]} propValue - The tours prop value to transform\n     * @returns {Object[]} The transformed prop value\n     */\n    transform: (propValue) => {\n      const tours = propValue.map((tour) => {\n        const updatedTour = { ...tour };\n\n        // Replace tour level dismissButtonText with dismissAltText\n        if (hasDismissButtonText(tour)) {\n          if (typeof tour.dismissButtonText === 'string') {\n            updatedTour.dismissAltText = tour.dismissButtonText;\n          } else {\n            const warningMessage = \"[Deprecated] ProductTour: The 'dismissButtonText' options within the 'tours' prop now expects a string\";\n            // eslint-disable-next-line no-console\n            console.warn(warningMessage);\n          }\n        }\n\n        // Replace checkpoint level dismissButtonText with dismissAltText\n        if (Array.isArray(tour.checkpoints)) {\n          updatedTour.checkpoints = tour.checkpoints.map((checkpoint) => {\n            if (hasDismissButtonText(checkpoint)) {\n              const { dismissButtonText, ...rest } = checkpoint;\n              if (typeof dismissButtonText === 'string') {\n                return { ...rest, dismissAltText: dismissButtonText };\n              }\n            }\n            return checkpoint;\n          });\n        }\n        return updatedTour;\n      });\n\n      // Return the transformed tours\n      return tours;\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useEffect","useState","PropTypes","withDeprecatedProps","DeprTypes","Checkpoint","ProductTour","forwardRef","tours","ref","tourValue","find","tour","enabled","checkpoints","startingIndex","onEscape","onEnd","onAdvance","tourOnAdvance","onBack","tourOnBack","onDismiss","tourOnDismiss","advanceButtonText","tourAdvanceButtonText","dismissAltText","tourDismissAltText","endButtonText","tourEndButtonText","backButtonText","tourBackButtonText","currentCheckpointData","setCurrentCheckpointData","index","setIndex","isTourEnabled","setIsTourEnabled","prunedCheckpoints","setPrunedCheckpoints","title","body","placement","target","pruneCheckpoints","checkpointList","checkpointsWithRenderedTargets","filter","checkpoint","document","querySelector","length","handleEsc","event","key","global","addEventListener","removeEventListener","handleAdvance","handleBack","handleDismiss","handleEnd","checkpointIndex","createElement","totalCheckpoints","defaultProps","propTypes","arrayOf","shape","node","string","func","oneOf","isRequired","bool","number","tourId","hasDismissButtonText","obj","dismissButtonText","deprType","FORMAT","message","expect","propValue","Array","isArray","some","transform","map","updatedTour","warningMessage","console","warn","rest"],"sources":["../../src/ProductTour/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nimport Checkpoint from './Checkpoint';\n\nconst ProductTour = React.forwardRef(({ tours }, ref) => {\n  const tourValue = tours.find((tour) => tour.enabled);\n  const {\n    enabled,\n    checkpoints = [],\n    startingIndex,\n    onEscape,\n    onEnd,\n    onAdvance: tourOnAdvance,\n    onBack: tourOnBack,\n    onDismiss: tourOnDismiss,\n    advanceButtonText: tourAdvanceButtonText,\n    dismissAltText: tourDismissAltText,\n    endButtonText: tourEndButtonText,\n    backButtonText: tourBackButtonText,\n  } = tourValue || {};\n  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);\n  const [index, setIndex] = useState(0);\n  const [isTourEnabled, setIsTourEnabled] = useState(false);\n  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);\n  const {\n    title,\n    body,\n    onAdvance,\n    onBack,\n    onDismiss,\n    advanceButtonText,\n    dismissAltText,\n    endButtonText,\n    backButtonText,\n    placement,\n    target,\n  } = currentCheckpointData || {};\n\n  /**\n   * Takes a list of checkpoints and verifies that each target string provided is\n   * an element in the DOM.\n   */\n  const pruneCheckpoints = (checkpointList) => {\n    const checkpointsWithRenderedTargets = checkpointList.filter(\n      (checkpoint) => !!document.querySelector(checkpoint.target),\n    );\n    setPrunedCheckpoints(checkpointsWithRenderedTargets);\n  };\n\n  useEffect(() => {\n    if (enabled && checkpoints) {\n      setIsTourEnabled(enabled);\n      pruneCheckpoints(checkpoints);\n      setIndex(startingIndex || 0);\n    }\n  }, [enabled, checkpoints, startingIndex]);\n\n  useEffect(() => {\n    if (isTourEnabled && prunedCheckpoints.length) {\n      setCurrentCheckpointData(prunedCheckpoints[index]);\n    }\n  }, [index, isTourEnabled, prunedCheckpoints]);\n\n  useEffect(() => {\n    const handleEsc = (event) => {\n      if (event.key === 'Escape') {\n        setIsTourEnabled(false);\n        if (onEscape) {\n          onEscape();\n        }\n      }\n    };\n    global.addEventListener('keydown', handleEsc);\n\n    return () => {\n      global.removeEventListener('keydown', handleEsc);\n    };\n  }, [onEscape]);\n\n  if (!tourValue || !currentCheckpointData || !isTourEnabled) {\n    return null;\n  }\n\n  const handleAdvance = () => {\n    setIndex(index + 1);\n    if (onAdvance) {\n      onAdvance();\n    } else if (tourOnAdvance) {\n      tourOnAdvance();\n    }\n  };\n\n  const handleBack = () => {\n    setIndex(index - 1);\n    if (onBack) {\n      onBack();\n    } else if (tourOnBack) {\n      tourOnBack();\n    }\n  };\n\n  const handleDismiss = () => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (onDismiss) {\n      onDismiss();\n    } else if (tourOnDismiss) {\n      tourOnDismiss();\n    }\n    setCurrentCheckpointData(null);\n  };\n  /**\n   * Takes the final checkpoint array index value and looks for an existing onEnd callback.\n   *\n   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint\n   * in the array, the onEnd callback will be called for the parent, and individual onEnd object.\n   *\n   * @param {Integer} checkpointIndex\n   */\n  const handleEnd = (checkpointIndex) => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (prunedCheckpoints[checkpointIndex].onEnd) {\n      prunedCheckpoints[checkpointIndex].onEnd();\n    } else if (onEnd) {\n      onEnd(prunedCheckpoints[checkpointIndex]);\n    }\n    setCurrentCheckpointData(null);\n  };\n  return (\n    <Checkpoint\n      advanceButtonText={advanceButtonText || tourAdvanceButtonText}\n      body={body}\n      currentCheckpointData={currentCheckpointData}\n      dismissAltText={dismissAltText || tourDismissAltText}\n      endButtonText={endButtonText || tourEndButtonText}\n      backButtonText={backButtonText || tourBackButtonText}\n      index={index}\n      onBack={handleBack}\n      onAdvance={handleAdvance}\n      onDismiss={handleDismiss}\n      onEnd={handleEnd}\n      placement={placement}\n      target={target}\n      title={title}\n      totalCheckpoints={prunedCheckpoints.length}\n      ref={ref}\n    />\n  );\n});\n\nProductTour.defaultProps = {\n  tours: {\n    advanceButtonText: '',\n    backButtonText: '',\n    checkpoints: {\n      advanceButtonText: '',\n      backButtonText: '',\n      body: '',\n      dismissAltText: '',\n      endButtonText: '',\n      onAdvance: () => {},\n      onDismiss: () => {},\n      onBack: () => {},\n      placement: 'top',\n      title: '',\n    },\n    dismissAltText: '',\n    endButtonText: '',\n    onBack: () => {},\n    onDismiss: () => {},\n    onEnd: () => {},\n    onEscape: () => {},\n    startingIndex: 0,\n  },\n};\n\nProductTour.propTypes = {\n  tours: PropTypes.arrayOf(PropTypes.shape({\n    /** The text displayed on all buttons used to advance the tour. */\n    advanceButtonText: PropTypes.node,\n    /** The text displayed on all buttons used to go back in the tour */\n    backButtonText: PropTypes.string,\n    /** An array comprised of checkpoint objects supporting the following values: */\n    checkpoints: PropTypes.arrayOf(PropTypes.shape({\n      /** The text displayed on the button used to advance the tour for the given Checkpoint\n       * (overrides the* `advanceButtonText` defined in the parent tour object). */\n      advanceButtonText: PropTypes.node,\n      /** The text displayed on the button used to go back in the tour for the given Checkpoint\n       * (overrides the* `backButtonText` defined in the parent tour object). */\n      backButtonText: PropTypes.string,\n      /** The text displayed in the body of the Checkpoint */\n      body: PropTypes.node,\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 text displayed on the button used to end the tour for the given Checkpoint\n       * (overrides the `endButtonText` defined in the parent tour object). */\n      endButtonText: PropTypes.node,\n      /** A function that runs when triggering the `onClick` event of the advance\n       * button for the given Checkpoint. */\n      onAdvance: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the dismiss\n       * button for the given Checkpoint (overrides the `onDismiss` function defined in the parent tour object). */\n      onDismiss: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the advance\n      * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n      onEnd: PropTypes.func,\n      /** A string that dictates the alignment of the Checkpoint around its target. */\n      placement: PropTypes.oneOf([\n        'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n        'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n      ]),\n      /** The CSS selector for the Checkpoint's desired target. */\n      target: PropTypes.string.isRequired,\n      /** The text displayed in the title of the Checkpoint */\n      title: PropTypes.node,\n    })),\n    /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n    dismissAltText: PropTypes.string,\n    /** Whether the tour is enabled. If there are multiple tours defined, only one should be enabled at a time. */\n    enabled: PropTypes.bool.isRequired,\n    /** The text displayed on the button used to end the tour. */\n    endButtonText: PropTypes.node,\n    /** A function that runs when triggering the `onBack` event of the back button. */\n    onBack: 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 end button. */\n    onEnd: PropTypes.func,\n    /** A function that runs when pressing the Escape key. */\n    onEscape: PropTypes.func,\n    /** The index of the desired `Checkpoint` to render when the tour starts. */\n    startingIndex: PropTypes.number,\n    /** The ID of the tour */\n    tourId: PropTypes.string.isRequired,\n  })),\n};\n\n/**\n * Checks if the given object has a deprecated/legacy `dismissButtonText` property.\n * @param {Object} obj - The object to check\n * @returns {boolean} - True if the object has a deprecated/legacy `dismissButtonText` property, false otherwise\n */\nconst hasDismissButtonText = (obj) => {\n  if ('dismissButtonText' in obj && !!obj.dismissButtonText) {\n    return true;\n  }\n  return false;\n};\n\nexport default withDeprecatedProps(ProductTour, 'ProductTour', {\n  tours: {\n    deprType: DeprTypes.FORMAT,\n    message: \"The dismissButtonText options in the 'tours' prop have been moved to 'dismissAltText'.\",\n    /**\n     * Determines whether the given prop value contains the deprecated/legacy `dismissButtonText` property.\n     * @param {Object[]} propValue - The tours prop value to check\n     * @returns {boolean} True if the prop value contains the deprecated/legacy `dismissButtonText`\n     *  property, false otherwise\n     */\n    expect: (propValue) => {\n      if (!Array.isArray(propValue)) {\n        return true;\n      }\n      return !propValue.some((tour) => {\n        if (hasDismissButtonText(tour)) {\n          return true;\n        }\n        return Array.isArray(tour.checkpoints)\n          && tour.checkpoints.some(hasDismissButtonText);\n      });\n    },\n    /**\n     * Transforms the given prop value by updating the\n     * deprecated/legacy `dismissButtonText` property to\n     * `dismissAltText`, if the prop value is a string. Otherwise,\n     * the original `dismissButtonText` property is ignored.\n     * @param {Object[]} propValue - The tours prop value to transform\n     * @returns {Object[]} The transformed prop value\n     */\n    transform: (propValue) => {\n      const tours = propValue.map((tour) => {\n        const updatedTour = { ...tour };\n\n        // Replace tour level dismissButtonText with dismissAltText\n        if (hasDismissButtonText(tour)) {\n          if (typeof tour.dismissButtonText === 'string') {\n            updatedTour.dismissAltText = tour.dismissButtonText;\n          } else {\n            const warningMessage = \"[Deprecated] ProductTour: The 'dismissButtonText' options within the 'tours' prop now expects a string\";\n            // eslint-disable-next-line no-console\n            console.warn(warningMessage);\n          }\n        }\n\n        // Replace checkpoint level dismissButtonText with dismissAltText\n        if (Array.isArray(tour.checkpoints)) {\n          updatedTour.checkpoints = tour.checkpoints.map((checkpoint) => {\n            if (hasDismissButtonText(checkpoint)) {\n              const { dismissButtonText, ...rest } = checkpoint;\n              if (typeof dismissButtonText === 'string') {\n                return { ...rest, dismissAltText: dismissButtonText };\n              }\n            }\n            return checkpoint;\n          });\n        }\n        return updatedTour;\n      });\n\n      // Return the transformed tours\n      return tours;\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/ProgressBar/utils.js

@@ -25,7 +25,6 @@ export const placeInfoAtZero = (
       horizontalMargin += annotationOnly ? 0.0 : elementParams.width;
     }
   }
-  // eslint-disable-next-line no-param-reassign
   ref.current.style[direction === 'rtl' ? 'marginRight' : 'marginLeft'] = `${-horizontalMargin}px`;
   return true;
 };

package/dist/SelectableBox/utils.js

@@ -1,6 +1,5 @@
 import Form, { CheckboxControl, RadioControl } from '../Form';
 
-// eslint-disable-next-line import/prefer-default-export,consistent-return
 export const getInputType = (component, type) => {
   if (component === 'SelectableBox') {
     switch (type) {
@@ -21,4 +20,5 @@ export const getInputType = (component, type) => {
         return Form.RadioSet;
     }
   }
+  return null;
 };

package/dist/Sticky/index.js

@@ -12,8 +12,6 @@ const Sticky = /*#__PURE__*/React.forwardRef(({
   const [isSticky, setIsSticky] = useState(false);
   const defaultRef = React.useRef();
   const resolvedRef = ref || defaultRef;
-
-  // eslint-disable-next-line consistent-return
   useLayoutEffect(() => {
     if (resolvedRef.current) {
       const stickyElement = resolvedRef.current;
@@ -34,6 +32,7 @@ const Sticky = /*#__PURE__*/React.forwardRef(({
         observer.unobserve(stickyElement);
       };
     }
+    return undefined;
   }, [position, resolvedRef]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pgn__sticky', `pgn__sticky-${position || 'top'}`, offset ? `pgn__sticky-offset--${offset}` : '', {

package/dist/Sticky/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","position","children","offset","className","rest","ref","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","entry","intersectionRatio","threshold","rootMargin","observe","unobserve","createElement","propTypes","node","isRequired","oneOf","oneOfType","number","string","defaultProps","undefined"],"sources":["../../src/Sticky/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst POSITION_VARIANTS = [\n  'top',\n  'bottom',\n];\n\nconst Sticky = React.forwardRef(({\n  position,\n  children,\n  offset,\n  className,\n  ...rest\n}, ref) => {\n  const [isSticky, setIsSticky] = useState(false);\n  const defaultRef = React.useRef();\n  const resolvedRef = ref || defaultRef;\n\n  // eslint-disable-next-line consistent-return\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      const stickyElement = resolvedRef.current;\n      // getComputedStyle is used to get real top/bottom\n      // values on the page for proper shadows display\n      const elementStyles = window.getComputedStyle(stickyElement);\n      const elementOffset = elementStyles[position || 'top'];\n      // Margin calculations according to the offset.\n      // 1 pixel above/bellow + offset pixels that determines\n      // when callback function is called\n      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsSticky(entry.intersectionRatio < 1),\n        {\n          threshold: [1],\n          rootMargin: position === 'bottom'\n            ? `0px 0px -${elementWithOffset}px 0px`\n            : `-${elementWithOffset}px 0px 0px 0px`,\n        },\n      );\n      observer.observe(stickyElement);\n\n      return () => {\n        observer.unobserve(stickyElement);\n      };\n    }\n  }, [position, resolvedRef]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__sticky',\n        `pgn__sticky-${position || 'top'}`,\n        offset ? `pgn__sticky-offset--${offset}` : '',\n        { 'pgn__sticky-shadow': isSticky },\n        className,\n      )}\n      ref={resolvedRef}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nSticky.propTypes = {\n  /** Specifies content of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies position of the element. */\n  position: PropTypes.oneOf(POSITION_VARIANTS),\n  /**\n   * Specifies offset from top/bottom depending on the `position` property.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nSticky.defaultProps = {\n  position: 'top',\n  offset: undefined,\n  className: undefined,\n};\n\nexport default Sticky;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AACxD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,iBAAiB,GAAG,CACxB,KAAK,EACL,QAAQ,CACT;AAED,MAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACT,GAAGC;AACL,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMc,UAAU,GAAGhB,KAAK,CAACiB,MAAM,CAAC,CAAC;EACjC,MAAMC,WAAW,GAAGL,GAAG,IAAIG,UAAU;;EAErC;EACAf,eAAe,CAAC,MAAM;IACpB,IAAIiB,WAAW,CAACC,OAAO,EAAE;MACvB,MAAMC,aAAa,GAAGF,WAAW,CAACC,OAAO;MACzC;MACA;MACA,MAAME,aAAa,GAAGC,MAAM,CAACC,gBAAgB,CAACH,aAAa,CAAC;MAC5D,MAAMI,aAAa,GAAGH,aAAa,CAACb,QAAQ,IAAI,KAAK,CAAC;MACtD;MACA;MACA;MACA,MAAMiB,iBAAiB,GAAG,CAAC,IAAIC,QAAQ,CAACF,aAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;MAChE,MAAMG,QAAQ,GAAG,IAAIC,oBAAoB,CACvC,CAAC,CAACC,KAAK,CAAC,KAAKd,WAAW,CAACc,KAAK,CAACC,iBAAiB,GAAG,CAAC,CAAC,EACrD;QACEC,SAAS,EAAE,CAAC,CAAC,CAAC;QACdC,UAAU,EAAExB,QAAQ,KAAK,QAAQ,GAC7B,YAAYiB,iBAAiB,QAAQ,GACrC,IAAIA,iBAAiB;MAC3B,CACF,CAAC;MACDE,QAAQ,CAACM,OAAO,CAACb,aAAa,CAAC;MAE/B,OAAO,MAAM;QACXO,QAAQ,CAACO,SAAS,CAACd,aAAa,CAAC;MACnC,CAAC;IACH;EACF,CAAC,EAAE,CAACZ,QAAQ,EAAEU,WAAW,CAAC,CAAC;EAE3B,oBACElB,KAAA,CAAAmC,aAAA;IACExB,SAAS,EAAEP,UAAU,CACnB,aAAa,EACb,eAAeI,QAAQ,IAAI,KAAK,EAAE,EAClCE,MAAM,GAAG,uBAAuBA,MAAM,EAAE,GAAG,EAAE,EAC7C;MAAE,oBAAoB,EAAEI;IAAS,CAAC,EAClCH,SACF,CAAE;IACFE,GAAG,EAAEK,WAAY;IAAA,GACbN;EAAI,GAEPH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFH,MAAM,CAAC8B,SAAS,GAAG;EACjB;EACA3B,QAAQ,EAAEN,SAAS,CAACkC,IAAI,CAACC,UAAU;EACnC;EACA9B,QAAQ,EAAEL,SAAS,CAACoC,KAAK,CAAClC,iBAAiB,CAAC;EAC5C;AACF;AACA;AACA;AACA;AACA;EACEK,MAAM,EAAEP,SAAS,CAACqC,SAAS,CAAC,CAACrC,SAAS,CAACsC,MAAM,EAAEtC,SAAS,CAACuC,MAAM,CAAC,CAAC;EACjE;EACA/B,SAAS,EAAER,SAAS,CAACuC;AACvB,CAAC;AAEDpC,MAAM,CAACqC,YAAY,GAAG;EACpBnC,QAAQ,EAAE,KAAK;EACfE,MAAM,EAAEkC,SAAS;EACjBjC,SAAS,EAAEiC;AACb,CAAC;AAED,eAAetC,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","position","children","offset","className","rest","ref","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","entry","intersectionRatio","threshold","rootMargin","observe","unobserve","undefined","createElement","propTypes","node","isRequired","oneOf","oneOfType","number","string","defaultProps"],"sources":["../../src/Sticky/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst POSITION_VARIANTS = [\n  'top',\n  'bottom',\n];\n\nconst Sticky = React.forwardRef(({\n  position,\n  children,\n  offset,\n  className,\n  ...rest\n}, ref) => {\n  const [isSticky, setIsSticky] = useState(false);\n  const defaultRef = React.useRef();\n  const resolvedRef = ref || defaultRef;\n\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      const stickyElement = resolvedRef.current;\n      // getComputedStyle is used to get real top/bottom\n      // values on the page for proper shadows display\n      const elementStyles = window.getComputedStyle(stickyElement);\n      const elementOffset = elementStyles[position || 'top'];\n      // Margin calculations according to the offset.\n      // 1 pixel above/bellow + offset pixels that determines\n      // when callback function is called\n      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsSticky(entry.intersectionRatio < 1),\n        {\n          threshold: [1],\n          rootMargin: position === 'bottom'\n            ? `0px 0px -${elementWithOffset}px 0px`\n            : `-${elementWithOffset}px 0px 0px 0px`,\n        },\n      );\n      observer.observe(stickyElement);\n\n      return () => {\n        observer.unobserve(stickyElement);\n      };\n    }\n    return undefined;\n  }, [position, resolvedRef]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__sticky',\n        `pgn__sticky-${position || 'top'}`,\n        offset ? `pgn__sticky-offset--${offset}` : '',\n        { 'pgn__sticky-shadow': isSticky },\n        className,\n      )}\n      ref={resolvedRef}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nSticky.propTypes = {\n  /** Specifies content of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies position of the element. */\n  position: PropTypes.oneOf(POSITION_VARIANTS),\n  /**\n   * Specifies offset from top/bottom depending on the `position` property.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nSticky.defaultProps = {\n  position: 'top',\n  offset: undefined,\n  className: undefined,\n};\n\nexport default Sticky;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AACxD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,iBAAiB,GAAG,CACxB,KAAK,EACL,QAAQ,CACT;AAED,MAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACT,GAAGC;AACL,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMc,UAAU,GAAGhB,KAAK,CAACiB,MAAM,CAAC,CAAC;EACjC,MAAMC,WAAW,GAAGL,GAAG,IAAIG,UAAU;EAErCf,eAAe,CAAC,MAAM;IACpB,IAAIiB,WAAW,CAACC,OAAO,EAAE;MACvB,MAAMC,aAAa,GAAGF,WAAW,CAACC,OAAO;MACzC;MACA;MACA,MAAME,aAAa,GAAGC,MAAM,CAACC,gBAAgB,CAACH,aAAa,CAAC;MAC5D,MAAMI,aAAa,GAAGH,aAAa,CAACb,QAAQ,IAAI,KAAK,CAAC;MACtD;MACA;MACA;MACA,MAAMiB,iBAAiB,GAAG,CAAC,IAAIC,QAAQ,CAACF,aAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;MAChE,MAAMG,QAAQ,GAAG,IAAIC,oBAAoB,CACvC,CAAC,CAACC,KAAK,CAAC,KAAKd,WAAW,CAACc,KAAK,CAACC,iBAAiB,GAAG,CAAC,CAAC,EACrD;QACEC,SAAS,EAAE,CAAC,CAAC,CAAC;QACdC,UAAU,EAAExB,QAAQ,KAAK,QAAQ,GAC7B,YAAYiB,iBAAiB,QAAQ,GACrC,IAAIA,iBAAiB;MAC3B,CACF,CAAC;MACDE,QAAQ,CAACM,OAAO,CAACb,aAAa,CAAC;MAE/B,OAAO,MAAM;QACXO,QAAQ,CAACO,SAAS,CAACd,aAAa,CAAC;MACnC,CAAC;IACH;IACA,OAAOe,SAAS;EAClB,CAAC,EAAE,CAAC3B,QAAQ,EAAEU,WAAW,CAAC,CAAC;EAE3B,oBACElB,KAAA,CAAAoC,aAAA;IACEzB,SAAS,EAAEP,UAAU,CACnB,aAAa,EACb,eAAeI,QAAQ,IAAI,KAAK,EAAE,EAClCE,MAAM,GAAG,uBAAuBA,MAAM,EAAE,GAAG,EAAE,EAC7C;MAAE,oBAAoB,EAAEI;IAAS,CAAC,EAClCH,SACF,CAAE;IACFE,GAAG,EAAEK,WAAY;IAAA,GACbN;EAAI,GAEPH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFH,MAAM,CAAC+B,SAAS,GAAG;EACjB;EACA5B,QAAQ,EAAEN,SAAS,CAACmC,IAAI,CAACC,UAAU;EACnC;EACA/B,QAAQ,EAAEL,SAAS,CAACqC,KAAK,CAACnC,iBAAiB,CAAC;EAC5C;AACF;AACA;AACA;AACA;AACA;EACEK,MAAM,EAAEP,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAACwC,MAAM,CAAC,CAAC;EACjE;EACAhC,SAAS,EAAER,SAAS,CAACwC;AACvB,CAAC;AAEDrC,MAAM,CAACsC,YAAY,GAAG;EACpBpC,QAAQ,EAAE,KAAK;EACfE,MAAM,EAAEyB,SAAS;EACjBxB,SAAS,EAAEwB;AACb,CAAC;AAED,eAAe7B,MAAM","ignoreList":[]}

package/dist/asInput/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/no-unused-prop-types */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -73,8 +72,6 @@ const asInput = (WrappedComponent, inputType = undefined, labelFirst = true) =>
         dangerIconDescription
       };
     }
-
-    /* eslint-disable react/no-did-update-set-state */
     componentDidUpdate(prevProps) {
       const updatedState = {};
       if (this.props.value !== prevProps.value) {
@@ -116,17 +113,13 @@ const asInput = (WrappedComponent, inputType = undefined, labelFirst = true) =>
       this.props.onBlur(val, this.props.name);
     }
     getLabel() {
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line jsx-a11y/label-has-for
-        React.createElement("label", {
-          id: `label-${this.state.id}`,
-          htmlFor: this.state.id,
-          className: classNames({
-            'form-check-label': this.isGroupedInput()
-          })
-        }, this.props.label)
-      );
+      return /*#__PURE__*/React.createElement("label", {
+        id: `label-${this.state.id}`,
+        htmlFor: this.state.id,
+        className: classNames({
+          'form-check-label': this.isGroupedInput()
+        })
+      }, this.props.label);
     }
     getDescriptions() {
       // possible future work: multiple feedback msgs?

package/dist/asInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","newId","ValidationMessage","Variant","withDeprecatedProps","DeprTypes","getDisplayName","WrappedComponent","displayName","name","inputProps","label","oneOfType","string","element","isRequired","id","value","number","dangerIconDescription","description","disabled","bool","required","onChange","func","onKeyPress","onBlur","validator","isValid","validationMessage","className","themes","arrayOf","inline","inputGroupPrepend","inputGroupAppend","type","inputRef","shape","current","instanceOf","defaultProps","undefined","asInput","inputType","labelFirst","NewComponent","Component","constructor","props","handleChange","bind","handleBlur","handleKeyPress","renderInput","state","componentDidUpdate","prevProps","updatedState","Object","keys","length","setState","event","target","checked","val","getLabel","createElement","htmlFor","isGroupedInput","getDescriptions","errorId","descriptionId","desc","error","invalidMessage","variant","status","hasDangerTheme","DANGER","INFO","variantIconDescription","describedBy","key","trim","getAddons","addonElements","Array","isArray","map","addon","index","cloneElement","generateInputGroupAddonKey","prefix","indexOf","others","renderInputGroupAppend","renderInputGroupPrepend","render","propTypes","deprType","FORMAT","expect","transform","join","message","ariaLabel","MOVED","newName"],"sources":["../../src/asInput/index.jsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport newId from '../utils/newId';\nimport ValidationMessage from '../ValidationMessage/index';\nimport Variant from '../utils/constants';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const getDisplayName = WrappedComponent => WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\nexport const inputProps = {\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  name: PropTypes.string.isRequired,\n  id: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  dangerIconDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  description: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n  ]),\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  onKeyPress: PropTypes.func,\n  onBlur: PropTypes.func,\n  validator: PropTypes.func,\n  isValid: PropTypes.bool,\n  validationMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  className: PropTypes.string,\n  themes: PropTypes.arrayOf(PropTypes.string),\n  inline: PropTypes.bool,\n  inputGroupPrepend: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n  inputGroupAppend: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n  type: PropTypes.string,\n  inputRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n  ]),\n};\n\nexport const defaultProps = {\n  onChange: () => {},\n  onBlur: () => {},\n  onKeyPress: () => {},\n  id: undefined,\n  value: '',\n  dangerIconDescription: '',\n  description: undefined,\n  disabled: false,\n  required: false,\n  validator: undefined,\n  isValid: true,\n  validationMessage: '',\n  className: undefined,\n  themes: [],\n  inline: false,\n  inputGroupPrepend: undefined,\n  inputGroupAppend: undefined,\n  type: undefined,\n  inputRef: undefined,\n};\n\nconst asInput = (WrappedComponent, inputType = undefined, labelFirst = true) => {\n  class NewComponent extends React.Component {\n    constructor(props) {\n      super(props);\n      this.handleChange = this.handleChange.bind(this);\n      this.handleBlur = this.handleBlur.bind(this);\n      this.handleKeyPress = this.handleKeyPress.bind(this);\n      this.renderInput = this.renderInput.bind(this);\n\n      const id = this.props.id ? this.props.id : newId('asInput');\n      const isValid = this.props.validator ? true : this.props.isValid;\n      const validationMessage = this.props.validator ? '' : this.props.validationMessage;\n      const dangerIconDescription = this.props.validator ? '' : this.props.dangerIconDescription;\n      this.state = {\n        id,\n        value: this.props.value,\n        isValid,\n        validationMessage,\n        dangerIconDescription,\n      };\n    }\n\n    /* eslint-disable react/no-did-update-set-state */\n    componentDidUpdate(prevProps) {\n      const updatedState = {};\n      if (this.props.value !== prevProps.value) {\n        updatedState.value = this.props.value;\n      }\n      if (this.props.isValid !== prevProps.isValid && !this.props.validator) {\n        updatedState.isValid = this.props.isValid;\n      }\n      if (this.props.validationMessage !== prevProps.validationMessage && !this.props.validator) {\n        updatedState.validationMessage = this.props.validationMessage;\n      }\n      if (this.props.dangerIconDescription !== prevProps.dangerIconDescription\n          && !this.props.validator) {\n        updatedState.dangerIconDescription = this.props.dangerIconDescription;\n      }\n      // If validator goes away, revert to props\n      if (this.props.validator !== prevProps.validator && !this.props.validator) {\n        updatedState.isValid = this.props.isValid;\n        updatedState.validationMessage = this.props.validationMessage;\n        updatedState.dangerIconDescription = this.props.dangerIconDescription;\n      }\n      if (Object.keys(updatedState).length > 0) {\n        this.setState(updatedState);\n      }\n    }\n\n    handleChange(event) {\n      this.setState({ value: event.target.value });\n\n      this.props.onChange(\n        event.target.type === 'checkbox' ? event.target.checked : event.target.value,\n        this.props.name,\n      );\n    }\n\n    handleKeyPress(event) {\n      this.props.onKeyPress(event, this.props.name);\n    }\n\n    handleBlur(event) {\n      const val = event.target.value;\n\n      if (this.props.validator) {\n        this.setState(this.props.validator(val));\n      }\n      this.props.onBlur(val, this.props.name);\n    }\n\n    getLabel() {\n      return (\n        // eslint-disable-next-line jsx-a11y/label-has-for\n        <label\n          id={`label-${this.state.id}`}\n          htmlFor={this.state.id}\n          className={classNames({\n            'form-check-label': this.isGroupedInput(),\n          })}\n        >\n          {this.props.label}\n        </label>\n      );\n    }\n\n    getDescriptions() {\n      // possible future work: multiple feedback msgs?\n      const errorId = `error-${this.state.id}`;\n      const descriptionId = `description-${this.state.id}`;\n      const desc = {};\n\n      // TODO: refactor this component to use Variants instead of the themes array.\n      desc.error = (\n        <ValidationMessage\n          id={errorId}\n          isValid={this.state.isValid}\n          invalidMessage={this.state.validationMessage}\n          variant={{\n            status: this.hasDangerTheme() ? Variant.status.DANGER : Variant.status.INFO,\n          }}\n          variantIconDescription={this.state.dangerIconDescription}\n        />\n      );\n      desc.describedBy = errorId;\n\n      if (this.props.description) {\n        desc.description = (\n          <small className=\"form-text\" id={descriptionId} key=\"1\">\n            {this.props.description}\n          </small>\n        );\n        desc.describedBy = `${desc.describedBy} ${descriptionId}`.trim();\n      }\n\n      return desc;\n    }\n\n    getAddons({ addonElements, type }) {\n      if (Array.isArray(addonElements)) {\n        return addonElements.map((addon, index) => React.cloneElement(\n          addon,\n          { key: this.generateInputGroupAddonKey({ prefix: type, index }) },\n        ));\n      }\n      return addonElements;\n    }\n\n    hasDangerTheme() {\n      return this.props.themes.indexOf('danger') >= 0;\n    }\n\n    isGroupedInput() {\n      switch (inputType) {\n        case 'checkbox':\n          return true;\n        default:\n          return false;\n      }\n    }\n\n    generateInputGroupAddonKey({ prefix, index }) {\n      return `${this.state.id}-${prefix}-${index}`;\n    }\n\n    renderInput(describedBy) {\n      const {\n        className,\n        inputRef,\n        type,\n        isValid,\n        // unused\n        validator,\n        themes,\n        inline,\n        inputGroupPrepend,\n        inputGroupAppend,\n        label,\n        dangerIconDescription,\n        description,\n        validationMessage,\n        ...others\n      } = this.props;\n\n      return (\n        <WrappedComponent\n          {...others}\n          id={this.state.id}\n          value={this.state.value}\n          className={classNames(\n            {\n              'form-control': !this.isGroupedInput(),\n              'form-check-input': this.isGroupedInput(),\n              'is-invalid': !this.state.isValid,\n              'is-invalid-nodanger': !this.hasDangerTheme(),\n            },\n            className,\n          )}\n          aria-describedby={describedBy}\n          aria-invalid={!isValid}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyPress={this.handleKeyPress}\n          type={type}\n          inputRef={inputRef}\n        />\n      );\n    }\n\n    renderInputGroupAppend() {\n      return (\n        <div className=\"input-group-append\">\n          {this.getAddons({ type: 'append', addonElements: this.props.inputGroupAppend })}\n        </div>\n      );\n    }\n\n    renderInputGroupPrepend() {\n      return (\n        <div className=\"input-group-prepend\">\n          {this.getAddons({ type: 'prepend', addonElements: this.props.inputGroupPrepend })}\n        </div>\n      );\n    }\n\n    render() {\n      const { description, error, describedBy } = this.getDescriptions();\n      return (\n        <div className={classNames({\n          'form-group': !this.isGroupedInput(),\n          'form-inline': !this.isGroupedInput() && this.props.inline,\n          'form-check': this.isGroupedInput(),\n        })}\n        >\n          {labelFirst && this.getLabel()}\n          {this.props.inputGroupPrepend || this.props.inputGroupAppend ? (\n            <div className={classNames('input-group')} data-testid=\"input-group\">\n              {this.renderInputGroupPrepend()}\n              {this.renderInput(describedBy)}\n              {this.renderInputGroupAppend()}\n            </div>\n          ) : this.renderInput(describedBy)}\n          {!labelFirst && this.getLabel()}\n          {error}\n          {description}\n        </div>\n      );\n    }\n  }\n\n  NewComponent.displayName = `asInput(${getDisplayName(WrappedComponent)})`;\n\n  NewComponent.propTypes = inputProps;\n\n  NewComponent.defaultProps = defaultProps;\n\n  return withDeprecatedProps(NewComponent, 'asInput', {\n    className: {\n      deprType: DeprTypes.FORMAT,\n      expect: value => typeof value === 'string',\n      transform: value => (Array.isArray(value) ? value.join(' ') : value),\n      message: 'It should be a string.',\n    },\n    ariaLabel: {\n      deprType: DeprTypes.MOVED,\n      newName: 'aria-label',\n    },\n  });\n};\n\nexport default asInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","newId","ValidationMessage","Variant","withDeprecatedProps","DeprTypes","getDisplayName","WrappedComponent","displayName","name","inputProps","label","oneOfType","string","element","isRequired","id","value","number","dangerIconDescription","description","disabled","bool","required","onChange","func","onKeyPress","onBlur","validator","isValid","validationMessage","className","themes","arrayOf","inline","inputGroupPrepend","inputGroupAppend","type","inputRef","shape","current","instanceOf","defaultProps","undefined","asInput","inputType","labelFirst","NewComponent","Component","constructor","props","handleChange","bind","handleBlur","handleKeyPress","renderInput","state","componentDidUpdate","prevProps","updatedState","Object","keys","length","setState","event","target","checked","val","getLabel","createElement","htmlFor","isGroupedInput","getDescriptions","errorId","descriptionId","desc","error","invalidMessage","variant","status","hasDangerTheme","DANGER","INFO","variantIconDescription","describedBy","key","trim","getAddons","addonElements","Array","isArray","map","addon","index","cloneElement","generateInputGroupAddonKey","prefix","indexOf","others","renderInputGroupAppend","renderInputGroupPrepend","render","propTypes","deprType","FORMAT","expect","transform","join","message","ariaLabel","MOVED","newName"],"sources":["../../src/asInput/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport newId from '../utils/newId';\nimport ValidationMessage from '../ValidationMessage/index';\nimport Variant from '../utils/constants';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const getDisplayName = WrappedComponent => WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\nexport const inputProps = {\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  name: PropTypes.string.isRequired,\n  id: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  dangerIconDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  description: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n  ]),\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  onKeyPress: PropTypes.func,\n  onBlur: PropTypes.func,\n  validator: PropTypes.func,\n  isValid: PropTypes.bool,\n  validationMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  className: PropTypes.string,\n  themes: PropTypes.arrayOf(PropTypes.string),\n  inline: PropTypes.bool,\n  inputGroupPrepend: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n  inputGroupAppend: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n  type: PropTypes.string,\n  inputRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n  ]),\n};\n\nexport const defaultProps = {\n  onChange: () => {},\n  onBlur: () => {},\n  onKeyPress: () => {},\n  id: undefined,\n  value: '',\n  dangerIconDescription: '',\n  description: undefined,\n  disabled: false,\n  required: false,\n  validator: undefined,\n  isValid: true,\n  validationMessage: '',\n  className: undefined,\n  themes: [],\n  inline: false,\n  inputGroupPrepend: undefined,\n  inputGroupAppend: undefined,\n  type: undefined,\n  inputRef: undefined,\n};\n\nconst asInput = (WrappedComponent, inputType = undefined, labelFirst = true) => {\n  class NewComponent extends React.Component {\n    constructor(props) {\n      super(props);\n      this.handleChange = this.handleChange.bind(this);\n      this.handleBlur = this.handleBlur.bind(this);\n      this.handleKeyPress = this.handleKeyPress.bind(this);\n      this.renderInput = this.renderInput.bind(this);\n\n      const id = this.props.id ? this.props.id : newId('asInput');\n      const isValid = this.props.validator ? true : this.props.isValid;\n      const validationMessage = this.props.validator ? '' : this.props.validationMessage;\n      const dangerIconDescription = this.props.validator ? '' : this.props.dangerIconDescription;\n      this.state = {\n        id,\n        value: this.props.value,\n        isValid,\n        validationMessage,\n        dangerIconDescription,\n      };\n    }\n\n    componentDidUpdate(prevProps) {\n      const updatedState = {};\n      if (this.props.value !== prevProps.value) {\n        updatedState.value = this.props.value;\n      }\n      if (this.props.isValid !== prevProps.isValid && !this.props.validator) {\n        updatedState.isValid = this.props.isValid;\n      }\n      if (this.props.validationMessage !== prevProps.validationMessage && !this.props.validator) {\n        updatedState.validationMessage = this.props.validationMessage;\n      }\n      if (this.props.dangerIconDescription !== prevProps.dangerIconDescription\n          && !this.props.validator) {\n        updatedState.dangerIconDescription = this.props.dangerIconDescription;\n      }\n      // If validator goes away, revert to props\n      if (this.props.validator !== prevProps.validator && !this.props.validator) {\n        updatedState.isValid = this.props.isValid;\n        updatedState.validationMessage = this.props.validationMessage;\n        updatedState.dangerIconDescription = this.props.dangerIconDescription;\n      }\n      if (Object.keys(updatedState).length > 0) {\n        this.setState(updatedState);\n      }\n    }\n\n    handleChange(event) {\n      this.setState({ value: event.target.value });\n\n      this.props.onChange(\n        event.target.type === 'checkbox' ? event.target.checked : event.target.value,\n        this.props.name,\n      );\n    }\n\n    handleKeyPress(event) {\n      this.props.onKeyPress(event, this.props.name);\n    }\n\n    handleBlur(event) {\n      const val = event.target.value;\n\n      if (this.props.validator) {\n        this.setState(this.props.validator(val));\n      }\n      this.props.onBlur(val, this.props.name);\n    }\n\n    getLabel() {\n      return (\n        <label\n          id={`label-${this.state.id}`}\n          htmlFor={this.state.id}\n          className={classNames({\n            'form-check-label': this.isGroupedInput(),\n          })}\n        >\n          {this.props.label}\n        </label>\n      );\n    }\n\n    getDescriptions() {\n      // possible future work: multiple feedback msgs?\n      const errorId = `error-${this.state.id}`;\n      const descriptionId = `description-${this.state.id}`;\n      const desc = {};\n\n      // TODO: refactor this component to use Variants instead of the themes array.\n      desc.error = (\n        <ValidationMessage\n          id={errorId}\n          isValid={this.state.isValid}\n          invalidMessage={this.state.validationMessage}\n          variant={{\n            status: this.hasDangerTheme() ? Variant.status.DANGER : Variant.status.INFO,\n          }}\n          variantIconDescription={this.state.dangerIconDescription}\n        />\n      );\n      desc.describedBy = errorId;\n\n      if (this.props.description) {\n        desc.description = (\n          <small className=\"form-text\" id={descriptionId} key=\"1\">\n            {this.props.description}\n          </small>\n        );\n        desc.describedBy = `${desc.describedBy} ${descriptionId}`.trim();\n      }\n\n      return desc;\n    }\n\n    getAddons({ addonElements, type }) {\n      if (Array.isArray(addonElements)) {\n        return addonElements.map((addon, index) => React.cloneElement(\n          addon,\n          { key: this.generateInputGroupAddonKey({ prefix: type, index }) },\n        ));\n      }\n      return addonElements;\n    }\n\n    hasDangerTheme() {\n      return this.props.themes.indexOf('danger') >= 0;\n    }\n\n    isGroupedInput() {\n      switch (inputType) {\n        case 'checkbox':\n          return true;\n        default:\n          return false;\n      }\n    }\n\n    generateInputGroupAddonKey({ prefix, index }) {\n      return `${this.state.id}-${prefix}-${index}`;\n    }\n\n    renderInput(describedBy) {\n      const {\n        className,\n        inputRef,\n        type,\n        isValid,\n        // unused\n        validator,\n        themes,\n        inline,\n        inputGroupPrepend,\n        inputGroupAppend,\n        label,\n        dangerIconDescription,\n        description,\n        validationMessage,\n        ...others\n      } = this.props;\n\n      return (\n        <WrappedComponent\n          {...others}\n          id={this.state.id}\n          value={this.state.value}\n          className={classNames(\n            {\n              'form-control': !this.isGroupedInput(),\n              'form-check-input': this.isGroupedInput(),\n              'is-invalid': !this.state.isValid,\n              'is-invalid-nodanger': !this.hasDangerTheme(),\n            },\n            className,\n          )}\n          aria-describedby={describedBy}\n          aria-invalid={!isValid}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyPress={this.handleKeyPress}\n          type={type}\n          inputRef={inputRef}\n        />\n      );\n    }\n\n    renderInputGroupAppend() {\n      return (\n        <div className=\"input-group-append\">\n          {this.getAddons({ type: 'append', addonElements: this.props.inputGroupAppend })}\n        </div>\n      );\n    }\n\n    renderInputGroupPrepend() {\n      return (\n        <div className=\"input-group-prepend\">\n          {this.getAddons({ type: 'prepend', addonElements: this.props.inputGroupPrepend })}\n        </div>\n      );\n    }\n\n    render() {\n      const { description, error, describedBy } = this.getDescriptions();\n      return (\n        <div className={classNames({\n          'form-group': !this.isGroupedInput(),\n          'form-inline': !this.isGroupedInput() && this.props.inline,\n          'form-check': this.isGroupedInput(),\n        })}\n        >\n          {labelFirst && this.getLabel()}\n          {this.props.inputGroupPrepend || this.props.inputGroupAppend ? (\n            <div className={classNames('input-group')} data-testid=\"input-group\">\n              {this.renderInputGroupPrepend()}\n              {this.renderInput(describedBy)}\n              {this.renderInputGroupAppend()}\n            </div>\n          ) : this.renderInput(describedBy)}\n          {!labelFirst && this.getLabel()}\n          {error}\n          {description}\n        </div>\n      );\n    }\n  }\n\n  NewComponent.displayName = `asInput(${getDisplayName(WrappedComponent)})`;\n\n  NewComponent.propTypes = inputProps;\n\n  NewComponent.defaultProps = defaultProps;\n\n  return withDeprecatedProps(NewComponent, 'asInput', {\n    className: {\n      deprType: DeprTypes.FORMAT,\n      expect: value => typeof value === 'string',\n      transform: value => (Array.isArray(value) ? value.join(' ') : value),\n      message: 'It should be a string.',\n    },\n    ariaLabel: {\n      deprType: DeprTypes.MOVED,\n      newName: 'aria-label',\n    },\n  });\n};\n\nexport default asInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/setupTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"setupTest.js","names":["ResizeObserver","observe","unobserve","disconnect","window"],"sources":["../src/setupTest.ts"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport 'regenerator-runtime/runtime';\n\nimport '@testing-library/jest-dom';\n\nclass ResizeObserver {\n  observe() {\n    // do nothing\n  }\n\n  unobserve() {\n    // do nothing\n  }\n\n  disconnect() {\n    // do nothing\n  }\n}\n\nwindow.ResizeObserver = ResizeObserver;\n"],"mappings":"AAAA;AACA,OAAO,6BAA6B;AAEpC,OAAO,2BAA2B;AAElC,MAAMA,cAAc,CAAC;EACnBC,OAAOA,CAAA,EAAG;IACR;EAAA;EAGFC,SAASA,CAAA,EAAG;IACV;EAAA;EAGFC,UAAUA,CAAA,EAAG;IACX;EAAA;AAEJ;AAEAC,MAAM,CAACJ,cAAc,GAAGA,cAAc","ignoreList":[]}
+{"version":3,"file":"setupTest.js","names":["ResizeObserver","observe","unobserve","disconnect","window"],"sources":["../src/setupTest.ts"],"sourcesContent":["import 'regenerator-runtime/runtime';\n\nimport '@testing-library/jest-dom';\n\nclass ResizeObserver {\n  observe() {\n    // do nothing\n  }\n\n  unobserve() {\n    // do nothing\n  }\n\n  disconnect() {\n    // do nothing\n  }\n}\n\nwindow.ResizeObserver = ResizeObserver;\n"],"mappings":"AAAA,OAAO,6BAA6B;AAEpC,OAAO,2BAA2B;AAElC,MAAMA,cAAc,CAAC;EACnBC,OAAOA,CAAA,EAAG;IACR;EAAA;EAGFC,SAASA,CAAA,EAAG;IACV;EAAA;EAGFC,UAAUA,CAAA,EAAG;IACX;EAAA;AAEJ;AAEAC,MAAM,CAACJ,cAAc,GAAGA,cAAc","ignoreList":[]}

package/dist/utils/index.js

@@ -1,3 +1,2 @@
-// eslint-disable-next-line import/prefer-default-export
 export { default as newId } from './newId';
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","newId"],"sources":["../../src/utils/index.ts"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport { default as newId } from './newId';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,KAAK,QAAQ,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","newId"],"sources":["../../src/utils/index.ts"],"sourcesContent":["export { default as newId } from './newId';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAAK,QAAQ,SAAS","ignoreList":[]}

package/icons/package.json

@@ -17,7 +17,7 @@
     "@babel/preset-react": "^7.12.10",
     "@material-icons/svg": "^1.0.30",
     "@svgr/cli": "^6.4.0",
-    "@svgr/babel-plugin-add-jsx-attribute": "^6.5.1",
+    "@svgr/babel-plugin-add-jsx-attribute": "^8.0.0",
     "bootstrap-icons": "^1.11.3"
   },
   "peerDependencies": {

package/lib/version.js

@@ -1,9 +1,8 @@
-/* eslint-disable no-console */
 const chalk = require('chalk');
 const { version } = require('../package.json');
 
 function versionCommand() {
-  console.log(`Paragon CLI version: ${chalk.bold(version)}`);
+  console.log(`Paragon CLI version: ${chalk.bold(version)}`); /* eslint-disable-line no-console */
 }
 
 module.exports = versionCommand;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/paragon",
-  "version": "23.14.7",
+  "version": "23.14.9",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -97,7 +97,7 @@
     "react-loading-skeleton": "^3.1.0",
     "react-popper": "^2.2.5",
     "react-proptype-conditional-require": "^1.0.4",
-    "react-responsive": "^8.2.0",
+    "react-responsive": "^10.0.0",
     "react-table": "^7.7.0",
     "react-transition-group": "^4.4.2",
     "sass": "^1.58.3",
@@ -133,13 +133,13 @@
     "@types/jest": "^29.5.10",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "@types/react-responsive": "^8.0.8",
+    "@types/react-responsive": "^9.0.0",
     "@types/react-table": "^7.7.19",
     "@types/react-test-renderer": "^18.0.0",
     "@types/uuid": "^9.0.0",
     "@typescript-eslint/eslint-plugin": "^5.22.0",
     "@typescript-eslint/parser": "^5.22.0",
-    "axios-mock-adapter": "^1.21.1",
+    "axios-mock-adapter": "^2.0.0",
     "babel-jest": "^29.7.0",
     "babel-loader": "^8.2.4",
     "commander": "^9.3.0",

package/src/Card/CardCarousel/tests/CardCarousel.test.jsx

@@ -12,7 +12,6 @@ jest.mock('../../../OverflowScroll', () => ({
   OverflowScroll: jest.fn(),
 }));
 
-// eslint-disable-next-line react/prop-types
 OverflowScroll.mockImplementation(({ children }) => {
   const overflowRef = { current: document.createElement('div') };
   const contextValue = {

package/src/Chip/constants.ts

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/prefer-default-export
 export const STYLE_VARIANTS = {
   DARK: 'dark',
   LIGHT: 'light',

package/src/ChipCarousel/ChipCarousel.test.jsx

@@ -1,17 +1,15 @@
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { IntlProvider } from 'react-intl';
 import ChipCarousel from '.';
+import Chip from '../Chip';
 
-const items = [
-  <div onClick={jest.fn()} data-testid="chip">Item 1</div>,
-  <div onClick={jest.fn()} data-testid="chip">Item 2</div>,
-  <div onClick={jest.fn()} data-testid="chip">Item 3</div>,
-  <div onClick={jest.fn()} data-testid="chip" />,
-];
+const items = Array.from({ length: 4 }, (_, i) => (
+  <Chip onClick={jest.fn()}>
+    {`Item ${i + 1}`}
+  </Chip>
+));
 
 const ariaLabel = 'Test aria label';
 function TestingChipCarousel(props) {
@@ -29,9 +27,9 @@ describe('<ChipCarousel />', () => {
     const carousel = screen.getByTestId('chip-carousel');
     expect(carousel).toBeTruthy();
 
-    const chipItems = screen.queryAllByTestId('chip');
-    expect(chipItems).toHaveLength(items.length - 1);
-    for (let i = 0; i < chipItems.length - 1; i++) {
+    const chipItems = screen.queryAllByRole('button');
+    expect(chipItems).toHaveLength(items.length);
+    for (let i = 0; i < chipItems.length; i++) {
       expect(chipItems[i].textContent).toBe(items[i].props.children);
     }
   });

package/src/Container/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/require-default-props */
 import React, {
   ForwardedRef, ReactNode, ElementType, forwardRef,
 } from 'react';

package/src/DataTable/CollapsibleButtonGroup.jsx

@@ -51,7 +51,6 @@ function CollapsibleButtonGroup({
   const cloneAction = (action, index) => React.cloneElement(
     action.component,
     {
-      // eslint-disable-next-line react/no-array-index-key
       key: `${action}${index}`,
       as: Button, // for backwards compatibility this is needed
       ...action.args,

package/src/DataTable/README.md

@@ -423,17 +423,17 @@ See ``dataViewToggleOptions`` props documentation for all supported props.
           Filter: CheckboxFilter,
           filter: 'includesValue',
           filterChoices: [{
-            name: 'orange tabby',
+            name: 'Orange Tabby',
             number: 1,
             value: 'orange tabby',
           },
           {
-            name: 'brown tabby',
+            name: 'Brown Tabby',
             number: 1,
             value: 'brown tabby',
           },
           {
-            name: 'siamese',
+            name: 'Siamese',
             number: 1,
             value: 'siamese',
           }],
@@ -503,17 +503,17 @@ See ``dataViewToggleOptions`` props documentation for all supported props.
           Filter: CheckboxFilter,
           filter: 'includesValue',
           filterChoices: [{
-            name: 'orange tabby',
+            name: 'Orange Tabby',
             number: 1,
             value: 'orange tabby',
           },
           {
-            name: 'brown tabby',
+            name: 'Brown Tabby',
             number: 1,
             value: 'brown tabby',
           },
           {
-            name: 'siamese',
+            name: 'Siamese',
             number: 1,
             value: 'siamese',
           }]
@@ -1306,17 +1306,17 @@ For a more desktop friendly view, you can move filters into a sidebar by providi
         Filter: CheckboxFilter,
         filter: 'includesValue',
         filterChoices: [{
-          name: 'orange tabby',
+          name: 'Orange Tabby',
           number: 2,
           value: 'orange tabby',
         },
         {
-          name: 'brown tabby',
+          name: 'Brown Tabby',
           number: 2,
           value: 'brown tabby',
         },
         {
-          name: 'siamese',
+          name: 'Siamese',
           number: 1,
           value: 'siamese',
         }]
@@ -1659,17 +1659,17 @@ After selecting the maximum possible number of rows, you can display an error me
           filter: 'includesValue',
           filterChoices: [
             {
-              name: 'russian white',
+              name: 'Russian white',
               number: 1,
               value: 'russian white',
             },
             {
-              name: 'orange tabby',
+              name: 'Orange Tabby',
               number: 2,
               value: 'orange tabby',
             },
             {
-              name: 'brown tabby',
+              name: 'Brown Tabby',
               number: 3,
               value: 'brown tabby',
             },

package/src/DataTable/filters/CheckboxFilter.jsx

@@ -31,7 +31,7 @@ function CheckboxFilter({
         {filterChoices.map(({ name, number, value }) => (
           <Form.Checkbox
             key={`${headerBasedId}${name}`}
-            value={name}
+            value={value}
             checked={checkedBoxes.includes(value)}
             onChange={() => changeCheckbox(value)}
             aria-label={name}

package/src/DataTable/filters/tests/CheckboxFilter.test.jsx

@@ -83,4 +83,35 @@ describe('<CheckboxFilter />', () => {
       expect(checkbox).not.toBeChecked();
     });
   });
+
+  it('uses value for filtering when name and value differ', async () => {
+    const testChoice = { name: 'Test', value: 'test' };
+    const propsWithCaseDifference = {
+      column: {
+        ...props.column,
+        filterChoices: [testChoice],
+        filterValue: [],
+      },
+    };
+
+    const { rerender } = render(<CheckboxFilter {...propsWithCaseDifference} />);
+
+    const checkbox = screen.getByLabelText(testChoice.name);
+
+    await userEvent.click(checkbox);
+
+    expect(setFilterMock).toHaveBeenCalledWith([testChoice.value]);
+
+    rerender(<CheckboxFilter column={{
+      ...propsWithCaseDifference.column,
+      filterValue: [testChoice.value],
+    }}
+    />);
+
+    expect(checkbox).toBeChecked();
+
+    await userEvent.click(checkbox);
+
+    expect(setFilterMock).toHaveBeenCalledWith([]);
+  });
 });