@instructure/ui-toggle-details 8.25.1-snapshot-10 → 8.25.1-snapshot-15

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 (7) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/ToggleDetails/index.js +38 -40
  3. package/es/ToggleGroup/index.js +30 -30
  4. package/lib/ToggleDetails/index.js +38 -40
  5. package/lib/ToggleGroup/index.js +30 -30
  6. package/package.json +21 -21
  7. package/tsconfig.build.tsbuildinfo +1 -1
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-15](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-15) (2022-06-23)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-toggle-details
9
9
 
package/es/ToggleDetails/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _dec2, _class;
1
+ var _dec, _dec2, _class, _class2;
2
2
 
3
3
  /*
4
4
  * The MIT License (MIT)
@@ -43,23 +43,26 @@ category: components
43
43
  ---
44
44
  @tsProps
45
45
  **/
46
- let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class ToggleDetails extends Component {
47
- static displayName = "ToggleDetails";
48
- static componentId = 'ToggleDetails';
49
- static allowedProps = allowedProps;
50
- static propTypes = propTypes;
51
- static defaultProps = {
52
- variant: 'default',
53
- size: 'medium',
54
- fluidWidth: false,
55
- icon: IconArrowOpenEndSolid,
56
- iconExpanded: IconArrowOpenDownSolid,
57
- iconPosition: 'start',
58
- defaultExpanded: false,
59
- children: null
60
- };
61
- ref = null;
62
- _button = null;
46
+ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ToggleDetails extends Component {
47
+ constructor() {
48
+ super(...arguments);
49
+ this.ref = null;
50
+ this._button = null;
51
+
52
+ this.getButtonRef = el => this._button = el;
53
+
54
+ this.handleToggle = (event, expanded) => {
55
+ var _this$props$makeStyle, _this$props;
56
+
57
+ if (typeof this.props.onToggle === 'function') {
58
+ this.props.onToggle(event, expanded);
59
+ }
60
+
61
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
62
+ animate: true
63
+ });
64
+ };
65
+ }
63
66
 
64
67
  get focused() {
65
68
  return isActiveElement(this._button);
@@ -72,29 +75,27 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
72
75
  }
73
76
 
74
77
  componentDidMount() {
75
- var _this$props$makeStyle, _this$props;
78
+ var _this$props$makeStyle2, _this$props2;
76
79
 
77
- (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
80
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
78
81
  animate: false
79
82
  });
80
83
  }
81
84
 
82
85
  componentDidUpdate() {
83
- var _this$props$makeStyle2, _this$props2;
86
+ var _this$props$makeStyle3, _this$props3;
84
87
 
85
- (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
88
+ (_this$props$makeStyle3 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle3 === void 0 ? void 0 : _this$props$makeStyle3.call(_this$props3, {
86
89
  animate: true
87
90
  });
88
91
  }
89
92
 
90
- getButtonRef = el => this._button = el;
91
-
92
93
  renderSummary(expanded) {
93
94
  var _this$props$styles, _this$props$styles2;
94
95
 
95
- const _this$props3 = this.props,
96
- summary = _this$props3.summary,
97
- iconPosition = _this$props3.iconPosition;
96
+ const _this$props4 = this.props,
97
+ summary = _this$props4.summary,
98
+ iconPosition = _this$props4.iconPosition;
98
99
  return jsx("span", {
99
100
  css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.summary
100
101
  }, iconPosition === 'start' && this.renderIcon(expanded), jsx("span", {
@@ -166,18 +167,6 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
166
167
  }, this.props.children);
167
168
  }
168
169
 
169
- handleToggle = (event, expanded) => {
170
- var _this$props$makeStyle3, _this$props4;
171
-
172
- if (typeof this.props.onToggle === 'function') {
173
- this.props.onToggle(event, expanded);
174
- }
175
-
176
- (_this$props$makeStyle3 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle3 === void 0 ? void 0 : _this$props$makeStyle3.call(_this$props4, {
177
- animate: true
178
- });
179
- };
180
-
181
170
  render() {
182
171
  return jsx(Expandable, Object.assign({}, pickProps(this.props, Expandable.allowedProps), {
183
172
  onToggle: this.handleToggle
@@ -196,6 +185,15 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
196
185
  });
197
186
  }
198
187
 
199
- }) || _class) || _class);
188
+ }, _class2.displayName = "ToggleDetails", _class2.componentId = 'ToggleDetails', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
189
+ variant: 'default',
190
+ size: 'medium',
191
+ fluidWidth: false,
192
+ icon: IconArrowOpenEndSolid,
193
+ iconExpanded: IconArrowOpenDownSolid,
194
+ iconPosition: 'start',
195
+ defaultExpanded: false,
196
+ children: null
197
+ }, _class2)) || _class) || _class);
200
198
  export default ToggleDetails;
201
199
  export { ToggleDetails };
package/es/ToggleGroup/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _class;
1
+ var _dec, _class, _class2;
2
2
 
3
3
  /*
4
4
  * The MIT License (MIT)
@@ -41,34 +41,26 @@ category: components
41
41
  @tsProps
42
42
  **/
43
43
 
44
- let ToggleGroup = (_dec = testable(), _dec(_class = class ToggleGroup extends Component {
45
- static displayName = "ToggleGroup";
46
- static componentId = 'ToggleGroup';
47
- static allowedProps = allowedProps;
48
- static propTypes = propTypes;
49
- static defaultProps = {
50
- size: 'medium',
51
- icon: IconArrowOpenEndSolid,
52
- iconExpanded: IconArrowOpenDownSolid,
53
- defaultExpanded: false,
54
- transition: true,
55
- as: 'span',
56
- border: true
57
- };
58
- ref = null;
59
- _button = null;
60
- _shouldTransition = false;
61
- handleRef = el => {
62
- const elementRef = this.props.elementRef;
63
- this.ref = el;
64
-
65
- if (typeof elementRef === 'function') {
66
- elementRef(el);
67
- }
68
- };
69
- handleButtonRef = el => {
70
- this._button = el;
71
- };
44
+ let ToggleGroup = (_dec = testable(), _dec(_class = (_class2 = class ToggleGroup extends Component {
45
+ constructor() {
46
+ super(...arguments);
47
+ this.ref = null;
48
+ this._button = null;
49
+ this._shouldTransition = false;
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
+
60
+ this.handleButtonRef = el => {
61
+ this._button = el;
62
+ };
63
+ }
72
64
 
73
65
  get focused() {
74
66
  return isActiveElement(this._button);
@@ -146,6 +138,14 @@ let ToggleGroup = (_dec = testable(), _dec(_class = class ToggleGroup extends Co
146
138
  });
147
139
  }
148
140
 
149
- }) || _class);
141
+ }, _class2.displayName = "ToggleGroup", _class2.componentId = 'ToggleGroup', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
142
+ size: 'medium',
143
+ icon: IconArrowOpenEndSolid,
144
+ iconExpanded: IconArrowOpenDownSolid,
145
+ defaultExpanded: false,
146
+ transition: true,
147
+ as: 'span',
148
+ border: true
149
+ }, _class2)) || _class);
150
150
  export default ToggleGroup;
151
151
  export { ToggleGroup };
package/lib/ToggleDetails/index.js CHANGED
@@ -35,7 +35,7 @@ var _theme = _interopRequireDefault(require("./theme"));
35
35
 
36
36
  var _props = require("./props");
37
37
 
38
- var _dec, _dec2, _class;
38
+ var _dec, _dec2, _class, _class2;
39
39
 
40
40
  /**
41
41
  ---
@@ -43,23 +43,26 @@ category: components
43
43
  ---
44
44
  @tsProps
45
45
  **/
46
- let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class ToggleDetails extends _react.Component {
47
- static displayName = "ToggleDetails";
48
- static componentId = 'ToggleDetails';
49
- static allowedProps = _props.allowedProps;
50
- static propTypes = _props.propTypes;
51
- static defaultProps = {
52
- variant: 'default',
53
- size: 'medium',
54
- fluidWidth: false,
55
- icon: _IconArrowOpenEndSolid.IconArrowOpenEndSolid,
56
- iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
57
- iconPosition: 'start',
58
- defaultExpanded: false,
59
- children: null
60
- };
61
- ref = null;
62
- _button = null;
46
+ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ToggleDetails extends _react.Component {
47
+ constructor() {
48
+ super(...arguments);
49
+ this.ref = null;
50
+ this._button = null;
51
+
52
+ this.getButtonRef = el => this._button = el;
53
+
54
+ this.handleToggle = (event, expanded) => {
55
+ var _this$props$makeStyle, _this$props;
56
+
57
+ if (typeof this.props.onToggle === 'function') {
58
+ this.props.onToggle(event, expanded);
59
+ }
60
+
61
+ (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
62
+ animate: true
63
+ });
64
+ };
65
+ }
63
66
 
64
67
  get focused() {
65
68
  return (0, _isActiveElement.isActiveElement)(this._button);
@@ -72,29 +75,27 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
72
75
  }
73
76
 
74
77
  componentDidMount() {
75
- var _this$props$makeStyle, _this$props;
78
+ var _this$props$makeStyle2, _this$props2;
76
79
 
77
- (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
80
+ (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
78
81
  animate: false
79
82
  });
80
83
  }
81
84
 
82
85
  componentDidUpdate() {
83
- var _this$props$makeStyle2, _this$props2;
86
+ var _this$props$makeStyle3, _this$props3;
84
87
 
85
- (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
88
+ (_this$props$makeStyle3 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle3 === void 0 ? void 0 : _this$props$makeStyle3.call(_this$props3, {
86
89
  animate: true
87
90
  });
88
91
  }
89
92
 
90
- getButtonRef = el => this._button = el;
91
-
92
93
  renderSummary(expanded) {
93
94
  var _this$props$styles, _this$props$styles2;
94
95
 
95
- const _this$props3 = this.props,
96
- summary = _this$props3.summary,
97
- iconPosition = _this$props3.iconPosition;
96
+ const _this$props4 = this.props,
97
+ summary = _this$props4.summary,
98
+ iconPosition = _this$props4.iconPosition;
98
99
  return (0, _emotion.jsx)("span", {
99
100
  css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.summary
100
101
  }, iconPosition === 'start' && this.renderIcon(expanded), (0, _emotion.jsx)("span", {
@@ -166,18 +167,6 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
166
167
  }, this.props.children);
167
168
  }
168
169
 
169
- handleToggle = (event, expanded) => {
170
- var _this$props$makeStyle3, _this$props4;
171
-
172
- if (typeof this.props.onToggle === 'function') {
173
- this.props.onToggle(event, expanded);
174
- }
175
-
176
- (_this$props$makeStyle3 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle3 === void 0 ? void 0 : _this$props$makeStyle3.call(_this$props4, {
177
- animate: true
178
- });
179
- };
180
-
181
170
  render() {
182
171
  return (0, _emotion.jsx)(_Expandable.Expandable, Object.assign({}, (0, _pickProps.pickProps)(this.props, _Expandable.Expandable.allowedProps), {
183
172
  onToggle: this.handleToggle
@@ -196,7 +185,16 @@ let ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
196
185
  });
197
186
  }
198
187
 
199
- }) || _class) || _class);
188
+ }, _class2.displayName = "ToggleDetails", _class2.componentId = 'ToggleDetails', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
189
+ variant: 'default',
190
+ size: 'medium',
191
+ fluidWidth: false,
192
+ icon: _IconArrowOpenEndSolid.IconArrowOpenEndSolid,
193
+ iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
194
+ iconPosition: 'start',
195
+ defaultExpanded: false,
196
+ children: null
197
+ }, _class2)) || _class) || _class);
200
198
  exports.ToggleDetails = ToggleDetails;
201
199
  var _default = ToggleDetails;
202
200
  exports.default = _default;
package/lib/ToggleGroup/index.js CHANGED
@@ -37,7 +37,7 @@ var _testable = require("@instructure/ui-testable/lib/testable.js");
37
37
 
38
38
  var _props = require("./props");
39
39
 
40
- var _dec, _class;
40
+ var _dec, _class, _class2;
41
41
 
42
42
  /**
43
43
  ---
@@ -45,34 +45,26 @@ category: components
45
45
  ---
46
46
  @tsProps
47
47
  **/
48
- let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = class ToggleGroup extends _react.Component {
49
- static displayName = "ToggleGroup";
50
- static componentId = 'ToggleGroup';
51
- static allowedProps = _props.allowedProps;
52
- static propTypes = _props.propTypes;
53
- static defaultProps = {
54
- size: 'medium',
55
- icon: _IconArrowOpenEndSolid.IconArrowOpenEndSolid,
56
- iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
57
- defaultExpanded: false,
58
- transition: true,
59
- as: 'span',
60
- border: true
61
- };
62
- ref = null;
63
- _button = null;
64
- _shouldTransition = false;
65
- handleRef = el => {
66
- const elementRef = this.props.elementRef;
67
- this.ref = el;
68
-
69
- if (typeof elementRef === 'function') {
70
- elementRef(el);
71
- }
72
- };
73
- handleButtonRef = el => {
74
- this._button = el;
75
- };
48
+ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class ToggleGroup extends _react.Component {
49
+ constructor() {
50
+ super(...arguments);
51
+ this.ref = null;
52
+ this._button = null;
53
+ this._shouldTransition = false;
54
+
55
+ this.handleRef = el => {
56
+ const elementRef = this.props.elementRef;
57
+ this.ref = el;
58
+
59
+ if (typeof elementRef === 'function') {
60
+ elementRef(el);
61
+ }
62
+ };
63
+
64
+ this.handleButtonRef = el => {
65
+ this._button = el;
66
+ };
67
+ }
76
68
 
77
69
  get focused() {
78
70
  return (0, _isActiveElement.isActiveElement)(this._button);
@@ -150,7 +142,15 @@ let ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = class ToggleG
150
142
  });
151
143
  }
152
144
 
153
- }) || _class);
145
+ }, _class2.displayName = "ToggleGroup", _class2.componentId = 'ToggleGroup', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
146
+ size: 'medium',
147
+ icon: _IconArrowOpenEndSolid.IconArrowOpenEndSolid,
148
+ iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
149
+ defaultExpanded: false,
150
+ transition: true,
151
+ as: 'span',
152
+ border: true
153
+ }, _class2)) || _class);
154
154
  exports.ToggleGroup = ToggleGroup;
155
155
  var _default = ToggleGroup;
156
156
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-toggle-details",
3
- "version": "8.25.1-snapshot-10",
3
+ "version": "8.25.1-snapshot-15",
4
4
  "description": "A styled toggleable, accordion-like component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,29 +23,29 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
27
- "@instructure/ui-test-locator": "8.25.1-snapshot-10",
28
- "@instructure/ui-test-queries": "8.25.1-snapshot-10",
29
- "@instructure/ui-test-utils": "8.25.1-snapshot-10",
30
- "@instructure/ui-themes": "8.25.1-snapshot-10"
26
+ "@instructure/ui-babel-preset": "8.25.1-snapshot-15",
27
+ "@instructure/ui-test-locator": "8.25.1-snapshot-15",
28
+ "@instructure/ui-test-queries": "8.25.1-snapshot-15",
29
+ "@instructure/ui-test-utils": "8.25.1-snapshot-15",
30
+ "@instructure/ui-themes": "8.25.1-snapshot-15"
31
31
  },
32
32
  "dependencies": {
33
33
  "@babel/runtime": "^7.13.10",
34
- "@instructure/emotion": "8.25.1-snapshot-10",
35
- "@instructure/shared-types": "8.25.1-snapshot-10",
36
- "@instructure/ui-buttons": "8.25.1-snapshot-10",
37
- "@instructure/ui-dom-utils": "8.25.1-snapshot-10",
38
- "@instructure/ui-expandable": "8.25.1-snapshot-10",
39
- "@instructure/ui-flex": "8.25.1-snapshot-10",
40
- "@instructure/ui-icons": "8.25.1-snapshot-10",
41
- "@instructure/ui-menu": "8.25.1-snapshot-10",
42
- "@instructure/ui-motion": "8.25.1-snapshot-10",
43
- "@instructure/ui-prop-types": "8.25.1-snapshot-10",
44
- "@instructure/ui-react-utils": "8.25.1-snapshot-10",
45
- "@instructure/ui-testable": "8.25.1-snapshot-10",
46
- "@instructure/ui-utils": "8.25.1-snapshot-10",
47
- "@instructure/ui-view": "8.25.1-snapshot-10",
48
- "@instructure/uid": "8.25.1-snapshot-10",
34
+ "@instructure/emotion": "8.25.1-snapshot-15",
35
+ "@instructure/shared-types": "8.25.1-snapshot-15",
36
+ "@instructure/ui-buttons": "8.25.1-snapshot-15",
37
+ "@instructure/ui-dom-utils": "8.25.1-snapshot-15",
38
+ "@instructure/ui-expandable": "8.25.1-snapshot-15",
39
+ "@instructure/ui-flex": "8.25.1-snapshot-15",
40
+ "@instructure/ui-icons": "8.25.1-snapshot-15",
41
+ "@instructure/ui-menu": "8.25.1-snapshot-15",
42
+ "@instructure/ui-motion": "8.25.1-snapshot-15",
43
+ "@instructure/ui-prop-types": "8.25.1-snapshot-15",
44
+ "@instructure/ui-react-utils": "8.25.1-snapshot-15",
45
+ "@instructure/ui-testable": "8.25.1-snapshot-15",
46
+ "@instructure/ui-utils": "8.25.1-snapshot-15",
47
+ "@instructure/ui-view": "8.25.1-snapshot-15",
48
+ "@instructure/uid": "8.25.1-snapshot-15",
49
49
  "prop-types": "^15"
50
50
  },
51
51
  "peerDependencies": {