@hitachivantara/uikit-react-lab 3.42.0 → 3.42.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.42.1](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-lab@3.42.0...@hitachivantara/uikit-react-lab@3.42.1) (2022-04-27)
+
+
+### Bug Fixes
+
+* **dotPagination:** added missing typescript definition and description ([38dcda3](https://github.com/lumada-design/hv-uikit-react/commit/38dcda3029c23fbb9ac95b62c02f7db66da16bef))
+* **ProgressBar:** corrected typescript definition HVUIKIT-5670 ([d5c0da0](https://github.com/lumada-design/hv-uikit-react/commit/d5c0da04a1b160cf283b7e4bf6644cf89d4f711f))
+
+
+
+
+
 # [3.42.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-lab@3.41.12...@hitachivantara/uikit-react-lab@3.42.0) (2022-04-24)
 
 

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,11 +1,40 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 
-export type HvProgressBarClassKey = "root";
+export type HvProgressBarClassKey =
+  | "root"
+  | "progress"
+  | "progressContainer"
+  | "progressBarContainer"
+  | "progressBar"
+  | "progressDone"
+  | "progressError"
+  | "progressBarLabel"
+  | "progressBarLabelHidden";
 
-export type HvProgressBarProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvProgressBarClassKey
->;
+export interface HvProgressBarProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey>,
+    HvProgressBarProps {
+  /**
+   * The value of the progress bar.
+   */
+  value?: number;
+  /**
+   * The status of the progress bar.
+   *
+   * inProgress is black, error is red and completed is green.
+   *
+   * When uncontrolled and unspecified it will default to "inProgress".
+   */
+  status?: string;
+  /**
+   * If `true` the progress bar will not show the percentage label.
+   */
+  undeterminate?: boolean;
+  /**
+   * Aria Properties passed on to the progress bar.
+   */
+  labelProps?: object;
+}
 
 export default function HvProgressBar(props: HvProgressBarProps): JSX.Element | null;

package/dist/ProgressBar/ProgressBar.js

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+require("core-js/modules/es.object.freeze.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -26,16 +28,22 @@ var _core = require("@material-ui/core");
 var _styles = _interopRequireDefault(require("./styles"));
 
 var _excluded = ["className", "classes", "value", "status", "undeterminate", "labelProps"];
-
+var statusCategories = Object.freeze({
+  inProgress: "inProgress",
+  completed: "completed",
+  error: "error"
+});
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
  */
+
 var HvProgressBar = function HvProgressBar(props) {
   var className = props.className,
       classes = props.classes,
       _props$value = props.value,
       value = _props$value === void 0 ? 0 : _props$value,
-      status = props.status,
+      _props$status = props.status,
+      status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
       _props$undeterminate = props.undeterminate,
       undeterminate = _props$undeterminate === void 0 ? false : _props$undeterminate,
       labelProps = props.labelProps,
@@ -44,11 +52,9 @@ var HvProgressBar = function HvProgressBar(props) {
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _clsx.default)(className, classes.root, classes.progress),
     role: "progressbar",
-    status: "inProgress",
-    "aria-valuenow": clampedValue // it only makes sense to put this in ariaProps if the min and max values of the progress bar are intended to be changed by the user
-    ,
     "aria-valuemin": "0",
-    "aria-valuemax": "100"
+    "aria-valuemax": "100",
+    "aria-valuenow": clampedValue
   }, others), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.progressContainer
   }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, (0, _extends2.default)({
@@ -56,17 +62,14 @@ var HvProgressBar = function HvProgressBar(props) {
     style: {
       width: "".concat(clampedValue, "%")
     },
-    className: (0, _clsx.default)(classes.progressBarLabel, undeterminate && classes.progressBarLabelHidden, status === "completed" && classes.progressDone)
+    className: (0, _clsx.default)(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone, undeterminate && classes.progressBarLabelHidden)
   }, labelProps), "".concat(clampedValue, "%")), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.progressBarContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: "".concat(clampedValue, "%")
     },
-    className: (0, _clsx.default)(classes.progressBar, {
-      "completed": classes.progressDone,
-      "error": classes.progressError
-    }[status])
+    className: (0, _clsx.default)(classes.progressBar, status === statusCategories.completed && classes.progressDone, status === statusCategories.error && classes.progressError)
   }))));
 };
 
@@ -138,7 +141,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
    *
    * When uncontrolled and unspecified it will default to "inProgress".
    */
-  status: _propTypes.default.oneOf(["inProgress", "completed", "error"]),
+  status: _propTypes.default.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
 
   /**
    * If `true` the progress bar will not show the percentage label.

package/dist/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ProgressBar/ProgressBar.js"],"names":["HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressBarLabelHidden","progressDone","progressBarContainer","progressBar","progressError","propTypes","PropTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","Object","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status,\n    undeterminate = false,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      status=\"inProgress\"\n      aria-valuenow={clampedValue} // it only makes sense to put this in ariaProps if the min and max values of the progress bar are intended to be changed by the user\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === \"completed\" && classes.progressDone,\n            undeterminate && classes.progressBarLabelHidden\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === \"completed\" && classes.progressDone,\n              status === \"error\" && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabelHidden: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\"inProgress\", \"completed\", \"error\"]),\n  /**\n   * If `true` the progress bar will not show the percentage label.\n   */\n  undeterminate: PropTypes.bool,\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"file":"ProgressBar.js"}
+{"version":3,"sources":["../../src/ProgressBar/ProgressBar.js"],"names":["statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarLabelHidden","progressBarContainer","progressBar","progressError","propTypes","PropTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    undeterminate = false,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone,\n            undeterminate && classes.progressBarLabelHidden\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabelHidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * If `true` the progress bar will not show the percentage label.\n   */\n  undeterminate: PropTypes.bool,\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"file":"ProgressBar.js"}

package/dist/ProgressBar/ProgressBarSimulator.js

@@ -0,0 +1,112 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProgressBarSimulator = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _ = require("..");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// eslint-disable-next-line react/prop-types
+var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
+  var inc = _ref.inc,
+      error = _ref.error,
+      undeterminate = _ref.undeterminate,
+      ariaLabel = _ref.ariaLabel,
+      ariaLive = _ref.ariaLive;
+
+  var _useState = (0, _react.useState)("inProgress"),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      run = _useState6[0],
+      setRun = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    var interval = setInterval(function () {
+      if (value === 100) {
+        setRun(false);
+        clearInterval(interval);
+        setStatus("completed");
+      } else if (error && value === error) {
+        clearInterval(interval);
+        setStatus("error");
+      } else if (run) setValue(inc);
+    }, 150);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [inc, value, run, error]);
+
+  var reset = function reset() {
+    setValue(0);
+    setStatus("inProgress");
+  };
+
+  var start = function start() {
+    setRun(true);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 400
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.HvProgressBar, {
+    value: value,
+    status: status,
+    undeterminate: undeterminate,
+    labelProps: {
+      "aria-label": ariaLabel,
+      "aria-busy": false,
+      "aria-live": ariaLive
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginTop: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
+    onClick: start
+  }, "Start"), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
+    style: {
+      marginLeft: 10
+    },
+    onClick: reset
+  }, "Reset")));
+};
+
+exports.default = exports.ProgressBarSimulator = ProgressBarSimulator;
+//# sourceMappingURL=ProgressBarSimulator.js.map

package/dist/ProgressBar/ProgressBarSimulator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ProgressBar/ProgressBarSimulator.js"],"names":["ProgressBarSimulator","inc","error","undeterminate","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAEA;AACO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAwD;AAAA,MAArDC,GAAqD,QAArDA,GAAqD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,aAAyC,QAAzCA,aAAyC;AAAA,MAA1BC,SAA0B,QAA1BA,SAA0B;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC1F,kBAA4B,qBAAS,YAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAA0B,qBAAS,CAAT,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAAsB,qBAAS,KAAT,CAAtB;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AAEA,wBAAU,YAAM;AACd,QAAMC,QAAQ,GAAGC,WAAW,CAAC,YAAM;AACjC,UAAIL,KAAK,KAAK,GAAd,EAAmB;AACjBG,QAAAA,MAAM,CAAC,KAAD,CAAN;AACAG,QAAAA,aAAa,CAACF,QAAD,CAAb;AACAL,QAAAA,SAAS,CAAC,WAAD,CAAT;AACD,OAJD,MAIO,IAAIL,KAAK,IAAIM,KAAK,KAAKN,KAAvB,EAA8B;AACnCY,QAAAA,aAAa,CAACF,QAAD,CAAb;AACAL,QAAAA,SAAS,CAAC,OAAD,CAAT;AACD,OAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACR,GAAD,CAAR;AACjB,KAT2B,EASzB,GATyB,CAA5B;AAUA,WAAO;AAAA,aAAMa,aAAa,CAACF,QAAD,CAAnB;AAAA,KAAP;AACD,GAZD,EAYG,CAACX,GAAD,EAAMO,KAAN,EAAaE,GAAb,EAAkBR,KAAlB,CAZH;;AAcA,MAAMa,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClBN,IAAAA,QAAQ,CAAC,CAAD,CAAR;AACAF,IAAAA,SAAS,CAAC,YAAD,CAAT;AACD,GAHD;;AAKA,MAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClBL,IAAAA,MAAM,CAAC,IAAD,CAAN;AACD,GAFD;;AAIA,sBACE;AAAK,IAAA,KAAK,EAAE;AAAEM,MAAAA,KAAK,EAAE;AAAT;AAAZ,kBACE,6BAAC,eAAD;AACE,IAAA,KAAK,EAAET,KADT;AAEE,IAAA,MAAM,EAAEF,MAFV;AAGE,IAAA,aAAa,EAAEH,aAHjB;AAIE,IAAA,UAAU,EAAE;AACV,oBAAcC,SADJ;AAEV,mBAAa,KAFH;AAGV,mBAAaC;AAHH;AAJd,IADF,eAWE;AAAK,IAAA,KAAK,EAAE;AAAEa,MAAAA,SAAS,EAAE;AAAb;AAAZ,kBACE,6BAAC,wBAAD;AAAU,IAAA,OAAO,EAAEF;AAAnB,aADF,eAEE,6BAAC,wBAAD;AAAU,IAAA,KAAK,EAAE;AAAEG,MAAAA,UAAU,EAAE;AAAd,KAAjB;AAAqC,IAAA,OAAO,EAAEJ;AAA9C,aAFF,CAXF,CADF;AAoBD,CAhDM","sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvProgressBar } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, undeterminate, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        undeterminate={undeterminate}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"file":"ProgressBarSimulator.js"}

package/dist/ProgressBar/index.d.ts

@@ -1,33 +1,2 @@
-import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-
-export type HvProgressClassKey =
-  | "root"
-  | "progress"
-  | "progressContainer"
-  | "progressBarContainer"
-  | "progressBar"
-  | "progressDone"
-  | "progressError"
-  | "progressBarLabel"
-  | "progressAriaAlert";
-
-export interface HvProgressBarProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressClassKey> {
-  /**
-   * The value of the progress bar.
-   */
-  value?: number;
-  /**
-   * Indicates current status of the progress bar represented by the color.
-   */
-  status?: boolean;
-  /**
-   * If `true` the progress bar will not show the percentage label.
-   */
-  undeterminate?: boolean;
-  /**
-   * Aria Properties passed on to the progress bar.
-   */
-  labelProps?: object;
-}
+export { default } from "./ProgressBar";
+export * from "./ProgressBar";

package/dist/legacy/ProgressBar/ProgressBar.d.ts

@@ -1,11 +1,40 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 
-export type HvProgressBarClassKey = "root";
+export type HvProgressBarClassKey =
+  | "root"
+  | "progress"
+  | "progressContainer"
+  | "progressBarContainer"
+  | "progressBar"
+  | "progressDone"
+  | "progressError"
+  | "progressBarLabel"
+  | "progressBarLabelHidden";
 
-export type HvProgressBarProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvProgressBarClassKey
->;
+export interface HvProgressBarProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey>,
+    HvProgressBarProps {
+  /**
+   * The value of the progress bar.
+   */
+  value?: number;
+  /**
+   * The status of the progress bar.
+   *
+   * inProgress is black, error is red and completed is green.
+   *
+   * When uncontrolled and unspecified it will default to "inProgress".
+   */
+  status?: string;
+  /**
+   * If `true` the progress bar will not show the percentage label.
+   */
+  undeterminate?: boolean;
+  /**
+   * Aria Properties passed on to the progress bar.
+   */
+  labelProps?: object;
+}
 
 export default function HvProgressBar(props: HvProgressBarProps): JSX.Element | null;

package/dist/legacy/ProgressBar/ProgressBar.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "classes", "value", "status", "undeterminate", "labelProps"];
+import "core-js/modules/es.object.freeze.js";
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -8,6 +9,11 @@ import clamp from "lodash/clamp";
 import { HvTypography } from "@hitachivantara/uikit-react-core";
 import { withStyles } from "@material-ui/core";
 import styles from "./styles";
+var statusCategories = Object.freeze({
+  inProgress: "inProgress",
+  completed: "completed",
+  error: "error"
+});
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
  */
@@ -17,7 +23,8 @@ var HvProgressBar = function HvProgressBar(props) {
       classes = props.classes,
       _props$value = props.value,
       value = _props$value === void 0 ? 0 : _props$value,
-      status = props.status,
+      _props$status = props.status,
+      status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
       _props$undeterminate = props.undeterminate,
       undeterminate = _props$undeterminate === void 0 ? false : _props$undeterminate,
       labelProps = props.labelProps,
@@ -27,11 +34,9 @@ var HvProgressBar = function HvProgressBar(props) {
   return /*#__PURE__*/React.createElement("div", _extends({
     className: clsx(className, classes.root, classes.progress),
     role: "progressbar",
-    status: "inProgress",
-    "aria-valuenow": clampedValue // it only makes sense to put this in ariaProps if the min and max values of the progress bar are intended to be changed by the user
-    ,
     "aria-valuemin": "0",
-    "aria-valuemax": "100"
+    "aria-valuemax": "100",
+    "aria-valuenow": clampedValue
   }, others), /*#__PURE__*/React.createElement("div", {
     className: classes.progressContainer
   }, /*#__PURE__*/React.createElement(HvTypography, _extends({
@@ -39,17 +44,14 @@ var HvProgressBar = function HvProgressBar(props) {
     style: {
       width: "".concat(clampedValue, "%")
     },
-    className: clsx(classes.progressBarLabel, undeterminate && classes.progressBarLabelHidden, status === "completed" && classes.progressDone)
+    className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone, undeterminate && classes.progressBarLabelHidden)
   }, labelProps), "".concat(clampedValue, "%")), /*#__PURE__*/React.createElement("div", {
     className: classes.progressBarContainer
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: "".concat(clampedValue, "%")
     },
-    className: clsx(classes.progressBar, {
-      "completed": classes.progressDone,
-      "error": classes.progressError
-    }[status])
+    className: clsx(classes.progressBar, status === statusCategories.completed && classes.progressDone, status === statusCategories.error && classes.progressError)
   }))));
 };
 
@@ -121,7 +123,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
    *
    * When uncontrolled and unspecified it will default to "inProgress".
    */
-  status: PropTypes.oneOf(["inProgress", "completed", "error"]),
+  status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
 
   /**
    * If `true` the progress bar will not show the percentage label.

package/dist/legacy/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ProgressBar/ProgressBar.js"],"names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressBarLabelHidden","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status,\n    undeterminate = false,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      status=\"inProgress\"\n      aria-valuenow={clampedValue} // it only makes sense to put this in ariaProps if the min and max values of the progress bar are intended to be changed by the user\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === \"completed\" && classes.progressDone,\n            undeterminate && classes.progressBarLabelHidden\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === \"completed\" && classes.progressDone,\n              status === \"error\" && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabelHidden: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\"inProgress\", \"completed\", \"error\"]),\n  /**\n   * If `true` the progress bar will not show the percentage label.\n   */\n  undeterminate: PropTypes.bool,\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"file":"ProgressBar.js"}
+{"version":3,"sources":["../../../src/ProgressBar/ProgressBar.js"],"names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarLabelHidden","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    undeterminate = false,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone,\n            undeterminate && classes.progressBarLabelHidden\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabelHidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * If `true` the progress bar will not show the percentage label.\n   */\n  undeterminate: PropTypes.bool,\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"file":"ProgressBar.js"}

package/dist/legacy/ProgressBar/ProgressBarSimulator.js

@@ -0,0 +1,80 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from "react";
+import { HvButton } from "@hitachivantara/uikit-react-core";
+import { HvProgressBar } from ".."; // eslint-disable-next-line react/prop-types
+
+export var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
+  var inc = _ref.inc,
+      error = _ref.error,
+      undeterminate = _ref.undeterminate,
+      ariaLabel = _ref.ariaLabel,
+      ariaLive = _ref.ariaLive;
+
+  var _useState = useState("inProgress"),
+      _useState2 = _slicedToArray(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      run = _useState6[0],
+      setRun = _useState6[1];
+
+  useEffect(function () {
+    var interval = setInterval(function () {
+      if (value === 100) {
+        setRun(false);
+        clearInterval(interval);
+        setStatus("completed");
+      } else if (error && value === error) {
+        clearInterval(interval);
+        setStatus("error");
+      } else if (run) setValue(inc);
+    }, 150);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [inc, value, run, error]);
+
+  var reset = function reset() {
+    setValue(0);
+    setStatus("inProgress");
+  };
+
+  var start = function start() {
+    setRun(true);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 400
+    }
+  }, /*#__PURE__*/React.createElement(HvProgressBar, {
+    value: value,
+    status: status,
+    undeterminate: undeterminate,
+    labelProps: {
+      "aria-label": ariaLabel,
+      "aria-busy": false,
+      "aria-live": ariaLive
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 10
+    }
+  }, /*#__PURE__*/React.createElement(HvButton, {
+    onClick: start
+  }, "Start"), /*#__PURE__*/React.createElement(HvButton, {
+    style: {
+      marginLeft: 10
+    },
+    onClick: reset
+  }, "Reset")));
+};
+export { ProgressBarSimulator as default };
+//# sourceMappingURL=ProgressBarSimulator.js.map

package/dist/legacy/ProgressBar/ProgressBarSimulator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","undeterminate","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AAEA,SAASC,QAAT,QAAyB,kCAAzB;AAEA,SAASC,aAAT,QAA8B,IAA9B,C,CAEA;;AACA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAwD;AAAA,MAArDC,GAAqD,QAArDA,GAAqD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,aAAyC,QAAzCA,aAAyC;AAAA,MAA1BC,SAA0B,QAA1BA,SAA0B;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC1F,kBAA4BR,QAAQ,CAAC,YAAD,CAApC;AAAA;AAAA,MAAOS,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAA0BV,QAAQ,CAAC,CAAD,CAAlC;AAAA;AAAA,MAAOW,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAAsBZ,QAAQ,CAAC,KAAD,CAA9B;AAAA;AAAA,MAAOa,GAAP;AAAA,MAAYC,MAAZ;;AAEAf,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMgB,QAAQ,GAAGC,WAAW,CAAC,YAAM;AACjC,UAAIL,KAAK,KAAK,GAAd,EAAmB;AACjBG,QAAAA,MAAM,CAAC,KAAD,CAAN;AACAG,QAAAA,aAAa,CAACF,QAAD,CAAb;AACAL,QAAAA,SAAS,CAAC,WAAD,CAAT;AACD,OAJD,MAIO,IAAIL,KAAK,IAAIM,KAAK,KAAKN,KAAvB,EAA8B;AACnCY,QAAAA,aAAa,CAACF,QAAD,CAAb;AACAL,QAAAA,SAAS,CAAC,OAAD,CAAT;AACD,OAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACR,GAAD,CAAR;AACjB,KAT2B,EASzB,GATyB,CAA5B;AAUA,WAAO;AAAA,aAAMa,aAAa,CAACF,QAAD,CAAnB;AAAA,KAAP;AACD,GAZQ,EAYN,CAACX,GAAD,EAAMO,KAAN,EAAaE,GAAb,EAAkBR,KAAlB,CAZM,CAAT;;AAcA,MAAMa,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClBN,IAAAA,QAAQ,CAAC,CAAD,CAAR;AACAF,IAAAA,SAAS,CAAC,YAAD,CAAT;AACD,GAHD;;AAKA,MAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClBL,IAAAA,MAAM,CAAC,IAAD,CAAN;AACD,GAFD;;AAIA,sBACE;AAAK,IAAA,KAAK,EAAE;AAAEM,MAAAA,KAAK,EAAE;AAAT;AAAZ,kBACE,oBAAC,aAAD;AACE,IAAA,KAAK,EAAET,KADT;AAEE,IAAA,MAAM,EAAEF,MAFV;AAGE,IAAA,aAAa,EAAEH,aAHjB;AAIE,IAAA,UAAU,EAAE;AACV,oBAAcC,SADJ;AAEV,mBAAa,KAFH;AAGV,mBAAaC;AAHH;AAJd,IADF,eAWE;AAAK,IAAA,KAAK,EAAE;AAAEa,MAAAA,SAAS,EAAE;AAAb;AAAZ,kBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAEF;AAAnB,aADF,eAEE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAE;AAAEG,MAAAA,UAAU,EAAE;AAAd,KAAjB;AAAqC,IAAA,OAAO,EAAEJ;AAA9C,aAFF,CAXF,CADF;AAoBD,CAhDM;AAkDP,SAASf,oBAAoB,IAAIoB,OAAjC","sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvProgressBar } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, undeterminate, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        undeterminate={undeterminate}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"file":"ProgressBarSimulator.js"}

package/dist/legacy/ProgressBar/index.d.ts

@@ -1,33 +1,2 @@
-import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-
-export type HvProgressClassKey =
-  | "root"
-  | "progress"
-  | "progressContainer"
-  | "progressBarContainer"
-  | "progressBar"
-  | "progressDone"
-  | "progressError"
-  | "progressBarLabel"
-  | "progressAriaAlert";
-
-export interface HvProgressBarProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressClassKey> {
-  /**
-   * The value of the progress bar.
-   */
-  value?: number;
-  /**
-   * Indicates current status of the progress bar represented by the color.
-   */
-  status?: boolean;
-  /**
-   * If `true` the progress bar will not show the percentage label.
-   */
-  undeterminate?: boolean;
-  /**
-   * Aria Properties passed on to the progress bar.
-   */
-  labelProps?: object;
-}
+export { default } from "./ProgressBar";
+export * from "./ProgressBar";

package/dist/modern/ProgressBar/ProgressBar.d.ts

@@ -1,11 +1,40 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 
-export type HvProgressBarClassKey = "root";
+export type HvProgressBarClassKey =
+  | "root"
+  | "progress"
+  | "progressContainer"
+  | "progressBarContainer"
+  | "progressBar"
+  | "progressDone"
+  | "progressError"
+  | "progressBarLabel"
+  | "progressBarLabelHidden";
 
-export type HvProgressBarProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvProgressBarClassKey
->;
+export interface HvProgressBarProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey>,
+    HvProgressBarProps {
+  /**
+   * The value of the progress bar.
+   */
+  value?: number;
+  /**
+   * The status of the progress bar.
+   *
+   * inProgress is black, error is red and completed is green.
+   *
+   * When uncontrolled and unspecified it will default to "inProgress".
+   */
+  status?: string;
+  /**
+   * If `true` the progress bar will not show the percentage label.
+   */
+  undeterminate?: boolean;
+  /**
+   * Aria Properties passed on to the progress bar.
+   */
+  labelProps?: object;
+}
 
 export default function HvProgressBar(props: HvProgressBarProps): JSX.Element | null;

package/dist/modern/ProgressBar/ProgressBar.js

@@ -8,6 +8,11 @@ import clamp from "lodash/clamp";
 import { HvTypography } from "@hitachivantara/uikit-react-core";
 import { withStyles } from "@material-ui/core";
 import styles from "./styles";
+const statusCategories = Object.freeze({
+  inProgress: "inProgress",
+  completed: "completed",
+  error: "error"
+});
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
  */
@@ -17,7 +22,7 @@ const HvProgressBar = props => {
     className,
     classes,
     value = 0,
-    status,
+    status = statusCategories.inProgress,
     undeterminate = false,
     labelProps
   } = props,
@@ -27,11 +32,9 @@ const HvProgressBar = props => {
   return /*#__PURE__*/React.createElement("div", _extends({
     className: clsx(className, classes.root, classes.progress),
     role: "progressbar",
-    status: "inProgress",
-    "aria-valuenow": clampedValue // it only makes sense to put this in ariaProps if the min and max values of the progress bar are intended to be changed by the user
-    ,
     "aria-valuemin": "0",
-    "aria-valuemax": "100"
+    "aria-valuemax": "100",
+    "aria-valuenow": clampedValue
   }, others), /*#__PURE__*/React.createElement("div", {
     className: classes.progressContainer
   }, /*#__PURE__*/React.createElement(HvTypography, _extends({
@@ -39,17 +42,14 @@ const HvProgressBar = props => {
     style: {
       width: `${clampedValue}%`
     },
-    className: clsx(classes.progressBarLabel, undeterminate && classes.progressBarLabelHidden, status === "completed" && classes.progressDone)
+    className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone, undeterminate && classes.progressBarLabelHidden)
   }, labelProps), `${clampedValue}%`), /*#__PURE__*/React.createElement("div", {
     className: classes.progressBarContainer
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: `${clampedValue}%`
     },
-    className: clsx(classes.progressBar, {
-      "completed": classes.progressDone,
-      "error": classes.progressError
-    }[status])
+    className: clsx(classes.progressBar, status === statusCategories.completed && classes.progressDone, status === statusCategories.error && classes.progressError)
   }))));
 };
 
@@ -121,7 +121,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
    *
    * When uncontrolled and unspecified it will default to "inProgress".
    */
-  status: PropTypes.oneOf(["inProgress", "completed", "error"]),
+  status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
 
   /**
    * If `true` the progress bar will not show the percentage label.

package/dist/modern/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ProgressBar/ProgressBar.js"],"names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressBarLabelHidden","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status,\n    undeterminate = false,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      status=\"inProgress\"\n      aria-valuenow={clampedValue} // it only makes sense to put this in ariaProps if the min and max values of the progress bar are intended to be changed by the user\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === \"completed\" && classes.progressDone,\n            undeterminate && classes.progressBarLabelHidden\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === \"completed\" && classes.progressDone,\n              status === \"error\" && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabelHidden: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\"inProgress\", \"completed\", \"error\"]),\n  /**\n   * If `true` the progress bar will not show the percentage label.\n   */\n  undeterminate: PropTypes.bool,\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"file":"ProgressBar.js"}
+{"version":3,"sources":["../../../src/ProgressBar/ProgressBar.js"],"names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarLabelHidden","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    undeterminate = false,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone,\n            undeterminate && classes.progressBarLabelHidden\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabelHidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * If `true` the progress bar will not show the percentage label.\n   */\n  undeterminate: PropTypes.bool,\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"file":"ProgressBar.js"}

package/dist/modern/ProgressBar/ProgressBarSimulator.js

@@ -0,0 +1,66 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useEffect, useState } from "react";
+import { HvButton } from "@hitachivantara/uikit-react-core";
+import { HvProgressBar } from ".."; // eslint-disable-next-line react/prop-types
+
+export const ProgressBarSimulator = ({
+  inc,
+  error,
+  undeterminate,
+  ariaLabel,
+  ariaLive
+}) => {
+  const [status, setStatus] = useState("inProgress");
+  const [value, setValue] = useState(0);
+  const [run, setRun] = useState(false);
+  useEffect(() => {
+    const interval = setInterval(() => {
+      if (value === 100) {
+        setRun(false);
+        clearInterval(interval);
+        setStatus("completed");
+      } else if (error && value === error) {
+        clearInterval(interval);
+        setStatus("error");
+      } else if (run) setValue(inc);
+    }, 150);
+    return () => clearInterval(interval);
+  }, [inc, value, run, error]);
+
+  const reset = () => {
+    setValue(0);
+    setStatus("inProgress");
+  };
+
+  const start = () => {
+    setRun(true);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 400
+    }
+  }, /*#__PURE__*/React.createElement(HvProgressBar, {
+    value: value,
+    status: status,
+    undeterminate: undeterminate,
+    labelProps: {
+      "aria-label": ariaLabel,
+      "aria-busy": false,
+      "aria-live": ariaLive
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 10
+    }
+  }, /*#__PURE__*/React.createElement(HvButton, {
+    onClick: start
+  }, "Start"), /*#__PURE__*/React.createElement(HvButton, {
+    style: {
+      marginLeft: 10
+    },
+    onClick: reset
+  }, "Reset")));
+};
+export { ProgressBarSimulator as default };
+//# sourceMappingURL=ProgressBarSimulator.js.map

package/dist/modern/ProgressBar/ProgressBarSimulator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","undeterminate","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AAEA,SAASC,QAAT,QAAyB,kCAAzB;AAEA,SAASC,aAAT,QAA8B,IAA9B,C,CAEA;;AACA,OAAO,MAAMC,oBAAoB,GAAG,CAAC;AAAEC,EAAAA,GAAF;AAAOC,EAAAA,KAAP;AAAcC,EAAAA,aAAd;AAA6BC,EAAAA,SAA7B;AAAwCC,EAAAA;AAAxC,CAAD,KAAwD;AAC1F,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBV,QAAQ,CAAC,YAAD,CAApC;AACA,QAAM,CAACW,KAAD,EAAQC,QAAR,IAAoBZ,QAAQ,CAAC,CAAD,CAAlC;AACA,QAAM,CAACa,GAAD,EAAMC,MAAN,IAAgBd,QAAQ,CAAC,KAAD,CAA9B;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMgB,QAAQ,GAAGC,WAAW,CAAC,MAAM;AACjC,UAAIL,KAAK,KAAK,GAAd,EAAmB;AACjBG,QAAAA,MAAM,CAAC,KAAD,CAAN;AACAG,QAAAA,aAAa,CAACF,QAAD,CAAb;AACAL,QAAAA,SAAS,CAAC,WAAD,CAAT;AACD,OAJD,MAIO,IAAIL,KAAK,IAAIM,KAAK,KAAKN,KAAvB,EAA8B;AACnCY,QAAAA,aAAa,CAACF,QAAD,CAAb;AACAL,QAAAA,SAAS,CAAC,OAAD,CAAT;AACD,OAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACR,GAAD,CAAR;AACjB,KAT2B,EASzB,GATyB,CAA5B;AAUA,WAAO,MAAMa,aAAa,CAACF,QAAD,CAA1B;AACD,GAZQ,EAYN,CAACX,GAAD,EAAMO,KAAN,EAAaE,GAAb,EAAkBR,KAAlB,CAZM,CAAT;;AAcA,QAAMa,KAAK,GAAG,MAAM;AAClBN,IAAAA,QAAQ,CAAC,CAAD,CAAR;AACAF,IAAAA,SAAS,CAAC,YAAD,CAAT;AACD,GAHD;;AAKA,QAAMS,KAAK,GAAG,MAAM;AAClBL,IAAAA,MAAM,CAAC,IAAD,CAAN;AACD,GAFD;;AAIA,sBACE;AAAK,IAAA,KAAK,EAAE;AAAEM,MAAAA,KAAK,EAAE;AAAT;AAAZ,kBACE,oBAAC,aAAD;AACE,IAAA,KAAK,EAAET,KADT;AAEE,IAAA,MAAM,EAAEF,MAFV;AAGE,IAAA,aAAa,EAAEH,aAHjB;AAIE,IAAA,UAAU,EAAE;AACV,oBAAcC,SADJ;AAEV,mBAAa,KAFH;AAGV,mBAAaC;AAHH;AAJd,IADF,eAWE;AAAK,IAAA,KAAK,EAAE;AAAEa,MAAAA,SAAS,EAAE;AAAb;AAAZ,kBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAEF;AAAnB,aADF,eAEE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAE;AAAEG,MAAAA,UAAU,EAAE;AAAd,KAAjB;AAAqC,IAAA,OAAO,EAAEJ;AAA9C,aAFF,CAXF,CADF;AAoBD,CAhDM;AAkDP,SAASf,oBAAoB,IAAIoB,OAAjC","sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvProgressBar } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, undeterminate, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        undeterminate={undeterminate}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"file":"ProgressBarSimulator.js"}

package/dist/modern/ProgressBar/index.d.ts

@@ -1,33 +1,2 @@
-import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-
-export type HvProgressClassKey =
-  | "root"
-  | "progress"
-  | "progressContainer"
-  | "progressBarContainer"
-  | "progressBar"
-  | "progressDone"
-  | "progressError"
-  | "progressBarLabel"
-  | "progressAriaAlert";
-
-export interface HvProgressBarProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressClassKey> {
-  /**
-   * The value of the progress bar.
-   */
-  value?: number;
-  /**
-   * Indicates current status of the progress bar represented by the color.
-   */
-  status?: boolean;
-  /**
-   * If `true` the progress bar will not show the percentage label.
-   */
-  undeterminate?: boolean;
-  /**
-   * Aria Properties passed on to the progress bar.
-   */
-  labelProps?: object;
-}
+export { default } from "./ProgressBar";
+export * from "./ProgressBar";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "3.42.0",
+  "version": "3.42.1",
   "description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4c00970fd46a9d40faccaf1a935a66b09925e174"
+  "gitHead": "762e3c46f782579321437f0a32899ad1a801740f"
 }