@instructure/ui-table 8.38.2-snapshot-5 → 8.38.2-snapshot-6
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/Table/ColHeader/index.js +2 -2
- package/es/Table/Head/index.js +16 -16
- package/es/Table/index.js +2 -2
- package/lib/Table/ColHeader/index.js +2 -2
- package/lib/Table/Head/index.js +16 -16
- package/lib/Table/index.js +2 -2
- package/package.json +17 -17
- 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.38.2-snapshot-
|
6
|
+
## [8.38.2-snapshot-6](https://github.com/instructure/instructure-ui/compare/v8.38.1...v8.38.2-snapshot-6) (2023-07-17)
|
7
7
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-table
|
9
9
|
|
@@ -40,8 +40,8 @@ id: Table.ColHeader
|
|
40
40
|
@tsProps
|
41
41
|
**/
|
42
42
|
let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class ColHeader extends Component {
|
43
|
-
constructor() {
|
44
|
-
super(...
|
43
|
+
constructor(...args) {
|
44
|
+
super(...args);
|
45
45
|
this.handleClick = event => {
|
46
46
|
const _this$props = this.props,
|
47
47
|
id = _this$props.id,
|
package/es/Table/Head/index.js
CHANGED
@@ -109,8 +109,9 @@ let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
109
109
|
if (!options.length) {
|
110
110
|
return null;
|
111
111
|
}
|
112
|
-
const handleSelect = (event,
|
113
|
-
|
112
|
+
const handleSelect = (event, {
|
113
|
+
value
|
114
|
+
}) => {
|
114
115
|
if (value && typeof clickHandlers[value] === 'function') {
|
115
116
|
clickHandlers[value](event, {
|
116
117
|
id: `${value}`
|
@@ -129,20 +130,19 @@ let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
129
130
|
renderBeforeInput: selectedOption && IconCheckLine,
|
130
131
|
value: selectedOption,
|
131
132
|
onChange: handleSelect
|
132
|
-
}, options.map(
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
})))));
|
133
|
+
}, options.map(({
|
134
|
+
id,
|
135
|
+
label
|
136
|
+
}) => jsx(SimpleSelect.Option, {
|
137
|
+
id: id,
|
138
|
+
key: id,
|
139
|
+
value: id,
|
140
|
+
renderBeforeLabel: id === selectedOption ? IconCheckLine : () => jsx(IconCheckLine, {
|
141
|
+
style: {
|
142
|
+
color: 'transparent'
|
143
|
+
}
|
144
|
+
})
|
145
|
+
}, label))))));
|
146
146
|
}
|
147
147
|
render() {
|
148
148
|
const _this$props4 = this.props,
|
package/es/Table/index.js
CHANGED
@@ -47,8 +47,8 @@ category: components
|
|
47
47
|
@tsProps
|
48
48
|
**/
|
49
49
|
let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Table extends Component {
|
50
|
-
constructor() {
|
51
|
-
super(...
|
50
|
+
constructor(...args) {
|
51
|
+
super(...args);
|
52
52
|
this.ref = null;
|
53
53
|
this.handleRef = el => {
|
54
54
|
const elementRef = this.props.elementRef;
|
@@ -49,8 +49,8 @@ id: Table.ColHeader
|
|
49
49
|
@tsProps
|
50
50
|
**/
|
51
51
|
let ColHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class ColHeader extends _react.Component {
|
52
|
-
constructor() {
|
53
|
-
super(...
|
52
|
+
constructor(...args) {
|
53
|
+
super(...args);
|
54
54
|
this.handleClick = event => {
|
55
55
|
const _this$props = this.props,
|
56
56
|
id = _this$props.id,
|
package/lib/Table/Head/index.js
CHANGED
@@ -116,8 +116,9 @@ let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
|
|
116
116
|
if (!options.length) {
|
117
117
|
return null;
|
118
118
|
}
|
119
|
-
const handleSelect = (event,
|
120
|
-
|
119
|
+
const handleSelect = (event, {
|
120
|
+
value
|
121
|
+
}) => {
|
121
122
|
if (value && typeof clickHandlers[value] === 'function') {
|
122
123
|
clickHandlers[value](event, {
|
123
124
|
id: `${value}`
|
@@ -136,20 +137,19 @@ let Head = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
|
|
136
137
|
renderBeforeInput: selectedOption && _IconCheckLine.IconCheckLine,
|
137
138
|
value: selectedOption,
|
138
139
|
onChange: handleSelect
|
139
|
-
}, options.map(
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
})))));
|
140
|
+
}, options.map(({
|
141
|
+
id,
|
142
|
+
label
|
143
|
+
}) => (0, _emotion.jsx)(_SimpleSelect.SimpleSelect.Option, {
|
144
|
+
id: id,
|
145
|
+
key: id,
|
146
|
+
value: id,
|
147
|
+
renderBeforeLabel: id === selectedOption ? _IconCheckLine.IconCheckLine : () => (0, _emotion.jsx)(_IconCheckLine.IconCheckLine, {
|
148
|
+
style: {
|
149
|
+
color: 'transparent'
|
150
|
+
}
|
151
|
+
})
|
152
|
+
}, label))))));
|
153
153
|
}
|
154
154
|
render() {
|
155
155
|
const _this$props4 = this.props,
|
package/lib/Table/index.js
CHANGED
@@ -54,8 +54,8 @@ category: components
|
|
54
54
|
@tsProps
|
55
55
|
**/
|
56
56
|
let Table = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Table extends _react.Component {
|
57
|
-
constructor() {
|
58
|
-
super(...
|
57
|
+
constructor(...args) {
|
58
|
+
super(...args);
|
59
59
|
this.ref = null;
|
60
60
|
this.handleRef = el => {
|
61
61
|
const elementRef = this.props.elementRef;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@instructure/ui-table",
|
3
|
-
"version": "8.38.2-snapshot-
|
3
|
+
"version": "8.38.2-snapshot-6",
|
4
4
|
"description": "A styled HTML table component",
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
6
6
|
"module": "./es/index.js",
|
@@ -23,24 +23,24 @@
|
|
23
23
|
},
|
24
24
|
"license": "MIT",
|
25
25
|
"devDependencies": {
|
26
|
-
"@instructure/ui-babel-preset": "8.38.2-snapshot-
|
27
|
-
"@instructure/ui-color-utils": "8.38.2-snapshot-
|
28
|
-
"@instructure/ui-test-utils": "8.38.2-snapshot-
|
29
|
-
"@instructure/ui-themes": "8.38.2-snapshot-
|
26
|
+
"@instructure/ui-babel-preset": "8.38.2-snapshot-6",
|
27
|
+
"@instructure/ui-color-utils": "8.38.2-snapshot-6",
|
28
|
+
"@instructure/ui-test-utils": "8.38.2-snapshot-6",
|
29
|
+
"@instructure/ui-themes": "8.38.2-snapshot-6"
|
30
30
|
},
|
31
31
|
"dependencies": {
|
32
|
-
"@babel/runtime": "^7.22.
|
33
|
-
"@instructure/console": "8.38.2-snapshot-
|
34
|
-
"@instructure/emotion": "8.38.2-snapshot-
|
35
|
-
"@instructure/shared-types": "8.38.2-snapshot-
|
36
|
-
"@instructure/ui-a11y-content": "8.38.2-snapshot-
|
37
|
-
"@instructure/ui-icons": "8.38.2-snapshot-
|
38
|
-
"@instructure/ui-prop-types": "8.38.2-snapshot-
|
39
|
-
"@instructure/ui-react-utils": "8.38.2-snapshot-
|
40
|
-
"@instructure/ui-simple-select": "8.38.2-snapshot-
|
41
|
-
"@instructure/ui-testable": "8.38.2-snapshot-
|
42
|
-
"@instructure/ui-utils": "8.38.2-snapshot-
|
43
|
-
"@instructure/ui-view": "8.38.2-snapshot-
|
32
|
+
"@babel/runtime": "^7.22.6",
|
33
|
+
"@instructure/console": "8.38.2-snapshot-6",
|
34
|
+
"@instructure/emotion": "8.38.2-snapshot-6",
|
35
|
+
"@instructure/shared-types": "8.38.2-snapshot-6",
|
36
|
+
"@instructure/ui-a11y-content": "8.38.2-snapshot-6",
|
37
|
+
"@instructure/ui-icons": "8.38.2-snapshot-6",
|
38
|
+
"@instructure/ui-prop-types": "8.38.2-snapshot-6",
|
39
|
+
"@instructure/ui-react-utils": "8.38.2-snapshot-6",
|
40
|
+
"@instructure/ui-simple-select": "8.38.2-snapshot-6",
|
41
|
+
"@instructure/ui-testable": "8.38.2-snapshot-6",
|
42
|
+
"@instructure/ui-utils": "8.38.2-snapshot-6",
|
43
|
+
"@instructure/ui-view": "8.38.2-snapshot-6",
|
44
44
|
"prop-types": "^15.8.1"
|
45
45
|
},
|
46
46
|
"peerDependencies": {
|