@instructure/ui-toggle-details 9.0.2-snapshot-2 → 9.0.2-snapshot-3
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/CHANGELOG.md +1 -1
- package/es/ToggleDetails/index.js +4 -5
- package/es/ToggleDetails/styles.js +0 -1
- package/es/ToggleGroup/index.js +4 -4
- package/lib/ToggleDetails/index.js +4 -5
- package/lib/ToggleDetails/styles.js +0 -1
- package/lib/ToggleGroup/index.js +4 -4
- package/package.json +22 -22
- 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
|
-
## [9.0.2-snapshot-
|
|
6
|
+
## [9.0.2-snapshot-3](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-3) (2024-05-28)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-toggle-details
|
|
9
9
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _dec, _dec2, _class,
|
|
1
|
+
var _dec, _dec2, _class, _ToggleDetails;
|
|
2
2
|
/*
|
|
3
3
|
* The MIT License (MIT)
|
|
4
4
|
*
|
|
@@ -39,7 +39,7 @@ import { allowedProps, propTypes } from './props';
|
|
|
39
39
|
category: components
|
|
40
40
|
---
|
|
41
41
|
**/
|
|
42
|
-
let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (
|
|
42
|
+
let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_ToggleDetails = class ToggleDetails extends Component {
|
|
43
43
|
constructor(...args) {
|
|
44
44
|
super(...args);
|
|
45
45
|
this.ref = null;
|
|
@@ -93,7 +93,6 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
|
|
|
93
93
|
children: this.renderSummary(expanded)
|
|
94
94
|
// spread operator makes toggleProps loose Record<string, any>>
|
|
95
95
|
};
|
|
96
|
-
|
|
97
96
|
const summary = this.renderSummary(expanded);
|
|
98
97
|
if (variant === 'filled') {
|
|
99
98
|
return jsx(Button, Object.assign({}, props, {
|
|
@@ -158,7 +157,7 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
|
|
|
158
157
|
}, this.renderToggle(getToggleProps(), expanded), this.renderDetails(expanded, getDetailsProps()));
|
|
159
158
|
});
|
|
160
159
|
}
|
|
161
|
-
},
|
|
160
|
+
}, _ToggleDetails.displayName = "ToggleDetails", _ToggleDetails.componentId = 'ToggleDetails', _ToggleDetails.allowedProps = allowedProps, _ToggleDetails.propTypes = propTypes, _ToggleDetails.defaultProps = {
|
|
162
161
|
variant: 'default',
|
|
163
162
|
size: 'medium',
|
|
164
163
|
fluidWidth: false,
|
|
@@ -167,6 +166,6 @@ let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _d
|
|
|
167
166
|
iconPosition: 'start',
|
|
168
167
|
defaultExpanded: false,
|
|
169
168
|
children: null
|
|
170
|
-
},
|
|
169
|
+
}, _ToggleDetails)) || _class) || _class);
|
|
171
170
|
export default ToggleDetails;
|
|
172
171
|
export { ToggleDetails };
|
package/es/ToggleGroup/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _dec, _class,
|
|
1
|
+
var _dec, _class, _ToggleGroup;
|
|
2
2
|
/*
|
|
3
3
|
* The MIT License (MIT)
|
|
4
4
|
*
|
|
@@ -40,7 +40,7 @@ import { allowedProps, propTypes } from './props';
|
|
|
40
40
|
category: components
|
|
41
41
|
---
|
|
42
42
|
**/
|
|
43
|
-
let ToggleGroup = (_dec = testable(), _dec(_class = (
|
|
43
|
+
let ToggleGroup = (_dec = testable(), _dec(_class = (_ToggleGroup = class ToggleGroup extends Component {
|
|
44
44
|
constructor(...args) {
|
|
45
45
|
super(...args);
|
|
46
46
|
this.ref = null;
|
|
@@ -125,7 +125,7 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_class2 = class ToggleGroup
|
|
|
125
125
|
}, this.props.summary)), expanded ? this.renderDetails(getDetailsProps()) : /*#__PURE__*/React.createElement("span", getDetailsProps()));
|
|
126
126
|
});
|
|
127
127
|
}
|
|
128
|
-
},
|
|
128
|
+
}, _ToggleGroup.displayName = "ToggleGroup", _ToggleGroup.componentId = 'ToggleGroup', _ToggleGroup.allowedProps = allowedProps, _ToggleGroup.propTypes = propTypes, _ToggleGroup.defaultProps = {
|
|
129
129
|
size: 'medium',
|
|
130
130
|
icon: IconArrowOpenEndSolid,
|
|
131
131
|
iconExpanded: IconArrowOpenDownSolid,
|
|
@@ -133,6 +133,6 @@ let ToggleGroup = (_dec = testable(), _dec(_class = (_class2 = class ToggleGroup
|
|
|
133
133
|
transition: true,
|
|
134
134
|
as: 'span',
|
|
135
135
|
border: true
|
|
136
|
-
},
|
|
136
|
+
}, _ToggleGroup)) || _class);
|
|
137
137
|
export default ToggleGroup;
|
|
138
138
|
export { ToggleGroup };
|
|
@@ -19,7 +19,7 @@ var _emotion = require("@instructure/emotion");
|
|
|
19
19
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
20
20
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
21
21
|
var _props = require("./props");
|
|
22
|
-
var _dec, _dec2, _class,
|
|
22
|
+
var _dec, _dec2, _class, _ToggleDetails;
|
|
23
23
|
/*
|
|
24
24
|
* The MIT License (MIT)
|
|
25
25
|
*
|
|
@@ -49,7 +49,7 @@ var _dec, _dec2, _class, _class2;
|
|
|
49
49
|
category: components
|
|
50
50
|
---
|
|
51
51
|
**/
|
|
52
|
-
let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (
|
|
52
|
+
let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_ToggleDetails = class ToggleDetails extends _react.Component {
|
|
53
53
|
constructor(...args) {
|
|
54
54
|
super(...args);
|
|
55
55
|
this.ref = null;
|
|
@@ -103,7 +103,6 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_sty
|
|
|
103
103
|
children: this.renderSummary(expanded)
|
|
104
104
|
// spread operator makes toggleProps loose Record<string, any>>
|
|
105
105
|
};
|
|
106
|
-
|
|
107
106
|
const summary = this.renderSummary(expanded);
|
|
108
107
|
if (variant === 'filled') {
|
|
109
108
|
return (0, _emotion.jsx)(_Button.Button, Object.assign({}, props, {
|
|
@@ -168,7 +167,7 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_sty
|
|
|
168
167
|
}, this.renderToggle(getToggleProps(), expanded), this.renderDetails(expanded, getDetailsProps()));
|
|
169
168
|
});
|
|
170
169
|
}
|
|
171
|
-
},
|
|
170
|
+
}, _ToggleDetails.displayName = "ToggleDetails", _ToggleDetails.componentId = 'ToggleDetails', _ToggleDetails.allowedProps = _props.allowedProps, _ToggleDetails.propTypes = _props.propTypes, _ToggleDetails.defaultProps = {
|
|
172
171
|
variant: 'default',
|
|
173
172
|
size: 'medium',
|
|
174
173
|
fluidWidth: false,
|
|
@@ -177,5 +176,5 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_sty
|
|
|
177
176
|
iconPosition: 'start',
|
|
178
177
|
defaultExpanded: false,
|
|
179
178
|
children: null
|
|
180
|
-
},
|
|
179
|
+
}, _ToggleDetails)) || _class) || _class);
|
|
181
180
|
var _default = exports.default = ToggleDetails;
|
package/lib/ToggleGroup/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEnd
|
|
|
20
20
|
var _IconArrowOpenDownSolid = require("@instructure/ui-icons/lib/IconArrowOpenDownSolid.js");
|
|
21
21
|
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
22
22
|
var _props = require("./props");
|
|
23
|
-
var _dec, _class,
|
|
23
|
+
var _dec, _class, _ToggleGroup;
|
|
24
24
|
/*
|
|
25
25
|
* The MIT License (MIT)
|
|
26
26
|
*
|
|
@@ -49,7 +49,7 @@ var _dec, _class, _class2;
|
|
|
49
49
|
category: components
|
|
50
50
|
---
|
|
51
51
|
**/
|
|
52
|
-
let ToggleGroup = exports.ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (
|
|
52
|
+
let ToggleGroup = exports.ToggleGroup = (_dec = (0, _testable.testable)(), _dec(_class = (_ToggleGroup = class ToggleGroup extends _react.Component {
|
|
53
53
|
constructor(...args) {
|
|
54
54
|
super(...args);
|
|
55
55
|
this.ref = null;
|
|
@@ -134,7 +134,7 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _testable.testable)(), _dec(
|
|
|
134
134
|
}, this.props.summary)), expanded ? this.renderDetails(getDetailsProps()) : /*#__PURE__*/_react.default.createElement("span", getDetailsProps()));
|
|
135
135
|
});
|
|
136
136
|
}
|
|
137
|
-
},
|
|
137
|
+
}, _ToggleGroup.displayName = "ToggleGroup", _ToggleGroup.componentId = 'ToggleGroup', _ToggleGroup.allowedProps = _props.allowedProps, _ToggleGroup.propTypes = _props.propTypes, _ToggleGroup.defaultProps = {
|
|
138
138
|
size: 'medium',
|
|
139
139
|
icon: _IconArrowOpenEndSolid.IconArrowOpenEndSolid,
|
|
140
140
|
iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
|
|
@@ -142,5 +142,5 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _testable.testable)(), _dec(
|
|
|
142
142
|
transition: true,
|
|
143
143
|
as: 'span',
|
|
144
144
|
border: true
|
|
145
|
-
},
|
|
145
|
+
}, _ToggleGroup)) || _class);
|
|
146
146
|
var _default = exports.default = ToggleGroup;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-toggle-details",
|
|
3
|
-
"version": "9.0.2-snapshot-
|
|
3
|
+
"version": "9.0.2-snapshot-3",
|
|
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": "9.0.2-snapshot-
|
|
27
|
-
"@instructure/ui-test-locator": "9.0.2-snapshot-
|
|
28
|
-
"@instructure/ui-test-queries": "9.0.2-snapshot-
|
|
29
|
-
"@instructure/ui-test-utils": "9.0.2-snapshot-
|
|
30
|
-
"@instructure/ui-themes": "9.0.2-snapshot-
|
|
26
|
+
"@instructure/ui-babel-preset": "9.0.2-snapshot-3",
|
|
27
|
+
"@instructure/ui-test-locator": "9.0.2-snapshot-3",
|
|
28
|
+
"@instructure/ui-test-queries": "9.0.2-snapshot-3",
|
|
29
|
+
"@instructure/ui-test-utils": "9.0.2-snapshot-3",
|
|
30
|
+
"@instructure/ui-themes": "9.0.2-snapshot-3"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@babel/runtime": "^7.
|
|
34
|
-
"@instructure/emotion": "9.0.2-snapshot-
|
|
35
|
-
"@instructure/shared-types": "9.0.2-snapshot-
|
|
36
|
-
"@instructure/ui-buttons": "9.0.2-snapshot-
|
|
37
|
-
"@instructure/ui-dom-utils": "9.0.2-snapshot-
|
|
38
|
-
"@instructure/ui-expandable": "9.0.2-snapshot-
|
|
39
|
-
"@instructure/ui-flex": "9.0.2-snapshot-
|
|
40
|
-
"@instructure/ui-icons": "9.0.2-snapshot-
|
|
41
|
-
"@instructure/ui-menu": "9.0.2-snapshot-
|
|
42
|
-
"@instructure/ui-motion": "9.0.2-snapshot-
|
|
43
|
-
"@instructure/ui-prop-types": "9.0.2-snapshot-
|
|
44
|
-
"@instructure/ui-react-utils": "9.0.2-snapshot-
|
|
45
|
-
"@instructure/ui-testable": "9.0.2-snapshot-
|
|
46
|
-
"@instructure/ui-utils": "9.0.2-snapshot-
|
|
47
|
-
"@instructure/ui-view": "9.0.2-snapshot-
|
|
48
|
-
"@instructure/uid": "9.0.2-snapshot-
|
|
33
|
+
"@babel/runtime": "^7.24.5",
|
|
34
|
+
"@instructure/emotion": "9.0.2-snapshot-3",
|
|
35
|
+
"@instructure/shared-types": "9.0.2-snapshot-3",
|
|
36
|
+
"@instructure/ui-buttons": "9.0.2-snapshot-3",
|
|
37
|
+
"@instructure/ui-dom-utils": "9.0.2-snapshot-3",
|
|
38
|
+
"@instructure/ui-expandable": "9.0.2-snapshot-3",
|
|
39
|
+
"@instructure/ui-flex": "9.0.2-snapshot-3",
|
|
40
|
+
"@instructure/ui-icons": "9.0.2-snapshot-3",
|
|
41
|
+
"@instructure/ui-menu": "9.0.2-snapshot-3",
|
|
42
|
+
"@instructure/ui-motion": "9.0.2-snapshot-3",
|
|
43
|
+
"@instructure/ui-prop-types": "9.0.2-snapshot-3",
|
|
44
|
+
"@instructure/ui-react-utils": "9.0.2-snapshot-3",
|
|
45
|
+
"@instructure/ui-testable": "9.0.2-snapshot-3",
|
|
46
|
+
"@instructure/ui-utils": "9.0.2-snapshot-3",
|
|
47
|
+
"@instructure/ui-view": "9.0.2-snapshot-3",
|
|
48
|
+
"@instructure/uid": "9.0.2-snapshot-3",
|
|
49
49
|
"prop-types": "^15.8.1"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|