@hitachivantara/uikit-react-lab 3.42.0 → 3.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/ProgressBar/ProgressBar.d.ts +34 -5
  3. package/dist/ProgressBar/ProgressBar.js +15 -12
  4. package/dist/ProgressBar/ProgressBar.js.map +1 -1
  5. package/dist/ProgressBar/ProgressBarSimulator.js +112 -0
  6. package/dist/ProgressBar/ProgressBarSimulator.js.map +1 -0
  7. package/dist/ProgressBar/index.d.ts +2 -33
  8. package/dist/QueryBuilder/index.d.ts +1 -0
  9. package/dist/TimePicker/TimePicker.js +2 -1
  10. package/dist/TimePicker/TimePicker.js.map +1 -1
  11. package/dist/legacy/ProgressBar/ProgressBar.d.ts +34 -5
  12. package/dist/legacy/ProgressBar/ProgressBar.js +13 -11
  13. package/dist/legacy/ProgressBar/ProgressBar.js.map +1 -1
  14. package/dist/legacy/ProgressBar/ProgressBarSimulator.js +80 -0
  15. package/dist/legacy/ProgressBar/ProgressBarSimulator.js.map +1 -0
  16. package/dist/legacy/ProgressBar/index.d.ts +2 -33
  17. package/dist/legacy/QueryBuilder/index.d.ts +1 -0
  18. package/dist/legacy/TimePicker/TimePicker.js +3 -2
  19. package/dist/legacy/TimePicker/TimePicker.js.map +1 -1
  20. package/dist/modern/ProgressBar/ProgressBar.d.ts +34 -5
  21. package/dist/modern/ProgressBar/ProgressBar.js +11 -11
  22. package/dist/modern/ProgressBar/ProgressBar.js.map +1 -1
  23. package/dist/modern/ProgressBar/ProgressBarSimulator.js +66 -0
  24. package/dist/modern/ProgressBar/ProgressBarSimulator.js.map +1 -0
  25. package/dist/modern/ProgressBar/index.d.ts +2 -33
  26. package/dist/modern/QueryBuilder/index.d.ts +1 -0
  27. package/dist/modern/TimePicker/TimePicker.js +3 -2
  28. package/dist/modern/TimePicker/TimePicker.js.map +1 -1
  29. package/package.json +4 -4
@@ -1,6 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
3
  var _excluded = ["className", "classes", "value", "status", "undeterminate", "labelProps"];
4
+ import "core-js/modules/es.object.freeze.js";
4
5
  import React from "react";
5
6
  import PropTypes from "prop-types";
6
7
  import clsx from "clsx";
@@ -8,6 +9,11 @@ import clamp from "lodash/clamp";
8
9
  import { HvTypography } from "@hitachivantara/uikit-react-core";
9
10
  import { withStyles } from "@material-ui/core";
10
11
  import styles from "./styles";
12
+ var statusCategories = Object.freeze({
13
+ inProgress: "inProgress",
14
+ completed: "completed",
15
+ error: "error"
16
+ });
11
17
  /**
12
18
  * ProgressBar provides feedback about a process that is taking place in the application.
13
19
  */
@@ -17,7 +23,8 @@ var HvProgressBar = function HvProgressBar(props) {
17
23
  classes = props.classes,
18
24
  _props$value = props.value,
19
25
  value = _props$value === void 0 ? 0 : _props$value,
20
- status = props.status,
26
+ _props$status = props.status,
27
+ status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
21
28
  _props$undeterminate = props.undeterminate,
22
29
  undeterminate = _props$undeterminate === void 0 ? false : _props$undeterminate,
23
30
  labelProps = props.labelProps,
@@ -27,11 +34,9 @@ var HvProgressBar = function HvProgressBar(props) {
27
34
  return /*#__PURE__*/React.createElement("div", _extends({
28
35
  className: clsx(className, classes.root, classes.progress),
29
36
  role: "progressbar",
30
- status: "inProgress",
31
- "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
32
- ,
33
37
  "aria-valuemin": "0",
34
- "aria-valuemax": "100"
38
+ "aria-valuemax": "100",
39
+ "aria-valuenow": clampedValue
35
40
  }, others), /*#__PURE__*/React.createElement("div", {
36
41
  className: classes.progressContainer
37
42
  }, /*#__PURE__*/React.createElement(HvTypography, _extends({
@@ -39,17 +44,14 @@ var HvProgressBar = function HvProgressBar(props) {
39
44
  style: {
40
45
  width: "".concat(clampedValue, "%")
41
46
  },
42
- className: clsx(classes.progressBarLabel, undeterminate && classes.progressBarLabelHidden, status === "completed" && classes.progressDone)
47
+ className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone, undeterminate && classes.progressBarLabelHidden)
43
48
  }, labelProps), "".concat(clampedValue, "%")), /*#__PURE__*/React.createElement("div", {
44
49
  className: classes.progressBarContainer
45
50
  }, /*#__PURE__*/React.createElement("div", {
46
51
  style: {
47
52
  width: "".concat(clampedValue, "%")
48
53
  },
49
- className: clsx(classes.progressBar, {
50
- "completed": classes.progressDone,
51
- "error": classes.progressError
52
- }[status])
54
+ className: clsx(classes.progressBar, status === statusCategories.completed && classes.progressDone, status === statusCategories.error && classes.progressError)
53
55
  }))));
54
56
  };
55
57
 
@@ -121,7 +123,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
121
123
  *
122
124
  * When uncontrolled and unspecified it will default to "inProgress".
123
125
  */
124
- status: PropTypes.oneOf(["inProgress", "completed", "error"]),
126
+ status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
125
127
 
126
128
  /**
127
129
  * If `true` the progress bar will not show the percentage label.
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1,80 @@
1
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
+ import React, { useEffect, useState } from "react";
3
+ import { HvButton } from "@hitachivantara/uikit-react-core";
4
+ import { HvProgressBar } from ".."; // eslint-disable-next-line react/prop-types
5
+
6
+ export var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
7
+ var inc = _ref.inc,
8
+ error = _ref.error,
9
+ undeterminate = _ref.undeterminate,
10
+ ariaLabel = _ref.ariaLabel,
11
+ ariaLive = _ref.ariaLive;
12
+
13
+ var _useState = useState("inProgress"),
14
+ _useState2 = _slicedToArray(_useState, 2),
15
+ status = _useState2[0],
16
+ setStatus = _useState2[1];
17
+
18
+ var _useState3 = useState(0),
19
+ _useState4 = _slicedToArray(_useState3, 2),
20
+ value = _useState4[0],
21
+ setValue = _useState4[1];
22
+
23
+ var _useState5 = useState(false),
24
+ _useState6 = _slicedToArray(_useState5, 2),
25
+ run = _useState6[0],
26
+ setRun = _useState6[1];
27
+
28
+ useEffect(function () {
29
+ var interval = setInterval(function () {
30
+ if (value === 100) {
31
+ setRun(false);
32
+ clearInterval(interval);
33
+ setStatus("completed");
34
+ } else if (error && value === error) {
35
+ clearInterval(interval);
36
+ setStatus("error");
37
+ } else if (run) setValue(inc);
38
+ }, 150);
39
+ return function () {
40
+ return clearInterval(interval);
41
+ };
42
+ }, [inc, value, run, error]);
43
+
44
+ var reset = function reset() {
45
+ setValue(0);
46
+ setStatus("inProgress");
47
+ };
48
+
49
+ var start = function start() {
50
+ setRun(true);
51
+ };
52
+
53
+ return /*#__PURE__*/React.createElement("div", {
54
+ style: {
55
+ width: 400
56
+ }
57
+ }, /*#__PURE__*/React.createElement(HvProgressBar, {
58
+ value: value,
59
+ status: status,
60
+ undeterminate: undeterminate,
61
+ labelProps: {
62
+ "aria-label": ariaLabel,
63
+ "aria-busy": false,
64
+ "aria-live": ariaLive
65
+ }
66
+ }), /*#__PURE__*/React.createElement("div", {
67
+ style: {
68
+ marginTop: 10
69
+ }
70
+ }, /*#__PURE__*/React.createElement(HvButton, {
71
+ onClick: start
72
+ }, "Start"), /*#__PURE__*/React.createElement(HvButton, {
73
+ style: {
74
+ marginLeft: 10
75
+ },
76
+ onClick: reset
77
+ }, "Reset")));
78
+ };
79
+ export { ProgressBarSimulator as default };
80
+ //# sourceMappingURL=ProgressBarSimulator.js.map
@@ -0,0 +1 @@
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"}
@@ -1,33 +1,2 @@
1
- import * as React from "react";
2
- import { StandardProps } from "@material-ui/core";
3
-
4
- export type HvProgressClassKey =
5
- | "root"
6
- | "progress"
7
- | "progressContainer"
8
- | "progressBarContainer"
9
- | "progressBar"
10
- | "progressDone"
11
- | "progressError"
12
- | "progressBarLabel"
13
- | "progressAriaAlert";
14
-
15
- export interface HvProgressBarProps
16
- extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressClassKey> {
17
- /**
18
- * The value of the progress bar.
19
- */
20
- value?: number;
21
- /**
22
- * Indicates current status of the progress bar represented by the color.
23
- */
24
- status?: boolean;
25
- /**
26
- * If `true` the progress bar will not show the percentage label.
27
- */
28
- undeterminate?: boolean;
29
- /**
30
- * Aria Properties passed on to the progress bar.
31
- */
32
- labelProps?: object;
33
- }
1
+ export { default } from "./ProgressBar";
2
+ export * from "./ProgressBar";
@@ -1,3 +1,4 @@
1
1
  export { default } from "./QueryBuilder";
2
2
 
3
3
  export * from "./QueryBuilder";
4
+ export * from "./types";
@@ -24,7 +24,7 @@ import React, { useState, useEffect, useRef, useMemo } from "react";
24
24
  import PropTypes from "prop-types";
25
25
  import clsx from "clsx";
26
26
  import { withStyles } from "@material-ui/core";
27
- import { HvFormElement, HvBaseDropdown, HvLabel, HvWarningText, HvInfoMessage, setId, useUniqueId, useControlled, useLocale, HvTypography, useSavedState } from "@hitachivantara/uikit-react-core";
27
+ import { HvFormElement, HvBaseDropdown, HvLabel, HvWarningText, HvInfoMessage, setId, useUniqueId, useControlled, useLocale, HvTypography, useSavedState, useDeprecated } from "@hitachivantara/uikit-react-core";
28
28
  import { Time as TimeIcon } from "@hitachivantara/uikit-react-icons";
29
29
  import { TimePickerUnits, TimeFormat, PeriodPickerOptions } from "./enums";
30
30
  import { getFormattedTime, getTimeFormatForLocale } from "./timePickerFormatter";
@@ -99,7 +99,8 @@ var HvTimePicker = function HvTimePicker(_ref) {
99
99
  dropdownProps = _ref.dropdownProps,
100
100
  others = _objectWithoutProperties(_ref, _excluded);
101
101
 
102
- // #region STATE
102
+ useDeprecated("TimePicker", "Please use the TimePicker component in Core"); // #region STATE
103
+
103
104
  var elementId = useUniqueId(id, "hvtimepicker");
104
105
  var localeFromProvider = useLocale();
105
106
  var locale = localeProp || localeFromProvider;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/TimePicker/TimePicker.js"],"names":["React","useState","useEffect","useRef","useMemo","PropTypes","clsx","withStyles","HvFormElement","HvBaseDropdown","HvLabel","HvWarningText","HvInfoMessage","setId","useUniqueId","useControlled","useLocale","HvTypography","useSavedState","Time","TimeIcon","TimePickerUnits","TimeFormat","PeriodPickerOptions","getFormattedTime","getTimeFormatForLocale","getHoursForTimeFormat","getTimeWithFormat24","UnitTimePicker","PeriodPicker","styles","setFocusToContent","containerRef","getElementsByTagName","focus","timeIsEqual","timeA","timeB","hours","minutes","seconds","period","timeIsValid","time","timeFormat","hourInputState","H24","H12","minutesInputState","secondsInputState","HvTimePicker","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","hoursPlaceholder","minutesPlaceholder","secondsPlaceholder","valueProp","value","defaultValueProp","defaultValue","chosenTimeFormat","localeProp","locale","disableDefaultValue","onToggleCallback","onToggle","Date","getHours","getMinutes","chosenTimePeriod","disablePortal","escapeWithReference","dropdownProps","others","elementId","localeFromProvider","toString","v","AM","PM","setValue","rollbackValue","lastValidValue","validationMessage","validationState","setValidationState","isOpen","setOpen","firstRender","currentValue","current","currentTimeFormat","to12","h","p","undefined","dayPeriod","handleTimeChange","updatedTimeObject","valid","handleHoursChange","updatedHours","newSelectedTime","handleMinutesChange","updatedMinutes","handleSecondsChange","updatedSeconds","handleChangePeriod","updatedPeriod","evt","open","hasLabels","hasDescription","canShowError","isStateInvalid","errorMessageId","root","formElementRoot","labelContainer","dropdownPlaceholderDisabled","dropdownPlaceholder","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","iconBaseRoot","join","trim","modifiers","enabled","timePopperContainer","HOUR_24","type","HOUR_12","separator","MINUTE","SECOND","error","propTypes","shape","string","input","periodContainer","isRequired","number","bool","node","oneOf","func","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport {\n HvFormElement,\n HvBaseDropdown,\n HvLabel,\n HvWarningText,\n HvInfoMessage,\n setId,\n useUniqueId,\n useControlled,\n useLocale,\n HvTypography,\n useSavedState,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Time as TimeIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { TimePickerUnits, TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getFormattedTime, getTimeFormatForLocale } from \"./timePickerFormatter\";\nimport { getHoursForTimeFormat, getTimeWithFormat24 } from \"./timePickerConverter\";\nimport UnitTimePicker from \"./UnitTimePicker\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nimport styles from \"./styles\";\n\nconst setFocusToContent = (containerRef) => {\n containerRef?.getElementsByTagName(\"input\")[0]?.focus();\n};\n\nconst timeIsEqual = (timeA, timeB) => {\n return (\n timeA === timeB ||\n (timeA == null && timeB == null) ||\n (timeA != null &&\n timeB != null &&\n timeA.hours === timeB.hours &&\n timeA.minutes === timeB.minutes &&\n timeA.seconds === timeB.seconds &&\n timeA.period === timeB.period)\n );\n};\n\nconst timeIsValid = (time, timeFormat) => {\n const hourInputState =\n time?.hours != null &&\n time.hours !== \"\" &&\n time.hours >= 0 &&\n ((timeFormat === TimeFormat.H24 && time.hours <= 24) ||\n (timeFormat === TimeFormat.H12 && time.hours <= 12));\n const minutesInputState =\n time?.minutes != null && time.minutes !== \"\" && time.minutes >= 0 && time.minutes <= 59;\n const secondsInputState =\n time?.seconds != null && time.seconds !== \"\" && time.seconds >= 0 && time.seconds <= 59;\n\n return hourInputState && minutesInputState && secondsInputState;\n};\n\n/**\n * A TimePicker component used to choose the time, following specifications provided by Design System. Still in development.\n */\n\nconst HvTimePicker = ({\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n hoursPlaceholder = \"hh\",\n minutesPlaceholder = \"mm\",\n secondsPlaceholder = \"ss\",\n\n value: valueProp,\n defaultValue: defaultValueProp,\n\n timeFormat: chosenTimeFormat,\n locale: localeProp,\n\n disableDefaultValue,\n\n onToggle: onToggleCallback,\n\n // deprecated properties:\n hours = new Date().getHours(),\n minutes = new Date().getMinutes(),\n seconds = 0,\n period: chosenTimePeriod,\n\n // misc properties:\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n ...others\n}) => {\n // #region STATE\n const elementId = useUniqueId(id, \"hvtimepicker\");\n\n const localeFromProvider = useLocale();\n const locale = localeProp || localeFromProvider;\n const timeFormat = useMemo(\n () => (chosenTimeFormat != null ? chosenTimeFormat.toString() : getTimeFormatForLocale(locale)),\n [chosenTimeFormat, locale]\n );\n\n const [value, setValue, rollbackValue, lastValidValue] = useSavedState(() => {\n // fallback to the deprecated properties\n // we shouldn't do that when promoting to core\n // as it makes impossible to start with an empty value\n const defaultValue =\n defaultValueProp ??\n (disableDefaultValue\n ? null\n : {\n hours,\n minutes,\n seconds,\n });\n\n const v = valueProp ?? defaultValue;\n\n return v != null\n ? {\n hours: v?.hours != null ? getHoursForTimeFormat(v.hours, timeFormat) : null,\n minutes: v?.minutes,\n seconds: v?.seconds,\n period:\n timeFormat === TimeFormat.H12\n ? chosenTimePeriod ??\n (v?.hours == null || v.hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM)\n : null,\n }\n : null;\n });\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [isOpen, setOpen] = useState(false);\n // #endregion\n\n // #region SIDE EFFECTS\n const firstRender = useRef(true);\n const currentValue = useRef(value);\n useEffect(() => {\n currentValue.current = value;\n });\n const currentTimeFormat = useRef(timeFormat);\n useEffect(() => {\n currentTimeFormat.current = timeFormat;\n });\n\n useEffect(() => {\n // allow external changes to the time format (via timeFormat or locale properties)\n if (!firstRender.current && currentValue.current != null) {\n const to12 = timeFormat === TimeFormat.H12;\n\n let { hours: h, period: p } = currentValue.current;\n if (to12) {\n if (h == null || h < 12) {\n p = PeriodPickerOptions.AM;\n } else {\n p = PeriodPickerOptions.PM;\n if (h > 12) {\n h -= 12;\n }\n }\n } else {\n if (p === PeriodPickerOptions.AM) {\n if (h === 12) {\n h = 0;\n }\n } else if (h < 12) {\n h += 12;\n }\n p = undefined;\n }\n\n setValue(\n {\n hours: h,\n minutes: currentValue.current.minutes,\n seconds: currentValue.current.seconds,\n period: p,\n },\n true\n );\n }\n }, [setValue, timeFormat]);\n\n useEffect(() => {\n // allow control of value property\n if (!firstRender.current) {\n const dayPeriod =\n valueProp?.hours == null || valueProp.hours < 12\n ? PeriodPickerOptions.AM\n : PeriodPickerOptions.PM;\n\n setValue(\n valueProp != null\n ? {\n hours:\n valueProp?.hours != null\n ? getHoursForTimeFormat(valueProp.hours, currentTimeFormat.current)\n : null,\n minutes: valueProp?.minutes,\n seconds: valueProp?.seconds,\n period: currentTimeFormat.current === TimeFormat.H12 ? dayPeriod : null,\n }\n : null,\n true\n );\n }\n }, [setValue, valueProp]);\n\n useEffect(() => {\n // on close, make sure to restore the last valid value\n // (in the case the user closed with some time part invalid)\n if (!firstRender.current && !isOpen) {\n rollbackValue();\n }\n }, [isOpen, rollbackValue]);\n\n useEffect(() => {\n // run validations on each render\n // (except on the first, remaining in the standBy/untouched state)\n if (!firstRender.current) {\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && lastValidValue == null) {\n return \"invalid\";\n }\n return \"valid\";\n });\n }\n });\n\n useEffect(() => {\n firstRender.current = false;\n }, []);\n // #endregion\n\n // #region EVENT HANDLERS\n const handleTimeChange = (updatedTimeObject) => {\n if (!timeIsEqual(value, updatedTimeObject)) {\n const valid = timeIsValid(updatedTimeObject, timeFormat);\n\n // the value only is commited if valid\n setValue(updatedTimeObject, valid);\n\n if (valid) {\n // always output in 24h format\n onChange?.(getTimeWithFormat24(updatedTimeObject, timeFormat));\n }\n }\n };\n\n /**\n * Handles the change of the hours value\n * @param {Number} hours - selected hours\n * @memberof HvTimePicker\n */\n const handleHoursChange = (updatedHours) => {\n const newSelectedTime = {\n ...value,\n hours: updatedHours,\n };\n\n handleTimeChange(newSelectedTime);\n };\n\n /**\n * Handles the change of the minutes value\n * @param {Number} minutes - selected minutes\n * @memberof HvTimePicker\n */\n const handleMinutesChange = (updatedMinutes) => {\n const newSelectedTime = {\n ...value,\n minutes: updatedMinutes,\n };\n\n handleTimeChange(newSelectedTime);\n };\n\n /**\n * Handles the change of the seconds value\n * @param {Number} seconds - selected seconds\n * @memberof HvTimePicker\n */\n const handleSecondsChange = (updatedSeconds) => {\n const newSelectedTime = {\n ...value,\n seconds: updatedSeconds,\n };\n\n handleTimeChange(newSelectedTime);\n };\n\n /**\n * Handles the change of the period (am/pm)\n * @param {String} period - selected period\n * @memberof HvTimePicker\n */\n const handleChangePeriod = (updatedPeriod) => {\n const newSelectedTime = {\n ...value,\n period: updatedPeriod,\n };\n\n handleTimeChange(newSelectedTime);\n };\n\n const onToggle = (evt, open) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the change of the expanded property.\n */\n if (evt === null) return;\n\n onToggleCallback?.(evt, open);\n\n setOpen(open);\n };\n // #endregion\n\n const hasLabels = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const isStateInvalid = validationState === \"invalid\";\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n locale={locale}\n required={required}\n disabled={disabled}\n status={validationState}\n classes={{\n root: classes.formElementRoot,\n }}\n className={clsx(className, classes.root)}\n {...others}\n >\n {(hasLabels || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabels && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n id={setId(elementId, \"timepicker-dropdown\")}\n role=\"combobox\"\n placeholder={\n lastValidValue != null ? (\n getFormattedTime(lastValidValue, timeFormat)\n ) : (\n <HvTypography variant=\"placeholderText\">{placeholder}</HvTypography>\n )\n }\n classes={{\n placeholder: disabled ? classes.dropdownPlaceholderDisabled : classes.dropdownPlaceholder,\n header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n headerOpen: classes.dropdownHeaderOpen,\n }}\n variableWidth\n placement=\"right\"\n adornment={\n <TimeIcon color={disabled ? \"atmo5\" : \"acce1\"} className={classes.iconBaseRoot} />\n }\n expanded={isOpen}\n onToggle={onToggle}\n onContainerCreation={setFocusToContent}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n disablePortal={disablePortal}\n disabled={disabled}\n popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n {...dropdownProps}\n >\n <div className={classes.timePopperContainer}>\n <UnitTimePicker\n id={setId(elementId, \"hours\")}\n placeholder={hoursPlaceholder}\n unit={\n timeFormat === TimeFormat.H24\n ? TimePickerUnits.HOUR_24.type\n : TimePickerUnits.HOUR_12.type\n }\n unitValue={value?.hours}\n onChangeUnitTimeValue={handleHoursChange}\n />\n <span className={classes.separator}>:</span>\n <UnitTimePicker\n id={setId(elementId, \"minutes\")}\n placeholder={minutesPlaceholder}\n unit={TimePickerUnits.MINUTE.type}\n unitValue={value?.minutes}\n onChangeUnitTimeValue={handleMinutesChange}\n />\n <span className={classes.separator}>:</span>\n <UnitTimePicker\n id={setId(elementId, \"seconds\")}\n placeholder={secondsPlaceholder}\n unit={TimePickerUnits.SECOND.type}\n unitValue={value?.seconds}\n onChangeUnitTimeValue={handleSecondsChange}\n />\n {timeFormat === TimeFormat.H12 && (\n <PeriodPicker onChangePeriod={handleChangePeriod} period={value?.period} />\n )}\n </div>\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTimePicker.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the input/popper\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root element.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the input.\n */\n input: PropTypes.string,\n /**\n * Styles applied to the label.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the timePopperContainer.\n */\n timePopperContainer: PropTypes.string,\n /**\n * Styles applied to the separator.\n */\n separator: PropTypes.string,\n /**\n * Styles applied to the period container.\n */\n periodContainer: PropTypes.string,\n /**\n * Styles applied to the form element.\n */\n formElementRoot: PropTypes.string,\n /**\n * Styles applied to the dropdown placeholder.\n */\n dropdownPlaceholder: PropTypes.string,\n /**\n * Styles applied to the icon base.\n */\n iconBaseRoot: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n /**\n * Styles applied to the container of the labels elements.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the icon information text.\n */\n description: PropTypes.string,\n /**\n * Styles applied to the dropdown when invalid information text.\n */\n dropdownHeaderInvalid: PropTypes.string,\n /**\n * Styles applied to the dropdown text when invalid.\n */\n\n dropdownPlaceholderDisabled: PropTypes.string,\n /**\n * Styles applied to the dropdown border when invalid.\n */\n dropdownHeaderOpen: PropTypes.string,\n }).isRequired,\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.shape({\n hours: PropTypes.number,\n minutes: PropTypes.number,\n seconds: PropTypes.number,\n period: PropTypes.string,\n }),\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.shape({\n hours: PropTypes.number,\n minutes: PropTypes.number,\n seconds: PropTypes.number,\n period: PropTypes.string,\n }),\n\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.string,\n\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * The placeholder value when no time is selected.\n */\n placeholder: PropTypes.string,\n\n /**\n * The placeholder of the hours input.\n */\n hoursPlaceholder: PropTypes.string,\n /**\n * The placeholder of the minutes input.\n */\n minutesPlaceholder: PropTypes.string,\n /**\n * The placeholder of the seconds input.\n */\n secondsPlaceholder: PropTypes.string,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.node,\n /**\n * Identifies the element that provides an error message for the time picker.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * If the time should be presented in 12 or 24 hour format.\n * If undefined, the component will use a format according to the passed locale.\n * If defined, it will \"override\" the default value given by the locale\n */\n timeFormat: PropTypes.oneOf([TimeFormat.H12, TimeFormat.H24, 12, 24, undefined]),\n\n /**\n * Locale that will provide the time format(12 or 24 hour format)\n * It is \"overwritten\" by the timeFormat prop\n */\n locale: PropTypes.string,\n\n /**\n * Callback function to be triggered when the input value is changed.\n * It is invoked with a object param with the following props:\n * - hours (in a 24h format)\n * - minutes\n * - seconds\n * - period\n *\n * It is always invoked with the hours in a 24h format\n */\n onChange: PropTypes.func,\n\n /**\n * Callback called when dropdown changes the expanded state.\n *\n * @param {object} event The event source of the callback.\n * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n */\n onToggle: PropTypes.func,\n\n /**\n * Allow starting with an empty value by not defaulting to the current time.\n * This should become the default behavior when the component is promoted to core.\n */\n disableDefaultValue: PropTypes.bool,\n\n /**\n * Default value for the hours picker\n * @deprecated use defaultValue instead\n */\n hours: PropTypes.number,\n /**\n * Default value for the minutes picker\n * @deprecated use defaultValue instead\n */\n minutes: PropTypes.number,\n /**\n * Default value for the seconds picker\n * @deprecated use defaultValue instead\n */\n seconds: PropTypes.number,\n /**\n * Default value for the period picker\n * @deprecated use defaultValue instead\n */\n period: PropTypes.string,\n\n /**\n * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n\n /**\n * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n */\n escapeWithReference: PropTypes.bool,\n /**\n * Extra properties to be passed to the timepicker dropdown.\n */\n dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTimePicker\" })(HvTimePicker);\n"],"file":"TimePicker.js"}
1
+ {"version":3,"sources":["../../../src/TimePicker/TimePicker.js"],"names":["React","useState","useEffect","useRef","useMemo","PropTypes","clsx","withStyles","HvFormElement","HvBaseDropdown","HvLabel","HvWarningText","HvInfoMessage","setId","useUniqueId","useControlled","useLocale","HvTypography","useSavedState","useDeprecated","Time","TimeIcon","TimePickerUnits","TimeFormat","PeriodPickerOptions","getFormattedTime","getTimeFormatForLocale","getHoursForTimeFormat","getTimeWithFormat24","UnitTimePicker","PeriodPicker","styles","setFocusToContent","containerRef","getElementsByTagName","focus","timeIsEqual","timeA","timeB","hours","minutes","seconds","period","timeIsValid","time","timeFormat","hourInputState","H24","H12","minutesInputState","secondsInputState","HvTimePicker","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","hoursPlaceholder","minutesPlaceholder","secondsPlaceholder","valueProp","value","defaultValueProp","defaultValue","chosenTimeFormat","localeProp","locale","disableDefaultValue","onToggleCallback","onToggle","Date","getHours","getMinutes","chosenTimePeriod","disablePortal","escapeWithReference","dropdownProps","others","elementId","localeFromProvider","toString","v","AM","PM","setValue","rollbackValue","lastValidValue","validationMessage","validationState","setValidationState","isOpen","setOpen","firstRender","currentValue","current","currentTimeFormat","to12","h","p","undefined","dayPeriod","handleTimeChange","updatedTimeObject","valid","handleHoursChange","updatedHours","newSelectedTime","handleMinutesChange","updatedMinutes","handleSecondsChange","updatedSeconds","handleChangePeriod","updatedPeriod","evt","open","hasLabels","hasDescription","canShowError","isStateInvalid","errorMessageId","root","formElementRoot","labelContainer","dropdownPlaceholderDisabled","dropdownPlaceholder","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","iconBaseRoot","join","trim","modifiers","enabled","timePopperContainer","HOUR_24","type","HOUR_12","separator","MINUTE","SECOND","error","propTypes","shape","string","input","periodContainer","isRequired","number","bool","node","oneOf","func","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport {\n HvFormElement,\n HvBaseDropdown,\n HvLabel,\n HvWarningText,\n HvInfoMessage,\n setId,\n useUniqueId,\n useControlled,\n useLocale,\n HvTypography,\n useSavedState,\n useDeprecated,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Time as TimeIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { TimePickerUnits, TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getFormattedTime, getTimeFormatForLocale } from \"./timePickerFormatter\";\nimport { getHoursForTimeFormat, getTimeWithFormat24 } from \"./timePickerConverter\";\nimport UnitTimePicker from \"./UnitTimePicker\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nimport styles from \"./styles\";\n\nconst setFocusToContent = (containerRef) => {\n containerRef?.getElementsByTagName(\"input\")[0]?.focus();\n};\n\nconst timeIsEqual = (timeA, timeB) => {\n return (\n timeA === timeB ||\n (timeA == null && timeB == null) ||\n (timeA != null &&\n timeB != null &&\n timeA.hours === timeB.hours &&\n timeA.minutes === timeB.minutes &&\n timeA.seconds === timeB.seconds &&\n timeA.period === timeB.period)\n );\n};\n\nconst timeIsValid = (time, timeFormat) => {\n const hourInputState =\n time?.hours != null &&\n time.hours !== \"\" &&\n time.hours >= 0 &&\n ((timeFormat === TimeFormat.H24 && time.hours <= 24) ||\n (timeFormat === TimeFormat.H12 && time.hours <= 12));\n const minutesInputState =\n time?.minutes != null && time.minutes !== \"\" && time.minutes >= 0 && time.minutes <= 59;\n const secondsInputState =\n time?.seconds != null && time.seconds !== \"\" && time.seconds >= 0 && time.seconds <= 59;\n\n return hourInputState && minutesInputState && secondsInputState;\n};\n\n/**\n * A TimePicker component used to choose the time, following specifications provided by Design System. Still in development.\n */\n\nconst HvTimePicker = ({\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n hoursPlaceholder = \"hh\",\n minutesPlaceholder = \"mm\",\n secondsPlaceholder = \"ss\",\n\n value: valueProp,\n defaultValue: defaultValueProp,\n\n timeFormat: chosenTimeFormat,\n locale: localeProp,\n\n disableDefaultValue,\n\n onToggle: onToggleCallback,\n\n // deprecated properties:\n hours = new Date().getHours(),\n minutes = new Date().getMinutes(),\n seconds = 0,\n period: chosenTimePeriod,\n\n // misc properties:\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n ...others\n}) => {\n useDeprecated(\"TimePicker\", \"Please use the TimePicker component in Core\");\n\n // #region STATE\n const elementId = useUniqueId(id, \"hvtimepicker\");\n\n const localeFromProvider = useLocale();\n const locale = localeProp || localeFromProvider;\n const timeFormat = useMemo(\n () => (chosenTimeFormat != null ? chosenTimeFormat.toString() : getTimeFormatForLocale(locale)),\n [chosenTimeFormat, locale]\n );\n\n const [value, setValue, rollbackValue, lastValidValue] = useSavedState(() => {\n // fallback to the deprecated properties\n // we shouldn't do that when promoting to core\n // as it makes impossible to start with an empty value\n const defaultValue =\n defaultValueProp ??\n (disableDefaultValue\n ? null\n : {\n hours,\n minutes,\n seconds,\n });\n\n const v = valueProp ?? defaultValue;\n\n return v != null\n ? {\n hours: v?.hours != null ? getHoursForTimeFormat(v.hours, timeFormat) : null,\n minutes: v?.minutes,\n seconds: v?.seconds,\n period:\n timeFormat === TimeFormat.H12\n ? chosenTimePeriod ??\n (v?.hours == null || v.hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM)\n : null,\n }\n : null;\n });\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [isOpen, setOpen] = useState(false);\n // #endregion\n\n // #region SIDE EFFECTS\n const firstRender = useRef(true);\n const currentValue = useRef(value);\n useEffect(() => {\n currentValue.current = value;\n });\n const currentTimeFormat = useRef(timeFormat);\n useEffect(() => {\n currentTimeFormat.current = timeFormat;\n });\n\n useEffect(() => {\n // allow external changes to the time format (via timeFormat or locale properties)\n if (!firstRender.current && currentValue.current != null) {\n const to12 = timeFormat === TimeFormat.H12;\n\n let { hours: h, period: p } = currentValue.current;\n if (to12) {\n if (h == null || h < 12) {\n p = PeriodPickerOptions.AM;\n } else {\n p = PeriodPickerOptions.PM;\n if (h > 12) {\n h -= 12;\n }\n }\n } else {\n if (p === PeriodPickerOptions.AM) {\n if (h === 12) {\n h = 0;\n }\n } else if (h < 12) {\n h += 12;\n }\n p = undefined;\n }\n\n setValue(\n {\n hours: h,\n minutes: currentValue.current.minutes,\n seconds: currentValue.current.seconds,\n period: p,\n },\n true\n );\n }\n }, [setValue, timeFormat]);\n\n useEffect(() => {\n // allow control of value property\n if (!firstRender.current) {\n const dayPeriod =\n valueProp?.hours == null || valueProp.hours < 12\n ? PeriodPickerOptions.AM\n : PeriodPickerOptions.PM;\n\n setValue(\n valueProp != null\n ? {\n hours:\n valueProp?.hours != null\n ? getHoursForTimeFormat(valueProp.hours, currentTimeFormat.current)\n : null,\n minutes: valueProp?.minutes,\n seconds: valueProp?.seconds,\n period: currentTimeFormat.current === TimeFormat.H12 ? dayPeriod : null,\n }\n : null,\n true\n );\n }\n }, [setValue, valueProp]);\n\n useEffect(() => {\n // on close, make sure to restore the last valid value\n // (in the case the user closed with some time part invalid)\n if (!firstRender.current && !isOpen) {\n rollbackValue();\n }\n }, [isOpen, rollbackValue]);\n\n useEffect(() => {\n // run validations on each render\n // (except on the first, remaining in the standBy/untouched state)\n if (!firstRender.current) {\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && lastValidValue == null) {\n return \"invalid\";\n }\n return \"valid\";\n });\n }\n });\n\n useEffect(() => {\n firstRender.current = false;\n }, []);\n // #endregion\n\n // #region EVENT HANDLERS\n const handleTimeChange = (updatedTimeObject) => {\n if (!timeIsEqual(value, updatedTimeObject)) {\n const valid = timeIsValid(updatedTimeObject, timeFormat);\n\n // the value only is commited if valid\n setValue(updatedTimeObject, valid);\n\n if (valid) {\n // always output in 24h format\n onChange?.(getTimeWithFormat24(updatedTimeObject, timeFormat));\n }\n }\n };\n\n /**\n * Handles the change of the hours value\n * @param {Number} hours - selected hours\n * @memberof HvTimePicker\n */\n const handleHoursChange = (updatedHours) => {\n const newSelectedTime = {\n ...value,\n hours: updatedHours,\n };\n\n handleTimeChange(newSelectedTime);\n };\n\n /**\n * Handles the change of the minutes value\n * @param {Number} minutes - selected minutes\n * @memberof HvTimePicker\n */\n const handleMinutesChange = (updatedMinutes) => {\n const newSelectedTime = {\n ...value,\n minutes: updatedMinutes,\n };\n\n handleTimeChange(newSelectedTime);\n };\n\n /**\n * Handles the change of the seconds value\n * @param {Number} seconds - selected seconds\n * @memberof HvTimePicker\n */\n const handleSecondsChange = (updatedSeconds) => {\n const newSelectedTime = {\n ...value,\n seconds: updatedSeconds,\n };\n\n handleTimeChange(newSelectedTime);\n };\n\n /**\n * Handles the change of the period (am/pm)\n * @param {String} period - selected period\n * @memberof HvTimePicker\n */\n const handleChangePeriod = (updatedPeriod) => {\n const newSelectedTime = {\n ...value,\n period: updatedPeriod,\n };\n\n handleTimeChange(newSelectedTime);\n };\n\n const onToggle = (evt, open) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the change of the expanded property.\n */\n if (evt === null) return;\n\n onToggleCallback?.(evt, open);\n\n setOpen(open);\n };\n // #endregion\n\n const hasLabels = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const isStateInvalid = validationState === \"invalid\";\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n locale={locale}\n required={required}\n disabled={disabled}\n status={validationState}\n classes={{\n root: classes.formElementRoot,\n }}\n className={clsx(className, classes.root)}\n {...others}\n >\n {(hasLabels || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabels && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n id={setId(elementId, \"timepicker-dropdown\")}\n role=\"combobox\"\n placeholder={\n lastValidValue != null ? (\n getFormattedTime(lastValidValue, timeFormat)\n ) : (\n <HvTypography variant=\"placeholderText\">{placeholder}</HvTypography>\n )\n }\n classes={{\n placeholder: disabled ? classes.dropdownPlaceholderDisabled : classes.dropdownPlaceholder,\n header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n headerOpen: classes.dropdownHeaderOpen,\n }}\n variableWidth\n placement=\"right\"\n adornment={\n <TimeIcon color={disabled ? \"atmo5\" : \"acce1\"} className={classes.iconBaseRoot} />\n }\n expanded={isOpen}\n onToggle={onToggle}\n onContainerCreation={setFocusToContent}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n disablePortal={disablePortal}\n disabled={disabled}\n popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n {...dropdownProps}\n >\n <div className={classes.timePopperContainer}>\n <UnitTimePicker\n id={setId(elementId, \"hours\")}\n placeholder={hoursPlaceholder}\n unit={\n timeFormat === TimeFormat.H24\n ? TimePickerUnits.HOUR_24.type\n : TimePickerUnits.HOUR_12.type\n }\n unitValue={value?.hours}\n onChangeUnitTimeValue={handleHoursChange}\n />\n <span className={classes.separator}>:</span>\n <UnitTimePicker\n id={setId(elementId, \"minutes\")}\n placeholder={minutesPlaceholder}\n unit={TimePickerUnits.MINUTE.type}\n unitValue={value?.minutes}\n onChangeUnitTimeValue={handleMinutesChange}\n />\n <span className={classes.separator}>:</span>\n <UnitTimePicker\n id={setId(elementId, \"seconds\")}\n placeholder={secondsPlaceholder}\n unit={TimePickerUnits.SECOND.type}\n unitValue={value?.seconds}\n onChangeUnitTimeValue={handleSecondsChange}\n />\n {timeFormat === TimeFormat.H12 && (\n <PeriodPicker onChangePeriod={handleChangePeriod} period={value?.period} />\n )}\n </div>\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTimePicker.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the input/popper\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root element.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the input.\n */\n input: PropTypes.string,\n /**\n * Styles applied to the label.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the timePopperContainer.\n */\n timePopperContainer: PropTypes.string,\n /**\n * Styles applied to the separator.\n */\n separator: PropTypes.string,\n /**\n * Styles applied to the period container.\n */\n periodContainer: PropTypes.string,\n /**\n * Styles applied to the form element.\n */\n formElementRoot: PropTypes.string,\n /**\n * Styles applied to the dropdown placeholder.\n */\n dropdownPlaceholder: PropTypes.string,\n /**\n * Styles applied to the icon base.\n */\n iconBaseRoot: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n /**\n * Styles applied to the container of the labels elements.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the icon information text.\n */\n description: PropTypes.string,\n /**\n * Styles applied to the dropdown when invalid information text.\n */\n dropdownHeaderInvalid: PropTypes.string,\n /**\n * Styles applied to the dropdown text when invalid.\n */\n\n dropdownPlaceholderDisabled: PropTypes.string,\n /**\n * Styles applied to the dropdown border when invalid.\n */\n dropdownHeaderOpen: PropTypes.string,\n }).isRequired,\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.shape({\n hours: PropTypes.number,\n minutes: PropTypes.number,\n seconds: PropTypes.number,\n period: PropTypes.string,\n }),\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.shape({\n hours: PropTypes.number,\n minutes: PropTypes.number,\n seconds: PropTypes.number,\n period: PropTypes.string,\n }),\n\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.string,\n\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * The placeholder value when no time is selected.\n */\n placeholder: PropTypes.string,\n\n /**\n * The placeholder of the hours input.\n */\n hoursPlaceholder: PropTypes.string,\n /**\n * The placeholder of the minutes input.\n */\n minutesPlaceholder: PropTypes.string,\n /**\n * The placeholder of the seconds input.\n */\n secondsPlaceholder: PropTypes.string,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.node,\n /**\n * Identifies the element that provides an error message for the time picker.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * If the time should be presented in 12 or 24 hour format.\n * If undefined, the component will use a format according to the passed locale.\n * If defined, it will \"override\" the default value given by the locale\n */\n timeFormat: PropTypes.oneOf([TimeFormat.H12, TimeFormat.H24, 12, 24, undefined]),\n\n /**\n * Locale that will provide the time format(12 or 24 hour format)\n * It is \"overwritten\" by the timeFormat prop\n */\n locale: PropTypes.string,\n\n /**\n * Callback function to be triggered when the input value is changed.\n * It is invoked with a object param with the following props:\n * - hours (in a 24h format)\n * - minutes\n * - seconds\n * - period\n *\n * It is always invoked with the hours in a 24h format\n */\n onChange: PropTypes.func,\n\n /**\n * Callback called when dropdown changes the expanded state.\n *\n * @param {object} event The event source of the callback.\n * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n */\n onToggle: PropTypes.func,\n\n /**\n * Allow starting with an empty value by not defaulting to the current time.\n * This should become the default behavior when the component is promoted to core.\n */\n disableDefaultValue: PropTypes.bool,\n\n /**\n * Default value for the hours picker\n * @deprecated use defaultValue instead\n */\n hours: PropTypes.number,\n /**\n * Default value for the minutes picker\n * @deprecated use defaultValue instead\n */\n minutes: PropTypes.number,\n /**\n * Default value for the seconds picker\n * @deprecated use defaultValue instead\n */\n seconds: PropTypes.number,\n /**\n * Default value for the period picker\n * @deprecated use defaultValue instead\n */\n period: PropTypes.string,\n\n /**\n * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n\n /**\n * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n */\n escapeWithReference: PropTypes.bool,\n /**\n * Extra properties to be passed to the timepicker dropdown.\n */\n dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTimePicker\" })(HvTimePicker);\n"],"file":"TimePicker.js"}
@@ -1,11 +1,40 @@
1
1
  import * as React from "react";
2
2
  import { StandardProps } from "@material-ui/core";
3
3
 
4
- export type HvProgressBarClassKey = "root";
4
+ export type HvProgressBarClassKey =
5
+ | "root"
6
+ | "progress"
7
+ | "progressContainer"
8
+ | "progressBarContainer"
9
+ | "progressBar"
10
+ | "progressDone"
11
+ | "progressError"
12
+ | "progressBarLabel"
13
+ | "progressBarLabelHidden";
5
14
 
6
- export type HvProgressBarProps = StandardProps<
7
- React.HTMLAttributes<HTMLDivElement>,
8
- HvProgressBarClassKey
9
- >;
15
+ export interface HvProgressBarProps
16
+ extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey>,
17
+ HvProgressBarProps {
18
+ /**
19
+ * The value of the progress bar.
20
+ */
21
+ value?: number;
22
+ /**
23
+ * The status of the progress bar.
24
+ *
25
+ * inProgress is black, error is red and completed is green.
26
+ *
27
+ * When uncontrolled and unspecified it will default to "inProgress".
28
+ */
29
+ status?: string;
30
+ /**
31
+ * If `true` the progress bar will not show the percentage label.
32
+ */
33
+ undeterminate?: boolean;
34
+ /**
35
+ * Aria Properties passed on to the progress bar.
36
+ */
37
+ labelProps?: object;
38
+ }
10
39
 
11
40
  export default function HvProgressBar(props: HvProgressBarProps): JSX.Element | null;
@@ -8,6 +8,11 @@ import clamp from "lodash/clamp";
8
8
  import { HvTypography } from "@hitachivantara/uikit-react-core";
9
9
  import { withStyles } from "@material-ui/core";
10
10
  import styles from "./styles";
11
+ const statusCategories = Object.freeze({
12
+ inProgress: "inProgress",
13
+ completed: "completed",
14
+ error: "error"
15
+ });
11
16
  /**
12
17
  * ProgressBar provides feedback about a process that is taking place in the application.
13
18
  */
@@ -17,7 +22,7 @@ const HvProgressBar = props => {
17
22
  className,
18
23
  classes,
19
24
  value = 0,
20
- status,
25
+ status = statusCategories.inProgress,
21
26
  undeterminate = false,
22
27
  labelProps
23
28
  } = props,
@@ -27,11 +32,9 @@ const HvProgressBar = props => {
27
32
  return /*#__PURE__*/React.createElement("div", _extends({
28
33
  className: clsx(className, classes.root, classes.progress),
29
34
  role: "progressbar",
30
- status: "inProgress",
31
- "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
32
- ,
33
35
  "aria-valuemin": "0",
34
- "aria-valuemax": "100"
36
+ "aria-valuemax": "100",
37
+ "aria-valuenow": clampedValue
35
38
  }, others), /*#__PURE__*/React.createElement("div", {
36
39
  className: classes.progressContainer
37
40
  }, /*#__PURE__*/React.createElement(HvTypography, _extends({
@@ -39,17 +42,14 @@ const HvProgressBar = props => {
39
42
  style: {
40
43
  width: `${clampedValue}%`
41
44
  },
42
- className: clsx(classes.progressBarLabel, undeterminate && classes.progressBarLabelHidden, status === "completed" && classes.progressDone)
45
+ className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone, undeterminate && classes.progressBarLabelHidden)
43
46
  }, labelProps), `${clampedValue}%`), /*#__PURE__*/React.createElement("div", {
44
47
  className: classes.progressBarContainer
45
48
  }, /*#__PURE__*/React.createElement("div", {
46
49
  style: {
47
50
  width: `${clampedValue}%`
48
51
  },
49
- className: clsx(classes.progressBar, {
50
- "completed": classes.progressDone,
51
- "error": classes.progressError
52
- }[status])
52
+ className: clsx(classes.progressBar, status === statusCategories.completed && classes.progressDone, status === statusCategories.error && classes.progressError)
53
53
  }))));
54
54
  };
55
55
 
@@ -121,7 +121,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
121
121
  *
122
122
  * When uncontrolled and unspecified it will default to "inProgress".
123
123
  */
124
- status: PropTypes.oneOf(["inProgress", "completed", "error"]),
124
+ status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
125
125
 
126
126
  /**
127
127
  * If `true` the progress bar will not show the percentage label.
@@ -1 +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"}
1
+ {"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"}