@instructure/ui-tree-browser 11.7.8 → 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.
Files changed (10) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/lib/TreeBrowser/v1/TreeButton/index.js +3 -3
  3. package/lib/TreeBrowser/v1/TreeCollection/index.js +2 -2
  4. package/lib/TreeBrowser/v1/TreeNode/index.js +2 -2
  5. package/lib/TreeBrowser/v1/index.js +6 -8
  6. package/lib/TreeBrowser/v2/TreeButton/index.js +3 -3
  7. package/lib/TreeBrowser/v2/TreeCollection/index.js +2 -2
  8. package/lib/TreeBrowser/v2/TreeNode/index.js +2 -2
  9. package/lib/TreeBrowser/v2/index.js +2 -3
  10. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-tree-browser
9
+
10
+
11
+
12
+
13
+
6
14
  ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
7
15
 
8
16
  **Note:** Version bump only for package @instructure/ui-tree-browser
package/lib/TreeBrowser/v1/TreeButton/index.js CHANGED
@@ -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 _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
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, _callRenderProp.callRenderProp)(expanded ? collectionIconExpanded : collectionIcon)
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, _callRenderProp.callRenderProp)(itemIcon)
141
+ children: (0, _uiReactUtils.callRenderProp)(itemIcon)
142
142
  });
143
143
  }
144
144
  return undefined;
package/lib/TreeBrowser/v1/TreeCollection/index.js CHANGED
@@ -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 _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
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, _safeCloneElement.safeCloneElement)(child, itemProps)
236
+ children: (0, _uiReactUtils.safeCloneElement)(child, itemProps)
237
237
  }, key);
238
238
  }
239
239
  renderCollectionNode(collection, position) {
package/lib/TreeBrowser/v1/TreeNode/index.js CHANGED
@@ -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 _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
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, _callRenderProp.callRenderProp)(itemIcon)
97
+ children: (0, _uiReactUtils.callRenderProp)(itemIcon)
98
98
  });
99
99
  }
100
100
  return undefined;
package/lib/TreeBrowser/v1/index.js CHANGED
@@ -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 _IconFolderLine = require("@instructure/ui-icons/lib/generated/IconFolderLine.js");
11
- var _IconDocumentLine = require("@instructure/ui-icons/lib/generated/IconDocumentLine.js");
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: _IconFolderLine.IconFolderLine,
61
- collectionIconExpanded: _IconFolderLine.IconFolderLine,
62
- itemIcon: _IconDocumentLine.IconDocumentLine,
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, _pickProps.pickProps)((0, _omitProps.omitProps)(this.props), _index.TreeCollection.allowedProps),
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,
package/lib/TreeBrowser/v2/TreeButton/index.js CHANGED
@@ -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 _renderIconWithProps = require("@instructure/ui-icons/lib/IconPropsProvider/renderIconWithProps.js");
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, _renderIconWithProps.renderIconWithProps)(icon, iconSize, iconColor);
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, _renderIconWithProps.renderIconWithProps)(itemIcon, iconSize, iconColor);
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
package/lib/TreeBrowser/v2/TreeCollection/index.js CHANGED
@@ -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 _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
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, _safeCloneElement.safeCloneElement)(child, itemProps)
238
+ children: (0, _uiReactUtils.safeCloneElement)(child, itemProps)
239
239
  }, key);
240
240
  }
241
241
  renderCollectionNode(collection, position) {
package/lib/TreeBrowser/v2/TreeNode/index.js CHANGED
@@ -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 _renderIconWithProps = require("@instructure/ui-icons/lib/IconPropsProvider/renderIconWithProps.js");
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, _renderIconWithProps.renderIconWithProps)(itemIcon, iconSize, iconColor);
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
package/lib/TreeBrowser/v2/index.js CHANGED
@@ -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 _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
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, _pickProps.pickProps)((0, _omitProps.omitProps)(this.props), _index.TreeCollection.allowedProps),
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.8",
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.8",
20
- "@instructure/ui-icons": "11.7.8",
21
- "@instructure/shared-types": "11.7.8",
22
- "@instructure/ui-img": "11.7.8",
23
- "@instructure/ui-react-utils": "11.7.8",
24
- "@instructure/ui-themes": "11.7.8",
25
- "@instructure/ui-utils": "11.7.8"
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.8",
30
- "@instructure/ui-babel-preset": "11.7.8",
31
- "@instructure/ui-color-utils": "11.7.8"
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"