@instructure/ui-progress 8.10.1 → 8.10.3-snapshot.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.
Files changed (21) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/LICENSE.md +27 -0
  3. package/es/ProgressBar/index.js +28 -16
  4. package/es/ProgressCircle/index.js +25 -16
  5. package/lib/ProgressBar/index.js +28 -16
  6. package/lib/ProgressCircle/index.js +25 -16
  7. package/package.json +15 -14
  8. package/src/ProgressBar/index.tsx +8 -1
  9. package/src/ProgressBar/props.ts +1 -1
  10. package/src/ProgressCircle/index.tsx +7 -1
  11. package/src/ProgressCircle/props.ts +1 -1
  12. package/types/ProgressBar/ProgressBarLocator.d.ts +64 -64
  13. package/types/ProgressBar/index.d.ts +4 -2
  14. package/types/ProgressBar/index.d.ts.map +1 -1
  15. package/types/ProgressBar/props.d.ts +1 -1
  16. package/types/ProgressBar/props.d.ts.map +1 -1
  17. package/types/ProgressCircle/ProgressCircleLocator.d.ts +64 -64
  18. package/types/ProgressCircle/index.d.ts +4 -2
  19. package/types/ProgressCircle/index.d.ts.map +1 -1
  20. package/types/ProgressCircle/props.d.ts +1 -1
  21. package/types/ProgressCircle/props.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
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
+ ## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-progress
9
+
6
10
  ## [8.10.1](https://github.com/instructure/instructure-ui/compare/v8.10.0...v8.10.1) (2021-10-01)
7
11
 
8
12
  **Note:** Version bump only for package @instructure/ui-progress
package/LICENSE.md ADDED
@@ -0,0 +1,27 @@
1
+ ---
2
+ title: The MIT License (MIT)
3
+ category: Getting Started
4
+ order: 9
5
+ ---
6
+
7
+ # The MIT License (MIT)
8
+
9
+ Copyright (c) 2015 Instructure, Inc.
10
+
11
+ **Permission is hereby granted, free of charge, to any person obtaining a copy
12
+ of this software and associated documentation files (the "Software"), to deal
13
+ in the Software without restriction, including without limitation the rights
14
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
15
+ copies of the Software, and to permit persons to whom the Software is
16
+ furnished to do so, subject to the following conditions.**
17
+
18
+ The above copyright notice and this permission notice shall be included in all
19
+ copies or substantial portions of the Software.
20
+
21
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
22
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
23
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
24
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
25
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
26
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
27
+ SOFTWARE.
package/es/ProgressBar/index.js CHANGED
@@ -43,30 +43,42 @@ category: components
43
43
  **/
44
44
 
45
45
  let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class ProgressBar extends Component {
46
+ constructor(...args) {
47
+ super(...args);
48
+ this.ref = null;
49
+
50
+ this.handleRef = el => {
51
+ var _this$props$elementRe, _this$props;
52
+
53
+ this.ref = el;
54
+ (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
55
+ };
56
+ }
57
+
46
58
  componentDidMount() {
47
- var _this$props$makeStyle, _this$props;
59
+ var _this$props$makeStyle, _this$props2;
48
60
 
49
- (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
61
+ (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
50
62
  }
51
63
 
52
64
  componentDidUpdate() {
53
- var _this$props$makeStyle2, _this$props2;
65
+ var _this$props$makeStyle2, _this$props3;
54
66
 
55
- (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
67
+ (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
56
68
  }
57
69
 
58
70
  render() {
59
- const _this$props3 = this.props,
60
- renderValue = _this$props3.renderValue,
61
- formatScreenReaderValue = _this$props3.formatScreenReaderValue,
62
- valueNow = _this$props3.valueNow,
63
- valueMax = _this$props3.valueMax,
64
- screenReaderLabel = _this$props3.screenReaderLabel,
65
- size = _this$props3.size,
66
- color = _this$props3.color,
67
- meterColor = _this$props3.meterColor,
68
- styles = _this$props3.styles,
69
- props = _objectWithoutProperties(_this$props3, _excluded);
71
+ const _this$props4 = this.props,
72
+ renderValue = _this$props4.renderValue,
73
+ formatScreenReaderValue = _this$props4.formatScreenReaderValue,
74
+ valueNow = _this$props4.valueNow,
75
+ valueMax = _this$props4.valueMax,
76
+ screenReaderLabel = _this$props4.screenReaderLabel,
77
+ size = _this$props4.size,
78
+ color = _this$props4.color,
79
+ meterColor = _this$props4.meterColor,
80
+ styles = _this$props4.styles,
81
+ props = _objectWithoutProperties(_this$props4, _excluded);
70
82
 
71
83
  const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
72
84
  valueNow,
@@ -86,7 +98,7 @@ let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
86
98
  as: this.props.as,
87
99
  css: styles === null || styles === void 0 ? void 0 : styles.progressBar,
88
100
  margin: this.props.margin,
89
- elementRef: this.props.elementRef
101
+ elementRef: this.handleRef
90
102
  }), jsx("span", {
91
103
  css: styles === null || styles === void 0 ? void 0 : styles.trackLayout
92
104
  }, jsx("span", {
package/es/ProgressCircle/index.js CHANGED
@@ -47,6 +47,15 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
47
47
  constructor(props) {
48
48
  super(props);
49
49
  this._timeouts = [];
50
+ this.ref = null;
51
+
52
+ this.handleRef = el => {
53
+ var _this$props$elementRe, _this$props;
54
+
55
+ this.ref = el;
56
+ (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
57
+ };
58
+
50
59
  this.state = {
51
60
  shouldAnimateOnMount: props.shouldAnimateOnMount
52
61
  };
@@ -59,7 +68,7 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
59
68
  }
60
69
 
61
70
  componentDidMount() {
62
- var _this$props$makeStyle, _this$props;
71
+ var _this$props$makeStyle, _this$props2;
63
72
 
64
73
  if (this.state.shouldAnimateOnMount) {
65
74
  this._timeouts.push(setTimeout(() => {
@@ -69,13 +78,13 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
69
78
  }, this.props.animationDelay || 500));
70
79
  }
71
80
 
72
- (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStylesVariables);
81
+ (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2, this.makeStylesVariables);
73
82
  }
74
83
 
75
84
  componentDidUpdate() {
76
- var _this$props$makeStyle2, _this$props2;
85
+ var _this$props$makeStyle2, _this$props3;
77
86
 
78
- (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStylesVariables);
87
+ (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3, this.makeStylesVariables);
79
88
  }
80
89
 
81
90
  componentWillUnmount() {
@@ -85,17 +94,17 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
85
94
  render() {
86
95
  var _styles$radii, _styles$radii2, _styles$radii3;
87
96
 
88
- const _this$props3 = this.props,
89
- color = _this$props3.color,
90
- renderValue = _this$props3.renderValue,
91
- formatScreenReaderValue = _this$props3.formatScreenReaderValue,
92
- meterColor = _this$props3.meterColor,
93
- valueNow = _this$props3.valueNow,
94
- valueMax = _this$props3.valueMax,
95
- screenReaderLabel = _this$props3.screenReaderLabel,
96
- size = _this$props3.size,
97
- styles = _this$props3.styles,
98
- props = _objectWithoutProperties(_this$props3, _excluded);
97
+ const _this$props4 = this.props,
98
+ color = _this$props4.color,
99
+ renderValue = _this$props4.renderValue,
100
+ formatScreenReaderValue = _this$props4.formatScreenReaderValue,
101
+ meterColor = _this$props4.meterColor,
102
+ valueNow = _this$props4.valueNow,
103
+ valueMax = _this$props4.valueMax,
104
+ screenReaderLabel = _this$props4.screenReaderLabel,
105
+ size = _this$props4.size,
106
+ styles = _this$props4.styles,
107
+ props = _objectWithoutProperties(_this$props4, _excluded);
99
108
 
100
109
  const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
101
110
  valueNow,
@@ -114,7 +123,7 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
114
123
  };
115
124
  return jsx(View, Object.assign({}, passthroughProps(props), {
116
125
  as: this.props.as,
117
- elementRef: this.props.elementRef,
126
+ elementRef: this.handleRef,
118
127
  css: styles === null || styles === void 0 ? void 0 : styles.progressCircle,
119
128
  margin: this.props.margin
120
129
  }), jsx(ScreenReaderContent, null, jsx("progress", {
package/lib/ProgressBar/index.js CHANGED
@@ -37,30 +37,42 @@ category: components
37
37
  ---
38
38
  **/
39
39
  let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class ProgressBar extends _react.Component {
40
+ constructor(...args) {
41
+ super(...args);
42
+ this.ref = null;
43
+
44
+ this.handleRef = el => {
45
+ var _this$props$elementRe, _this$props;
46
+
47
+ this.ref = el;
48
+ (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
49
+ };
50
+ }
51
+
40
52
  componentDidMount() {
41
- var _this$props$makeStyle, _this$props;
53
+ var _this$props$makeStyle, _this$props2;
42
54
 
43
- (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
55
+ (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
44
56
  }
45
57
 
46
58
  componentDidUpdate() {
47
- var _this$props$makeStyle2, _this$props2;
59
+ var _this$props$makeStyle2, _this$props3;
48
60
 
49
- (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
61
+ (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
50
62
  }
51
63
 
52
64
  render() {
53
- const _this$props3 = this.props,
54
- renderValue = _this$props3.renderValue,
55
- formatScreenReaderValue = _this$props3.formatScreenReaderValue,
56
- valueNow = _this$props3.valueNow,
57
- valueMax = _this$props3.valueMax,
58
- screenReaderLabel = _this$props3.screenReaderLabel,
59
- size = _this$props3.size,
60
- color = _this$props3.color,
61
- meterColor = _this$props3.meterColor,
62
- styles = _this$props3.styles,
63
- props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
65
+ const _this$props4 = this.props,
66
+ renderValue = _this$props4.renderValue,
67
+ formatScreenReaderValue = _this$props4.formatScreenReaderValue,
68
+ valueNow = _this$props4.valueNow,
69
+ valueMax = _this$props4.valueMax,
70
+ screenReaderLabel = _this$props4.screenReaderLabel,
71
+ size = _this$props4.size,
72
+ color = _this$props4.color,
73
+ meterColor = _this$props4.meterColor,
74
+ styles = _this$props4.styles,
75
+ props = (0, _objectWithoutProperties2.default)(_this$props4, _excluded);
64
76
  const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
65
77
  valueNow,
66
78
  valueMax
@@ -79,7 +91,7 @@ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
79
91
  as: this.props.as,
80
92
  css: styles === null || styles === void 0 ? void 0 : styles.progressBar,
81
93
  margin: this.props.margin,
82
- elementRef: this.props.elementRef
94
+ elementRef: this.handleRef
83
95
  }), (0, _emotion.jsx)("span", {
84
96
  css: styles === null || styles === void 0 ? void 0 : styles.trackLayout
85
97
  }, (0, _emotion.jsx)("span", {
package/lib/ProgressCircle/index.js CHANGED
@@ -42,6 +42,15 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
42
42
  constructor(props) {
43
43
  super(props);
44
44
  this._timeouts = [];
45
+ this.ref = null;
46
+
47
+ this.handleRef = el => {
48
+ var _this$props$elementRe, _this$props;
49
+
50
+ this.ref = el;
51
+ (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
52
+ };
53
+
45
54
  this.state = {
46
55
  shouldAnimateOnMount: props.shouldAnimateOnMount
47
56
  };
@@ -54,7 +63,7 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
54
63
  }
55
64
 
56
65
  componentDidMount() {
57
- var _this$props$makeStyle, _this$props;
66
+ var _this$props$makeStyle, _this$props2;
58
67
 
59
68
  if (this.state.shouldAnimateOnMount) {
60
69
  this._timeouts.push(setTimeout(() => {
@@ -64,13 +73,13 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
64
73
  }, this.props.animationDelay || 500));
65
74
  }
66
75
 
67
- (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStylesVariables);
76
+ (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2, this.makeStylesVariables);
68
77
  }
69
78
 
70
79
  componentDidUpdate() {
71
- var _this$props$makeStyle2, _this$props2;
80
+ var _this$props$makeStyle2, _this$props3;
72
81
 
73
- (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStylesVariables);
82
+ (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3, this.makeStylesVariables);
74
83
  }
75
84
 
76
85
  componentWillUnmount() {
@@ -80,17 +89,17 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
80
89
  render() {
81
90
  var _styles$radii, _styles$radii2, _styles$radii3;
82
91
 
83
- const _this$props3 = this.props,
84
- color = _this$props3.color,
85
- renderValue = _this$props3.renderValue,
86
- formatScreenReaderValue = _this$props3.formatScreenReaderValue,
87
- meterColor = _this$props3.meterColor,
88
- valueNow = _this$props3.valueNow,
89
- valueMax = _this$props3.valueMax,
90
- screenReaderLabel = _this$props3.screenReaderLabel,
91
- size = _this$props3.size,
92
- styles = _this$props3.styles,
93
- props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
92
+ const _this$props4 = this.props,
93
+ color = _this$props4.color,
94
+ renderValue = _this$props4.renderValue,
95
+ formatScreenReaderValue = _this$props4.formatScreenReaderValue,
96
+ meterColor = _this$props4.meterColor,
97
+ valueNow = _this$props4.valueNow,
98
+ valueMax = _this$props4.valueMax,
99
+ screenReaderLabel = _this$props4.screenReaderLabel,
100
+ size = _this$props4.size,
101
+ styles = _this$props4.styles,
102
+ props = (0, _objectWithoutProperties2.default)(_this$props4, _excluded);
94
103
  const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
95
104
  valueNow,
96
105
  valueMax
@@ -108,7 +117,7 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
108
117
  };
109
118
  return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
110
119
  as: this.props.as,
111
- elementRef: this.props.elementRef,
120
+ elementRef: this.handleRef,
112
121
  css: styles === null || styles === void 0 ? void 0 : styles.progressCircle,
113
122
  margin: this.props.margin
114
123
  }), (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, (0, _emotion.jsx)("progress", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-progress",
3
- "version": "8.10.1",
3
+ "version": "8.10.3-snapshot.12+af470a237",
4
4
  "description": "Styled HTML <progress /> elements for showing completion of a task",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "type": "commonjs",
@@ -25,21 +25,21 @@
25
25
  "license": "MIT",
26
26
  "dependencies": {
27
27
  "@babel/runtime": "^7.13.10",
28
- "@instructure/console": "8.10.1",
29
- "@instructure/emotion": "8.10.1",
30
- "@instructure/shared-types": "8.10.1",
31
- "@instructure/ui-a11y-content": "8.10.1",
32
- "@instructure/ui-color-utils": "8.10.1",
33
- "@instructure/ui-react-utils": "8.10.1",
34
- "@instructure/ui-testable": "8.10.1",
35
- "@instructure/ui-view": "8.10.1",
28
+ "@instructure/console": "8.10.3-snapshot.12+af470a237",
29
+ "@instructure/emotion": "8.10.3-snapshot.12+af470a237",
30
+ "@instructure/shared-types": "8.10.3-snapshot.12+af470a237",
31
+ "@instructure/ui-a11y-content": "8.10.3-snapshot.12+af470a237",
32
+ "@instructure/ui-color-utils": "8.10.3-snapshot.12+af470a237",
33
+ "@instructure/ui-react-utils": "8.10.3-snapshot.12+af470a237",
34
+ "@instructure/ui-testable": "8.10.3-snapshot.12+af470a237",
35
+ "@instructure/ui-view": "8.10.3-snapshot.12+af470a237",
36
36
  "prop-types": "^15"
37
37
  },
38
38
  "devDependencies": {
39
- "@instructure/ui-babel-preset": "8.10.1",
40
- "@instructure/ui-test-locator": "8.10.1",
41
- "@instructure/ui-test-utils": "8.10.1",
42
- "@instructure/ui-themes": "8.10.1"
39
+ "@instructure/ui-babel-preset": "8.10.3-snapshot.12+af470a237",
40
+ "@instructure/ui-test-locator": "8.10.3-snapshot.12+af470a237",
41
+ "@instructure/ui-test-utils": "8.10.3-snapshot.12+af470a237",
42
+ "@instructure/ui-themes": "8.10.3-snapshot.12+af470a237"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": ">=16.8 <=17"
@@ -47,5 +47,6 @@
47
47
  "publishConfig": {
48
48
  "access": "public"
49
49
  },
50
- "sideEffects": false
50
+ "sideEffects": false,
51
+ "gitHead": "af470a2374463c265ed1304870b7890fc8bb09a4"
51
52
  }
package/src/ProgressBar/index.tsx CHANGED
@@ -64,6 +64,8 @@ class ProgressBar extends Component<ProgressBarProps> {
64
64
  valueNow / valueMax >= 1 ? 'success' : 'brand'
65
65
  }
66
66
 
67
+ ref: Element | null = null
68
+
67
69
  componentDidMount() {
68
70
  this.props.makeStyles?.()
69
71
  }
@@ -72,6 +74,11 @@ class ProgressBar extends Component<ProgressBarProps> {
72
74
  this.props.makeStyles?.()
73
75
  }
74
76
 
77
+ handleRef = (el: Element | null) => {
78
+ this.ref = el
79
+ this.props.elementRef?.(el)
80
+ }
81
+
75
82
  render() {
76
83
  const {
77
84
  renderValue,
@@ -103,7 +110,7 @@ class ProgressBar extends Component<ProgressBarProps> {
103
110
  as={this.props.as}
104
111
  css={styles?.progressBar}
105
112
  margin={this.props.margin}
106
- elementRef={this.props.elementRef}
113
+ elementRef={this.handleRef}
107
114
  >
108
115
  <span css={styles?.trackLayout}>
109
116
  {/* creates bottom border effect - <progress /> hard to style x-browser */}
package/src/ProgressBar/props.ts CHANGED
@@ -56,7 +56,7 @@ type ProgressBarOwnProps = {
56
56
  | ((...args: any[]) => ProgressBarMeterColor)
57
57
  | ProgressBarMeterColor
58
58
  margin?: Spacing
59
- elementRef?: (...args: any[]) => any
59
+ elementRef?: (element: Element | null) => void
60
60
  as?: AsElementType
61
61
  }
62
62
 
package/src/ProgressCircle/index.tsx CHANGED
@@ -71,6 +71,7 @@ class ProgressCircle extends Component<
71
71
  }
72
72
 
73
73
  _timeouts = []
74
+ ref: Element | null = null
74
75
 
75
76
  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
76
77
  constructor(props) {
@@ -81,6 +82,11 @@ class ProgressCircle extends Component<
81
82
  }
82
83
  }
83
84
 
85
+ handleRef = (el: Element | null) => {
86
+ this.ref = el
87
+ this.props.elementRef?.(el)
88
+ }
89
+
84
90
  get makeStylesVariables() {
85
91
  return { shouldAnimateOnMount: this.state.shouldAnimateOnMount }
86
92
  }
@@ -143,7 +149,7 @@ class ProgressCircle extends Component<
143
149
  <View
144
150
  {...passthroughProps(props)}
145
151
  as={this.props.as}
146
- elementRef={this.props.elementRef}
152
+ elementRef={this.handleRef}
147
153
  css={styles?.progressCircle}
148
154
  margin={this.props.margin}
149
155
  >
package/src/ProgressCircle/props.ts CHANGED
@@ -55,7 +55,7 @@ type ProgressCircleOwnProps = {
55
55
  | ((...args: any[]) => ProgressCircleMeterColor)
56
56
  | ProgressCircleMeterColor
57
57
  margin?: Spacing
58
- elementRef?: (...args: any[]) => any
58
+ elementRef?: (element: Element | null) => void
59
59
  as?: AsElementType
60
60
  shouldAnimateOnMount?: boolean
61
61
  animationDelay?: number
package/types/ProgressBar/ProgressBarLocator.d.ts CHANGED
@@ -19,24 +19,28 @@ export declare const ProgressBarLocator: {
19
19
  findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
20
20
  findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
21
21
  } & {
22
+ toString: (maxLength?: number | undefined, options?: {
23
+ highlight: boolean;
24
+ } | undefined) => string;
25
+ contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
26
+ children: (selector: string) => Element[];
27
+ title: () => string | null | undefined;
28
+ id: () => string;
29
+ tagName: () => string;
30
+ getAttribute: (qualifiedName: string) => string | null;
31
+ getBoundingClientRect: () => DOMRect;
32
+ matches: (selector: string | undefined) => boolean;
22
33
  visible: () => boolean;
23
34
  value: () => string | null;
24
35
  disabled: () => string | null;
25
36
  role: () => string | null;
26
- id: () => string;
27
37
  label: () => string | null | undefined;
28
- title: () => string | null | undefined;
29
- toString: (maxLength?: number | undefined, options?: {
30
- highlight: boolean;
31
- } | undefined) => string;
32
38
  getId: () => string;
33
39
  getOwnerWindow: () => (Window & typeof globalThis) | null;
34
40
  getOwnerDocument: () => Document;
35
41
  getComputedStyle: () => CSSStyleDeclaration;
36
42
  getTagName: () => string;
37
- tagName: () => string;
38
43
  typeIn: (text: string) => Promise<void>;
39
- getAttribute: (qualifiedName: string) => string | null;
40
44
  getDOMNode: () => Element;
41
45
  node: () => Element;
42
46
  debug: (maxLength?: number | undefined, options?: {
@@ -44,9 +48,8 @@ export declare const ProgressBarLocator: {
44
48
  } | undefined) => void;
45
49
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
46
50
  getTextContent: () => string | null;
47
- getParentNode: () => (Node & ParentNode) | null;
48
- parent: () => (Node & ParentNode) | null;
49
- getBoundingClientRect: () => DOMRect;
51
+ getParentNode: () => ParentNode | null;
52
+ parent: () => ParentNode | null;
50
53
  rect: () => DOMRect;
51
54
  hasClass: (classname: string) => boolean;
52
55
  containsFocus: () => boolean;
@@ -58,19 +61,17 @@ export declare const ProgressBarLocator: {
58
61
  exists: () => boolean;
59
62
  text: () => string | null;
60
63
  empty: () => boolean;
61
- contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
62
64
  descendants: (selector: string) => Element[];
63
- ancestors: (selector: string) => (Node & ParentNode)[];
65
+ ancestors: (selector: string) => ParentNode[];
64
66
  attribute: (qualifiedName: string) => string | null;
65
67
  style: (property: string) => string;
66
68
  classNames: () => string[];
67
- matches: (selector: string | undefined) => boolean;
68
69
  checked: () => any;
69
70
  selected: () => any;
70
71
  readonly: () => any;
71
- children: (selector: string) => Element[];
72
- parents: (selector: string) => (Node & ParentNode)[];
72
+ parents: (selector: string) => ParentNode[];
73
73
  } & {
74
+ scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
74
75
  copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
75
76
  cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
76
77
  paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -108,7 +109,6 @@ export declare const ProgressBarLocator: {
108
109
  touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
109
110
  touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
110
111
  touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
111
- scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
112
112
  wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
113
113
  abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
114
114
  canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -158,24 +158,28 @@ export declare const ProgressBarLocator: {
158
158
  findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
159
159
  findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
160
160
  } & {
161
+ toString: (maxLength?: number | undefined, options?: {
162
+ highlight: boolean;
163
+ } | undefined) => string;
164
+ contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
165
+ children: (selector: string) => Element[];
166
+ title: () => string | null | undefined;
167
+ id: () => string;
168
+ tagName: () => string;
169
+ getAttribute: (qualifiedName: string) => string | null;
170
+ getBoundingClientRect: () => DOMRect;
171
+ matches: (selector: string | undefined) => boolean;
161
172
  visible: () => boolean;
162
173
  value: () => string | null;
163
174
  disabled: () => string | null;
164
175
  role: () => string | null;
165
- id: () => string;
166
176
  label: () => string | null | undefined;
167
- title: () => string | null | undefined;
168
- toString: (maxLength?: number | undefined, options?: {
169
- highlight: boolean;
170
- } | undefined) => string;
171
177
  getId: () => string;
172
178
  getOwnerWindow: () => (Window & typeof globalThis) | null;
173
179
  getOwnerDocument: () => Document;
174
180
  getComputedStyle: () => CSSStyleDeclaration;
175
181
  getTagName: () => string;
176
- tagName: () => string;
177
182
  typeIn: (text: string) => Promise<void>;
178
- getAttribute: (qualifiedName: string) => string | null;
179
183
  getDOMNode: () => Element;
180
184
  node: () => Element;
181
185
  debug: (maxLength?: number | undefined, options?: {
@@ -183,9 +187,8 @@ export declare const ProgressBarLocator: {
183
187
  } | undefined) => void;
184
188
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
185
189
  getTextContent: () => string | null;
186
- getParentNode: () => (Node & ParentNode) | null;
187
- parent: () => (Node & ParentNode) | null;
188
- getBoundingClientRect: () => DOMRect;
190
+ getParentNode: () => ParentNode | null;
191
+ parent: () => ParentNode | null;
189
192
  rect: () => DOMRect;
190
193
  hasClass: (classname: string) => boolean;
191
194
  containsFocus: () => boolean;
@@ -197,19 +200,17 @@ export declare const ProgressBarLocator: {
197
200
  exists: () => boolean;
198
201
  text: () => string | null;
199
202
  empty: () => boolean;
200
- contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
201
203
  descendants: (selector: string) => Element[];
202
- ancestors: (selector: string) => (Node & ParentNode)[];
204
+ ancestors: (selector: string) => ParentNode[];
203
205
  attribute: (qualifiedName: string) => string | null;
204
206
  style: (property: string) => string;
205
207
  classNames: () => string[];
206
- matches: (selector: string | undefined) => boolean;
207
208
  checked: () => any;
208
209
  selected: () => any;
209
210
  readonly: () => any;
210
- children: (selector: string) => Element[];
211
- parents: (selector: string) => (Node & ParentNode)[];
211
+ parents: (selector: string) => ParentNode[];
212
212
  } & {
213
+ scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
213
214
  copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
214
215
  cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
215
216
  paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -247,7 +248,6 @@ export declare const ProgressBarLocator: {
247
248
  touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
248
249
  touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
249
250
  touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
250
- scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
251
251
  wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
252
252
  abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
253
253
  canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -297,24 +297,28 @@ export declare const ProgressBarLocator: {
297
297
  findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
298
298
  findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
299
299
  } & {
300
+ toString: (maxLength?: number | undefined, options?: {
301
+ highlight: boolean;
302
+ } | undefined) => string;
303
+ contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
304
+ children: (selector: string) => Element[];
305
+ title: () => string | null | undefined;
306
+ id: () => string;
307
+ tagName: () => string;
308
+ getAttribute: (qualifiedName: string) => string | null;
309
+ getBoundingClientRect: () => DOMRect;
310
+ matches: (selector: string | undefined) => boolean;
300
311
  visible: () => boolean;
301
312
  value: () => string | null;
302
313
  disabled: () => string | null;
303
314
  role: () => string | null;
304
- id: () => string;
305
315
  label: () => string | null | undefined;
306
- title: () => string | null | undefined;
307
- toString: (maxLength?: number | undefined, options?: {
308
- highlight: boolean;
309
- } | undefined) => string;
310
316
  getId: () => string;
311
317
  getOwnerWindow: () => (Window & typeof globalThis) | null;
312
318
  getOwnerDocument: () => Document;
313
319
  getComputedStyle: () => CSSStyleDeclaration;
314
320
  getTagName: () => string;
315
- tagName: () => string;
316
321
  typeIn: (text: string) => Promise<void>;
317
- getAttribute: (qualifiedName: string) => string | null;
318
322
  getDOMNode: () => Element;
319
323
  node: () => Element;
320
324
  debug: (maxLength?: number | undefined, options?: {
@@ -322,9 +326,8 @@ export declare const ProgressBarLocator: {
322
326
  } | undefined) => void;
323
327
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
324
328
  getTextContent: () => string | null;
325
- getParentNode: () => (Node & ParentNode) | null;
326
- parent: () => (Node & ParentNode) | null;
327
- getBoundingClientRect: () => DOMRect;
329
+ getParentNode: () => ParentNode | null;
330
+ parent: () => ParentNode | null;
328
331
  rect: () => DOMRect;
329
332
  hasClass: (classname: string) => boolean;
330
333
  containsFocus: () => boolean;
@@ -336,19 +339,17 @@ export declare const ProgressBarLocator: {
336
339
  exists: () => boolean;
337
340
  text: () => string | null;
338
341
  empty: () => boolean;
339
- contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
340
342
  descendants: (selector: string) => Element[];
341
- ancestors: (selector: string) => (Node & ParentNode)[];
343
+ ancestors: (selector: string) => ParentNode[];
342
344
  attribute: (qualifiedName: string) => string | null;
343
345
  style: (property: string) => string;
344
346
  classNames: () => string[];
345
- matches: (selector: string | undefined) => boolean;
346
347
  checked: () => any;
347
348
  selected: () => any;
348
349
  readonly: () => any;
349
- children: (selector: string) => Element[];
350
- parents: (selector: string) => (Node & ParentNode)[];
350
+ parents: (selector: string) => ParentNode[];
351
351
  } & {
352
+ scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
352
353
  copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
353
354
  cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
354
355
  paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -386,7 +387,6 @@ export declare const ProgressBarLocator: {
386
387
  touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
387
388
  touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
388
389
  touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
389
- scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
390
390
  wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
391
391
  abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
392
392
  canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -436,24 +436,28 @@ export declare const ProgressBarLocator: {
436
436
  findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
437
437
  findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
438
438
  } & {
439
+ toString: (maxLength?: number | undefined, options?: {
440
+ highlight: boolean;
441
+ } | undefined) => string;
442
+ contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
443
+ children: (selector: string) => Element[];
444
+ title: () => string | null | undefined;
445
+ id: () => string;
446
+ tagName: () => string;
447
+ getAttribute: (qualifiedName: string) => string | null;
448
+ getBoundingClientRect: () => DOMRect;
449
+ matches: (selector: string | undefined) => boolean;
439
450
  visible: () => boolean;
440
451
  value: () => string | null;
441
452
  disabled: () => string | null;
442
453
  role: () => string | null;
443
- id: () => string;
444
454
  label: () => string | null | undefined;
445
- title: () => string | null | undefined;
446
- toString: (maxLength?: number | undefined, options?: {
447
- highlight: boolean;
448
- } | undefined) => string;
449
455
  getId: () => string;
450
456
  getOwnerWindow: () => (Window & typeof globalThis) | null;
451
457
  getOwnerDocument: () => Document;
452
458
  getComputedStyle: () => CSSStyleDeclaration;
453
459
  getTagName: () => string;
454
- tagName: () => string;
455
460
  typeIn: (text: string) => Promise<void>;
456
- getAttribute: (qualifiedName: string) => string | null;
457
461
  getDOMNode: () => Element;
458
462
  node: () => Element;
459
463
  debug: (maxLength?: number | undefined, options?: {
@@ -461,9 +465,8 @@ export declare const ProgressBarLocator: {
461
465
  } | undefined) => void;
462
466
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
463
467
  getTextContent: () => string | null;
464
- getParentNode: () => (Node & ParentNode) | null;
465
- parent: () => (Node & ParentNode) | null;
466
- getBoundingClientRect: () => DOMRect;
468
+ getParentNode: () => ParentNode | null;
469
+ parent: () => ParentNode | null;
467
470
  rect: () => DOMRect;
468
471
  hasClass: (classname: string) => boolean;
469
472
  containsFocus: () => boolean;
@@ -475,19 +478,17 @@ export declare const ProgressBarLocator: {
475
478
  exists: () => boolean;
476
479
  text: () => string | null;
477
480
  empty: () => boolean;
478
- contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
479
481
  descendants: (selector: string) => Element[];
480
- ancestors: (selector: string) => (Node & ParentNode)[];
482
+ ancestors: (selector: string) => ParentNode[];
481
483
  attribute: (qualifiedName: string) => string | null;
482
484
  style: (property: string) => string;
483
485
  classNames: () => string[];
484
- matches: (selector: string | undefined) => boolean;
485
486
  checked: () => any;
486
487
  selected: () => any;
487
488
  readonly: () => any;
488
- children: (selector: string) => Element[];
489
- parents: (selector: string) => (Node & ParentNode)[];
489
+ parents: (selector: string) => ParentNode[];
490
490
  } & {
491
+ scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
491
492
  copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
492
493
  cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
493
494
  paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -525,7 +526,6 @@ export declare const ProgressBarLocator: {
525
526
  touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
526
527
  touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
527
528
  touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
528
- scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
529
529
  wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
530
530
  abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
531
531
  canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
package/types/ProgressBar/index.d.ts CHANGED
@@ -19,7 +19,7 @@ declare class ProgressBar extends Component<ProgressBarProps> {
19
19
  color?: "primary" | "primary-inverse" | undefined;
20
20
  meterColor?: import("./props").ProgressBarMeterColor | ((...args: any[]) => import("./props").ProgressBarMeterColor) | undefined;
21
21
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
22
- elementRef?: ((...args: any[]) => any) | undefined;
22
+ elementRef?: ((element: Element | null) => void) | undefined;
23
23
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
24
24
  })[];
25
25
  static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
@@ -32,7 +32,7 @@ declare class ProgressBar extends Component<ProgressBarProps> {
32
32
  color?: "primary" | "primary-inverse" | undefined;
33
33
  meterColor?: import("./props").ProgressBarMeterColor | ((...args: any[]) => import("./props").ProgressBarMeterColor) | undefined;
34
34
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
35
- elementRef?: ((...args: any[]) => any) | undefined;
35
+ elementRef?: ((element: Element | null) => void) | undefined;
36
36
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
37
37
  }>;
38
38
  static defaultProps: {
@@ -50,8 +50,10 @@ declare class ProgressBar extends Component<ProgressBarProps> {
50
50
  valueMax: any;
51
51
  }) => "success" | "brand";
52
52
  };
53
+ ref: Element | null;
53
54
  componentDidMount(): void;
54
55
  componentDidUpdate(): void;
56
+ handleRef: (el: Element | null) => void;
55
57
  render(): jsx.JSX.Element;
56
58
  }
57
59
  export default ProgressBar;
package/types/ProgressBar/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAclB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAclB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
package/types/ProgressBar/props.d.ts CHANGED
@@ -12,7 +12,7 @@ declare type ProgressBarOwnProps = {
12
12
  color?: 'primary' | 'primary-inverse';
13
13
  meterColor?: ((...args: any[]) => ProgressBarMeterColor) | ProgressBarMeterColor;
14
14
  margin?: Spacing;
15
- elementRef?: (...args: any[]) => any;
15
+ elementRef?: (element: Element | null) => void;
16
16
  as?: AsElementType;
17
17
  };
18
18
  declare type PropKeys = keyof ProgressBarOwnProps;
package/types/ProgressBar/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAElC,oBAAY,qBAAqB,GAC7B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,aAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,qBAAqB,CAAC,GAC3C,qBAAqB,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;AAEpD,aAAK,gBAAgB,GAAG,cAAc,CACpC,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,CAClE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAElC,oBAAY,qBAAqB,GAC7B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,aAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,qBAAqB,CAAC,GAC3C,qBAAqB,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;AAEpD,aAAK,gBAAgB,GAAG,cAAc,CACpC,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,CAClE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
package/types/ProgressCircle/ProgressCircleLocator.d.ts CHANGED
@@ -19,24 +19,28 @@ export declare const ProgressCircleLocator: {
19
19
  findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
20
20
  findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
21
21
  } & {
22
+ toString: (maxLength?: number | undefined, options?: {
23
+ highlight: boolean;
24
+ } | undefined) => string;
25
+ contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
26
+ children: (selector: string) => Element[];
27
+ title: () => string | null | undefined;
28
+ id: () => string;
29
+ tagName: () => string;
30
+ getAttribute: (qualifiedName: string) => string | null;
31
+ getBoundingClientRect: () => DOMRect;
32
+ matches: (selector: string | undefined) => boolean;
22
33
  visible: () => boolean;
23
34
  value: () => string | null;
24
35
  disabled: () => string | null;
25
36
  role: () => string | null;
26
- id: () => string;
27
37
  label: () => string | null | undefined;
28
- title: () => string | null | undefined;
29
- toString: (maxLength?: number | undefined, options?: {
30
- highlight: boolean;
31
- } | undefined) => string;
32
38
  getId: () => string;
33
39
  getOwnerWindow: () => (Window & typeof globalThis) | null;
34
40
  getOwnerDocument: () => Document;
35
41
  getComputedStyle: () => CSSStyleDeclaration;
36
42
  getTagName: () => string;
37
- tagName: () => string;
38
43
  typeIn: (text: string) => Promise<void>;
39
- getAttribute: (qualifiedName: string) => string | null;
40
44
  getDOMNode: () => Element;
41
45
  node: () => Element;
42
46
  debug: (maxLength?: number | undefined, options?: {
@@ -44,9 +48,8 @@ export declare const ProgressCircleLocator: {
44
48
  } | undefined) => void;
45
49
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
46
50
  getTextContent: () => string | null;
47
- getParentNode: () => (Node & ParentNode) | null;
48
- parent: () => (Node & ParentNode) | null;
49
- getBoundingClientRect: () => DOMRect;
51
+ getParentNode: () => ParentNode | null;
52
+ parent: () => ParentNode | null;
50
53
  rect: () => DOMRect;
51
54
  hasClass: (classname: string) => boolean;
52
55
  containsFocus: () => boolean;
@@ -58,19 +61,17 @@ export declare const ProgressCircleLocator: {
58
61
  exists: () => boolean;
59
62
  text: () => string | null;
60
63
  empty: () => boolean;
61
- contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
62
64
  descendants: (selector: string) => Element[];
63
- ancestors: (selector: string) => (Node & ParentNode)[];
65
+ ancestors: (selector: string) => ParentNode[];
64
66
  attribute: (qualifiedName: string) => string | null;
65
67
  style: (property: string) => string;
66
68
  classNames: () => string[];
67
- matches: (selector: string | undefined) => boolean;
68
69
  checked: () => any;
69
70
  selected: () => any;
70
71
  readonly: () => any;
71
- children: (selector: string) => Element[];
72
- parents: (selector: string) => (Node & ParentNode)[];
72
+ parents: (selector: string) => ParentNode[];
73
73
  } & {
74
+ scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
74
75
  copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
75
76
  cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
76
77
  paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -108,7 +109,6 @@ export declare const ProgressCircleLocator: {
108
109
  touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
109
110
  touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
110
111
  touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
111
- scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
112
112
  wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
113
113
  abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
114
114
  canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -158,24 +158,28 @@ export declare const ProgressCircleLocator: {
158
158
  findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
159
159
  findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
160
160
  } & {
161
+ toString: (maxLength?: number | undefined, options?: {
162
+ highlight: boolean;
163
+ } | undefined) => string;
164
+ contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
165
+ children: (selector: string) => Element[];
166
+ title: () => string | null | undefined;
167
+ id: () => string;
168
+ tagName: () => string;
169
+ getAttribute: (qualifiedName: string) => string | null;
170
+ getBoundingClientRect: () => DOMRect;
171
+ matches: (selector: string | undefined) => boolean;
161
172
  visible: () => boolean;
162
173
  value: () => string | null;
163
174
  disabled: () => string | null;
164
175
  role: () => string | null;
165
- id: () => string;
166
176
  label: () => string | null | undefined;
167
- title: () => string | null | undefined;
168
- toString: (maxLength?: number | undefined, options?: {
169
- highlight: boolean;
170
- } | undefined) => string;
171
177
  getId: () => string;
172
178
  getOwnerWindow: () => (Window & typeof globalThis) | null;
173
179
  getOwnerDocument: () => Document;
174
180
  getComputedStyle: () => CSSStyleDeclaration;
175
181
  getTagName: () => string;
176
- tagName: () => string;
177
182
  typeIn: (text: string) => Promise<void>;
178
- getAttribute: (qualifiedName: string) => string | null;
179
183
  getDOMNode: () => Element;
180
184
  node: () => Element;
181
185
  debug: (maxLength?: number | undefined, options?: {
@@ -183,9 +187,8 @@ export declare const ProgressCircleLocator: {
183
187
  } | undefined) => void;
184
188
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
185
189
  getTextContent: () => string | null;
186
- getParentNode: () => (Node & ParentNode) | null;
187
- parent: () => (Node & ParentNode) | null;
188
- getBoundingClientRect: () => DOMRect;
190
+ getParentNode: () => ParentNode | null;
191
+ parent: () => ParentNode | null;
189
192
  rect: () => DOMRect;
190
193
  hasClass: (classname: string) => boolean;
191
194
  containsFocus: () => boolean;
@@ -197,19 +200,17 @@ export declare const ProgressCircleLocator: {
197
200
  exists: () => boolean;
198
201
  text: () => string | null;
199
202
  empty: () => boolean;
200
- contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
201
203
  descendants: (selector: string) => Element[];
202
- ancestors: (selector: string) => (Node & ParentNode)[];
204
+ ancestors: (selector: string) => ParentNode[];
203
205
  attribute: (qualifiedName: string) => string | null;
204
206
  style: (property: string) => string;
205
207
  classNames: () => string[];
206
- matches: (selector: string | undefined) => boolean;
207
208
  checked: () => any;
208
209
  selected: () => any;
209
210
  readonly: () => any;
210
- children: (selector: string) => Element[];
211
- parents: (selector: string) => (Node & ParentNode)[];
211
+ parents: (selector: string) => ParentNode[];
212
212
  } & {
213
+ scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
213
214
  copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
214
215
  cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
215
216
  paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -247,7 +248,6 @@ export declare const ProgressCircleLocator: {
247
248
  touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
248
249
  touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
249
250
  touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
250
- scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
251
251
  wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
252
252
  abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
253
253
  canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -297,24 +297,28 @@ export declare const ProgressCircleLocator: {
297
297
  findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
298
298
  findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
299
299
  } & {
300
+ toString: (maxLength?: number | undefined, options?: {
301
+ highlight: boolean;
302
+ } | undefined) => string;
303
+ contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
304
+ children: (selector: string) => Element[];
305
+ title: () => string | null | undefined;
306
+ id: () => string;
307
+ tagName: () => string;
308
+ getAttribute: (qualifiedName: string) => string | null;
309
+ getBoundingClientRect: () => DOMRect;
310
+ matches: (selector: string | undefined) => boolean;
300
311
  visible: () => boolean;
301
312
  value: () => string | null;
302
313
  disabled: () => string | null;
303
314
  role: () => string | null;
304
- id: () => string;
305
315
  label: () => string | null | undefined;
306
- title: () => string | null | undefined;
307
- toString: (maxLength?: number | undefined, options?: {
308
- highlight: boolean;
309
- } | undefined) => string;
310
316
  getId: () => string;
311
317
  getOwnerWindow: () => (Window & typeof globalThis) | null;
312
318
  getOwnerDocument: () => Document;
313
319
  getComputedStyle: () => CSSStyleDeclaration;
314
320
  getTagName: () => string;
315
- tagName: () => string;
316
321
  typeIn: (text: string) => Promise<void>;
317
- getAttribute: (qualifiedName: string) => string | null;
318
322
  getDOMNode: () => Element;
319
323
  node: () => Element;
320
324
  debug: (maxLength?: number | undefined, options?: {
@@ -322,9 +326,8 @@ export declare const ProgressCircleLocator: {
322
326
  } | undefined) => void;
323
327
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
324
328
  getTextContent: () => string | null;
325
- getParentNode: () => (Node & ParentNode) | null;
326
- parent: () => (Node & ParentNode) | null;
327
- getBoundingClientRect: () => DOMRect;
329
+ getParentNode: () => ParentNode | null;
330
+ parent: () => ParentNode | null;
328
331
  rect: () => DOMRect;
329
332
  hasClass: (classname: string) => boolean;
330
333
  containsFocus: () => boolean;
@@ -336,19 +339,17 @@ export declare const ProgressCircleLocator: {
336
339
  exists: () => boolean;
337
340
  text: () => string | null;
338
341
  empty: () => boolean;
339
- contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
340
342
  descendants: (selector: string) => Element[];
341
- ancestors: (selector: string) => (Node & ParentNode)[];
343
+ ancestors: (selector: string) => ParentNode[];
342
344
  attribute: (qualifiedName: string) => string | null;
343
345
  style: (property: string) => string;
344
346
  classNames: () => string[];
345
- matches: (selector: string | undefined) => boolean;
346
347
  checked: () => any;
347
348
  selected: () => any;
348
349
  readonly: () => any;
349
- children: (selector: string) => Element[];
350
- parents: (selector: string) => (Node & ParentNode)[];
350
+ parents: (selector: string) => ParentNode[];
351
351
  } & {
352
+ scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
352
353
  copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
353
354
  cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
354
355
  paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -386,7 +387,6 @@ export declare const ProgressCircleLocator: {
386
387
  touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
387
388
  touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
388
389
  touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
389
- scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
390
390
  wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
391
391
  abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
392
392
  canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -436,24 +436,28 @@ export declare const ProgressCircleLocator: {
436
436
  findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
437
437
  findParents: typeof import("@instructure/ui-test-queries/src/utils/queries").findParents;
438
438
  } & {
439
+ toString: (maxLength?: number | undefined, options?: {
440
+ highlight: boolean;
441
+ } | undefined) => string;
442
+ contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
443
+ children: (selector: string) => Element[];
444
+ title: () => string | null | undefined;
445
+ id: () => string;
446
+ tagName: () => string;
447
+ getAttribute: (qualifiedName: string) => string | null;
448
+ getBoundingClientRect: () => DOMRect;
449
+ matches: (selector: string | undefined) => boolean;
439
450
  visible: () => boolean;
440
451
  value: () => string | null;
441
452
  disabled: () => string | null;
442
453
  role: () => string | null;
443
- id: () => string;
444
454
  label: () => string | null | undefined;
445
- title: () => string | null | undefined;
446
- toString: (maxLength?: number | undefined, options?: {
447
- highlight: boolean;
448
- } | undefined) => string;
449
455
  getId: () => string;
450
456
  getOwnerWindow: () => (Window & typeof globalThis) | null;
451
457
  getOwnerDocument: () => Document;
452
458
  getComputedStyle: () => CSSStyleDeclaration;
453
459
  getTagName: () => string;
454
- tagName: () => string;
455
460
  typeIn: (text: string) => Promise<void>;
456
- getAttribute: (qualifiedName: string) => string | null;
457
461
  getDOMNode: () => Element;
458
462
  node: () => Element;
459
463
  debug: (maxLength?: number | undefined, options?: {
@@ -461,9 +465,8 @@ export declare const ProgressCircleLocator: {
461
465
  } | undefined) => void;
462
466
  accessible: (options?: Record<string, unknown> | undefined) => Promise<boolean>;
463
467
  getTextContent: () => string | null;
464
- getParentNode: () => (Node & ParentNode) | null;
465
- parent: () => (Node & ParentNode) | null;
466
- getBoundingClientRect: () => DOMRect;
468
+ getParentNode: () => ParentNode | null;
469
+ parent: () => ParentNode | null;
467
470
  rect: () => DOMRect;
468
471
  hasClass: (classname: string) => boolean;
469
472
  containsFocus: () => boolean;
@@ -475,19 +478,17 @@ export declare const ProgressCircleLocator: {
475
478
  exists: () => boolean;
476
479
  text: () => string | null;
477
480
  empty: () => boolean;
478
- contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
479
481
  descendants: (selector: string) => Element[];
480
- ancestors: (selector: string) => (Node & ParentNode)[];
482
+ ancestors: (selector: string) => ParentNode[];
481
483
  attribute: (qualifiedName: string) => string | null;
482
484
  style: (property: string) => string;
483
485
  classNames: () => string[];
484
- matches: (selector: string | undefined) => boolean;
485
486
  checked: () => any;
486
487
  selected: () => any;
487
488
  readonly: () => any;
488
- children: (selector: string) => Element[];
489
- parents: (selector: string) => (Node & ParentNode)[];
489
+ parents: (selector: string) => ParentNode[];
490
490
  } & {
491
+ scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
491
492
  copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
492
493
  cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
493
494
  paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -525,7 +526,6 @@ export declare const ProgressCircleLocator: {
525
526
  touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
526
527
  touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
527
528
  touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
528
- scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
529
529
  wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
530
530
  abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
531
531
  canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
package/types/ProgressCircle/index.d.ts CHANGED
@@ -19,7 +19,7 @@ declare class ProgressCircle extends Component<ProgressCircleProps, ProgressCirc
19
19
  color?: "primary" | "primary-inverse" | undefined;
20
20
  meterColor?: import("./props").ProgressCircleMeterColor | ((...args: any[]) => import("./props").ProgressCircleMeterColor) | undefined;
21
21
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
22
- elementRef?: ((...args: any[]) => any) | undefined;
22
+ elementRef?: ((element: Element | null) => void) | undefined;
23
23
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
24
24
  shouldAnimateOnMount?: boolean | undefined;
25
25
  animationDelay?: number | undefined;
@@ -34,7 +34,7 @@ declare class ProgressCircle extends Component<ProgressCircleProps, ProgressCirc
34
34
  color?: "primary" | "primary-inverse" | undefined;
35
35
  meterColor?: import("./props").ProgressCircleMeterColor | ((...args: any[]) => import("./props").ProgressCircleMeterColor) | undefined;
36
36
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
37
- elementRef?: ((...args: any[]) => any) | undefined;
37
+ elementRef?: ((element: Element | null) => void) | undefined;
38
38
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
39
39
  shouldAnimateOnMount?: boolean | undefined;
40
40
  animationDelay?: number | undefined;
@@ -56,7 +56,9 @@ declare class ProgressCircle extends Component<ProgressCircleProps, ProgressCirc
56
56
  }) => "success" | "brand";
57
57
  };
58
58
  _timeouts: never[];
59
+ ref: Element | null;
59
60
  constructor(props: any);
61
+ handleRef: (el: Element | null) => void;
60
62
  get makeStylesVariables(): {
61
63
  shouldAnimateOnMount: boolean;
62
64
  };
package/types/ProgressCircle/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressCircle/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGvE;;;;GAIG;AACH,cAEM,cAAe,SAAQ,SAAS,CACpC,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAelB;IAED,SAAS,UAAK;gBAGF,KAAK,KAAA;IAQjB,IAAI,mBAAmB;;MAEtB;IAED,iBAAiB;IAejB,kBAAkB;IAIlB,oBAAoB;IAIpB,MAAM;CAqFP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressCircle/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGvE;;;;GAIG;AACH,cAEM,cAAe,SAAQ,SAAS,CACpC,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAelB;IAED,SAAS,UAAK;IACd,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAQjB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,IAAI,mBAAmB;;MAEtB;IAED,iBAAiB;IAejB,kBAAkB;IAIlB,oBAAoB;IAIpB,MAAM;CAqFP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
package/types/ProgressCircle/props.d.ts CHANGED
@@ -12,7 +12,7 @@ declare type ProgressCircleOwnProps = {
12
12
  color?: 'primary' | 'primary-inverse';
13
13
  meterColor?: ((...args: any[]) => ProgressCircleMeterColor) | ProgressCircleMeterColor;
14
14
  margin?: Spacing;
15
- elementRef?: (...args: any[]) => any;
15
+ elementRef?: (element: Element | null) => void;
16
16
  as?: AsElementType;
17
17
  shouldAnimateOnMount?: boolean;
18
18
  animationDelay?: number;
package/types/ProgressCircle/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressCircle/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,oBAAY,wBAAwB,GAChC,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,aAAK,sBAAsB,GAAG;IAC5B,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACrE,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,wBAAwB,CAAC,GAC9C,wBAAwB,CAAA;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,oBAAoB,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,aAAK,mBAAmB,GAAG,cAAc,CACrC,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,YAAY,CACf,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ProgressCircle/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,oBAAY,wBAAwB,GAChC,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,CAAA;AAEX,aAAK,sBAAsB,GAAG;IAC5B,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACrE,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,UAAU,CAAC,EACP,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,wBAAwB,CAAC,GAC9C,wBAAwB,CAAA;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,oBAAoB,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,aAAK,mBAAmB,GAAG,cAAc,CACrC,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,YAAY,CACf,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}