@atlaskit/progress-bar 0.5.14 → 0.5.16
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/CHANGELOG.md +12 -0
- package/dist/cjs/components/progress-bar.js +11 -19
- package/dist/cjs/components/success-progress-bar.js +5 -10
- package/dist/cjs/components/transparent-progress-bar.js +5 -10
- package/dist/cjs/index.js +0 -4
- package/dist/cjs/theme.js +0 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/progress-bar.js +1 -2
- package/dist/es2019/components/success-progress-bar.js +1 -2
- package/dist/es2019/components/transparent-progress-bar.js +1 -2
- package/dist/es2019/theme.js +0 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/progress-bar.js +10 -12
- package/dist/esm/components/success-progress-bar.js +6 -7
- package/dist/esm/components/transparent-progress-bar.js +6 -7
- package/dist/esm/theme.js +0 -1
- package/dist/esm/version.json +1 -1
- package/package.json +3 -3
- package/report.api.md +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,25 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _react2 = require("@emotion/react");
|
|
15
|
-
|
|
16
11
|
var _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
|
|
17
|
-
|
|
18
12
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
|
-
|
|
20
13
|
var _theme = require("../theme");
|
|
21
|
-
|
|
22
14
|
/** @jsx jsx */
|
|
15
|
+
|
|
23
16
|
var MIN_VALUE = 0;
|
|
24
17
|
var MAX_VALUE = 1;
|
|
25
18
|
var increasingBarAnimation = (0, _react2.keyframes)({
|
|
@@ -87,6 +80,7 @@ var increasingBarStyles = (0, _react2.css)({
|
|
|
87
80
|
var decreasingBarStyles = (0, _react2.css)({
|
|
88
81
|
animation: "".concat(decreasingBarAnimation, " 2s 0.5s infinite")
|
|
89
82
|
});
|
|
83
|
+
|
|
90
84
|
/**
|
|
91
85
|
* __Progress bar__
|
|
92
86
|
*
|
|
@@ -96,18 +90,17 @@ var decreasingBarStyles = (0, _react2.css)({
|
|
|
96
90
|
* - [Code](https://atlassian.design/components/progress-bar/code)
|
|
97
91
|
* - [Usage](https://atlassian.design/components/progress-bar/usage)
|
|
98
92
|
*/
|
|
99
|
-
|
|
100
93
|
var ProgressBar = function ProgressBar(_ref) {
|
|
101
94
|
var _ref$appearance = _ref.appearance,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
95
|
+
appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
|
|
96
|
+
ariaLabel = _ref.ariaLabel,
|
|
97
|
+
_ref$isIndeterminate = _ref.isIndeterminate,
|
|
98
|
+
isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
|
|
99
|
+
_ref$testId = _ref.testId,
|
|
100
|
+
testId = _ref$testId === void 0 ? 'progress-bar' : _ref$testId,
|
|
101
|
+
theme = _ref.theme,
|
|
102
|
+
_ref$value = _ref.value,
|
|
103
|
+
value = _ref$value === void 0 ? 0 : _ref$value;
|
|
111
104
|
var valueParsed = isIndeterminate ? MIN_VALUE : Math.max(MIN_VALUE, Math.min(value, MAX_VALUE));
|
|
112
105
|
(0, _deprecationWarning.propDeprecationWarning)("@atlaskit/progress-bar", 'theme', (0, _typeof2.default)(theme) !== undefined, 'https://community.developer.atlassian.com/t/theme-prop-in-atlaskit-progress-bar-is-being-deprecated/56198');
|
|
113
106
|
return (0, _react2.jsx)(_theme.Theme.Provider, {
|
|
@@ -136,6 +129,5 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
136
129
|
}));
|
|
137
130
|
}));
|
|
138
131
|
};
|
|
139
|
-
|
|
140
132
|
var _default = ProgressBar;
|
|
141
133
|
exports.default = _default;
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _progressBar = _interopRequireDefault(require("./progress-bar"));
|
|
13
|
-
|
|
14
10
|
/**
|
|
15
11
|
* __Success progress bar__
|
|
16
12
|
*
|
|
@@ -21,11 +17,11 @@ var _progressBar = _interopRequireDefault(require("./progress-bar"));
|
|
|
21
17
|
*/
|
|
22
18
|
var SuccessProgressBar = function SuccessProgressBar(_ref) {
|
|
23
19
|
var ariaLabel = _ref.ariaLabel,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
_ref$isIndeterminate = _ref.isIndeterminate,
|
|
21
|
+
isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
|
|
22
|
+
testId = _ref.testId,
|
|
23
|
+
_ref$value = _ref.value,
|
|
24
|
+
value = _ref$value === void 0 ? 0 : _ref$value;
|
|
29
25
|
return /*#__PURE__*/_react.default.createElement(_progressBar.default, {
|
|
30
26
|
appearance: value < 1 || isIndeterminate ? 'default' : 'success',
|
|
31
27
|
value: value,
|
|
@@ -34,6 +30,5 @@ var SuccessProgressBar = function SuccessProgressBar(_ref) {
|
|
|
34
30
|
testId: testId
|
|
35
31
|
});
|
|
36
32
|
};
|
|
37
|
-
|
|
38
33
|
var _default = SuccessProgressBar;
|
|
39
34
|
exports.default = _default;
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _progressBar = _interopRequireDefault(require("./progress-bar"));
|
|
13
|
-
|
|
14
10
|
/**
|
|
15
11
|
* __Transparent progress bar__
|
|
16
12
|
*
|
|
@@ -21,11 +17,11 @@ var _progressBar = _interopRequireDefault(require("./progress-bar"));
|
|
|
21
17
|
*/
|
|
22
18
|
var TransparentProgressBar = function TransparentProgressBar(_ref) {
|
|
23
19
|
var ariaLabel = _ref.ariaLabel,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
_ref$isIndeterminate = _ref.isIndeterminate,
|
|
21
|
+
isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
|
|
22
|
+
testId = _ref.testId,
|
|
23
|
+
_ref$value = _ref.value,
|
|
24
|
+
value = _ref$value === void 0 ? 0 : _ref$value;
|
|
29
25
|
return /*#__PURE__*/_react.default.createElement(_progressBar.default, {
|
|
30
26
|
appearance: "inverse",
|
|
31
27
|
value: value,
|
|
@@ -34,6 +30,5 @@ var TransparentProgressBar = function TransparentProgressBar(_ref) {
|
|
|
34
30
|
testId: testId
|
|
35
31
|
});
|
|
36
32
|
};
|
|
37
|
-
|
|
38
33
|
var _default = TransparentProgressBar;
|
|
39
34
|
exports.default = _default;
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -23,9 +22,6 @@ Object.defineProperty(exports, "default", {
|
|
|
23
22
|
return _progressBar.default;
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
|
-
|
|
27
25
|
var _progressBar = _interopRequireDefault(require("./components/progress-bar"));
|
|
28
|
-
|
|
29
26
|
var _successProgressBar = _interopRequireDefault(require("./components/success-progress-bar"));
|
|
30
|
-
|
|
31
27
|
var _transparentProgressBar = _interopRequireDefault(require("./components/transparent-progress-bar"));
|
package/dist/cjs/theme.js
CHANGED
package/dist/cjs/version.json
CHANGED
|
@@ -71,6 +71,7 @@ const increasingBarStyles = css({
|
|
|
71
71
|
const decreasingBarStyles = css({
|
|
72
72
|
animation: `${decreasingBarAnimation} 2s 0.5s infinite`
|
|
73
73
|
});
|
|
74
|
+
|
|
74
75
|
/**
|
|
75
76
|
* __Progress bar__
|
|
76
77
|
*
|
|
@@ -80,7 +81,6 @@ const decreasingBarStyles = css({
|
|
|
80
81
|
* - [Code](https://atlassian.design/components/progress-bar/code)
|
|
81
82
|
* - [Usage](https://atlassian.design/components/progress-bar/usage)
|
|
82
83
|
*/
|
|
83
|
-
|
|
84
84
|
const ProgressBar = ({
|
|
85
85
|
appearance = 'default',
|
|
86
86
|
ariaLabel,
|
|
@@ -115,5 +115,4 @@ const ProgressBar = ({
|
|
|
115
115
|
css: [barStyles, barAppearance[appearance], determinateBarStyles, tokens.bar, tokens.determinateBar]
|
|
116
116
|
}))));
|
|
117
117
|
};
|
|
118
|
-
|
|
119
118
|
export default ProgressBar;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ProgressBar from './progress-bar';
|
|
3
|
+
|
|
3
4
|
/**
|
|
4
5
|
* __Success progress bar__
|
|
5
6
|
*
|
|
@@ -8,7 +9,6 @@ import ProgressBar from './progress-bar';
|
|
|
8
9
|
* - [Examples](https://atlassian.design/components/progress-bar/success-progress-bar/examples)
|
|
9
10
|
* - [Code](https://atlassian.design/components/progress-bar/success-progress-bar/code)
|
|
10
11
|
*/
|
|
11
|
-
|
|
12
12
|
const SuccessProgressBar = ({
|
|
13
13
|
ariaLabel,
|
|
14
14
|
isIndeterminate = false,
|
|
@@ -23,5 +23,4 @@ const SuccessProgressBar = ({
|
|
|
23
23
|
testId: testId
|
|
24
24
|
});
|
|
25
25
|
};
|
|
26
|
-
|
|
27
26
|
export default SuccessProgressBar;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ProgressBar from './progress-bar';
|
|
3
|
+
|
|
3
4
|
/**
|
|
4
5
|
* __Transparent progress bar__
|
|
5
6
|
*
|
|
@@ -8,7 +9,6 @@ import ProgressBar from './progress-bar';
|
|
|
8
9
|
* - [Examples](https://atlassian.design/components/progress-bar/transparent-progress-bar/examples)
|
|
9
10
|
* - [Code](https://atlassian.design/components/progress-bar/transparent-progress-bar/code)
|
|
10
11
|
*/
|
|
11
|
-
|
|
12
12
|
const TransparentProgressBar = ({
|
|
13
13
|
ariaLabel,
|
|
14
14
|
isIndeterminate = false,
|
|
@@ -23,5 +23,4 @@ const TransparentProgressBar = ({
|
|
|
23
23
|
testId: testId
|
|
24
24
|
});
|
|
25
25
|
};
|
|
26
|
-
|
|
27
26
|
export default TransparentProgressBar;
|
package/dist/es2019/theme.js
CHANGED
package/dist/es2019/version.json
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
2
|
-
|
|
3
2
|
/** @jsx jsx */
|
|
4
3
|
import React from 'react';
|
|
5
4
|
import { css, jsx, keyframes } from '@emotion/react';
|
|
@@ -73,6 +72,7 @@ var increasingBarStyles = css({
|
|
|
73
72
|
var decreasingBarStyles = css({
|
|
74
73
|
animation: "".concat(decreasingBarAnimation, " 2s 0.5s infinite")
|
|
75
74
|
});
|
|
75
|
+
|
|
76
76
|
/**
|
|
77
77
|
* __Progress bar__
|
|
78
78
|
*
|
|
@@ -82,18 +82,17 @@ var decreasingBarStyles = css({
|
|
|
82
82
|
* - [Code](https://atlassian.design/components/progress-bar/code)
|
|
83
83
|
* - [Usage](https://atlassian.design/components/progress-bar/usage)
|
|
84
84
|
*/
|
|
85
|
-
|
|
86
85
|
var ProgressBar = function ProgressBar(_ref) {
|
|
87
86
|
var _ref$appearance = _ref.appearance,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
87
|
+
appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
|
|
88
|
+
ariaLabel = _ref.ariaLabel,
|
|
89
|
+
_ref$isIndeterminate = _ref.isIndeterminate,
|
|
90
|
+
isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
|
|
91
|
+
_ref$testId = _ref.testId,
|
|
92
|
+
testId = _ref$testId === void 0 ? 'progress-bar' : _ref$testId,
|
|
93
|
+
theme = _ref.theme,
|
|
94
|
+
_ref$value = _ref.value,
|
|
95
|
+
value = _ref$value === void 0 ? 0 : _ref$value;
|
|
97
96
|
var valueParsed = isIndeterminate ? MIN_VALUE : Math.max(MIN_VALUE, Math.min(value, MAX_VALUE));
|
|
98
97
|
propDeprecationWarning("@atlaskit/progress-bar", 'theme', _typeof(theme) !== undefined, 'https://community.developer.atlassian.com/t/theme-prop-in-atlaskit-progress-bar-is-being-deprecated/56198');
|
|
99
98
|
return jsx(Theme.Provider, {
|
|
@@ -122,5 +121,4 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
122
121
|
}));
|
|
123
122
|
}));
|
|
124
123
|
};
|
|
125
|
-
|
|
126
124
|
export default ProgressBar;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ProgressBar from './progress-bar';
|
|
3
|
+
|
|
3
4
|
/**
|
|
4
5
|
* __Success progress bar__
|
|
5
6
|
*
|
|
@@ -8,14 +9,13 @@ import ProgressBar from './progress-bar';
|
|
|
8
9
|
* - [Examples](https://atlassian.design/components/progress-bar/success-progress-bar/examples)
|
|
9
10
|
* - [Code](https://atlassian.design/components/progress-bar/success-progress-bar/code)
|
|
10
11
|
*/
|
|
11
|
-
|
|
12
12
|
var SuccessProgressBar = function SuccessProgressBar(_ref) {
|
|
13
13
|
var ariaLabel = _ref.ariaLabel,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
_ref$isIndeterminate = _ref.isIndeterminate,
|
|
15
|
+
isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
|
|
16
|
+
testId = _ref.testId,
|
|
17
|
+
_ref$value = _ref.value,
|
|
18
|
+
value = _ref$value === void 0 ? 0 : _ref$value;
|
|
19
19
|
return /*#__PURE__*/React.createElement(ProgressBar, {
|
|
20
20
|
appearance: value < 1 || isIndeterminate ? 'default' : 'success',
|
|
21
21
|
value: value,
|
|
@@ -24,5 +24,4 @@ var SuccessProgressBar = function SuccessProgressBar(_ref) {
|
|
|
24
24
|
testId: testId
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
|
-
|
|
28
27
|
export default SuccessProgressBar;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ProgressBar from './progress-bar';
|
|
3
|
+
|
|
3
4
|
/**
|
|
4
5
|
* __Transparent progress bar__
|
|
5
6
|
*
|
|
@@ -8,14 +9,13 @@ import ProgressBar from './progress-bar';
|
|
|
8
9
|
* - [Examples](https://atlassian.design/components/progress-bar/transparent-progress-bar/examples)
|
|
9
10
|
* - [Code](https://atlassian.design/components/progress-bar/transparent-progress-bar/code)
|
|
10
11
|
*/
|
|
11
|
-
|
|
12
12
|
var TransparentProgressBar = function TransparentProgressBar(_ref) {
|
|
13
13
|
var ariaLabel = _ref.ariaLabel,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
_ref$isIndeterminate = _ref.isIndeterminate,
|
|
15
|
+
isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
|
|
16
|
+
testId = _ref.testId,
|
|
17
|
+
_ref$value = _ref.value,
|
|
18
|
+
value = _ref$value === void 0 ? 0 : _ref$value;
|
|
19
19
|
return /*#__PURE__*/React.createElement(ProgressBar, {
|
|
20
20
|
appearance: "inverse",
|
|
21
21
|
value: value,
|
|
@@ -24,5 +24,4 @@ var TransparentProgressBar = function TransparentProgressBar(_ref) {
|
|
|
24
24
|
testId: testId
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
|
-
|
|
28
27
|
export default TransparentProgressBar;
|
package/dist/esm/theme.js
CHANGED
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/progress-bar",
|
|
3
|
-
"version": "0.5.
|
|
4
|
-
"description": "A progress bar
|
|
3
|
+
"version": "0.5.16",
|
|
4
|
+
"description": "A progress bar communicates the status of a system process.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
7
7
|
},
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@atlaskit/ds-lib": "^2.1.0",
|
|
30
30
|
"@atlaskit/theme": "^12.2.0",
|
|
31
|
-
"@atlaskit/tokens": "^0.
|
|
31
|
+
"@atlaskit/tokens": "^1.0.0",
|
|
32
32
|
"@babel/runtime": "^7.0.0",
|
|
33
33
|
"@emotion/react": "^11.7.1"
|
|
34
34
|
},
|
package/report.api.md
CHANGED