@instructure/ui-tree-browser 11.7.9-snapshot-0 → 11.7.9-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 +1 -1
- package/lib/TreeBrowser/v1/TreeButton/index.js +3 -3
- package/lib/TreeBrowser/v1/TreeCollection/index.js +2 -2
- package/lib/TreeBrowser/v1/TreeNode/index.js +2 -2
- package/lib/TreeBrowser/v1/index.js +6 -8
- package/lib/TreeBrowser/v2/TreeButton/index.js +3 -3
- package/lib/TreeBrowser/v2/TreeCollection/index.js +2 -2
- package/lib/TreeBrowser/v2/TreeNode/index.js +2 -2
- package/lib/TreeBrowser/v2/index.js +2 -3
- package/package.json +11 -11
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
|
-
## [11.7.9-snapshot-
|
|
6
|
+
## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-tree-browser
|
|
9
9
|
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.TreeButton = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _v11_ = require("@instructure/ui-img/v11_6");
|
|
10
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
13
13
|
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
@@ -114,7 +114,7 @@ let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyle)(_styles.de
|
|
|
114
114
|
if (collectionIcon || collectionIconExpanded) {
|
|
115
115
|
return (0, _jsxRuntime.jsx)("div", {
|
|
116
116
|
css: styles?.icon,
|
|
117
|
-
children: (0,
|
|
117
|
+
children: (0, _uiReactUtils.callRenderProp)(expanded ? collectionIconExpanded : collectionIcon)
|
|
118
118
|
});
|
|
119
119
|
}
|
|
120
120
|
return undefined;
|
|
@@ -138,7 +138,7 @@ let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyle)(_styles.de
|
|
|
138
138
|
if (itemIcon) {
|
|
139
139
|
return (0, _jsxRuntime.jsx)("div", {
|
|
140
140
|
css: styles?.icon,
|
|
141
|
-
children: (0,
|
|
141
|
+
children: (0, _uiReactUtils.callRenderProp)(itemIcon)
|
|
142
142
|
});
|
|
143
143
|
}
|
|
144
144
|
return undefined;
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.TreeCollection = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _emotion = require("@instructure/emotion");
|
|
10
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
11
|
var _index = require("../TreeButton/index.js");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
13
13
|
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
@@ -233,7 +233,7 @@ let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyle)(_s
|
|
|
233
233
|
}
|
|
234
234
|
},
|
|
235
235
|
onBlur: e => this.handleBlur(e, itemHash),
|
|
236
|
-
children: (0,
|
|
236
|
+
children: (0, _uiReactUtils.safeCloneElement)(child, itemProps)
|
|
237
237
|
}, key);
|
|
238
238
|
}
|
|
239
239
|
renderCollectionNode(collection, position) {
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.TreeNode = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _v11_ = require("@instructure/ui-img/v11_6");
|
|
10
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("../TreeButton/styles.js"));
|
|
13
13
|
var _theme = _interopRequireDefault(require("../TreeButton/theme.js"));
|
|
@@ -94,7 +94,7 @@ let TreeNode = exports.TreeNode = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
94
94
|
if (itemIcon) {
|
|
95
95
|
return (0, _jsxRuntime.jsx)("div", {
|
|
96
96
|
css: styles?.icon,
|
|
97
|
-
children: (0,
|
|
97
|
+
children: (0, _uiReactUtils.callRenderProp)(itemIcon)
|
|
98
98
|
});
|
|
99
99
|
}
|
|
100
100
|
return undefined;
|
|
@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.TreeBrowser = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _keycode = _interopRequireDefault(require("keycode"));
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
13
|
-
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
10
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
14
12
|
var _emotion = require("@instructure/emotion");
|
|
15
13
|
var _index = require("./TreeCollection/index.js");
|
|
16
14
|
var _index2 = require("./TreeButton/index.js");
|
|
@@ -57,9 +55,9 @@ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.
|
|
|
57
55
|
size: 'medium',
|
|
58
56
|
variant: 'folderTree',
|
|
59
57
|
showRootCollection: true,
|
|
60
|
-
collectionIcon:
|
|
61
|
-
collectionIconExpanded:
|
|
62
|
-
itemIcon:
|
|
58
|
+
collectionIcon: _uiIcons.IconFolderLine,
|
|
59
|
+
collectionIconExpanded: _uiIcons.IconFolderLine,
|
|
60
|
+
itemIcon: _uiIcons.IconDocumentLine,
|
|
63
61
|
getItemProps: props => props,
|
|
64
62
|
getCollectionProps: props => props,
|
|
65
63
|
defaultExpanded: [],
|
|
@@ -290,7 +288,7 @@ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.
|
|
|
290
288
|
}
|
|
291
289
|
renderRoot() {
|
|
292
290
|
return this.collections.sort(this.props.sortOrder).map((collection, i) => (0, _jsxRuntime.jsx)(_index.TreeCollection, {
|
|
293
|
-
...(0,
|
|
291
|
+
...(0, _uiReactUtils.pickProps)((0, _uiReactUtils.omitProps)(this.props), _index.TreeCollection.allowedProps),
|
|
294
292
|
...this.getCollectionProps(collection),
|
|
295
293
|
selection: this.state.selection,
|
|
296
294
|
onItemClick: this.handleItemClick,
|
|
@@ -8,7 +8,7 @@ exports.default = exports.TreeButton = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _latest = require("@instructure/ui-img/latest");
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
|
-
var
|
|
11
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
13
13
|
var _props = require("./props.js");
|
|
14
14
|
var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext.js"));
|
|
@@ -142,7 +142,7 @@ let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyleNew)(_styles
|
|
|
142
142
|
const icon = expanded ? collectionIconExpanded : collectionIcon;
|
|
143
143
|
const iconSize = treeBrowserSizeToIconSize[size];
|
|
144
144
|
const iconColor = this.getIconColor();
|
|
145
|
-
const iconElement = (0,
|
|
145
|
+
const iconElement = (0, _uiIcons.renderIconWithProps)(icon, iconSize, iconColor);
|
|
146
146
|
return (0, _jsxRuntime.jsx)("div", {
|
|
147
147
|
css: styles?.icon,
|
|
148
148
|
children: iconElement
|
|
@@ -170,7 +170,7 @@ let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyleNew)(_styles
|
|
|
170
170
|
if (itemIcon) {
|
|
171
171
|
const iconSize = treeBrowserSizeToIconSize[size];
|
|
172
172
|
const iconColor = this.getIconColor();
|
|
173
|
-
const iconElement = (0,
|
|
173
|
+
const iconElement = (0, _uiIcons.renderIconWithProps)(itemIcon, iconSize, iconColor);
|
|
174
174
|
return (0, _jsxRuntime.jsx)("div", {
|
|
175
175
|
css: styles?.icon,
|
|
176
176
|
children: iconElement
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.TreeCollection = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _emotion = require("@instructure/emotion");
|
|
10
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
11
|
var _index = require("../TreeButton/index.js");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
13
13
|
var _props = require("./props.js");
|
|
@@ -235,7 +235,7 @@ let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyleNew)
|
|
|
235
235
|
}
|
|
236
236
|
},
|
|
237
237
|
onBlur: e => this.handleBlur(e, itemHash),
|
|
238
|
-
children: (0,
|
|
238
|
+
children: (0, _uiReactUtils.safeCloneElement)(child, itemProps)
|
|
239
239
|
}, key);
|
|
240
240
|
}
|
|
241
241
|
renderCollectionNode(collection, position) {
|
|
@@ -8,7 +8,7 @@ exports.default = exports.TreeNode = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _latest = require("@instructure/ui-img/latest");
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
|
-
var
|
|
11
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
12
12
|
var _styles = _interopRequireDefault(require("../TreeButton/styles.js"));
|
|
13
13
|
var _props = require("./props.js");
|
|
14
14
|
var _TreeBrowserContext = _interopRequireDefault(require("../TreeBrowserContext.js"));
|
|
@@ -136,7 +136,7 @@ let TreeNode = exports.TreeNode = (_dec = (0, _emotion.withStyleNew)(_styles.def
|
|
|
136
136
|
if (itemIcon) {
|
|
137
137
|
const iconSize = treeBrowserSizeToIconSize[size];
|
|
138
138
|
const iconColor = this.getIconColor();
|
|
139
|
-
const iconElement = (0,
|
|
139
|
+
const iconElement = (0, _uiIcons.renderIconWithProps)(itemIcon, iconSize, iconColor);
|
|
140
140
|
return (0, _jsxRuntime.jsx)("div", {
|
|
141
141
|
css: styles?.icon,
|
|
142
142
|
children: iconElement
|
|
@@ -8,8 +8,7 @@ exports.default = exports.TreeBrowser = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _keycode = _interopRequireDefault(require("keycode"));
|
|
10
10
|
var _uiIcons = require("@instructure/ui-icons");
|
|
11
|
-
var
|
|
12
|
-
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
13
12
|
var _emotion = require("@instructure/emotion");
|
|
14
13
|
var _index = require("./TreeCollection/index.js");
|
|
15
14
|
var _index2 = require("./TreeButton/index.js");
|
|
@@ -323,7 +322,7 @@ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyleNew)(_styl
|
|
|
323
322
|
}
|
|
324
323
|
renderRoot() {
|
|
325
324
|
return this.collections.sort(this.props.sortOrder).map((collection, i) => (0, _jsxRuntime.jsx)(_index.TreeCollection, {
|
|
326
|
-
...(0,
|
|
325
|
+
...(0, _uiReactUtils.pickProps)((0, _uiReactUtils.omitProps)(this.props), _index.TreeCollection.allowedProps),
|
|
327
326
|
...this.getCollectionProps(collection),
|
|
328
327
|
selection: this.selection,
|
|
329
328
|
onItemClick: this.handleItemClick,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-tree-browser",
|
|
3
|
-
"version": "11.7.9-snapshot-
|
|
3
|
+
"version": "11.7.9-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",
|
|
@@ -16,19 +16,19 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
18
|
"keycode": "^2",
|
|
19
|
-
"@instructure/emotion": "11.7.9-snapshot-
|
|
20
|
-
"@instructure/shared-types": "11.7.9-snapshot-
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/ui-
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/ui-themes": "11.7.9-snapshot-
|
|
25
|
-
"@instructure/ui-utils": "11.7.9-snapshot-
|
|
19
|
+
"@instructure/emotion": "11.7.9-snapshot-1",
|
|
20
|
+
"@instructure/shared-types": "11.7.9-snapshot-1",
|
|
21
|
+
"@instructure/ui-img": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-1",
|
|
23
|
+
"@instructure/ui-icons": "11.7.9-snapshot-1",
|
|
24
|
+
"@instructure/ui-themes": "11.7.9-snapshot-1",
|
|
25
|
+
"@instructure/ui-utils": "11.7.9-snapshot-1"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"vitest": "^5.0.0",
|
|
29
|
-
"@instructure/ui-axe-check": "11.7.9-snapshot-
|
|
30
|
-
"@instructure/ui-babel-preset": "11.7.9-snapshot-
|
|
31
|
-
"@instructure/ui-color-utils": "11.7.9-snapshot-
|
|
29
|
+
"@instructure/ui-axe-check": "11.7.9-snapshot-1",
|
|
30
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-1",
|
|
31
|
+
"@instructure/ui-color-utils": "11.7.9-snapshot-1"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": ">=18 <=19"
|