@hitachivantara/uikit-react-lab 3.45.9 → 3.45.12
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.
- package/dist/ProgressBar/ProgressBar.d.ts +2 -8
- package/dist/ProgressBar/ProgressBar.js +3 -15
- package/dist/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/ProgressBar/ProgressBarSimulator.js +0 -2
- package/dist/ProgressBar/ProgressBarSimulator.js.map +1 -1
- package/dist/ProgressBar/styles.js +0 -5
- package/dist/ProgressBar/styles.js.map +1 -1
- package/dist/legacy/ProgressBar/ProgressBar.d.ts +2 -8
- package/dist/legacy/ProgressBar/ProgressBar.js +3 -15
- package/dist/legacy/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/legacy/ProgressBar/ProgressBarSimulator.js +0 -2
- package/dist/legacy/ProgressBar/ProgressBarSimulator.js.map +1 -1
- package/dist/legacy/ProgressBar/styles.js +0 -5
- package/dist/legacy/ProgressBar/styles.js.map +1 -1
- package/dist/modern/ProgressBar/ProgressBar.d.ts +2 -8
- package/dist/modern/ProgressBar/ProgressBar.js +3 -14
- package/dist/modern/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/modern/ProgressBar/ProgressBarSimulator.js +0 -2
- package/dist/modern/ProgressBar/ProgressBarSimulator.js.map +1 -1
- package/dist/modern/ProgressBar/styles.js +0 -5
- package/dist/modern/ProgressBar/styles.js.map +1 -1
- package/package.json +3 -3
|
@@ -9,12 +9,10 @@ export type HvProgressBarClassKey =
|
|
|
9
9
|
| "progressBar"
|
|
10
10
|
| "progressDone"
|
|
11
11
|
| "progressError"
|
|
12
|
-
| "progressBarLabel"
|
|
13
|
-
| "progressBarLabelHidden";
|
|
12
|
+
| "progressBarLabel";
|
|
14
13
|
|
|
15
14
|
export interface HvProgressBarProps
|
|
16
|
-
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey
|
|
17
|
-
HvProgressBarProps {
|
|
15
|
+
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey> {
|
|
18
16
|
/**
|
|
19
17
|
* The value of the progress bar.
|
|
20
18
|
*/
|
|
@@ -27,10 +25,6 @@ export interface HvProgressBarProps
|
|
|
27
25
|
* When uncontrolled and unspecified it will default to "inProgress".
|
|
28
26
|
*/
|
|
29
27
|
status?: string;
|
|
30
|
-
/**
|
|
31
|
-
* If `true` the progress bar will not show the percentage label.
|
|
32
|
-
*/
|
|
33
|
-
undeterminate?: boolean;
|
|
34
28
|
/**
|
|
35
29
|
* Aria Properties passed on to the progress bar.
|
|
36
30
|
*/
|
|
@@ -27,7 +27,7 @@ var _core = require("@material-ui/core");
|
|
|
27
27
|
|
|
28
28
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
29
29
|
|
|
30
|
-
var _excluded = ["className", "classes", "value", "status", "
|
|
30
|
+
var _excluded = ["className", "classes", "value", "status", "labelProps"];
|
|
31
31
|
var statusCategories = Object.freeze({
|
|
32
32
|
inProgress: "inProgress",
|
|
33
33
|
completed: "completed",
|
|
@@ -44,8 +44,6 @@ var HvProgressBar = function HvProgressBar(props) {
|
|
|
44
44
|
value = _props$value === void 0 ? 0 : _props$value,
|
|
45
45
|
_props$status = props.status,
|
|
46
46
|
status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
|
|
47
|
-
_props$undeterminate = props.undeterminate,
|
|
48
|
-
undeterminate = _props$undeterminate === void 0 ? false : _props$undeterminate,
|
|
49
47
|
labelProps = props.labelProps,
|
|
50
48
|
others = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
51
49
|
var clampedValue = (0, _clamp.default)(value, 0, 100);
|
|
@@ -62,7 +60,7 @@ var HvProgressBar = function HvProgressBar(props) {
|
|
|
62
60
|
style: {
|
|
63
61
|
width: "".concat(clampedValue, "%")
|
|
64
62
|
},
|
|
65
|
-
className: (0, _clsx.default)(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone
|
|
63
|
+
className: (0, _clsx.default)(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone)
|
|
66
64
|
}, labelProps), "".concat(clampedValue, "%")), /*#__PURE__*/_react.default.createElement("div", {
|
|
67
65
|
className: classes.progressBarContainer
|
|
68
66
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -121,12 +119,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
|
|
|
121
119
|
/**
|
|
122
120
|
* Style applied to the progress bar label.
|
|
123
121
|
*/
|
|
124
|
-
progressBarLabel: _propTypes.default.string
|
|
125
|
-
|
|
126
|
-
/**
|
|
127
|
-
* Style applied to the progress bar label.
|
|
128
|
-
*/
|
|
129
|
-
progressBarLabelHidden: _propTypes.default.string
|
|
122
|
+
progressBarLabel: _propTypes.default.string
|
|
130
123
|
}).isRequired,
|
|
131
124
|
|
|
132
125
|
/**
|
|
@@ -143,11 +136,6 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
|
|
|
143
136
|
*/
|
|
144
137
|
status: _propTypes.default.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
|
|
145
138
|
|
|
146
|
-
/**
|
|
147
|
-
* If `true` the progress bar will not show the percentage label.
|
|
148
|
-
*/
|
|
149
|
-
undeterminate: _propTypes.default.bool,
|
|
150
|
-
|
|
151
139
|
/**
|
|
152
140
|
* Aria Properties passed on to the progress bar.
|
|
153
141
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","names":["statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","names":["statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","PropTypes","string","shape","isRequired","number","oneOf","instanceOf","styles","name"],"sources":["../../src/ProgressBar/ProgressBar.js"],"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 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 )}\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 }).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 * Aria Properties passed on to the progress bar.\n */\n labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}
|
|
@@ -37,7 +37,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
37
37
|
var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
|
|
38
38
|
var inc = _ref.inc,
|
|
39
39
|
error = _ref.error,
|
|
40
|
-
undeterminate = _ref.undeterminate,
|
|
41
40
|
ariaLabel = _ref.ariaLabel,
|
|
42
41
|
ariaLive = _ref.ariaLive;
|
|
43
42
|
|
|
@@ -88,7 +87,6 @@ var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
|
|
|
88
87
|
}, /*#__PURE__*/_react.default.createElement(_.HvProgressBar, {
|
|
89
88
|
value: value,
|
|
90
89
|
status: status,
|
|
91
|
-
undeterminate: undeterminate,
|
|
92
90
|
labelProps: {
|
|
93
91
|
"aria-label": ariaLabel,
|
|
94
92
|
"aria-busy": false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarSimulator.js","names":["ProgressBarSimulator","inc","error","
|
|
1
|
+
{"version":3,"file":"ProgressBarSimulator.js","names":["ProgressBarSimulator","inc","error","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft"],"sources":["../../src/ProgressBar/ProgressBarSimulator.js"],"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, 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 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAEA;AACO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAyC;EAAA,IAAtCC,GAAsC,QAAtCA,GAAsC;EAAA,IAAjCC,KAAiC,QAAjCA,KAAiC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC3E,gBAA4B,qBAAS,YAAT,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA0B,qBAAS,CAAT,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAsB,qBAAS,KAAT,CAAtB;EAAA;EAAA,IAAOC,GAAP;EAAA,IAAYC,MAAZ;;EAEA,sBAAU,YAAM;IACd,IAAMC,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIJ,KAAK,IAAIK,KAAK,KAAKL,KAAvB,EAA8B;QACnCW,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACP,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO;MAAA,OAAMY,aAAa,CAACF,QAAD,CAAnB;IAAA,CAAP;EACD,CAZD,EAYG,CAACV,GAAD,EAAMM,KAAN,EAAaE,GAAb,EAAkBP,KAAlB,CAZH;;EAcA,IAAMY,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,IAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT;EAAZ,gBACE,6BAAC,eAAD;IACE,KAAK,EAAET,KADT;IAEE,MAAM,EAAEF,MAFV;IAGE,UAAU,EAAE;MACV,cAAcF,SADJ;MAEV,aAAa,KAFH;MAGV,aAAaC;IAHH;EAHd,EADF,eAUE;IAAK,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAb;EAAZ,gBACE,6BAAC,wBAAD;IAAU,OAAO,EAAEF;EAAnB,WADF,eAEE,6BAAC,wBAAD;IAAU,KAAK,EAAE;MAAEG,UAAU,EAAE;IAAd,CAAjB;IAAqC,OAAO,EAAEJ;EAA9C,WAFF,CAVF,CADF;AAmBD,CA/CM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n\n progress: {\n width: \"100%\",\n },\n\n progressContainer: {\n width: \"100%\",\n },\n\n progressBarContainer: {\n display: \"flex\",\n width: \"100%\",\n height: 4,\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n\n progressBar: {\n backgroundColor: \"#000\",\n height: 4,\n },\n\n progressDone: {\n backgroundColor: theme.hv.palette.semantic.sema1,\n },\n\n progressError: {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n\n progressBarLabel: {\n backgroundColor: \"transparent\",\n display: \"flex\",\n justifyContent: \"end\",\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,aAAa,EAAE,QAFX;MAGJC,UAAU,EAAE,QAHR;MAIJC,cAAc,EAAE;IAJZ,CADmB;IAQzBC,QAAQ,EAAE;MACRC,KAAK,EAAE;IADC,CARe;IAYzBC,iBAAiB,EAAE;MACjBD,KAAK,EAAE;IADU,CAZM;IAgBzBE,oBAAoB,EAAE;MACpBP,OAAO,EAAE,MADW;MAEpBK,KAAK,EAAE,MAFa;MAGpBG,MAAM,EAAE,CAHY;MAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAJzB,CAhBG;IAuBzBC,WAAW,EAAE;MACXL,eAAe,EAAE,MADN;MAEXD,MAAM,EAAE;IAFG,CAvBY;IA4BzBO,YAAY,EAAE;MACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;IAD/B,CA5BW;IAgCzBC,aAAa,EAAE;MACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;IAD9B,CAhCU;IAoCzBC,gBAAgB,EAAE;MAChBX,eAAe,EAAE,aADD;MAEhBT,OAAO,EAAE,MAFO;MAGhBG,cAAc,EAAE;IAHA;EApCO,CAAZ;AAAA,CAAf;;eA2CeN,M"}
|
|
@@ -9,12 +9,10 @@ export type HvProgressBarClassKey =
|
|
|
9
9
|
| "progressBar"
|
|
10
10
|
| "progressDone"
|
|
11
11
|
| "progressError"
|
|
12
|
-
| "progressBarLabel"
|
|
13
|
-
| "progressBarLabelHidden";
|
|
12
|
+
| "progressBarLabel";
|
|
14
13
|
|
|
15
14
|
export interface HvProgressBarProps
|
|
16
|
-
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey
|
|
17
|
-
HvProgressBarProps {
|
|
15
|
+
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey> {
|
|
18
16
|
/**
|
|
19
17
|
* The value of the progress bar.
|
|
20
18
|
*/
|
|
@@ -27,10 +25,6 @@ export interface HvProgressBarProps
|
|
|
27
25
|
* When uncontrolled and unspecified it will default to "inProgress".
|
|
28
26
|
*/
|
|
29
27
|
status?: string;
|
|
30
|
-
/**
|
|
31
|
-
* If `true` the progress bar will not show the percentage label.
|
|
32
|
-
*/
|
|
33
|
-
undeterminate?: boolean;
|
|
34
28
|
/**
|
|
35
29
|
* Aria Properties passed on to the progress bar.
|
|
36
30
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["className", "classes", "value", "status", "
|
|
3
|
+
var _excluded = ["className", "classes", "value", "status", "labelProps"];
|
|
4
4
|
import "core-js/modules/es.object.freeze.js";
|
|
5
5
|
import React from "react";
|
|
6
6
|
import PropTypes from "prop-types";
|
|
@@ -25,8 +25,6 @@ var HvProgressBar = function HvProgressBar(props) {
|
|
|
25
25
|
value = _props$value === void 0 ? 0 : _props$value,
|
|
26
26
|
_props$status = props.status,
|
|
27
27
|
status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
|
|
28
|
-
_props$undeterminate = props.undeterminate,
|
|
29
|
-
undeterminate = _props$undeterminate === void 0 ? false : _props$undeterminate,
|
|
30
28
|
labelProps = props.labelProps,
|
|
31
29
|
others = _objectWithoutProperties(props, _excluded);
|
|
32
30
|
|
|
@@ -44,7 +42,7 @@ var HvProgressBar = function HvProgressBar(props) {
|
|
|
44
42
|
style: {
|
|
45
43
|
width: "".concat(clampedValue, "%")
|
|
46
44
|
},
|
|
47
|
-
className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone
|
|
45
|
+
className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone)
|
|
48
46
|
}, labelProps), "".concat(clampedValue, "%")), /*#__PURE__*/React.createElement("div", {
|
|
49
47
|
className: classes.progressBarContainer
|
|
50
48
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -103,12 +101,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
|
|
|
103
101
|
/**
|
|
104
102
|
* Style applied to the progress bar label.
|
|
105
103
|
*/
|
|
106
|
-
progressBarLabel: PropTypes.string
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* Style applied to the progress bar label.
|
|
110
|
-
*/
|
|
111
|
-
progressBarLabelHidden: PropTypes.string
|
|
104
|
+
progressBarLabel: PropTypes.string
|
|
112
105
|
}).isRequired,
|
|
113
106
|
|
|
114
107
|
/**
|
|
@@ -125,11 +118,6 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
|
|
|
125
118
|
*/
|
|
126
119
|
status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
|
|
127
120
|
|
|
128
|
-
/**
|
|
129
|
-
* If `true` the progress bar will not show the percentage label.
|
|
130
|
-
*/
|
|
131
|
-
undeterminate: PropTypes.bool,
|
|
132
|
-
|
|
133
121
|
/**
|
|
134
122
|
* Aria Properties passed on to the progress bar.
|
|
135
123
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","instanceOf","name"],"sources":["../../../src/ProgressBar/ProgressBar.js"],"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 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 )}\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 }).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 * Aria Properties passed on to the progress bar.\n */\n labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ import { HvProgressBar } from ".."; // eslint-disable-next-line react/prop-types
|
|
|
6
6
|
export var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
|
|
7
7
|
var inc = _ref.inc,
|
|
8
8
|
error = _ref.error,
|
|
9
|
-
undeterminate = _ref.undeterminate,
|
|
10
9
|
ariaLabel = _ref.ariaLabel,
|
|
11
10
|
ariaLive = _ref.ariaLive;
|
|
12
11
|
|
|
@@ -57,7 +56,6 @@ export var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
|
|
|
57
56
|
}, /*#__PURE__*/React.createElement(HvProgressBar, {
|
|
58
57
|
value: value,
|
|
59
58
|
status: status,
|
|
60
|
-
undeterminate: undeterminate,
|
|
61
59
|
labelProps: {
|
|
62
60
|
"aria-label": ariaLabel,
|
|
63
61
|
"aria-busy": false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","
|
|
1
|
+
{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"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, 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 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"],"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,OAAyC;EAAA,IAAtCC,GAAsC,QAAtCA,GAAsC;EAAA,IAAjCC,KAAiC,QAAjCA,KAAiC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC3E,gBAA4BP,QAAQ,CAAC,YAAD,CAApC;EAAA;EAAA,IAAOQ,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA0BT,QAAQ,CAAC,CAAD,CAAlC;EAAA;EAAA,IAAOU,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAsBX,QAAQ,CAAC,KAAD,CAA9B;EAAA;EAAA,IAAOY,GAAP;EAAA,IAAYC,MAAZ;;EAEAd,SAAS,CAAC,YAAM;IACd,IAAMe,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIJ,KAAK,IAAIK,KAAK,KAAKL,KAAvB,EAA8B;QACnCW,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACP,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO;MAAA,OAAMY,aAAa,CAACF,QAAD,CAAnB;IAAA,CAAP;EACD,CAZQ,EAYN,CAACV,GAAD,EAAMM,KAAN,EAAaE,GAAb,EAAkBP,KAAlB,CAZM,CAAT;;EAcA,IAAMY,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,IAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT;EAAZ,gBACE,oBAAC,aAAD;IACE,KAAK,EAAET,KADT;IAEE,MAAM,EAAEF,MAFV;IAGE,UAAU,EAAE;MACV,cAAcF,SADJ;MAEV,aAAa,KAFH;MAGV,aAAaC;IAHH;EAHd,EADF,eAUE;IAAK,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAb;EAAZ,gBACE,oBAAC,QAAD;IAAU,OAAO,EAAEF;EAAnB,WADF,eAEE,oBAAC,QAAD;IAAU,KAAK,EAAE;MAAEG,UAAU,EAAE;IAAd,CAAjB;IAAqC,OAAO,EAAEJ;EAA9C,WAFF,CAVF,CADF;AAmBD,CA/CM;AAiDP,SAASd,oBAAoB,IAAImB,OAAjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n\n progress: {\n width: \"100%\",\n },\n\n progressContainer: {\n width: \"100%\",\n },\n\n progressBarContainer: {\n display: \"flex\",\n width: \"100%\",\n height: 4,\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n\n progressBar: {\n backgroundColor: \"#000\",\n height: 4,\n },\n\n progressDone: {\n backgroundColor: theme.hv.palette.semantic.sema1,\n },\n\n progressError: {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n\n progressBarLabel: {\n backgroundColor: \"transparent\",\n display: \"flex\",\n justifyContent: \"end\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,aAAa,EAAE,QAFX;MAGJC,UAAU,EAAE,QAHR;MAIJC,cAAc,EAAE;IAJZ,CADmB;IAQzBC,QAAQ,EAAE;MACRC,KAAK,EAAE;IADC,CARe;IAYzBC,iBAAiB,EAAE;MACjBD,KAAK,EAAE;IADU,CAZM;IAgBzBE,oBAAoB,EAAE;MACpBP,OAAO,EAAE,MADW;MAEpBK,KAAK,EAAE,MAFa;MAGpBG,MAAM,EAAE,CAHY;MAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAJzB,CAhBG;IAuBzBC,WAAW,EAAE;MACXL,eAAe,EAAE,MADN;MAEXD,MAAM,EAAE;IAFG,CAvBY;IA4BzBO,YAAY,EAAE;MACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;IAD/B,CA5BW;IAgCzBC,aAAa,EAAE;MACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;IAD9B,CAhCU;IAoCzBC,gBAAgB,EAAE;MAChBX,eAAe,EAAE,aADD;MAEhBT,OAAO,EAAE,MAFO;MAGhBG,cAAc,EAAE;IAHA;EApCO,CAAZ;AAAA,CAAf;;AA2CA,eAAeN,MAAf"}
|
|
@@ -9,12 +9,10 @@ export type HvProgressBarClassKey =
|
|
|
9
9
|
| "progressBar"
|
|
10
10
|
| "progressDone"
|
|
11
11
|
| "progressError"
|
|
12
|
-
| "progressBarLabel"
|
|
13
|
-
| "progressBarLabelHidden";
|
|
12
|
+
| "progressBarLabel";
|
|
14
13
|
|
|
15
14
|
export interface HvProgressBarProps
|
|
16
|
-
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey
|
|
17
|
-
HvProgressBarProps {
|
|
15
|
+
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey> {
|
|
18
16
|
/**
|
|
19
17
|
* The value of the progress bar.
|
|
20
18
|
*/
|
|
@@ -27,10 +25,6 @@ export interface HvProgressBarProps
|
|
|
27
25
|
* When uncontrolled and unspecified it will default to "inProgress".
|
|
28
26
|
*/
|
|
29
27
|
status?: string;
|
|
30
|
-
/**
|
|
31
|
-
* If `true` the progress bar will not show the percentage label.
|
|
32
|
-
*/
|
|
33
|
-
undeterminate?: boolean;
|
|
34
28
|
/**
|
|
35
29
|
* Aria Properties passed on to the progress bar.
|
|
36
30
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["className", "classes", "value", "status", "
|
|
3
|
+
const _excluded = ["className", "classes", "value", "status", "labelProps"];
|
|
4
4
|
import React from "react";
|
|
5
5
|
import PropTypes from "prop-types";
|
|
6
6
|
import clsx from "clsx";
|
|
@@ -23,7 +23,6 @@ const HvProgressBar = props => {
|
|
|
23
23
|
classes,
|
|
24
24
|
value = 0,
|
|
25
25
|
status = statusCategories.inProgress,
|
|
26
|
-
undeterminate = false,
|
|
27
26
|
labelProps
|
|
28
27
|
} = props,
|
|
29
28
|
others = _objectWithoutProperties(props, _excluded);
|
|
@@ -42,7 +41,7 @@ const HvProgressBar = props => {
|
|
|
42
41
|
style: {
|
|
43
42
|
width: `${clampedValue}%`
|
|
44
43
|
},
|
|
45
|
-
className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone
|
|
44
|
+
className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone)
|
|
46
45
|
}, labelProps), `${clampedValue}%`), /*#__PURE__*/React.createElement("div", {
|
|
47
46
|
className: classes.progressBarContainer
|
|
48
47
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -101,12 +100,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
|
|
|
101
100
|
/**
|
|
102
101
|
* Style applied to the progress bar label.
|
|
103
102
|
*/
|
|
104
|
-
progressBarLabel: PropTypes.string
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Style applied to the progress bar label.
|
|
108
|
-
*/
|
|
109
|
-
progressBarLabelHidden: PropTypes.string
|
|
103
|
+
progressBarLabel: PropTypes.string
|
|
110
104
|
}).isRequired,
|
|
111
105
|
|
|
112
106
|
/**
|
|
@@ -123,11 +117,6 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
|
|
|
123
117
|
*/
|
|
124
118
|
status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
|
|
125
119
|
|
|
126
|
-
/**
|
|
127
|
-
* If `true` the progress bar will not show the percentage label.
|
|
128
|
-
*/
|
|
129
|
-
undeterminate: PropTypes.bool,
|
|
130
|
-
|
|
131
120
|
/**
|
|
132
121
|
* Aria Properties passed on to the progress bar.
|
|
133
122
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","instanceOf","name"],"sources":["../../../src/ProgressBar/ProgressBar.js"],"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 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 )}\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 }).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 * Aria Properties passed on to the progress bar.\n */\n labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ import { HvProgressBar } from ".."; // eslint-disable-next-line react/prop-types
|
|
|
6
6
|
export const ProgressBarSimulator = ({
|
|
7
7
|
inc,
|
|
8
8
|
error,
|
|
9
|
-
undeterminate,
|
|
10
9
|
ariaLabel,
|
|
11
10
|
ariaLive
|
|
12
11
|
}) => {
|
|
@@ -43,7 +42,6 @@ export const ProgressBarSimulator = ({
|
|
|
43
42
|
}, /*#__PURE__*/React.createElement(HvProgressBar, {
|
|
44
43
|
value: value,
|
|
45
44
|
status: status,
|
|
46
|
-
undeterminate: undeterminate,
|
|
47
45
|
labelProps: {
|
|
48
46
|
"aria-label": ariaLabel,
|
|
49
47
|
"aria-busy": false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","
|
|
1
|
+
{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"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, 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 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"],"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;EAAEC,GAAF;EAAOC,KAAP;EAAcC,SAAd;EAAyBC;AAAzB,CAAD,KAAyC;EAC3E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBT,QAAQ,CAAC,YAAD,CAApC;EACA,MAAM,CAACU,KAAD,EAAQC,QAAR,IAAoBX,QAAQ,CAAC,CAAD,CAAlC;EACA,MAAM,CAACY,GAAD,EAAMC,MAAN,IAAgBb,QAAQ,CAAC,KAAD,CAA9B;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMe,QAAQ,GAAGC,WAAW,CAAC,MAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIJ,KAAK,IAAIK,KAAK,KAAKL,KAAvB,EAA8B;QACnCW,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACP,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO,MAAMY,aAAa,CAACF,QAAD,CAA1B;EACD,CAZQ,EAYN,CAACV,GAAD,EAAMM,KAAN,EAAaE,GAAb,EAAkBP,KAAlB,CAZM,CAAT;;EAcA,MAAMY,KAAK,GAAG,MAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,MAAMS,KAAK,GAAG,MAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT;EAAZ,gBACE,oBAAC,aAAD;IACE,KAAK,EAAET,KADT;IAEE,MAAM,EAAEF,MAFV;IAGE,UAAU,EAAE;MACV,cAAcF,SADJ;MAEV,aAAa,KAFH;MAGV,aAAaC;IAHH;EAHd,EADF,eAUE;IAAK,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAb;EAAZ,gBACE,oBAAC,QAAD;IAAU,OAAO,EAAEF;EAAnB,WADF,eAEE,oBAAC,QAAD;IAAU,KAAK,EAAE;MAAEG,UAAU,EAAE;IAAd,CAAjB;IAAqC,OAAO,EAAEJ;EAA9C,WAFF,CAVF,CADF;AAmBD,CA/CM;AAiDP,SAASd,oBAAoB,IAAImB,OAAjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n\n progress: {\n width: \"100%\",\n },\n\n progressContainer: {\n width: \"100%\",\n },\n\n progressBarContainer: {\n display: \"flex\",\n width: \"100%\",\n height: 4,\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n\n progressBar: {\n backgroundColor: \"#000\",\n height: 4,\n },\n\n progressDone: {\n backgroundColor: theme.hv.palette.semantic.sema1,\n },\n\n progressError: {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n\n progressBarLabel: {\n backgroundColor: \"transparent\",\n display: \"flex\",\n justifyContent: \"end\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,UAAU,EAAE,QAHR;IAIJC,cAAc,EAAE;EAJZ,CADmB;EAQzBC,QAAQ,EAAE;IACRC,KAAK,EAAE;EADC,CARe;EAYzBC,iBAAiB,EAAE;IACjBD,KAAK,EAAE;EADU,CAZM;EAgBzBE,oBAAoB,EAAE;IACpBP,OAAO,EAAE,MADW;IAEpBK,KAAK,EAAE,MAFa;IAGpBG,MAAM,EAAE,CAHY;IAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EAJzB,CAhBG;EAuBzBC,WAAW,EAAE;IACXL,eAAe,EAAE,MADN;IAEXD,MAAM,EAAE;EAFG,CAvBY;EA4BzBO,YAAY,EAAE;IACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;EAD/B,CA5BW;EAgCzBC,aAAa,EAAE;IACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;EAD9B,CAhCU;EAoCzBC,gBAAgB,EAAE;IAChBX,eAAe,EAAE,aADD;IAEhBT,OAAO,EAAE,MAFO;IAGhBG,cAAc,EAAE;EAHA;AApCO,CAAZ,CAAf;;AA2CA,eAAeN,MAAf"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-lab",
|
|
3
|
-
"version": "3.45.
|
|
3
|
+
"version": "3.45.12",
|
|
4
4
|
"description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
|
|
5
5
|
"homepage": "https://github.com/lumada-design/hv-uikit-react",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@babel/runtime": "^7.17.9",
|
|
49
|
-
"@hitachivantara/uikit-react-core": "^3.67.
|
|
49
|
+
"@hitachivantara/uikit-react-core": "^3.67.10",
|
|
50
50
|
"@hitachivantara/uikit-react-icons": "^3.8.12",
|
|
51
51
|
"@types/react-table": "^7.7.11",
|
|
52
52
|
"clsx": "^1.1.1",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"publishConfig": {
|
|
83
83
|
"access": "public"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "f8462438709cfa7249b59334b6ea2f99d3f07a32"
|
|
86
86
|
}
|