@instructure/ui-progress 8.25.1-snapshot-10 → 8.25.1-snapshot-13

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 (6) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/ProgressBar/index.js +33 -35
  3. package/es/ProgressCircle/index.js +33 -38
  4. package/lib/ProgressBar/index.js +33 -35
  5. package/lib/ProgressCircle/index.js +33 -38
  6. package/package.json +13 -13
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
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.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
6
+ ## [8.25.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-progress
9
9
 
package/es/ProgressBar/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["renderValue", "formatScreenReaderValue", "valueNow", "valueMax", "screenReaderLabel", "size", "color", "meterColor", "styles"];
3
3
 
4
- var _dec, _dec2, _class;
4
+ var _dec, _dec2, _class, _class2;
5
5
 
6
6
  /*
7
7
  * The MIT License (MIT)
@@ -43,30 +43,20 @@ category: components
43
43
  @tsProps
44
44
  **/
45
45
 
46
- let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class ProgressBar extends Component {
47
- static displayName = "ProgressBar";
48
- static componentId = 'ProgressBar';
49
- static allowedProps = allowedProps;
50
- static propTypes = propTypes;
51
- static defaultProps = {
52
- formatScreenReaderValue: _ref => {
53
- let valueNow = _ref.valueNow,
54
- valueMax = _ref.valueMax;
55
- return `${valueNow} / ${valueMax}`;
56
- },
57
- size: 'medium',
58
- valueMax: 100,
59
- valueNow: 0,
60
- as: 'div',
61
- color: 'primary',
62
- // default to showing `success` color on completion
63
- meterColor: _ref2 => {
64
- let valueNow = _ref2.valueNow,
65
- valueMax = _ref2.valueMax;
66
- return valueNow / valueMax >= 1 ? 'success' : 'brand';
67
- }
68
- };
69
- ref = null;
46
+ let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ProgressBar extends Component {
47
+ constructor() {
48
+ super(...arguments);
49
+ this.ref = null;
50
+
51
+ this.handleRef = el => {
52
+ const elementRef = this.props.elementRef;
53
+ this.ref = el;
54
+
55
+ if (typeof elementRef === 'function') {
56
+ elementRef(el);
57
+ }
58
+ };
59
+ }
70
60
 
71
61
  componentDidMount() {
72
62
  var _this$props$makeStyle, _this$props;
@@ -80,15 +70,6 @@ let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
80
70
  (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
81
71
  }
82
72
 
83
- handleRef = el => {
84
- const elementRef = this.props.elementRef;
85
- this.ref = el;
86
-
87
- if (typeof elementRef === 'function') {
88
- elementRef(el);
89
- }
90
- };
91
-
92
73
  render() {
93
74
  const _this$props3 = this.props,
94
75
  renderValue = _this$props3.renderValue,
@@ -140,6 +121,23 @@ let ProgressBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
140
121
  }, value));
141
122
  }
142
123
 
143
- }) || _class) || _class);
124
+ }, _class2.displayName = "ProgressBar", _class2.componentId = 'ProgressBar', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
125
+ formatScreenReaderValue: _ref => {
126
+ let valueNow = _ref.valueNow,
127
+ valueMax = _ref.valueMax;
128
+ return `${valueNow} / ${valueMax}`;
129
+ },
130
+ size: 'medium',
131
+ valueMax: 100,
132
+ valueNow: 0,
133
+ as: 'div',
134
+ color: 'primary',
135
+ // default to showing `success` color on completion
136
+ meterColor: _ref2 => {
137
+ let valueNow = _ref2.valueNow,
138
+ valueMax = _ref2.valueMax;
139
+ return valueNow / valueMax >= 1 ? 'success' : 'brand';
140
+ }
141
+ }, _class2)) || _class) || _class);
144
142
  export default ProgressBar;
145
143
  export { ProgressBar };
package/es/ProgressCircle/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["color", "renderValue", "formatScreenReaderValue", "meterColor", "valueNow", "valueMax", "screenReaderLabel", "size", "styles"];
3
3
 
4
- var _dec, _dec2, _class;
4
+ var _dec, _dec2, _class, _class2;
5
5
 
6
6
  /*
7
7
  * The MIT License (MIT)
@@ -44,49 +44,26 @@ category: components
44
44
  @tsProps
45
45
  **/
46
46
 
47
- let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class ProgressCircle extends Component {
48
- static displayName = "ProgressCircle";
49
- static componentId = 'ProgressCircle';
50
- static allowedProps = allowedProps;
51
- static propTypes = propTypes;
52
- static defaultProps = {
53
- formatScreenReaderValue: _ref => {
54
- let valueNow = _ref.valueNow,
55
- valueMax = _ref.valueMax;
56
- return `${valueNow} / ${valueMax}`;
57
- },
58
- size: 'medium',
59
- valueMax: 100,
60
- valueNow: 0,
61
- as: 'div',
62
- color: 'primary',
63
- shouldAnimateOnMount: false,
64
- // default to showing `success` color on completion
65
- meterColor: _ref2 => {
66
- let valueNow = _ref2.valueNow,
67
- valueMax = _ref2.valueMax;
68
- return valueNow / valueMax >= 1 ? 'success' : 'brand';
69
- }
70
- };
71
- _timeouts = [];
72
- ref = null;
73
-
47
+ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ProgressCircle extends Component {
74
48
  constructor(props) {
75
49
  super(props);
50
+ this._timeouts = [];
51
+ this.ref = null;
52
+
53
+ this.handleRef = el => {
54
+ const elementRef = this.props.elementRef;
55
+ this.ref = el;
56
+
57
+ if (typeof elementRef === 'function') {
58
+ elementRef(el);
59
+ }
60
+ };
61
+
76
62
  this.state = {
77
63
  shouldAnimateOnMount: props.shouldAnimateOnMount
78
64
  };
79
65
  }
80
66
 
81
- handleRef = el => {
82
- const elementRef = this.props.elementRef;
83
- this.ref = el;
84
-
85
- if (typeof elementRef === 'function') {
86
- elementRef(el);
87
- }
88
- };
89
-
90
67
  get makeStylesVariables() {
91
68
  return {
92
69
  shouldAnimateOnMount: this.state.shouldAnimateOnMount
@@ -190,6 +167,24 @@ let ProgressCircle = (_dec = withStyle(generateStyle, generateComponentTheme), _
190
167
  })));
191
168
  }
192
169
 
193
- }) || _class) || _class);
170
+ }, _class2.displayName = "ProgressCircle", _class2.componentId = 'ProgressCircle', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
171
+ formatScreenReaderValue: _ref => {
172
+ let valueNow = _ref.valueNow,
173
+ valueMax = _ref.valueMax;
174
+ return `${valueNow} / ${valueMax}`;
175
+ },
176
+ size: 'medium',
177
+ valueMax: 100,
178
+ valueNow: 0,
179
+ as: 'div',
180
+ color: 'primary',
181
+ shouldAnimateOnMount: false,
182
+ // default to showing `success` color on completion
183
+ meterColor: _ref2 => {
184
+ let valueNow = _ref2.valueNow,
185
+ valueMax = _ref2.valueMax;
186
+ return valueNow / valueMax >= 1 ? 'success' : 'brand';
187
+ }
188
+ }, _class2)) || _class) || _class);
194
189
  export default ProgressCircle;
195
190
  export { ProgressCircle };
package/lib/ProgressBar/index.js CHANGED
@@ -29,7 +29,7 @@ var _props = require("./props");
29
29
 
30
30
  const _excluded = ["renderValue", "formatScreenReaderValue", "valueNow", "valueMax", "screenReaderLabel", "size", "color", "meterColor", "styles"];
31
31
 
32
- var _dec, _dec2, _class;
32
+ var _dec, _dec2, _class, _class2;
33
33
 
34
34
  /**
35
35
  ---
@@ -37,30 +37,20 @@ category: components
37
37
  ---
38
38
  @tsProps
39
39
  **/
40
- let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class ProgressBar extends _react.Component {
41
- static displayName = "ProgressBar";
42
- static componentId = 'ProgressBar';
43
- static allowedProps = _props.allowedProps;
44
- static propTypes = _props.propTypes;
45
- static defaultProps = {
46
- formatScreenReaderValue: _ref => {
47
- let valueNow = _ref.valueNow,
48
- valueMax = _ref.valueMax;
49
- return `${valueNow} / ${valueMax}`;
50
- },
51
- size: 'medium',
52
- valueMax: 100,
53
- valueNow: 0,
54
- as: 'div',
55
- color: 'primary',
56
- // default to showing `success` color on completion
57
- meterColor: _ref2 => {
58
- let valueNow = _ref2.valueNow,
59
- valueMax = _ref2.valueMax;
60
- return valueNow / valueMax >= 1 ? 'success' : 'brand';
61
- }
62
- };
63
- ref = null;
40
+ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ProgressBar extends _react.Component {
41
+ constructor() {
42
+ super(...arguments);
43
+ this.ref = null;
44
+
45
+ this.handleRef = el => {
46
+ const elementRef = this.props.elementRef;
47
+ this.ref = el;
48
+
49
+ if (typeof elementRef === 'function') {
50
+ elementRef(el);
51
+ }
52
+ };
53
+ }
64
54
 
65
55
  componentDidMount() {
66
56
  var _this$props$makeStyle, _this$props;
@@ -74,15 +64,6 @@ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
74
64
  (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
75
65
  }
76
66
 
77
- handleRef = el => {
78
- const elementRef = this.props.elementRef;
79
- this.ref = el;
80
-
81
- if (typeof elementRef === 'function') {
82
- elementRef(el);
83
- }
84
- };
85
-
86
67
  render() {
87
68
  const _this$props3 = this.props,
88
69
  renderValue = _this$props3.renderValue,
@@ -133,7 +114,24 @@ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
133
114
  }, value));
134
115
  }
135
116
 
136
- }) || _class) || _class);
117
+ }, _class2.displayName = "ProgressBar", _class2.componentId = 'ProgressBar', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
118
+ formatScreenReaderValue: _ref => {
119
+ let valueNow = _ref.valueNow,
120
+ valueMax = _ref.valueMax;
121
+ return `${valueNow} / ${valueMax}`;
122
+ },
123
+ size: 'medium',
124
+ valueMax: 100,
125
+ valueNow: 0,
126
+ as: 'div',
127
+ color: 'primary',
128
+ // default to showing `success` color on completion
129
+ meterColor: _ref2 => {
130
+ let valueNow = _ref2.valueNow,
131
+ valueMax = _ref2.valueMax;
132
+ return valueNow / valueMax >= 1 ? 'success' : 'brand';
133
+ }
134
+ }, _class2)) || _class) || _class);
137
135
  exports.ProgressBar = ProgressBar;
138
136
  var _default = ProgressBar;
139
137
  exports.default = _default;
package/lib/ProgressCircle/index.js CHANGED
@@ -31,7 +31,7 @@ var _props = require("./props");
31
31
 
32
32
  const _excluded = ["color", "renderValue", "formatScreenReaderValue", "meterColor", "valueNow", "valueMax", "screenReaderLabel", "size", "styles"];
33
33
 
34
- var _dec, _dec2, _class;
34
+ var _dec, _dec2, _class, _class2;
35
35
 
36
36
  /**
37
37
  ---
@@ -39,49 +39,26 @@ category: components
39
39
  ---
40
40
  @tsProps
41
41
  **/
42
- let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class ProgressCircle extends _react.Component {
43
- static displayName = "ProgressCircle";
44
- static componentId = 'ProgressCircle';
45
- static allowedProps = _props.allowedProps;
46
- static propTypes = _props.propTypes;
47
- static defaultProps = {
48
- formatScreenReaderValue: _ref => {
49
- let valueNow = _ref.valueNow,
50
- valueMax = _ref.valueMax;
51
- return `${valueNow} / ${valueMax}`;
52
- },
53
- size: 'medium',
54
- valueMax: 100,
55
- valueNow: 0,
56
- as: 'div',
57
- color: 'primary',
58
- shouldAnimateOnMount: false,
59
- // default to showing `success` color on completion
60
- meterColor: _ref2 => {
61
- let valueNow = _ref2.valueNow,
62
- valueMax = _ref2.valueMax;
63
- return valueNow / valueMax >= 1 ? 'success' : 'brand';
64
- }
65
- };
66
- _timeouts = [];
67
- ref = null;
68
-
42
+ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ProgressCircle extends _react.Component {
69
43
  constructor(props) {
70
44
  super(props);
45
+ this._timeouts = [];
46
+ this.ref = null;
47
+
48
+ this.handleRef = el => {
49
+ const elementRef = this.props.elementRef;
50
+ this.ref = el;
51
+
52
+ if (typeof elementRef === 'function') {
53
+ elementRef(el);
54
+ }
55
+ };
56
+
71
57
  this.state = {
72
58
  shouldAnimateOnMount: props.shouldAnimateOnMount
73
59
  };
74
60
  }
75
61
 
76
- handleRef = el => {
77
- const elementRef = this.props.elementRef;
78
- this.ref = el;
79
-
80
- if (typeof elementRef === 'function') {
81
- elementRef(el);
82
- }
83
- };
84
-
85
62
  get makeStylesVariables() {
86
63
  return {
87
64
  shouldAnimateOnMount: this.state.shouldAnimateOnMount
@@ -184,7 +161,25 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
184
161
  })));
185
162
  }
186
163
 
187
- }) || _class) || _class);
164
+ }, _class2.displayName = "ProgressCircle", _class2.componentId = 'ProgressCircle', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
165
+ formatScreenReaderValue: _ref => {
166
+ let valueNow = _ref.valueNow,
167
+ valueMax = _ref.valueMax;
168
+ return `${valueNow} / ${valueMax}`;
169
+ },
170
+ size: 'medium',
171
+ valueMax: 100,
172
+ valueNow: 0,
173
+ as: 'div',
174
+ color: 'primary',
175
+ shouldAnimateOnMount: false,
176
+ // default to showing `success` color on completion
177
+ meterColor: _ref2 => {
178
+ let valueNow = _ref2.valueNow,
179
+ valueMax = _ref2.valueMax;
180
+ return valueNow / valueMax >= 1 ? 'success' : 'brand';
181
+ }
182
+ }, _class2)) || _class) || _class);
188
183
  exports.ProgressCircle = ProgressCircle;
189
184
  var _default = ProgressCircle;
190
185
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-progress",
3
- "version": "8.25.1-snapshot-10",
3
+ "version": "8.25.1-snapshot-13",
4
4
  "description": "Styled HTML <progress /> elements for showing completion of a task",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,21 +24,21 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.13.10",
27
- "@instructure/console": "8.25.1-snapshot-10",
28
- "@instructure/emotion": "8.25.1-snapshot-10",
29
- "@instructure/shared-types": "8.25.1-snapshot-10",
30
- "@instructure/ui-a11y-content": "8.25.1-snapshot-10",
31
- "@instructure/ui-color-utils": "8.25.1-snapshot-10",
32
- "@instructure/ui-react-utils": "8.25.1-snapshot-10",
33
- "@instructure/ui-testable": "8.25.1-snapshot-10",
34
- "@instructure/ui-view": "8.25.1-snapshot-10",
27
+ "@instructure/console": "8.25.1-snapshot-13",
28
+ "@instructure/emotion": "8.25.1-snapshot-13",
29
+ "@instructure/shared-types": "8.25.1-snapshot-13",
30
+ "@instructure/ui-a11y-content": "8.25.1-snapshot-13",
31
+ "@instructure/ui-color-utils": "8.25.1-snapshot-13",
32
+ "@instructure/ui-react-utils": "8.25.1-snapshot-13",
33
+ "@instructure/ui-testable": "8.25.1-snapshot-13",
34
+ "@instructure/ui-view": "8.25.1-snapshot-13",
35
35
  "prop-types": "^15"
36
36
  },
37
37
  "devDependencies": {
38
- "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
39
- "@instructure/ui-test-locator": "8.25.1-snapshot-10",
40
- "@instructure/ui-test-utils": "8.25.1-snapshot-10",
41
- "@instructure/ui-themes": "8.25.1-snapshot-10"
38
+ "@instructure/ui-babel-preset": "8.25.1-snapshot-13",
39
+ "@instructure/ui-test-locator": "8.25.1-snapshot-13",
40
+ "@instructure/ui-test-utils": "8.25.1-snapshot-13",
41
+ "@instructure/ui-themes": "8.25.1-snapshot-13"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "react": ">=16.8 <=17"