@instructure/ui-tree-browser 8.25.1-snapshot.0 → 8.26.1-snapshot-1
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 +12 -0
- package/es/TreeBrowser/TreeButton/index.js +2 -4
- package/es/TreeBrowser/TreeCollection/index.js +5 -7
- package/es/TreeBrowser/TreeNode/index.js +2 -4
- package/lib/TreeBrowser/TreeButton/index.js +3 -5
- package/lib/TreeBrowser/TreeCollection/index.js +5 -7
- package/lib/TreeBrowser/TreeNode/index.js +3 -5
- package/package.json +15 -16
- package/src/TreeBrowser/TreeCollection/index.tsx +4 -6
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/TreeBrowser/TreeBrowserLocator.d.ts +14 -14
- package/types/TreeBrowser/TreeCollection/index.d.ts.map +1 -1
- package/types/TreeBrowser/index.d.ts +1 -1
- package/types/TreeBrowser/index.d.ts.map +1 -1
- package/LICENSE.md +0 -27
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
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.26.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v8.26.0...v8.26.1-snapshot-1) (2022-07-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-tree-browser
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [8.26.0](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.26.0) (2022-06-30)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @instructure/ui-tree-browser
|
|
17
|
+
|
|
6
18
|
# [8.25.0](https://github.com/instructure/instructure-ui/compare/v8.24.5...v8.25.0) (2022-06-03)
|
|
7
19
|
|
|
8
20
|
**Note:** Version bump only for package @instructure/ui-tree-browser
|
|
@@ -118,8 +118,6 @@ let TreeButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
renderItemImage() {
|
|
121
|
-
var _Img;
|
|
122
|
-
|
|
123
121
|
const _this$props4 = this.props,
|
|
124
122
|
thumbnail = _this$props4.thumbnail,
|
|
125
123
|
itemIcon = _this$props4.itemIcon,
|
|
@@ -128,11 +126,11 @@ let TreeButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec
|
|
|
128
126
|
if (thumbnail) {
|
|
129
127
|
return jsx("div", {
|
|
130
128
|
css: styles === null || styles === void 0 ? void 0 : styles.thumbnail
|
|
131
|
-
},
|
|
129
|
+
}, jsx(Img, {
|
|
132
130
|
src: thumbnail,
|
|
133
131
|
constrain: "cover",
|
|
134
132
|
alt: ""
|
|
135
|
-
}))
|
|
133
|
+
}));
|
|
136
134
|
}
|
|
137
135
|
|
|
138
136
|
if (itemIcon) {
|
|
@@ -210,19 +210,17 @@ let TreeCollection = (_dec = withStyle(generateStyles, generateComponentTheme),
|
|
|
210
210
|
"aria-setsize": this.childCount,
|
|
211
211
|
"aria-level": this.itemsLevel
|
|
212
212
|
}, ariaSelected, {
|
|
213
|
-
|
|
214
|
-
onClick: (e, n) => {
|
|
213
|
+
onClick: e => {
|
|
215
214
|
if (typeof child.props.onClick === 'function') {
|
|
216
|
-
child.props.onClick(e
|
|
215
|
+
child.props.onClick(e);
|
|
217
216
|
} else {
|
|
218
217
|
e.stopPropagation();
|
|
219
218
|
}
|
|
220
219
|
},
|
|
221
|
-
onFocus: e => this.handleFocus(e, itemHash)
|
|
222
|
-
|
|
223
|
-
onKeyDown: (e, n) => {
|
|
220
|
+
onFocus: e => this.handleFocus(e, itemHash),
|
|
221
|
+
onKeyDown: e => {
|
|
224
222
|
if (typeof child.props.onKeyDown === 'function') {
|
|
225
|
-
child.props.onKeyDown(e
|
|
223
|
+
child.props.onKeyDown(e);
|
|
226
224
|
} else {
|
|
227
225
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e, itemHash);
|
|
228
226
|
}
|
|
@@ -72,8 +72,6 @@ let TreeNode = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
renderItemImage() {
|
|
75
|
-
var _Img;
|
|
76
|
-
|
|
77
75
|
const _this$props3 = this.props,
|
|
78
76
|
thumbnail = _this$props3.thumbnail,
|
|
79
77
|
itemIcon = _this$props3.itemIcon,
|
|
@@ -82,11 +80,11 @@ let TreeNode = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2
|
|
|
82
80
|
if (thumbnail) {
|
|
83
81
|
return jsx("div", {
|
|
84
82
|
css: styles === null || styles === void 0 ? void 0 : styles.thumbnail
|
|
85
|
-
},
|
|
83
|
+
}, jsx(Img, {
|
|
86
84
|
src: thumbnail,
|
|
87
85
|
constrain: "cover",
|
|
88
86
|
alt: ""
|
|
89
|
-
}))
|
|
87
|
+
}));
|
|
90
88
|
}
|
|
91
89
|
|
|
92
90
|
if (itemIcon) {
|
|
@@ -11,7 +11,7 @@ var _react = require("react");
|
|
|
11
11
|
|
|
12
12
|
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _Img = require("@instructure/ui-img/lib/Img");
|
|
15
15
|
|
|
16
16
|
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
17
17
|
|
|
@@ -110,8 +110,6 @@ let TreeButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
renderItemImage() {
|
|
113
|
-
var _Img;
|
|
114
|
-
|
|
115
113
|
const _this$props4 = this.props,
|
|
116
114
|
thumbnail = _this$props4.thumbnail,
|
|
117
115
|
itemIcon = _this$props4.itemIcon,
|
|
@@ -120,11 +118,11 @@ let TreeButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
|
|
|
120
118
|
if (thumbnail) {
|
|
121
119
|
return (0, _emotion.jsx)("div", {
|
|
122
120
|
css: styles === null || styles === void 0 ? void 0 : styles.thumbnail
|
|
123
|
-
},
|
|
121
|
+
}, (0, _emotion.jsx)(_Img.Img, {
|
|
124
122
|
src: thumbnail,
|
|
125
123
|
constrain: "cover",
|
|
126
124
|
alt: ""
|
|
127
|
-
}))
|
|
125
|
+
}));
|
|
128
126
|
}
|
|
129
127
|
|
|
130
128
|
if (itemIcon) {
|
|
@@ -200,19 +200,17 @@ let TreeCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
200
200
|
"aria-setsize": this.childCount,
|
|
201
201
|
"aria-level": this.itemsLevel
|
|
202
202
|
}, ariaSelected, {
|
|
203
|
-
|
|
204
|
-
onClick: (e, n) => {
|
|
203
|
+
onClick: e => {
|
|
205
204
|
if (typeof child.props.onClick === 'function') {
|
|
206
|
-
child.props.onClick(e
|
|
205
|
+
child.props.onClick(e);
|
|
207
206
|
} else {
|
|
208
207
|
e.stopPropagation();
|
|
209
208
|
}
|
|
210
209
|
},
|
|
211
|
-
onFocus: e => this.handleFocus(e, itemHash)
|
|
212
|
-
|
|
213
|
-
onKeyDown: (e, n) => {
|
|
210
|
+
onFocus: e => this.handleFocus(e, itemHash),
|
|
211
|
+
onKeyDown: e => {
|
|
214
212
|
if (typeof child.props.onKeyDown === 'function') {
|
|
215
|
-
child.props.onKeyDown(e
|
|
213
|
+
child.props.onKeyDown(e);
|
|
216
214
|
} else {
|
|
217
215
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e, itemHash);
|
|
218
216
|
}
|
|
@@ -9,7 +9,7 @@ exports.default = exports.TreeNode = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Img = require("@instructure/ui-img/lib/Img");
|
|
13
13
|
|
|
14
14
|
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
15
15
|
|
|
@@ -63,8 +63,6 @@ let TreeNode = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
renderItemImage() {
|
|
66
|
-
var _Img;
|
|
67
|
-
|
|
68
66
|
const _this$props3 = this.props,
|
|
69
67
|
thumbnail = _this$props3.thumbnail,
|
|
70
68
|
itemIcon = _this$props3.itemIcon,
|
|
@@ -73,11 +71,11 @@ let TreeNode = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
|
|
|
73
71
|
if (thumbnail) {
|
|
74
72
|
return (0, _emotion.jsx)("div", {
|
|
75
73
|
css: styles === null || styles === void 0 ? void 0 : styles.thumbnail
|
|
76
|
-
},
|
|
74
|
+
}, (0, _emotion.jsx)(_Img.Img, {
|
|
77
75
|
src: thumbnail,
|
|
78
76
|
constrain: "cover",
|
|
79
77
|
alt: ""
|
|
80
|
-
}))
|
|
78
|
+
}));
|
|
81
79
|
}
|
|
82
80
|
|
|
83
81
|
if (itemIcon) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-tree-browser",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.26.1-snapshot-1",
|
|
4
4
|
"description": "A component for displaying a hierarchical view of information",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,22 +23,22 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.
|
|
27
|
-
"@instructure/ui-color-utils": "8.
|
|
28
|
-
"@instructure/ui-test-locator": "8.
|
|
29
|
-
"@instructure/ui-test-utils": "8.
|
|
30
|
-
"@instructure/ui-themes": "8.
|
|
26
|
+
"@instructure/ui-babel-preset": "8.26.1-snapshot-1",
|
|
27
|
+
"@instructure/ui-color-utils": "8.26.1-snapshot-1",
|
|
28
|
+
"@instructure/ui-test-locator": "8.26.1-snapshot-1",
|
|
29
|
+
"@instructure/ui-test-utils": "8.26.1-snapshot-1",
|
|
30
|
+
"@instructure/ui-themes": "8.26.1-snapshot-1"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@babel/runtime": "^7.13.10",
|
|
34
|
-
"@instructure/emotion": "8.
|
|
35
|
-
"@instructure/shared-types": "8.
|
|
36
|
-
"@instructure/ui-icons": "8.
|
|
37
|
-
"@instructure/ui-img": "8.
|
|
38
|
-
"@instructure/ui-prop-types": "8.
|
|
39
|
-
"@instructure/ui-react-utils": "8.
|
|
40
|
-
"@instructure/ui-testable": "8.
|
|
41
|
-
"@instructure/ui-utils": "8.
|
|
34
|
+
"@instructure/emotion": "8.26.1-snapshot-1",
|
|
35
|
+
"@instructure/shared-types": "8.26.1-snapshot-1",
|
|
36
|
+
"@instructure/ui-icons": "8.26.1-snapshot-1",
|
|
37
|
+
"@instructure/ui-img": "8.26.1-snapshot-1",
|
|
38
|
+
"@instructure/ui-prop-types": "8.26.1-snapshot-1",
|
|
39
|
+
"@instructure/ui-react-utils": "8.26.1-snapshot-1",
|
|
40
|
+
"@instructure/ui-testable": "8.26.1-snapshot-1",
|
|
41
|
+
"@instructure/ui-utils": "8.26.1-snapshot-1",
|
|
42
42
|
"keycode": "^2",
|
|
43
43
|
"prop-types": "^15"
|
|
44
44
|
},
|
|
@@ -48,6 +48,5 @@
|
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
|
-
"sideEffects": false
|
|
52
|
-
"gitHead": "59b6babce07a9242111475156f544ec11c1a9283"
|
|
51
|
+
"sideEffects": false
|
|
53
52
|
}
|
|
@@ -244,19 +244,17 @@ class TreeCollection extends Component<
|
|
|
244
244
|
aria-setsize={this.childCount}
|
|
245
245
|
aria-level={this.itemsLevel}
|
|
246
246
|
{...ariaSelected}
|
|
247
|
-
|
|
248
|
-
onClick={(e, n) => {
|
|
247
|
+
onClick={(e) => {
|
|
249
248
|
if (typeof child.props.onClick === 'function') {
|
|
250
|
-
child.props.onClick(e
|
|
249
|
+
child.props.onClick(e)
|
|
251
250
|
} else {
|
|
252
251
|
e.stopPropagation()
|
|
253
252
|
}
|
|
254
253
|
}}
|
|
255
254
|
onFocus={(e) => this.handleFocus(e, itemHash)}
|
|
256
|
-
|
|
257
|
-
onKeyDown={(e, n) => {
|
|
255
|
+
onKeyDown={(e) => {
|
|
258
256
|
if (typeof child.props.onKeyDown === 'function') {
|
|
259
|
-
child.props.onKeyDown(e
|
|
257
|
+
child.props.onKeyDown(e)
|
|
260
258
|
} else {
|
|
261
259
|
onKeyDown?.(e, itemHash)
|
|
262
260
|
}
|