@instructure/ui-progress 10.11.0 → 10.11.1-pr-snapshot-1741369431545
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
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [10.11.1-pr-snapshot-1741369431545](https://github.com/instructure/instructure-ui/compare/v10.11.0...v10.11.1-pr-snapshot-1741369431545) (2025-03-07)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-progress
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [10.11.0](https://github.com/instructure/instructure-ui/compare/v10.10.0...v10.11.0) (2025-02-03)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-progress
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
var _react = _interopRequireDefault(require("react"));
|
|
5
5
|
var _react2 = require("@testing-library/react");
|
|
6
6
|
require("@testing-library/jest-dom");
|
|
7
|
-
var
|
|
7
|
+
var _uiAxeCheck = require("@instructure/ui-axe-check");
|
|
8
8
|
var _index = require("../index");
|
|
9
9
|
var _ProgressBar, _ProgressBar2, _ProgressBar3;
|
|
10
10
|
/*
|
|
@@ -74,7 +74,7 @@ describe('<ProgressBar />', () => {
|
|
|
74
74
|
valueNow: 30
|
|
75
75
|
}))),
|
|
76
76
|
container = _render4.container;
|
|
77
|
-
const axeCheck = await (0,
|
|
77
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
78
78
|
expect(axeCheck).toBe(true);
|
|
79
79
|
});
|
|
80
80
|
it('should not render the value inside when the prop is set to false', () => {
|
package/lib/ProgressBar/index.js
CHANGED
|
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.ProgressBar = void 0;
|
|
8
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
9
|
var _react = require("react");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
10
|
+
var _uiView = require("@instructure/ui-view");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
12
|
+
var _uiTestable = require("@instructure/ui-testable");
|
|
14
13
|
var _emotion = require("@instructure/emotion");
|
|
15
14
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
16
15
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
@@ -46,7 +45,7 @@ var _dec, _dec2, _class, _ProgressBar;
|
|
|
46
45
|
category: components
|
|
47
46
|
---
|
|
48
47
|
**/
|
|
49
|
-
let ProgressBar = exports.ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0,
|
|
48
|
+
let ProgressBar = exports.ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_ProgressBar = class ProgressBar extends _react.Component {
|
|
50
49
|
constructor(...args) {
|
|
51
50
|
super(...args);
|
|
52
51
|
this.ref = null;
|
|
@@ -87,11 +86,11 @@ let ProgressBar = exports.ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.
|
|
|
87
86
|
// NVDA does not read aria-valuetext: https://github.com/nvaccess/nvda/issues/913
|
|
88
87
|
// But leaving aria-valuetext because JAWS ignores aria-label
|
|
89
88
|
const labelAndValueText = `${screenReaderLabel} ${valueText}`;
|
|
90
|
-
const value = (0,
|
|
89
|
+
const value = (0, _uiReactUtils.callRenderProp)(renderValue, {
|
|
91
90
|
valueNow: valueNow,
|
|
92
91
|
valueMax: valueMax
|
|
93
92
|
});
|
|
94
|
-
return (0, _emotion.jsx)(
|
|
93
|
+
return (0, _emotion.jsx)(_uiView.View, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
|
|
95
94
|
as: this.props.as,
|
|
96
95
|
css: styles === null || styles === void 0 ? void 0 : styles.progressBar,
|
|
97
96
|
margin: this.props.margin,
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
var _react = _interopRequireDefault(require("react"));
|
|
5
5
|
var _react2 = require("@testing-library/react");
|
|
6
6
|
require("@testing-library/jest-dom");
|
|
7
|
-
var
|
|
7
|
+
var _uiAxeCheck = require("@instructure/ui-axe-check");
|
|
8
8
|
var _index = require("../index");
|
|
9
9
|
var _ProgressCircle, _ProgressCircle2, _ProgressCircle3;
|
|
10
10
|
/*
|
|
@@ -74,7 +74,7 @@ describe('<ProgressCircle />', () => {
|
|
|
74
74
|
valueNow: 30
|
|
75
75
|
}))),
|
|
76
76
|
container = _render4.container;
|
|
77
|
-
const axeCheck = await (0,
|
|
77
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
78
78
|
expect(axeCheck).toBe(true);
|
|
79
79
|
});
|
|
80
80
|
});
|
|
@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.ProgressCircle = void 0;
|
|
8
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
9
|
var _react = require("react");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
10
|
+
var _uiA11yContent = require("@instructure/ui-a11y-content");
|
|
11
|
+
var _uiView = require("@instructure/ui-view");
|
|
12
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
13
|
+
var _uiTestable = require("@instructure/ui-testable");
|
|
15
14
|
var _emotion = require("@instructure/emotion");
|
|
16
15
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
17
16
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
@@ -47,7 +46,7 @@ var _dec, _dec2, _class, _ProgressCircle;
|
|
|
47
46
|
category: components
|
|
48
47
|
---
|
|
49
48
|
**/
|
|
50
|
-
let ProgressCircle = exports.ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0,
|
|
49
|
+
let ProgressCircle = exports.ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_ProgressCircle = class ProgressCircle extends _react.Component {
|
|
51
50
|
constructor(props) {
|
|
52
51
|
super(props);
|
|
53
52
|
this._timeouts = [];
|
|
@@ -107,19 +106,19 @@ let ProgressCircle = exports.ProgressCircle = (_dec = (0, _emotion.withStyle)(_s
|
|
|
107
106
|
// NVDA does not read aria-valuetext: https://github.com/nvaccess/nvda/issues/913
|
|
108
107
|
// But leaving aria-valuetext because JAWS ignores aria-label
|
|
109
108
|
const labelAndValueText = `${screenReaderLabel} ${valueText}`;
|
|
110
|
-
const value = (0,
|
|
109
|
+
const value = (0, _uiReactUtils.callRenderProp)(renderValue, {
|
|
111
110
|
valueNow: valueNow,
|
|
112
111
|
valueMax: valueMax
|
|
113
112
|
});
|
|
114
113
|
const style = {
|
|
115
114
|
strokeDashoffset: `${styles === null || styles === void 0 ? void 0 : styles.dashOffset}em`
|
|
116
115
|
};
|
|
117
|
-
return (0, _emotion.jsx)(
|
|
116
|
+
return (0, _emotion.jsx)(_uiView.View, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
|
|
118
117
|
as: this.props.as,
|
|
119
118
|
elementRef: this.handleRef,
|
|
120
119
|
css: styles === null || styles === void 0 ? void 0 : styles.progressCircle,
|
|
121
120
|
margin: this.props.margin
|
|
122
|
-
}), (0, _emotion.jsx)(
|
|
121
|
+
}), (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _emotion.jsx)("progress", {
|
|
123
122
|
max: valueMax,
|
|
124
123
|
value: valueNow,
|
|
125
124
|
"aria-valuetext": labelAndValueText
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-progress",
|
|
3
|
-
"version": "10.11.
|
|
3
|
+
"version": "10.11.1-pr-snapshot-1741369431545",
|
|
4
4
|
"description": "Styled HTML <progress /> elements for showing completion of a task",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -24,21 +24,21 @@
|
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.26.0",
|
|
27
|
-
"@instructure/console": "10.11.
|
|
28
|
-
"@instructure/emotion": "10.11.
|
|
29
|
-
"@instructure/shared-types": "10.11.
|
|
30
|
-
"@instructure/ui-a11y-content": "10.11.
|
|
31
|
-
"@instructure/ui-color-utils": "10.11.
|
|
32
|
-
"@instructure/ui-react-utils": "10.11.
|
|
33
|
-
"@instructure/ui-testable": "10.11.
|
|
34
|
-
"@instructure/ui-view": "10.11.
|
|
27
|
+
"@instructure/console": "10.11.1-pr-snapshot-1741369431545",
|
|
28
|
+
"@instructure/emotion": "10.11.1-pr-snapshot-1741369431545",
|
|
29
|
+
"@instructure/shared-types": "10.11.1-pr-snapshot-1741369431545",
|
|
30
|
+
"@instructure/ui-a11y-content": "10.11.1-pr-snapshot-1741369431545",
|
|
31
|
+
"@instructure/ui-color-utils": "10.11.1-pr-snapshot-1741369431545",
|
|
32
|
+
"@instructure/ui-react-utils": "10.11.1-pr-snapshot-1741369431545",
|
|
33
|
+
"@instructure/ui-testable": "10.11.1-pr-snapshot-1741369431545",
|
|
34
|
+
"@instructure/ui-view": "10.11.1-pr-snapshot-1741369431545",
|
|
35
35
|
"prop-types": "^15.8.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@instructure/ui-axe-check": "10.11.
|
|
39
|
-
"@instructure/ui-babel-preset": "10.11.
|
|
40
|
-
"@instructure/ui-test-utils": "10.11.
|
|
41
|
-
"@instructure/ui-themes": "10.11.
|
|
38
|
+
"@instructure/ui-axe-check": "10.11.1-pr-snapshot-1741369431545",
|
|
39
|
+
"@instructure/ui-babel-preset": "10.11.1-pr-snapshot-1741369431545",
|
|
40
|
+
"@instructure/ui-test-utils": "10.11.1-pr-snapshot-1741369431545",
|
|
41
|
+
"@instructure/ui-themes": "10.11.1-pr-snapshot-1741369431545",
|
|
42
42
|
"@testing-library/jest-dom": "^6.6.3",
|
|
43
43
|
"@testing-library/react": "^16.0.1",
|
|
44
44
|
"vitest": "^2.1.8"
|