@instructure/ui-tree-browser 11.7.3-snapshot-32 → 11.7.3-snapshot-37

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 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.3-snapshot-32](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-32) (2026-05-07)
6
+ ## [11.7.3-snapshot-37](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-37) (2026-05-07)
7
7
 
8
8
 
9
9
  ### Bug Fixes
@@ -26,7 +26,7 @@ var _dec, _class;
26
26
  import { Component } from 'react';
27
27
  import { Img } from '@instructure/ui-img/v11_6';
28
28
  import { callRenderProp } from '@instructure/ui-react-utils';
29
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
29
+ import { withStyle } from '@instructure/emotion';
30
30
  import generateStyles from "./styles.js";
31
31
  import generateComponentTheme from "./theme.js";
32
32
  import { allowedProps } from "./props.js";
@@ -24,7 +24,7 @@ var _dec, _class;
24
24
  */
25
25
 
26
26
  import { Component } from 'react';
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
27
+ import { withStyle } from '@instructure/emotion';
28
28
  import { safeCloneElement } from '@instructure/ui-react-utils';
29
29
  import { TreeButton } from "../TreeButton/index.js";
30
30
  import generateStyles from "./styles.js";
@@ -26,7 +26,7 @@ var _dec, _class;
26
26
  import { Component } from 'react';
27
27
  import { Img } from '@instructure/ui-img/v11_6';
28
28
  import { callRenderProp } from '@instructure/ui-react-utils';
29
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
29
+ import { withStyle } from '@instructure/emotion';
30
30
  import generateStyles from "../TreeButton/styles.js";
31
31
  import generateComponentTheme from "../TreeButton/theme.js";
32
32
  import { allowedProps } from "./props.js";
@@ -28,7 +28,7 @@ import { Component } from 'react';
28
28
  import keycode from 'keycode';
29
29
  import { IconFolderLine, IconDocumentLine } from '@instructure/ui-icons';
30
30
  import { omitProps, pickProps } from '@instructure/ui-react-utils';
31
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
31
+ import { withStyle } from '@instructure/emotion';
32
32
  import { TreeCollection } from "./TreeCollection/index.js";
33
33
  import { TreeButton } from "./TreeButton/index.js";
34
34
  import { TreeNode } from "./TreeNode/index.js";
@@ -25,7 +25,7 @@ var _dec, _class;
25
25
 
26
26
  import { Component } from 'react';
27
27
  import { Img } from '@instructure/ui-img/latest';
28
- import { withStyle } from '@instructure/emotion';
28
+ import { withStyleNew } from '@instructure/emotion';
29
29
  import { renderIconWithProps } from '@instructure/ui-icons';
30
30
  import generateStyles from "./styles.js";
31
31
  import { allowedProps } from "./props.js";
@@ -44,7 +44,7 @@ parent: TreeBrowser
44
44
  id: TreeBrowser.Button
45
45
  ---
46
46
  **/
47
- let TreeButton = (_dec = withStyle(generateStyles, 'TreeBrowserTreeButton'), _dec(_class = class TreeButton extends Component {
47
+ let TreeButton = (_dec = withStyleNew(generateStyles, 'TreeBrowserTreeButton'), _dec(_class = class TreeButton extends Component {
48
48
  static displayName = "TreeButton";
49
49
  static componentId = 'TreeBrowser.Button';
50
50
  static allowedProps = allowedProps;
@@ -24,7 +24,7 @@ var _dec, _class;
24
24
  */
25
25
 
26
26
  import { Component } from 'react';
27
- import { withStyle } from '@instructure/emotion';
27
+ import { withStyleNew } from '@instructure/emotion';
28
28
  import { safeCloneElement } from '@instructure/ui-react-utils';
29
29
  import { TreeButton } from "../TreeButton/index.js";
30
30
  import generateStyles from "./styles.js";
@@ -38,7 +38,7 @@ parent: TreeBrowser
38
38
  id: TreeBrowser.Collection
39
39
  ---
40
40
  **/
41
- let TreeCollection = (_dec = withStyle(generateStyles, 'TreeBrowserTreeCollection'), _dec(_class = class TreeCollection extends Component {
41
+ let TreeCollection = (_dec = withStyleNew(generateStyles, 'TreeBrowserTreeCollection'), _dec(_class = class TreeCollection extends Component {
42
42
  static displayName = "TreeCollection";
43
43
  static componentId = 'TreeBrowser.Collection';
44
44
  static allowedProps = allowedProps;
@@ -25,7 +25,7 @@ var _dec, _class;
25
25
 
26
26
  import { Component } from 'react';
27
27
  import { Img } from '@instructure/ui-img/latest';
28
- import { withStyle } from '@instructure/emotion';
28
+ import { withStyleNew } from '@instructure/emotion';
29
29
  import { renderIconWithProps } from '@instructure/ui-icons';
30
30
  import generateStyles from "../TreeButton/styles.js";
31
31
  import { allowedProps } from "./props.js";
@@ -47,7 +47,7 @@ id: TreeBrowser.Node
47
47
  A helper class used to render the :renderBeforeItems and :renderAfterItems
48
48
  in the TreeBrowser.
49
49
  **/
50
- let TreeNode = (_dec = withStyle(generateStyles, 'TreeBrowserTreeButton'), _dec(_class = class TreeNode extends Component {
50
+ let TreeNode = (_dec = withStyleNew(generateStyles, 'TreeBrowserTreeButton'), _dec(_class = class TreeNode extends Component {
51
51
  static displayName = "TreeNode";
52
52
  static componentId = 'TreeBrowser.Node';
53
53
  static allowedProps = allowedProps;
@@ -28,7 +28,7 @@ import { Component } from 'react';
28
28
  import keycode from 'keycode';
29
29
  import { FolderClosedInstUIIcon, FileTextInstUIIcon } from '@instructure/ui-icons';
30
30
  import { omitProps, pickProps } from '@instructure/ui-react-utils';
31
- import { withStyle } from '@instructure/emotion';
31
+ import { withStyleNew } from '@instructure/emotion';
32
32
  import { TreeCollection } from "./TreeCollection/index.js";
33
33
  import { TreeButton } from "./TreeButton/index.js";
34
34
  import { TreeNode } from "./TreeNode/index.js";
@@ -41,7 +41,7 @@ category: components
41
41
  ---
42
42
  **/
43
43
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
44
- let TreeBrowser = (_dec = withStyle(generateStyles), _dec(_class = class TreeBrowser extends Component {
44
+ let TreeBrowser = (_dec = withStyleNew(generateStyles), _dec(_class = class TreeBrowser extends Component {
45
45
  static displayName = "TreeBrowser";
46
46
  static componentId = 'TreeBrowser';
47
47
  static allowedProps = allowedProps;
@@ -45,7 +45,7 @@ parent: TreeBrowser
45
45
  id: TreeBrowser.Button
46
46
  ---
47
47
  **/
48
- let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class TreeButton extends _react.Component {
48
+ let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeButton extends _react.Component {
49
49
  static displayName = "TreeButton";
50
50
  static componentId = 'TreeBrowser.Button';
51
51
  static allowedProps = _props.allowedProps;
@@ -45,7 +45,7 @@ parent: TreeBrowser
45
45
  id: TreeBrowser.Collection
46
46
  ---
47
47
  **/
48
- let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class TreeCollection extends _react.Component {
48
+ let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeCollection extends _react.Component {
49
49
  static displayName = "TreeCollection";
50
50
  static componentId = 'TreeBrowser.Collection';
51
51
  static allowedProps = _props.allowedProps;
@@ -47,7 +47,7 @@ id: TreeBrowser.Node
47
47
  A helper class used to render the :renderBeforeItems and :renderAfterItems
48
48
  in the TreeBrowser.
49
49
  **/
50
- let TreeNode = exports.TreeNode = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class TreeNode extends _react.Component {
50
+ let TreeNode = exports.TreeNode = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeNode extends _react.Component {
51
51
  static displayName = "TreeNode";
52
52
  static componentId = 'TreeBrowser.Node';
53
53
  static allowedProps = _props.allowedProps;
@@ -50,7 +50,7 @@ var _dec, _class;
50
50
  category: components
51
51
  ---
52
52
  **/
53
- let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class TreeBrowser extends _react.Component {
53
+ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class TreeBrowser extends _react.Component {
54
54
  static displayName = "TreeBrowser";
55
55
  static componentId = 'TreeBrowser';
56
56
  static allowedProps = _props.allowedProps;
@@ -51,7 +51,7 @@ parent: TreeBrowser
51
51
  id: TreeBrowser.Button
52
52
  ---
53
53
  **/
54
- let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyle)(_styles.default, 'TreeBrowserTreeButton'), _dec(_class = class TreeButton extends _react.Component {
54
+ let TreeButton = exports.TreeButton = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'TreeBrowserTreeButton'), _dec(_class = class TreeButton extends _react.Component {
55
55
  static displayName = "TreeButton";
56
56
  static componentId = 'TreeBrowser.Button';
57
57
  static allowedProps = _props.allowedProps;
@@ -44,7 +44,7 @@ parent: TreeBrowser
44
44
  id: TreeBrowser.Collection
45
45
  ---
46
46
  **/
47
- let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyle)(_styles.default, 'TreeBrowserTreeCollection'), _dec(_class = class TreeCollection extends _react.Component {
47
+ let TreeCollection = exports.TreeCollection = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'TreeBrowserTreeCollection'), _dec(_class = class TreeCollection extends _react.Component {
48
48
  static displayName = "TreeCollection";
49
49
  static componentId = 'TreeBrowser.Collection';
50
50
  static allowedProps = _props.allowedProps;
@@ -54,7 +54,7 @@ id: TreeBrowser.Node
54
54
  A helper class used to render the :renderBeforeItems and :renderAfterItems
55
55
  in the TreeBrowser.
56
56
  **/
57
- let TreeNode = exports.TreeNode = (_dec = (0, _emotion.withStyle)(_styles.default, 'TreeBrowserTreeButton'), _dec(_class = class TreeNode extends _react.Component {
57
+ let TreeNode = exports.TreeNode = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'TreeBrowserTreeButton'), _dec(_class = class TreeNode extends _react.Component {
58
58
  static displayName = "TreeNode";
59
59
  static componentId = 'TreeBrowser.Node';
60
60
  static allowedProps = _props.allowedProps;
@@ -48,7 +48,7 @@ var _dec, _class;
48
48
  category: components
49
49
  ---
50
50
  **/
51
- let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = class TreeBrowser extends _react.Component {
51
+ let TreeBrowser = exports.TreeBrowser = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class TreeBrowser extends _react.Component {
52
52
  static displayName = "TreeBrowser";
53
53
  static componentId = 'TreeBrowser';
54
54
  static allowedProps = _props.allowedProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-tree-browser",
3
- "version": "11.7.3-snapshot-32",
3
+ "version": "11.7.3-snapshot-37",
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,21 +16,21 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
18
  "keycode": "^2",
19
- "@instructure/emotion": "11.7.3-snapshot-32",
20
- "@instructure/shared-types": "11.7.3-snapshot-32",
21
- "@instructure/ui-icons": "11.7.3-snapshot-32",
22
- "@instructure/ui-react-utils": "11.7.3-snapshot-32",
23
- "@instructure/ui-img": "11.7.3-snapshot-32",
24
- "@instructure/ui-themes": "11.7.3-snapshot-32",
25
- "@instructure/ui-utils": "11.7.3-snapshot-32"
19
+ "@instructure/emotion": "11.7.3-snapshot-37",
20
+ "@instructure/ui-icons": "11.7.3-snapshot-37",
21
+ "@instructure/shared-types": "11.7.3-snapshot-37",
22
+ "@instructure/ui-react-utils": "11.7.3-snapshot-37",
23
+ "@instructure/ui-img": "11.7.3-snapshot-37",
24
+ "@instructure/ui-themes": "11.7.3-snapshot-37",
25
+ "@instructure/ui-utils": "11.7.3-snapshot-37"
26
26
  },
27
27
  "devDependencies": {
28
28
  "@testing-library/jest-dom": "^6.6.3",
29
29
  "@testing-library/react": "15.0.7",
30
30
  "vitest": "^3.2.2",
31
- "@instructure/ui-axe-check": "11.7.3-snapshot-32",
32
- "@instructure/ui-babel-preset": "11.7.3-snapshot-32",
33
- "@instructure/ui-color-utils": "11.7.3-snapshot-32"
31
+ "@instructure/ui-axe-check": "11.7.3-snapshot-37",
32
+ "@instructure/ui-color-utils": "11.7.3-snapshot-37",
33
+ "@instructure/ui-babel-preset": "11.7.3-snapshot-37"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "react": ">=18 <=19"
@@ -26,7 +26,7 @@ import { Component, ContextType } from 'react'
26
26
 
27
27
  import { Img } from '@instructure/ui-img/v11_6'
28
28
  import { callRenderProp } from '@instructure/ui-react-utils'
29
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
29
+ import { withStyle } from '@instructure/emotion'
30
30
 
31
31
  import generateStyles from './styles'
32
32
  import generateComponentTheme from './theme'
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component, ContextType, ReactElement, SyntheticEvent } from 'react'
26
26
 
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
27
+ import { withStyle } from '@instructure/emotion'
28
28
  import { safeCloneElement } from '@instructure/ui-react-utils'
29
29
 
30
30
  import { TreeButton } from '../TreeButton'
@@ -26,7 +26,7 @@ import { Component, ContextType } from 'react'
26
26
 
27
27
  import { Img } from '@instructure/ui-img/v11_6'
28
28
  import { callRenderProp } from '@instructure/ui-react-utils'
29
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
29
+ import { withStyle } from '@instructure/emotion'
30
30
 
31
31
  import generateStyles from '../TreeButton/styles'
32
32
  import generateComponentTheme from '../TreeButton/theme'
@@ -28,7 +28,7 @@ import keycode from 'keycode'
28
28
  import { IconFolderLine, IconDocumentLine } from '@instructure/ui-icons'
29
29
 
30
30
  import { omitProps, pickProps } from '@instructure/ui-react-utils'
31
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
31
+ import { withStyle } from '@instructure/emotion'
32
32
 
33
33
  import { TreeCollection } from './TreeCollection'
34
34
  import { TreeButton } from './TreeButton'
@@ -25,7 +25,7 @@
25
25
  import { Component, ContextType } from 'react'
26
26
 
27
27
  import { Img } from '@instructure/ui-img/latest'
28
- import { withStyle } from '@instructure/emotion'
28
+ import { withStyleNew } from '@instructure/emotion'
29
29
  import { renderIconWithProps } from '@instructure/ui-icons'
30
30
 
31
31
  import generateStyles from './styles'
@@ -48,7 +48,7 @@ parent: TreeBrowser
48
48
  id: TreeBrowser.Button
49
49
  ---
50
50
  **/
51
- @withStyle(generateStyles, 'TreeBrowserTreeButton')
51
+ @withStyleNew(generateStyles, 'TreeBrowserTreeButton')
52
52
  class TreeButton extends Component<
53
53
  TreeBrowserButtonProps,
54
54
  { isHovered: boolean }
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component, ContextType, ReactElement, SyntheticEvent } from 'react'
26
26
 
27
- import { withStyle } from '@instructure/emotion'
27
+ import { withStyleNew } from '@instructure/emotion'
28
28
  import { safeCloneElement } from '@instructure/ui-react-utils'
29
29
 
30
30
  import { TreeButton } from '../TreeButton'
@@ -44,7 +44,7 @@ parent: TreeBrowser
44
44
  id: TreeBrowser.Collection
45
45
  ---
46
46
  **/
47
- @withStyle(generateStyles, 'TreeBrowserTreeCollection')
47
+ @withStyleNew(generateStyles, 'TreeBrowserTreeCollection')
48
48
  class TreeCollection extends Component<
49
49
  TreeBrowserCollectionProps,
50
50
  TreeCollectionState
@@ -25,7 +25,7 @@
25
25
  import { Component, ContextType } from 'react'
26
26
 
27
27
  import { Img } from '@instructure/ui-img/latest'
28
- import { withStyle } from '@instructure/emotion'
28
+ import { withStyleNew } from '@instructure/emotion'
29
29
  import { renderIconWithProps } from '@instructure/ui-icons'
30
30
 
31
31
  import generateStyles from '../TreeButton/styles'
@@ -50,7 +50,7 @@ id: TreeBrowser.Node
50
50
  A helper class used to render the :renderBeforeItems and :renderAfterItems
51
51
  in the TreeBrowser.
52
52
  **/
53
- @withStyle(generateStyles, 'TreeBrowserTreeButton')
53
+ @withStyleNew(generateStyles, 'TreeBrowserTreeButton')
54
54
  class TreeNode extends Component<TreeBrowserNodeProps, { isHovered: boolean }> {
55
55
  static readonly componentId = 'TreeBrowser.Node'
56
56
 
@@ -31,7 +31,7 @@ import {
31
31
  } from '@instructure/ui-icons'
32
32
 
33
33
  import { omitProps, pickProps } from '@instructure/ui-react-utils'
34
- import { withStyle } from '@instructure/emotion'
34
+ import { withStyleNew } from '@instructure/emotion'
35
35
 
36
36
  import { TreeCollection } from './TreeCollection'
37
37
  import { TreeButton } from './TreeButton'
@@ -53,7 +53,7 @@ import TreeBrowserContext from './TreeBrowserContext'
53
53
  category: components
54
54
  ---
55
55
  **/
56
- @withStyle(generateStyles)
56
+ @withStyleNew(generateStyles)
57
57
  class TreeBrowser extends Component<TreeBrowserProps, TreeBrowserState> {
58
58
  static readonly componentId = 'TreeBrowser'
59
59