@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.
@@ -48,37 +48,39 @@ let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
48
48
  this.ref = null;
49
49
 
50
50
  this.handleRef = el => {
51
- var _this$props$elementRe, _this$props;
52
-
51
+ const elementRef = this.props.elementRef;
53
52
  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);
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$props2;
61
+ var _this$props$makeStyle, _this$props;
60
62
 
61
- (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
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$props3;
67
+ var _this$props$makeStyle2, _this$props2;
66
68
 
67
- (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
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$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);
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
- var _this$props$elementRe, _this$props;
54
-
53
+ const elementRef = this.props.elementRef;
55
54
  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);
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$props2;
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$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2, this.makeStylesVariables);
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$props3;
87
+ var _this$props$makeStyle2, _this$props2;
86
88
 
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);
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$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
+ 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,
@@ -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
- var _this$props$elementRe, _this$props;
46
-
45
+ const elementRef = this.props.elementRef;
47
46
  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);
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$props2;
55
+ var _this$props$makeStyle, _this$props;
54
56
 
55
- (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
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$props3;
61
+ var _this$props$makeStyle2, _this$props2;
60
62
 
61
- (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
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$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);
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
- var _this$props$elementRe, _this$props;
49
-
48
+ const elementRef = this.props.elementRef;
50
49
  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);
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$props2;
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$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2, this.makeStylesVariables);
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$props3;
82
+ var _this$props$makeStyle2, _this$props2;
81
83
 
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);
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$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
+ 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.2+ccdf8f43b",
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.2+ccdf8f43b",
29
- "@instructure/emotion": "8.10.3-snapshot.2+ccdf8f43b",
30
- "@instructure/shared-types": "8.10.3-snapshot.2+ccdf8f43b",
31
- "@instructure/ui-a11y-content": "8.10.3-snapshot.2+ccdf8f43b",
32
- "@instructure/ui-color-utils": "8.10.3-snapshot.2+ccdf8f43b",
33
- "@instructure/ui-react-utils": "8.10.3-snapshot.2+ccdf8f43b",
34
- "@instructure/ui-testable": "8.10.3-snapshot.2+ccdf8f43b",
35
- "@instructure/ui-view": "8.10.3-snapshot.2+ccdf8f43b",
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.2+ccdf8f43b",
40
- "@instructure/ui-test-locator": "8.10.3-snapshot.2+ccdf8f43b",
41
- "@instructure/ui-test-utils": "8.10.3-snapshot.2+ccdf8f43b",
42
- "@instructure/ui-themes": "8.10.3-snapshot.2+ccdf8f43b"
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": "ccdf8f43b56a8edef32600281692dfeb436d5a01"
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
- this.props.elementRef?.(el)
81
+
82
+ if (typeof elementRef === 'function') {
83
+ elementRef(el)
84
+ }
80
85
  }
81
86
 
82
87
  render() {
@@ -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
- this.props.elementRef?.(el)
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,UAG9B;IAED,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,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,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"}
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,UAG9B;IAED,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,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;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,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"}