@instructure/ui-progress 8.10.3-snapshot.2 → 8.10.3-snapshot.25
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/es/ProgressBar/index.js +20 -18
- package/es/ProgressCircle/index.js +20 -18
- package/lib/ProgressBar/index.js +20 -18
- package/lib/ProgressCircle/index.js +20 -18
- package/package.json +14 -14
- package/src/ProgressBar/index.tsx +6 -1
- package/src/ProgressBar/props.ts +4 -2
- package/src/ProgressCircle/index.tsx +6 -1
- package/src/ProgressCircle/props.ts +4 -2
- package/types/ProgressBar/index.d.ts.map +1 -1
- package/types/ProgressBar/props.d.ts +2 -2
- package/types/ProgressBar/props.d.ts.map +1 -1
- package/types/ProgressCircle/index.d.ts.map +1 -1
- package/types/ProgressCircle/props.d.ts +2 -2
- package/types/ProgressCircle/props.d.ts.map +1 -1
package/es/ProgressBar/index.js
CHANGED
|
@@ -48,37 +48,39 @@ let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
|
|
|
48
48
|
this.ref = null;
|
|
49
49
|
|
|
50
50
|
this.handleRef = el => {
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
const elementRef = this.props.elementRef;
|
|
53
52
|
this.ref = el;
|
|
54
|
-
|
|
53
|
+
|
|
54
|
+
if (typeof elementRef === 'function') {
|
|
55
|
+
elementRef(el);
|
|
56
|
+
}
|
|
55
57
|
};
|
|
56
58
|
}
|
|
57
59
|
|
|
58
60
|
componentDidMount() {
|
|
59
|
-
var _this$props$makeStyle, _this$
|
|
61
|
+
var _this$props$makeStyle, _this$props;
|
|
60
62
|
|
|
61
|
-
(_this$props$makeStyle = (_this$
|
|
63
|
+
(_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
|
|
62
64
|
}
|
|
63
65
|
|
|
64
66
|
componentDidUpdate() {
|
|
65
|
-
var _this$props$makeStyle2, _this$
|
|
67
|
+
var _this$props$makeStyle2, _this$props2;
|
|
66
68
|
|
|
67
|
-
(_this$props$makeStyle2 = (_this$
|
|
69
|
+
(_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
|
|
68
70
|
}
|
|
69
71
|
|
|
70
72
|
render() {
|
|
71
|
-
const _this$
|
|
72
|
-
renderValue = _this$
|
|
73
|
-
formatScreenReaderValue = _this$
|
|
74
|
-
valueNow = _this$
|
|
75
|
-
valueMax = _this$
|
|
76
|
-
screenReaderLabel = _this$
|
|
77
|
-
size = _this$
|
|
78
|
-
color = _this$
|
|
79
|
-
meterColor = _this$
|
|
80
|
-
styles = _this$
|
|
81
|
-
props = _objectWithoutProperties(_this$
|
|
73
|
+
const _this$props3 = this.props,
|
|
74
|
+
renderValue = _this$props3.renderValue,
|
|
75
|
+
formatScreenReaderValue = _this$props3.formatScreenReaderValue,
|
|
76
|
+
valueNow = _this$props3.valueNow,
|
|
77
|
+
valueMax = _this$props3.valueMax,
|
|
78
|
+
screenReaderLabel = _this$props3.screenReaderLabel,
|
|
79
|
+
size = _this$props3.size,
|
|
80
|
+
color = _this$props3.color,
|
|
81
|
+
meterColor = _this$props3.meterColor,
|
|
82
|
+
styles = _this$props3.styles,
|
|
83
|
+
props = _objectWithoutProperties(_this$props3, _excluded);
|
|
82
84
|
|
|
83
85
|
const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
|
|
84
86
|
valueNow,
|
|
@@ -50,10 +50,12 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
|
|
|
50
50
|
this.ref = null;
|
|
51
51
|
|
|
52
52
|
this.handleRef = el => {
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
const elementRef = this.props.elementRef;
|
|
55
54
|
this.ref = el;
|
|
56
|
-
|
|
55
|
+
|
|
56
|
+
if (typeof elementRef === 'function') {
|
|
57
|
+
elementRef(el);
|
|
58
|
+
}
|
|
57
59
|
};
|
|
58
60
|
|
|
59
61
|
this.state = {
|
|
@@ -68,7 +70,7 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
|
|
|
68
70
|
}
|
|
69
71
|
|
|
70
72
|
componentDidMount() {
|
|
71
|
-
var _this$props$makeStyle, _this$
|
|
73
|
+
var _this$props$makeStyle, _this$props;
|
|
72
74
|
|
|
73
75
|
if (this.state.shouldAnimateOnMount) {
|
|
74
76
|
this._timeouts.push(setTimeout(() => {
|
|
@@ -78,13 +80,13 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
|
|
|
78
80
|
}, this.props.animationDelay || 500));
|
|
79
81
|
}
|
|
80
82
|
|
|
81
|
-
(_this$props$makeStyle = (_this$
|
|
83
|
+
(_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStylesVariables);
|
|
82
84
|
}
|
|
83
85
|
|
|
84
86
|
componentDidUpdate() {
|
|
85
|
-
var _this$props$makeStyle2, _this$
|
|
87
|
+
var _this$props$makeStyle2, _this$props2;
|
|
86
88
|
|
|
87
|
-
(_this$props$makeStyle2 = (_this$
|
|
89
|
+
(_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStylesVariables);
|
|
88
90
|
}
|
|
89
91
|
|
|
90
92
|
componentWillUnmount() {
|
|
@@ -94,17 +96,17 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
|
|
|
94
96
|
render() {
|
|
95
97
|
var _styles$radii, _styles$radii2, _styles$radii3;
|
|
96
98
|
|
|
97
|
-
const _this$
|
|
98
|
-
color = _this$
|
|
99
|
-
renderValue = _this$
|
|
100
|
-
formatScreenReaderValue = _this$
|
|
101
|
-
meterColor = _this$
|
|
102
|
-
valueNow = _this$
|
|
103
|
-
valueMax = _this$
|
|
104
|
-
screenReaderLabel = _this$
|
|
105
|
-
size = _this$
|
|
106
|
-
styles = _this$
|
|
107
|
-
props = _objectWithoutProperties(_this$
|
|
99
|
+
const _this$props3 = this.props,
|
|
100
|
+
color = _this$props3.color,
|
|
101
|
+
renderValue = _this$props3.renderValue,
|
|
102
|
+
formatScreenReaderValue = _this$props3.formatScreenReaderValue,
|
|
103
|
+
meterColor = _this$props3.meterColor,
|
|
104
|
+
valueNow = _this$props3.valueNow,
|
|
105
|
+
valueMax = _this$props3.valueMax,
|
|
106
|
+
screenReaderLabel = _this$props3.screenReaderLabel,
|
|
107
|
+
size = _this$props3.size,
|
|
108
|
+
styles = _this$props3.styles,
|
|
109
|
+
props = _objectWithoutProperties(_this$props3, _excluded);
|
|
108
110
|
|
|
109
111
|
const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
|
|
110
112
|
valueNow,
|
package/lib/ProgressBar/index.js
CHANGED
|
@@ -42,37 +42,39 @@ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
|
|
|
42
42
|
this.ref = null;
|
|
43
43
|
|
|
44
44
|
this.handleRef = el => {
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
const elementRef = this.props.elementRef;
|
|
47
46
|
this.ref = el;
|
|
48
|
-
|
|
47
|
+
|
|
48
|
+
if (typeof elementRef === 'function') {
|
|
49
|
+
elementRef(el);
|
|
50
|
+
}
|
|
49
51
|
};
|
|
50
52
|
}
|
|
51
53
|
|
|
52
54
|
componentDidMount() {
|
|
53
|
-
var _this$props$makeStyle, _this$
|
|
55
|
+
var _this$props$makeStyle, _this$props;
|
|
54
56
|
|
|
55
|
-
(_this$props$makeStyle = (_this$
|
|
57
|
+
(_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
|
|
56
58
|
}
|
|
57
59
|
|
|
58
60
|
componentDidUpdate() {
|
|
59
|
-
var _this$props$makeStyle2, _this$
|
|
61
|
+
var _this$props$makeStyle2, _this$props2;
|
|
60
62
|
|
|
61
|
-
(_this$props$makeStyle2 = (_this$
|
|
63
|
+
(_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
|
|
62
64
|
}
|
|
63
65
|
|
|
64
66
|
render() {
|
|
65
|
-
const _this$
|
|
66
|
-
renderValue = _this$
|
|
67
|
-
formatScreenReaderValue = _this$
|
|
68
|
-
valueNow = _this$
|
|
69
|
-
valueMax = _this$
|
|
70
|
-
screenReaderLabel = _this$
|
|
71
|
-
size = _this$
|
|
72
|
-
color = _this$
|
|
73
|
-
meterColor = _this$
|
|
74
|
-
styles = _this$
|
|
75
|
-
props = (0, _objectWithoutProperties2.default)(_this$
|
|
67
|
+
const _this$props3 = this.props,
|
|
68
|
+
renderValue = _this$props3.renderValue,
|
|
69
|
+
formatScreenReaderValue = _this$props3.formatScreenReaderValue,
|
|
70
|
+
valueNow = _this$props3.valueNow,
|
|
71
|
+
valueMax = _this$props3.valueMax,
|
|
72
|
+
screenReaderLabel = _this$props3.screenReaderLabel,
|
|
73
|
+
size = _this$props3.size,
|
|
74
|
+
color = _this$props3.color,
|
|
75
|
+
meterColor = _this$props3.meterColor,
|
|
76
|
+
styles = _this$props3.styles,
|
|
77
|
+
props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
|
|
76
78
|
const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
|
|
77
79
|
valueNow,
|
|
78
80
|
valueMax
|
|
@@ -45,10 +45,12 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
45
45
|
this.ref = null;
|
|
46
46
|
|
|
47
47
|
this.handleRef = el => {
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
const elementRef = this.props.elementRef;
|
|
50
49
|
this.ref = el;
|
|
51
|
-
|
|
50
|
+
|
|
51
|
+
if (typeof elementRef === 'function') {
|
|
52
|
+
elementRef(el);
|
|
53
|
+
}
|
|
52
54
|
};
|
|
53
55
|
|
|
54
56
|
this.state = {
|
|
@@ -63,7 +65,7 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
63
65
|
}
|
|
64
66
|
|
|
65
67
|
componentDidMount() {
|
|
66
|
-
var _this$props$makeStyle, _this$
|
|
68
|
+
var _this$props$makeStyle, _this$props;
|
|
67
69
|
|
|
68
70
|
if (this.state.shouldAnimateOnMount) {
|
|
69
71
|
this._timeouts.push(setTimeout(() => {
|
|
@@ -73,13 +75,13 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
73
75
|
}, this.props.animationDelay || 500));
|
|
74
76
|
}
|
|
75
77
|
|
|
76
|
-
(_this$props$makeStyle = (_this$
|
|
78
|
+
(_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStylesVariables);
|
|
77
79
|
}
|
|
78
80
|
|
|
79
81
|
componentDidUpdate() {
|
|
80
|
-
var _this$props$makeStyle2, _this$
|
|
82
|
+
var _this$props$makeStyle2, _this$props2;
|
|
81
83
|
|
|
82
|
-
(_this$props$makeStyle2 = (_this$
|
|
84
|
+
(_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStylesVariables);
|
|
83
85
|
}
|
|
84
86
|
|
|
85
87
|
componentWillUnmount() {
|
|
@@ -89,17 +91,17 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
89
91
|
render() {
|
|
90
92
|
var _styles$radii, _styles$radii2, _styles$radii3;
|
|
91
93
|
|
|
92
|
-
const _this$
|
|
93
|
-
color = _this$
|
|
94
|
-
renderValue = _this$
|
|
95
|
-
formatScreenReaderValue = _this$
|
|
96
|
-
meterColor = _this$
|
|
97
|
-
valueNow = _this$
|
|
98
|
-
valueMax = _this$
|
|
99
|
-
screenReaderLabel = _this$
|
|
100
|
-
size = _this$
|
|
101
|
-
styles = _this$
|
|
102
|
-
props = (0, _objectWithoutProperties2.default)(_this$
|
|
94
|
+
const _this$props3 = this.props,
|
|
95
|
+
color = _this$props3.color,
|
|
96
|
+
renderValue = _this$props3.renderValue,
|
|
97
|
+
formatScreenReaderValue = _this$props3.formatScreenReaderValue,
|
|
98
|
+
meterColor = _this$props3.meterColor,
|
|
99
|
+
valueNow = _this$props3.valueNow,
|
|
100
|
+
valueMax = _this$props3.valueMax,
|
|
101
|
+
screenReaderLabel = _this$props3.screenReaderLabel,
|
|
102
|
+
size = _this$props3.size,
|
|
103
|
+
styles = _this$props3.styles,
|
|
104
|
+
props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
|
|
103
105
|
const valueText = typeof formatScreenReaderValue === 'function' && formatScreenReaderValue({
|
|
104
106
|
valueNow,
|
|
105
107
|
valueMax
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-progress",
|
|
3
|
-
"version": "8.10.3-snapshot.
|
|
3
|
+
"version": "8.10.3-snapshot.25+ed32a6c3b",
|
|
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.3-snapshot.
|
|
29
|
-
"@instructure/emotion": "8.10.3-snapshot.
|
|
30
|
-
"@instructure/shared-types": "8.10.3-snapshot.
|
|
31
|
-
"@instructure/ui-a11y-content": "8.10.3-snapshot.
|
|
32
|
-
"@instructure/ui-color-utils": "8.10.3-snapshot.
|
|
33
|
-
"@instructure/ui-react-utils": "8.10.3-snapshot.
|
|
34
|
-
"@instructure/ui-testable": "8.10.3-snapshot.
|
|
35
|
-
"@instructure/ui-view": "8.10.3-snapshot.
|
|
28
|
+
"@instructure/console": "8.10.3-snapshot.25+ed32a6c3b",
|
|
29
|
+
"@instructure/emotion": "8.10.3-snapshot.25+ed32a6c3b",
|
|
30
|
+
"@instructure/shared-types": "8.10.3-snapshot.25+ed32a6c3b",
|
|
31
|
+
"@instructure/ui-a11y-content": "8.10.3-snapshot.25+ed32a6c3b",
|
|
32
|
+
"@instructure/ui-color-utils": "8.10.3-snapshot.25+ed32a6c3b",
|
|
33
|
+
"@instructure/ui-react-utils": "8.10.3-snapshot.25+ed32a6c3b",
|
|
34
|
+
"@instructure/ui-testable": "8.10.3-snapshot.25+ed32a6c3b",
|
|
35
|
+
"@instructure/ui-view": "8.10.3-snapshot.25+ed32a6c3b",
|
|
36
36
|
"prop-types": "^15"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@instructure/ui-babel-preset": "8.10.3-snapshot.
|
|
40
|
-
"@instructure/ui-test-locator": "8.10.3-snapshot.
|
|
41
|
-
"@instructure/ui-test-utils": "8.10.3-snapshot.
|
|
42
|
-
"@instructure/ui-themes": "8.10.3-snapshot.
|
|
39
|
+
"@instructure/ui-babel-preset": "8.10.3-snapshot.25+ed32a6c3b",
|
|
40
|
+
"@instructure/ui-test-locator": "8.10.3-snapshot.25+ed32a6c3b",
|
|
41
|
+
"@instructure/ui-test-utils": "8.10.3-snapshot.25+ed32a6c3b",
|
|
42
|
+
"@instructure/ui-themes": "8.10.3-snapshot.25+ed32a6c3b"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": ">=16.8 <=17"
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"access": "public"
|
|
49
49
|
},
|
|
50
50
|
"sideEffects": false,
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "ed32a6c3b14ddb7fbbb5b543d9871a296f06e4c0"
|
|
52
52
|
}
|
|
@@ -75,8 +75,13 @@ class ProgressBar extends Component<ProgressBarProps> {
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
handleRef = (el: Element | null) => {
|
|
78
|
+
const { elementRef } = this.props
|
|
79
|
+
|
|
78
80
|
this.ref = el
|
|
79
|
-
|
|
81
|
+
|
|
82
|
+
if (typeof elementRef === 'function') {
|
|
83
|
+
elementRef(el)
|
|
84
|
+
}
|
|
80
85
|
}
|
|
81
86
|
|
|
82
87
|
render() {
|
package/src/ProgressBar/props.ts
CHANGED
|
@@ -33,7 +33,8 @@ import type {
|
|
|
33
33
|
import type {
|
|
34
34
|
PropValidators,
|
|
35
35
|
AsElementType,
|
|
36
|
-
ProgressBarTheme
|
|
36
|
+
ProgressBarTheme,
|
|
37
|
+
OtherHTMLAttributes
|
|
37
38
|
} from '@instructure/shared-types'
|
|
38
39
|
|
|
39
40
|
export type ProgressBarMeterColor =
|
|
@@ -65,7 +66,8 @@ type PropKeys = keyof ProgressBarOwnProps
|
|
|
65
66
|
type AllowedPropKeys = Readonly<Array<PropKeys>>
|
|
66
67
|
|
|
67
68
|
type ProgressBarProps = ProgressBarOwnProps &
|
|
68
|
-
WithStyleProps<ProgressBarTheme, ProgressBarStyle>
|
|
69
|
+
WithStyleProps<ProgressBarTheme, ProgressBarStyle> &
|
|
70
|
+
OtherHTMLAttributes<ProgressBarOwnProps>
|
|
69
71
|
|
|
70
72
|
type ProgressBarStyle = ComponentStyle<
|
|
71
73
|
'progressBar' | 'trackLayout' | 'trackBorder' | 'track' | 'value'
|
|
@@ -83,8 +83,13 @@ class ProgressCircle extends Component<
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
handleRef = (el: Element | null) => {
|
|
86
|
+
const { elementRef } = this.props
|
|
87
|
+
|
|
86
88
|
this.ref = el
|
|
87
|
-
|
|
89
|
+
|
|
90
|
+
if (typeof elementRef === 'function') {
|
|
91
|
+
elementRef(el)
|
|
92
|
+
}
|
|
88
93
|
}
|
|
89
94
|
|
|
90
95
|
get makeStylesVariables() {
|
|
@@ -32,7 +32,8 @@ import type {
|
|
|
32
32
|
import type {
|
|
33
33
|
PropValidators,
|
|
34
34
|
AsElementType,
|
|
35
|
-
ProgressCircleTheme
|
|
35
|
+
ProgressCircleTheme,
|
|
36
|
+
OtherHTMLAttributes
|
|
36
37
|
} from '@instructure/shared-types'
|
|
37
38
|
|
|
38
39
|
export type ProgressCircleMeterColor =
|
|
@@ -70,7 +71,8 @@ type PropKeys = keyof ProgressCircleOwnProps
|
|
|
70
71
|
type AllowedPropKeys = Readonly<Array<PropKeys>>
|
|
71
72
|
|
|
72
73
|
type ProgressCircleProps = ProgressCircleOwnProps &
|
|
73
|
-
WithStyleProps<ProgressCircleTheme, ProgressCircleStyle>
|
|
74
|
+
WithStyleProps<ProgressCircleTheme, ProgressCircleStyle> &
|
|
75
|
+
OtherHTMLAttributes<ProgressCircleOwnProps>
|
|
74
76
|
|
|
75
77
|
type ProgressCircleStyle = ComponentStyle<
|
|
76
78
|
| 'progressCircle'
|
|
@@ -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,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,
|
|
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,UAQ9B;IAED,MAAM;CA0DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
|
-
import type { PropValidators, AsElementType, ProgressBarTheme } from '@instructure/shared-types';
|
|
3
|
+
import type { PropValidators, AsElementType, ProgressBarTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
4
|
export declare type ProgressBarMeterColor = 'info' | 'warning' | 'danger' | 'alert' | 'success' | 'brand';
|
|
5
5
|
declare type ProgressBarOwnProps = {
|
|
6
6
|
screenReaderLabel: string;
|
|
@@ -17,7 +17,7 @@ declare type ProgressBarOwnProps = {
|
|
|
17
17
|
};
|
|
18
18
|
declare type PropKeys = keyof ProgressBarOwnProps;
|
|
19
19
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
20
|
-
declare type ProgressBarProps = ProgressBarOwnProps & WithStyleProps<ProgressBarTheme, ProgressBarStyle>;
|
|
20
|
+
declare type ProgressBarProps = ProgressBarOwnProps & WithStyleProps<ProgressBarTheme, ProgressBarStyle> & OtherHTMLAttributes<ProgressBarOwnProps>;
|
|
21
21
|
declare type ProgressBarStyle = ComponentStyle<'progressBar' | 'trackLayout' | 'trackBorder' | 'track' | 'value'>;
|
|
22
22
|
declare const propTypes: PropValidators<PropKeys>;
|
|
23
23
|
declare const allowedProps: AllowedPropKeys;
|
|
@@ -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,
|
|
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,EAChB,mBAAmB,EACpB,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,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,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 +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;IACd,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAQjB,SAAS,OAAQ,OAAO,GAAG,IAAI,
|
|
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,UAQ9B;IAED,IAAI,mBAAmB;;MAEtB;IAED,iBAAiB;IAejB,kBAAkB;IAIlB,oBAAoB;IAIpB,MAAM;CAqFP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
|
-
import type { PropValidators, AsElementType, ProgressCircleTheme } from '@instructure/shared-types';
|
|
3
|
+
import type { PropValidators, AsElementType, ProgressCircleTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
4
|
export declare type ProgressCircleMeterColor = 'info' | 'warning' | 'danger' | 'alert' | 'success' | 'brand';
|
|
5
5
|
declare type ProgressCircleOwnProps = {
|
|
6
6
|
screenReaderLabel: string;
|
|
@@ -22,7 +22,7 @@ export declare type ProgressCircleState = {
|
|
|
22
22
|
};
|
|
23
23
|
declare type PropKeys = keyof ProgressCircleOwnProps;
|
|
24
24
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
25
|
-
declare type ProgressCircleProps = ProgressCircleOwnProps & WithStyleProps<ProgressCircleTheme, ProgressCircleStyle>;
|
|
25
|
+
declare type ProgressCircleProps = ProgressCircleOwnProps & WithStyleProps<ProgressCircleTheme, ProgressCircleStyle> & OtherHTMLAttributes<ProgressCircleOwnProps>;
|
|
26
26
|
declare type ProgressCircleStyle = ComponentStyle<'progressCircle' | 'center' | 'value' | 'circle' | 'track' | 'border' | 'meter' | 'radii' | 'dashOffset'>;
|
|
27
27
|
declare const propTypes: PropValidators<PropKeys>;
|
|
28
28
|
declare const allowedProps: AllowedPropKeys;
|
|
@@ -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,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;
|
|
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,EACnB,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,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,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"}
|