@instructure/ui-tree-browser 8.50.1-snapshot-0 → 8.50.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.
- package/CHANGELOG.md +1 -1
- package/package.json +14 -14
- package/src/TreeBrowser/README.md +11 -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.50.1-snapshot-
|
|
6
|
+
## [8.50.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.50.0...v8.50.1-snapshot-13) (2023-12-07)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-tree-browser
|
|
9
9
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-tree-browser",
|
|
3
|
-
"version": "8.50.1-snapshot-
|
|
3
|
+
"version": "8.50.1-snapshot-13",
|
|
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.50.1-snapshot-
|
|
27
|
-
"@instructure/ui-color-utils": "8.50.1-snapshot-
|
|
28
|
-
"@instructure/ui-test-locator": "8.50.1-snapshot-
|
|
29
|
-
"@instructure/ui-test-utils": "8.50.1-snapshot-
|
|
30
|
-
"@instructure/ui-themes": "8.50.1-snapshot-
|
|
26
|
+
"@instructure/ui-babel-preset": "8.50.1-snapshot-13",
|
|
27
|
+
"@instructure/ui-color-utils": "8.50.1-snapshot-13",
|
|
28
|
+
"@instructure/ui-test-locator": "8.50.1-snapshot-13",
|
|
29
|
+
"@instructure/ui-test-utils": "8.50.1-snapshot-13",
|
|
30
|
+
"@instructure/ui-themes": "8.50.1-snapshot-13"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@babel/runtime": "^7.23.2",
|
|
34
|
-
"@instructure/emotion": "8.50.1-snapshot-
|
|
35
|
-
"@instructure/shared-types": "8.50.1-snapshot-
|
|
36
|
-
"@instructure/ui-icons": "8.50.1-snapshot-
|
|
37
|
-
"@instructure/ui-img": "8.50.1-snapshot-
|
|
38
|
-
"@instructure/ui-prop-types": "8.50.1-snapshot-
|
|
39
|
-
"@instructure/ui-react-utils": "8.50.1-snapshot-
|
|
40
|
-
"@instructure/ui-testable": "8.50.1-snapshot-
|
|
41
|
-
"@instructure/ui-utils": "8.50.1-snapshot-
|
|
34
|
+
"@instructure/emotion": "8.50.1-snapshot-13",
|
|
35
|
+
"@instructure/shared-types": "8.50.1-snapshot-13",
|
|
36
|
+
"@instructure/ui-icons": "8.50.1-snapshot-13",
|
|
37
|
+
"@instructure/ui-img": "8.50.1-snapshot-13",
|
|
38
|
+
"@instructure/ui-prop-types": "8.50.1-snapshot-13",
|
|
39
|
+
"@instructure/ui-react-utils": "8.50.1-snapshot-13",
|
|
40
|
+
"@instructure/ui-testable": "8.50.1-snapshot-13",
|
|
41
|
+
"@instructure/ui-utils": "8.50.1-snapshot-13",
|
|
42
42
|
"keycode": "^2.2.1",
|
|
43
43
|
"prop-types": "^15.8.1"
|
|
44
44
|
},
|
|
@@ -9,8 +9,7 @@ to receive a normalized data structure, examples can be seen at https://github.c
|
|
|
9
9
|
|
|
10
10
|
```js
|
|
11
11
|
---
|
|
12
|
-
|
|
13
|
-
render: false
|
|
12
|
+
type: example
|
|
14
13
|
---
|
|
15
14
|
class Example extends React.Component {
|
|
16
15
|
constructor (props) {
|
|
@@ -81,8 +80,7 @@ render(<Example/>)
|
|
|
81
80
|
|
|
82
81
|
```js
|
|
83
82
|
---
|
|
84
|
-
|
|
85
|
-
render: false
|
|
83
|
+
type: example
|
|
86
84
|
---
|
|
87
85
|
class Example extends React.Component {
|
|
88
86
|
constructor (props) {
|
|
@@ -152,7 +150,7 @@ The following example sets custom icons for the expanded and collapsed state of
|
|
|
152
150
|
|
|
153
151
|
```js
|
|
154
152
|
---
|
|
155
|
-
|
|
153
|
+
type: example
|
|
156
154
|
---
|
|
157
155
|
<TreeBrowser
|
|
158
156
|
collections={{
|
|
@@ -183,7 +181,7 @@ One way do this is to use `getItemProps`. This function is called with the props
|
|
|
183
181
|
|
|
184
182
|
```js
|
|
185
183
|
---
|
|
186
|
-
|
|
184
|
+
type: example
|
|
187
185
|
---
|
|
188
186
|
<TreeBrowser
|
|
189
187
|
collections={{
|
|
@@ -226,7 +224,7 @@ Another way to do it is to specify the `thumbnail` property in the `items` colle
|
|
|
226
224
|
|
|
227
225
|
```js
|
|
228
226
|
---
|
|
229
|
-
|
|
227
|
+
type: example
|
|
230
228
|
---
|
|
231
229
|
<TreeBrowser
|
|
232
230
|
collections={{
|
|
@@ -257,7 +255,7 @@ To meet a11y standards make sure to have the right contrast ratio on hovered and
|
|
|
257
255
|
|
|
258
256
|
```js
|
|
259
257
|
---
|
|
260
|
-
|
|
258
|
+
type: example
|
|
261
259
|
---
|
|
262
260
|
<TreeBrowser
|
|
263
261
|
collections={{
|
|
@@ -296,8 +294,7 @@ An example of a `<TreeBrowser />` with a custom item after each collection.
|
|
|
296
294
|
|
|
297
295
|
```js
|
|
298
296
|
---
|
|
299
|
-
|
|
300
|
-
render: false
|
|
297
|
+
type: example
|
|
301
298
|
---
|
|
302
299
|
class Example extends React.Component {
|
|
303
300
|
constructor(props) {
|
|
@@ -454,8 +451,7 @@ This works with all collections and items of the TreeBrowser.
|
|
|
454
451
|
|
|
455
452
|
```js
|
|
456
453
|
---
|
|
457
|
-
|
|
458
|
-
render: false
|
|
454
|
+
type: example
|
|
459
455
|
---
|
|
460
456
|
class Example extends React.Component {
|
|
461
457
|
constructor (props) {
|
|
@@ -518,8 +514,7 @@ There is another way to sort the children of one collection. By adding the `comp
|
|
|
518
514
|
|
|
519
515
|
```js
|
|
520
516
|
---
|
|
521
|
-
|
|
522
|
-
render: false
|
|
517
|
+
type: example
|
|
523
518
|
---
|
|
524
519
|
class Example extends React.Component {
|
|
525
520
|
constructor (props) {
|
|
@@ -581,8 +576,7 @@ The `showRootCollection` prop sets whether the root collection (specified in `ro
|
|
|
581
576
|
|
|
582
577
|
```js
|
|
583
578
|
---
|
|
584
|
-
|
|
585
|
-
render: false
|
|
579
|
+
type: example
|
|
586
580
|
---
|
|
587
581
|
class Example extends React.Component {
|
|
588
582
|
constructor (props) {
|
|
@@ -656,7 +650,7 @@ render(<Example/>)
|
|
|
656
650
|
|
|
657
651
|
```js
|
|
658
652
|
---
|
|
659
|
-
|
|
653
|
+
type: embed
|
|
660
654
|
---
|
|
661
655
|
<Guidelines>
|
|
662
656
|
<Figure recommendation="yes" title="Do">
|