@openedx/paragon 22.0.0-alpha.23 → 22.0.0

package/dist/ProductTour/index.js.map

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

package/dist/ProductTour/messages.js

@@ -0,0 +1,16 @@
+import { defineMessages } from 'react-intl';
+
+const messages = defineMessages({
+  topPositionText: {
+    id: 'pgn.ProductTour.Checkpoint.top-position-text',
+    defaultMessage: 'Top of step {step}',
+    description: 'Screen-reader message to notify user that they are located at the bottom of the product tour step.',
+  },
+  bottomPositionText: {
+    id: 'pgn.ProductTour.Checkpoint.bottom-position-text',
+    defaultMessage: 'Bottom of step {step}',
+    description: 'Screen-reader message to notify user that they are located at the bottom of the product tour step.',
+  },
+});
+
+export default messages;

package/dist/ProgressBar/_variables.scss

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

package/dist/ProgressBar/index.js

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

package/dist/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","ProgressBarBase","PropTypes","classNames","Annotation","getOffsetStyles","placeInfoAtZero","ANNOTATION_CLASS","HINT_SWAP_PERCENT","PROGRESS_DEFAULT_VARIANT","THRESHOLD_DEFAULT_VARIANT","VARIANTS","ProgressBar","props","createElement","ProgressBarAnnotated","_ref","now","label","variant","threshold","thresholdLabel","thresholdVariant","progressHint","thresholdHint","_objectWithoutProperties","_excluded","progressInfoRef","useRef","thresholdInfoRef","thresholdPercent","isProgressHintAfter","isThresholdHintAfter","progressColor","includes","thresholdColor","direction","window","getComputedStyle","document","body","getPropertyValue","positionAnnotations","observer","ResizeObserver","progressInfoEl","current","observe","unobserve","getHint","text","className","style","ref","_extends","srOnly","arrowPlacement","propTypes","number","node","oneOf","string","defaultProps","undefined","Annotated"],"sources":["../../src/ProgressBar/index.jsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport ProgressBarBase from 'react-bootstrap/ProgressBar';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Annotation from '../Annotation';\nimport { getOffsetStyles, placeInfoAtZero } from './utils';\n\nexport const ANNOTATION_CLASS = 'pgn__annotation';\nconst HINT_SWAP_PERCENT = 50;\nconst PROGRESS_DEFAULT_VARIANT = 'warning';\nconst THRESHOLD_DEFAULT_VARIANT = 'dark';\nconst VARIANTS = [\n  'dark',\n  'warning',\n  'success',\n  'error',\n];\n\nfunction ProgressBar(props) {\n  return <ProgressBarBase {...props} />;\n}\n\nfunction ProgressBarAnnotated({\n  now,\n  label,\n  variant,\n  threshold,\n  thresholdLabel,\n  thresholdVariant,\n  progressHint,\n  thresholdHint,\n  ...props\n}) {\n  const progressInfoRef = React.useRef();\n  const thresholdInfoRef = React.useRef();\n  const thresholdPercent = (threshold || 0) - (now || 0);\n  const isProgressHintAfter = now < HINT_SWAP_PERCENT;\n  const isThresholdHintAfter = threshold < HINT_SWAP_PERCENT;\n  const progressColor = VARIANTS.includes(variant) ? variant : PROGRESS_DEFAULT_VARIANT;\n  const thresholdColor = VARIANTS.includes(thresholdVariant) ? thresholdVariant : THRESHOLD_DEFAULT_VARIANT;\n  const direction = window.getComputedStyle(document.body).getPropertyValue('direction');\n\n  const positionAnnotations = useCallback(() => {\n    placeInfoAtZero(progressInfoRef, direction, isProgressHintAfter, ANNOTATION_CLASS);\n    placeInfoAtZero(thresholdInfoRef, direction, isThresholdHintAfter, ANNOTATION_CLASS);\n  }, [direction, isProgressHintAfter, isThresholdHintAfter]);\n\n  useEffect(() => {\n    positionAnnotations();\n    const observer = new ResizeObserver(() => {\n      positionAnnotations();\n    });\n    const progressInfoEl = progressInfoRef.current;\n    observer.observe(progressInfoEl);\n    return () => progressInfoEl && observer.unobserve(progressInfoEl);\n  }, [positionAnnotations]);\n\n  const getHint = (text) => (\n    <span className=\"pgn__progress-hint\" data-testid=\"progress-hint\">\n      {text}\n    </span>\n  );\n\n  return (\n    <div className=\"pgn__progress-annotated\">\n      {!!label && (\n        <div\n          className=\"pgn__progress-info\"\n          style={getOffsetStyles(now, direction)}\n          ref={progressInfoRef}\n        >\n          {!isProgressHintAfter && getHint(progressHint)}\n          <Annotation variant={progressColor}>\n            {label}\n          </Annotation>\n          {isProgressHintAfter && getHint(progressHint)}\n        </div>\n      )}\n      <ProgressBarBase>\n        <ProgressBarBase\n          {...props}\n          now={now}\n          className={classNames(\n            `pgn__progress-bar--${progressColor}`,\n            thresholdPercent > 0 ? 'pgn__progress-tick--white' : 'pgn__progress-tick--black',\n          )}\n          srOnly\n        />\n        {!!threshold && (\n          <ProgressBarBase\n            now={thresholdPercent}\n            className={`pgn__progress-bar--${thresholdColor}`}\n            srOnly\n          />\n        )}\n      </ProgressBarBase>\n      {(!!threshold && !!thresholdLabel) && (\n        <div\n          className=\"pgn__progress-info\"\n          style={getOffsetStyles(threshold, direction)}\n          ref={thresholdInfoRef}\n        >\n          {!isThresholdHintAfter && getHint(thresholdHint)}\n          <Annotation\n            arrowPlacement=\"top\"\n            variant={thresholdColor}\n          >\n            {thresholdLabel}\n          </Annotation>\n          {isThresholdHintAfter && getHint(thresholdHint)}\n        </div>\n      )}\n    </div>\n  );\n}\n\nProgressBarAnnotated.propTypes = {\n  /** Current value of progress. */\n  now: PropTypes.number,\n  /** Show label that represents visual percentage. */\n  label: PropTypes.node,\n  /** The `ProgressBar` style variant to use. */\n  variant: PropTypes.oneOf(VARIANTS),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** Threshold current value. */\n  threshold: PropTypes.number,\n  /** Specifies label for `threshold`. */\n  thresholdLabel: PropTypes.node,\n  /** Variant for threshold value. */\n  thresholdVariant: PropTypes.oneOf(VARIANTS),\n  /** Text near the progress annotation. */\n  progressHint: PropTypes.node,\n  /** Text near the threshold annotation. */\n  thresholdHint: PropTypes.node,\n};\n\nProgressBarAnnotated.defaultProps = {\n  now: undefined,\n  label: undefined,\n  variant: PROGRESS_DEFAULT_VARIANT,\n  className: undefined,\n  threshold: undefined,\n  thresholdLabel: undefined,\n  thresholdVariant: THRESHOLD_DEFAULT_VARIANT,\n  progressHint: undefined,\n  thresholdHint: undefined,\n};\n\nProgressBar.Annotated = ProgressBarAnnotated;\nexport default ProgressBar;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","ProgressBarBase","PropTypes","classNames","Annotation","getOffsetStyles","placeInfoAtZero","ANNOTATION_CLASS","HINT_SWAP_PERCENT","PROGRESS_DEFAULT_VARIANT","THRESHOLD_DEFAULT_VARIANT","VARIANTS","ProgressBar","props","createElement","ProgressBarAnnotated","_ref","now","label","variant","threshold","thresholdLabel","thresholdVariant","progressHint","thresholdHint","_objectWithoutProperties","_excluded","progressInfoRef","useRef","thresholdInfoRef","thresholdPercent","isProgressHintAfter","isThresholdHintAfter","progressColor","includes","thresholdColor","direction","window","getComputedStyle","document","body","getPropertyValue","positionAnnotations","observer","ResizeObserver","progressInfoEl","current","observe","unobserve","getHint","text","className","style","ref","_extends","concat","srOnly","arrowPlacement","propTypes","number","node","oneOf","string","defaultProps","undefined","Annotated"],"sources":["../../src/ProgressBar/index.jsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport ProgressBarBase from 'react-bootstrap/ProgressBar';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Annotation from '../Annotation';\nimport { getOffsetStyles, placeInfoAtZero } from './utils';\n\nexport const ANNOTATION_CLASS = 'pgn__annotation';\nconst HINT_SWAP_PERCENT = 50;\nconst PROGRESS_DEFAULT_VARIANT = 'warning';\nconst THRESHOLD_DEFAULT_VARIANT = 'dark';\nconst VARIANTS = [\n  'dark',\n  'warning',\n  'success',\n  'error',\n];\n\nfunction ProgressBar(props) {\n  return <ProgressBarBase {...props} />;\n}\n\nfunction ProgressBarAnnotated({\n  now,\n  label,\n  variant,\n  threshold,\n  thresholdLabel,\n  thresholdVariant,\n  progressHint,\n  thresholdHint,\n  ...props\n}) {\n  const progressInfoRef = React.useRef();\n  const thresholdInfoRef = React.useRef();\n  const thresholdPercent = (threshold || 0) - (now || 0);\n  const isProgressHintAfter = now < HINT_SWAP_PERCENT;\n  const isThresholdHintAfter = threshold < HINT_SWAP_PERCENT;\n  const progressColor = VARIANTS.includes(variant) ? variant : PROGRESS_DEFAULT_VARIANT;\n  const thresholdColor = VARIANTS.includes(thresholdVariant) ? thresholdVariant : THRESHOLD_DEFAULT_VARIANT;\n  const direction = window.getComputedStyle(document.body).getPropertyValue('direction');\n\n  const positionAnnotations = useCallback(() => {\n    placeInfoAtZero(progressInfoRef, direction, isProgressHintAfter, ANNOTATION_CLASS);\n    placeInfoAtZero(thresholdInfoRef, direction, isThresholdHintAfter, ANNOTATION_CLASS);\n  }, [direction, isProgressHintAfter, isThresholdHintAfter]);\n\n  useEffect(() => {\n    positionAnnotations();\n    const observer = new ResizeObserver(() => {\n      positionAnnotations();\n    });\n    const progressInfoEl = progressInfoRef.current;\n    observer.observe(progressInfoEl);\n    return () => progressInfoEl && observer.unobserve(progressInfoEl);\n  }, [positionAnnotations]);\n\n  const getHint = (text) => (\n    <span className=\"pgn__progress-hint\" data-testid=\"progress-hint\">\n      {text}\n    </span>\n  );\n\n  return (\n    <div className=\"pgn__progress-annotated\">\n      {!!label && (\n        <div\n          className=\"pgn__progress-info\"\n          style={getOffsetStyles(now, direction)}\n          ref={progressInfoRef}\n        >\n          {!isProgressHintAfter && getHint(progressHint)}\n          <Annotation variant={progressColor}>\n            {label}\n          </Annotation>\n          {isProgressHintAfter && getHint(progressHint)}\n        </div>\n      )}\n      <ProgressBarBase>\n        <ProgressBarBase\n          {...props}\n          now={now}\n          className={classNames(\n            `pgn__progress-bar--${progressColor}`,\n            thresholdPercent > 0 ? 'pgn__progress-tick--white' : 'pgn__progress-tick--black',\n          )}\n          srOnly\n        />\n        {!!threshold && (\n          <ProgressBarBase\n            now={thresholdPercent}\n            className={`pgn__progress-bar--${thresholdColor}`}\n            srOnly\n          />\n        )}\n      </ProgressBarBase>\n      {(!!threshold && !!thresholdLabel) && (\n        <div\n          className=\"pgn__progress-info\"\n          style={getOffsetStyles(threshold, direction)}\n          ref={thresholdInfoRef}\n        >\n          {!isThresholdHintAfter && getHint(thresholdHint)}\n          <Annotation\n            arrowPlacement=\"top\"\n            variant={thresholdColor}\n          >\n            {thresholdLabel}\n          </Annotation>\n          {isThresholdHintAfter && getHint(thresholdHint)}\n        </div>\n      )}\n    </div>\n  );\n}\n\nProgressBarAnnotated.propTypes = {\n  /** Current value of progress. */\n  now: PropTypes.number,\n  /** Show label that represents visual percentage. */\n  label: PropTypes.node,\n  /** The `ProgressBar` style variant to use. */\n  variant: PropTypes.oneOf(VARIANTS),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** Threshold current value. */\n  threshold: PropTypes.number,\n  /** Specifies label for `threshold`. */\n  thresholdLabel: PropTypes.node,\n  /** Variant for threshold value. */\n  thresholdVariant: PropTypes.oneOf(VARIANTS),\n  /** Text near the progress annotation. */\n  progressHint: PropTypes.node,\n  /** Text near the threshold annotation. */\n  thresholdHint: PropTypes.node,\n};\n\nProgressBarAnnotated.defaultProps = {\n  now: undefined,\n  label: undefined,\n  variant: PROGRESS_DEFAULT_VARIANT,\n  className: undefined,\n  threshold: undefined,\n  thresholdLabel: undefined,\n  thresholdVariant: THRESHOLD_DEFAULT_VARIANT,\n  progressHint: undefined,\n  thresholdHint: undefined,\n};\n\nProgressBar.Annotated = ProgressBarAnnotated;\nexport default ProgressBar;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AACrD,OAAOC,eAAe,MAAM,6BAA6B;AACzD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,eAAe,EAAEC,eAAe,QAAQ,SAAS;AAE1D,OAAO,IAAMC,gBAAgB,GAAG,iBAAiB;AACjD,IAAMC,iBAAiB,GAAG,EAAE;AAC5B,IAAMC,wBAAwB,GAAG,SAAS;AAC1C,IAAMC,yBAAyB,GAAG,MAAM;AACxC,IAAMC,QAAQ,GAAG,CACf,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,CACR;AAED,SAASC,WAAWA,CAACC,KAAK,EAAE;EAC1B,oBAAOf,KAAA,CAAAgB,aAAA,CAACb,eAAe,EAAKY,KAAQ,CAAC;AACvC;AAEA,SAASE,oBAAoBA,CAAAC,IAAA,EAU1B;EAAA,IATDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,gBAAgB,GAAAN,IAAA,CAAhBM,gBAAgB;IAChBC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACVX,KAAK,GAAAY,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAER,IAAMC,eAAe,GAAG7B,KAAK,CAAC8B,MAAM,CAAC,CAAC;EACtC,IAAMC,gBAAgB,GAAG/B,KAAK,CAAC8B,MAAM,CAAC,CAAC;EACvC,IAAME,gBAAgB,GAAG,CAACV,SAAS,IAAI,CAAC,KAAKH,GAAG,IAAI,CAAC,CAAC;EACtD,IAAMc,mBAAmB,GAAGd,GAAG,GAAGT,iBAAiB;EACnD,IAAMwB,oBAAoB,GAAGZ,SAAS,GAAGZ,iBAAiB;EAC1D,IAAMyB,aAAa,GAAGtB,QAAQ,CAACuB,QAAQ,CAACf,OAAO,CAAC,GAAGA,OAAO,GAAGV,wBAAwB;EACrF,IAAM0B,cAAc,GAAGxB,QAAQ,CAACuB,QAAQ,CAACZ,gBAAgB,CAAC,GAAGA,gBAAgB,GAAGZ,yBAAyB;EACzG,IAAM0B,SAAS,GAAGC,MAAM,CAACC,gBAAgB,CAACC,QAAQ,CAACC,IAAI,CAAC,CAACC,gBAAgB,CAAC,WAAW,CAAC;EAEtF,IAAMC,mBAAmB,GAAG3C,WAAW,CAAC,YAAM;IAC5CO,eAAe,CAACqB,eAAe,EAAES,SAAS,EAAEL,mBAAmB,EAAExB,gBAAgB,CAAC;IAClFD,eAAe,CAACuB,gBAAgB,EAAEO,SAAS,EAAEJ,oBAAoB,EAAEzB,gBAAgB,CAAC;EACtF,CAAC,EAAE,CAAC6B,SAAS,EAAEL,mBAAmB,EAAEC,oBAAoB,CAAC,CAAC;EAE1DhC,SAAS,CAAC,YAAM;IACd0C,mBAAmB,CAAC,CAAC;IACrB,IAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,YAAM;MACxCF,mBAAmB,CAAC,CAAC;IACvB,CAAC,CAAC;IACF,IAAMG,cAAc,GAAGlB,eAAe,CAACmB,OAAO;IAC9CH,QAAQ,CAACI,OAAO,CAACF,cAAc,CAAC;IAChC,OAAO;MAAA,OAAMA,cAAc,IAAIF,QAAQ,CAACK,SAAS,CAACH,cAAc,CAAC;IAAA;EACnE,CAAC,EAAE,CAACH,mBAAmB,CAAC,CAAC;EAEzB,IAAMO,OAAO,GAAG,SAAVA,OAAOA,CAAIC,IAAI;IAAA,oBACnBpD,KAAA,CAAAgB,aAAA;MAAMqC,SAAS,EAAC,oBAAoB;MAAC,eAAY;IAAe,GAC7DD,IACG,CAAC;EAAA,CACR;EAED,oBACEpD,KAAA,CAAAgB,aAAA;IAAKqC,SAAS,EAAC;EAAyB,GACrC,CAAC,CAACjC,KAAK,iBACNpB,KAAA,CAAAgB,aAAA;IACEqC,SAAS,EAAC,oBAAoB;IAC9BC,KAAK,EAAE/C,eAAe,CAACY,GAAG,EAAEmB,SAAS,CAAE;IACvCiB,GAAG,EAAE1B;EAAgB,GAEpB,CAACI,mBAAmB,IAAIkB,OAAO,CAAC1B,YAAY,CAAC,eAC9CzB,KAAA,CAAAgB,aAAA,CAACV,UAAU;IAACe,OAAO,EAAEc;EAAc,GAChCf,KACS,CAAC,EACZa,mBAAmB,IAAIkB,OAAO,CAAC1B,YAAY,CACzC,CACN,eACDzB,KAAA,CAAAgB,aAAA,CAACb,eAAe,qBACdH,KAAA,CAAAgB,aAAA,CAACb,eAAe,EAAAqD,QAAA,KACVzC,KAAK;IACTI,GAAG,EAAEA,GAAI;IACTkC,SAAS,EAAEhD,UAAU,uBAAAoD,MAAA,CACGtB,aAAa,GACnCH,gBAAgB,GAAG,CAAC,GAAG,2BAA2B,GAAG,2BACvD,CAAE;IACF0B,MAAM;EAAA,EACP,CAAC,EACD,CAAC,CAACpC,SAAS,iBACVtB,KAAA,CAAAgB,aAAA,CAACb,eAAe;IACdgB,GAAG,EAAEa,gBAAiB;IACtBqB,SAAS,wBAAAI,MAAA,CAAwBpB,cAAc,CAAG;IAClDqB,MAAM;EAAA,CACP,CAEY,CAAC,EAChB,CAAC,CAACpC,SAAS,IAAI,CAAC,CAACC,cAAc,iBAC/BvB,KAAA,CAAAgB,aAAA;IACEqC,SAAS,EAAC,oBAAoB;IAC9BC,KAAK,EAAE/C,eAAe,CAACe,SAAS,EAAEgB,SAAS,CAAE;IAC7CiB,GAAG,EAAExB;EAAiB,GAErB,CAACG,oBAAoB,IAAIiB,OAAO,CAACzB,aAAa,CAAC,eAChD1B,KAAA,CAAAgB,aAAA,CAACV,UAAU;IACTqD,cAAc,EAAC,KAAK;IACpBtC,OAAO,EAAEgB;EAAe,GAEvBd,cACS,CAAC,EACZW,oBAAoB,IAAIiB,OAAO,CAACzB,aAAa,CAC3C,CAEJ,CAAC;AAEV;AAEAT,oBAAoB,CAAC2C,SAAS,GAAG;EAC/B;EACAzC,GAAG,EAAEf,SAAS,CAACyD,MAAM;EACrB;EACAzC,KAAK,EAAEhB,SAAS,CAAC0D,IAAI;EACrB;EACAzC,OAAO,EAAEjB,SAAS,CAAC2D,KAAK,CAAClD,QAAQ,CAAC;EAClC;EACAwC,SAAS,EAAEjD,SAAS,CAAC4D,MAAM;EAC3B;EACA1C,SAAS,EAAElB,SAAS,CAACyD,MAAM;EAC3B;EACAtC,cAAc,EAAEnB,SAAS,CAAC0D,IAAI;EAC9B;EACAtC,gBAAgB,EAAEpB,SAAS,CAAC2D,KAAK,CAAClD,QAAQ,CAAC;EAC3C;EACAY,YAAY,EAAErB,SAAS,CAAC0D,IAAI;EAC5B;EACApC,aAAa,EAAEtB,SAAS,CAAC0D;AAC3B,CAAC;AAED7C,oBAAoB,CAACgD,YAAY,GAAG;EAClC9C,GAAG,EAAE+C,SAAS;EACd9C,KAAK,EAAE8C,SAAS;EAChB7C,OAAO,EAAEV,wBAAwB;EACjC0C,SAAS,EAAEa,SAAS;EACpB5C,SAAS,EAAE4C,SAAS;EACpB3C,cAAc,EAAE2C,SAAS;EACzB1C,gBAAgB,EAAEZ,yBAAyB;EAC3Ca,YAAY,EAAEyC,SAAS;EACvBxC,aAAa,EAAEwC;AACjB,CAAC;AAEDpD,WAAW,CAACqD,SAAS,GAAGlD,oBAAoB;AAC5C,eAAeH,WAAW"}

package/dist/ProgressBar/index.scss

@@ -1,12 +1,12 @@
-@import "bootstrap-progress";
-@import "mixins";
+@import "variables";
+@import "~bootstrap/scss/progress";
 
 .progress {
-  border: var(--pgn-size-progress-bar-border-width) solid var(--pgn-color-progress-bar-border);
+  border: $progress-bar-border-width solid $progress-bar-border-color;
 }
 
 .progress-bar {
-  background-color: var(--pgn-color-progress-bar-bar-bg-base);
+  background-color: $progress-bar-bg;
 }
 
 .pgn__progress-annotated {
@@ -17,12 +17,12 @@
 
   .progress {
     overflow: visible;
-    background-color: var(--pgn-color-light-300);
-    height: var(--pgn-size-progress-bar-height-annotated);
+    background-color: $light-300;
+    height: $annotated-progress-height;
     border: none;
 
     .progress-bar {
-      background-color: var(--pgn-color-progress-bar-bar-bg-annotated);
+      background-color: $annotated-progress-bar-bg;
       overflow: visible;
       position: relative;
     }
@@ -31,33 +31,41 @@
     .pgn__progress-tick--black::after {
       content: "";
       position: absolute;
-      height: var(--pgn-size-progress-bar-height-annotated);
+      height: $annotated-progress-height;
       width: 1px;
       right: 0;
     }
 
     .pgn__progress-tick--white::after {
-      background: var(--pgn-color-light-300);
+      background: $light-300;
     }
 
     .pgn__progress-tick--black::after {
-      background: var(--pgn-color-primary-500);
+      background: $primary-500;
     }
 
-    .pgn__progress-bar--dark {
-      @include progress-bar-variant(var(--pgn-color-primary-500));
-    }
-
-    .pgn__progress-bar--success {
-      @include progress-bar-variant(var(--pgn-color-success-500));
-    }
-
-    .pgn__progress-bar--error {
-      @include progress-bar-variant(var(--pgn-color-danger-500));
-    }
-
-    .pgn__progress-bar--warning {
-      @include progress-bar-variant(var(--pgn-color-accent-b));
+    @each $name, $color in $progress-colors {
+      .pgn__progress-bar--#{$name} {
+        background-color: $color;
+
+        &::after {
+          content: "";
+          display: block;
+          background: $color;
+          position: absolute;
+          top: -(calc($progress-threshold-circle / 2) - calc($annotated-progress-height / 2));
+          right: -(calc($progress-threshold-circle / 2));
+          width: $progress-threshold-circle;
+          height: $progress-threshold-circle;
+          border-radius: calc($progress-threshold-circle / 2);
+          z-index: 1;
+
+          [dir="rtl"] & {
+            left: -(calc($progress-threshold-circle / 2));
+            right: auto;
+          }
+        }
+      }
     }
   }
 
@@ -65,9 +73,9 @@
   .progress::after {
     position: absolute;
     content: "";
-    height: var(--pgn-size-progress-bar-height-annotated);
+    height: $annotated-progress-height;
     width: 1px;
-    background: var(--pgn-color-primary-500);
+    background: $primary-500;
   }
 
   .progress::after {
@@ -86,7 +94,7 @@
 
   .pgn__progress-hint {
     box-sizing: border-box;
-    padding: 0 var(--pgn-spacing-progress-bar-hint-annotation-gap);
-    font-size: var(--pgn-typography-font-size-small-base);
+    padding: 0 $progress-hint-annotation-gap;
+    font-size: $small-font-size;
   }
 }

package/dist/RadioButtonGroup/index.js

@@ -0,0 +1,188 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "index", "isChecked", "name", "value"],
+  _excluded2 = ["children", "label", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "selectedIndex"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+/* eslint-disable react/no-multi-comp, max-classes-per-file, max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+var RadioButton = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(RadioButton, _React$PureComponent);
+  var _super = _createSuper(RadioButton);
+  function RadioButton(props) {
+    var _this;
+    _classCallCheck(this, RadioButton);
+    _this = _super.call(this, props);
+    var onBlur = props.onBlur,
+      onClick = props.onClick,
+      onFocus = props.onFocus,
+      onKeyDown = props.onKeyDown;
+    _this.onBlur = onBlur.bind(_assertThisInitialized(_this));
+    _this.onClick = onClick.bind(_assertThisInitialized(_this));
+    _this.onFocus = onFocus.bind(_assertThisInitialized(_this));
+    _this.onKeyDown = onKeyDown.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(RadioButton, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        index = _this$props.index,
+        isChecked = _this$props.isChecked,
+        name = _this$props.name,
+        value = _this$props.value,
+        other = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", _extends({
+        type: "radio",
+        name: name,
+        "aria-checked": isChecked,
+        defaultChecked: isChecked,
+        value: value,
+        "aria-label": children,
+        "data-index": index,
+        onBlur: this.onBlur,
+        onClick: this.onClick,
+        onFocus: this.onFocus,
+        onKeyDown: this.onKeyDown
+      }, other)), children);
+    }
+  }]);
+  return RadioButton;
+}(React.PureComponent);
+var RadioButtonGroup = /*#__PURE__*/function (_React$Component) {
+  _inherits(RadioButtonGroup, _React$Component);
+  var _super2 = _createSuper(RadioButtonGroup);
+  function RadioButtonGroup(props) {
+    var _this2;
+    _classCallCheck(this, RadioButtonGroup);
+    _this2 = _super2.call(this);
+    // Bind the method to the component context
+    _this2.renderChildren = _this2.renderChildren.bind(_assertThisInitialized(_this2));
+    _this2.onChange = _this2.onChange.bind(_assertThisInitialized(_this2));
+    _this2.state = {
+      selectedIndex: props.selectedIndex
+    };
+    return _this2;
+  }
+  _createClass(RadioButtonGroup, [{
+    key: "onChange",
+    value: function onChange(event) {
+      if (event.target.checked && event.target.hasAttribute('data-index')) {
+        this.setState({
+          selectedIndex: parseInt(event.target.getAttribute('data-index'), 10)
+        });
+      }
+      this.props.onChange(event);
+    }
+  }, {
+    key: "renderChildren",
+    value: function renderChildren() {
+      var _this3 = this;
+      var _this$props2 = this.props,
+        children = _this$props2.children,
+        name = _this$props2.name,
+        onBlur = _this$props2.onBlur,
+        onClick = _this$props2.onClick,
+        onFocus = _this$props2.onFocus,
+        onKeyDown = _this$props2.onKeyDown;
+      return React.Children.map(children, function (child, index) {
+        return /*#__PURE__*/React.cloneElement(child, {
+          name: name,
+          value: child.props.value,
+          isChecked: index === _this3.state.selectedIndex,
+          onBlur: onBlur,
+          onClick: onClick,
+          onFocus: onFocus,
+          onKeyDown: onKeyDown,
+          index: index
+        });
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        children = _this$props3.children,
+        label = _this$props3.label,
+        name = _this$props3.name,
+        onBlur = _this$props3.onBlur,
+        onChange = _this$props3.onChange,
+        onClick = _this$props3.onClick,
+        onFocus = _this$props3.onFocus,
+        onKeyDown = _this$props3.onKeyDown,
+        selectedIndex = _this$props3.selectedIndex,
+        other = _objectWithoutProperties(_this$props3, _excluded2);
+      return /*#__PURE__*/React.createElement("div", _extends({
+        role: "radiogroup",
+        "aria-label": label,
+        onChange: this.onChange,
+        tabIndex: -1
+      }, other), this.renderChildren());
+    }
+  }]);
+  return RadioButtonGroup;
+}(React.Component);
+RadioButton.defaultProps = {
+  children: undefined,
+  index: undefined,
+  isChecked: false,
+  name: undefined,
+  onBlur: function onBlur() {},
+  onClick: function onClick() {},
+  onFocus: function onFocus() {},
+  onKeyDown: function onKeyDown() {}
+};
+RadioButton.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
+  index: PropTypes.number,
+  isChecked: PropTypes.bool,
+  name: PropTypes.string,
+  onBlur: PropTypes.func,
+  onClick: PropTypes.func,
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).isRequired
+};
+RadioButtonGroup.defaultProps = {
+  onBlur: function onBlur() {},
+  onChange: function onChange() {},
+  onClick: function onClick() {},
+  onFocus: function onFocus() {},
+  onKeyDown: function onKeyDown() {},
+  selectedIndex: undefined
+};
+RadioButtonGroup.propTypes = {
+  children: PropTypes.arrayOf(PropTypes.element).isRequired,
+  /** specifies the `aria-label` value for the `RadioButtonGroup` */
+  label: PropTypes.string.isRequired,
+  /** specifies the `name` value for the `RadioButtonGroup` so that no more than one `RadioButton` can be selected at any given time */
+  name: PropTypes.string.isRequired,
+  /** specifies the callback for the `onBlur` event for each `RadioButton` within the group. The default value is a no-op function. */
+  onBlur: PropTypes.func,
+  /** specifies the callback for the onChange event for each RadioButton within the group. The default value is a no-op function. */
+  onChange: PropTypes.func,
+  /** specifies the callback for the `onClick` event for each `RadioButton` within the group. The default value is a no-op function. */
+  onClick: PropTypes.func,
+  /** specifies the callback for the `onFocus` event for each `RadioButton` within the group. The default value is a no-op function. */
+  onFocus: PropTypes.func,
+  /** specifies the callback for the `onKeyDown` event for each `RadioButton` within the group. The default value is a no-op function. */
+  onKeyDown: PropTypes.func,
+  /** specifies which `RadioButton` is initially selected. The default value is `undefined` which signifies that no `RadioButton` is initially selected. */
+  selectedIndex: PropTypes.number
+};
+export { RadioButtonGroup as default, RadioButton };
+//# sourceMappingURL=index.js.map

package/dist/RadioButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","RadioButton","_React$PureComponent","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","onBlur","onClick","onFocus","onKeyDown","bind","_assertThisInitialized","_createClass","key","value","render","_this$props","children","index","isChecked","name","other","_objectWithoutProperties","_excluded","createElement","_extends","type","defaultChecked","PureComponent","RadioButtonGroup","_React$Component","_super2","_this2","renderChildren","onChange","state","selectedIndex","event","target","checked","hasAttribute","setState","parseInt","getAttribute","_this3","_this$props2","Children","map","child","cloneElement","_this$props3","label","_excluded2","role","tabIndex","Component","defaultProps","undefined","propTypes","oneOfType","string","number","bool","func","isRequired","arrayOf","element","default"],"sources":["../../src/RadioButtonGroup/index.jsx"],"sourcesContent":["/* eslint-disable react/no-multi-comp, max-classes-per-file, max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nclass RadioButton extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const {\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n    } = props;\n\n    this.onBlur = onBlur.bind(this);\n    this.onClick = onClick.bind(this);\n    this.onFocus = onFocus.bind(this);\n    this.onKeyDown = onKeyDown.bind(this);\n  }\n\n  render() {\n    const {\n      children,\n      index,\n      isChecked,\n      name,\n      value,\n      ...other\n    } = this.props;\n\n    return (\n      <div>\n        <input\n          type=\"radio\"\n          name={name}\n          aria-checked={isChecked}\n          defaultChecked={isChecked}\n          value={value}\n          aria-label={children}\n          data-index={index}\n          onBlur={this.onBlur}\n          onClick={this.onClick}\n          onFocus={this.onFocus}\n          onKeyDown={this.onKeyDown}\n          {...other}\n        />{children}\n      </div>\n    );\n  }\n}\n\nclass RadioButtonGroup extends React.Component {\n  constructor(props) {\n    super();\n    // Bind the method to the component context\n    this.renderChildren = this.renderChildren.bind(this);\n    this.onChange = this.onChange.bind(this);\n\n    this.state = {\n      selectedIndex: props.selectedIndex,\n    };\n  }\n\n  onChange(event) {\n    if (event.target.checked && event.target.hasAttribute('data-index')) {\n      this.setState({\n        selectedIndex: parseInt(event.target.getAttribute('data-index'), 10),\n      });\n    }\n\n    this.props.onChange(event);\n  }\n\n  renderChildren() {\n    const {\n      children,\n      name,\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n    } = this.props;\n\n    return React.Children.map((children), (child, index) => React.cloneElement(child, {\n      name,\n      value: child.props.value,\n      isChecked: index === this.state.selectedIndex,\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n      index,\n    }));\n  }\n\n  render() {\n    const {\n      children,\n      label,\n      name,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      onKeyDown,\n      selectedIndex,\n      ...other\n    } = this.props;\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-label={label}\n        onChange={this.onChange}\n        tabIndex={-1}\n        {...other}\n      >\n        {this.renderChildren()}\n      </div>\n    );\n  }\n}\n\nRadioButton.defaultProps = {\n  children: undefined,\n  index: undefined,\n  isChecked: false,\n  name: undefined,\n  onBlur: () => {},\n  onClick: () => {},\n  onFocus: () => {},\n  onKeyDown: () => {},\n};\n\nRadioButton.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n  index: PropTypes.number,\n  isChecked: PropTypes.bool,\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]).isRequired,\n};\n\nRadioButtonGroup.defaultProps = {\n  onBlur: () => {},\n  onChange: () => {},\n  onClick: () => {},\n  onFocus: () => {},\n  onKeyDown: () => {},\n  selectedIndex: undefined,\n};\n\nRadioButtonGroup.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.element).isRequired,\n  /** specifies the `aria-label` value for the `RadioButtonGroup` */\n  label: PropTypes.string.isRequired,\n  /** specifies the `name` value for the `RadioButtonGroup` so that no more than one `RadioButton` can be selected at any given time */\n  name: PropTypes.string.isRequired,\n  /** specifies the callback for the `onBlur` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onBlur: PropTypes.func,\n  /** specifies the callback for the onChange event for each RadioButton within the group. The default value is a no-op function. */\n  onChange: PropTypes.func,\n  /** specifies the callback for the `onClick` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onClick: PropTypes.func,\n  /** specifies the callback for the `onFocus` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onFocus: PropTypes.func,\n  /** specifies the callback for the `onKeyDown` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onKeyDown: PropTypes.func,\n  /** specifies which `RadioButton` is initially selected. The default value is `undefined` which signifies that no `RadioButton` is initially selected. */\n  selectedIndex: PropTypes.number,\n};\n\nexport { RadioButtonGroup as default, RadioButton };\n"],"mappings":"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"}