td-stylekit 32.0.0 → 33.0.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# [33.0.0](https://github.com/treasure-data/td-stylekit/compare/v32.0.1...v33.0.0) (2026-03-25)
+
+
+### Features
+
+* **UIDX-593:** Remove Tree and react-sortable-tree dep ([#1770](https://github.com/treasure-data/td-stylekit/issues/1770)) ([a764224](https://github.com/treasure-data/td-stylekit/commit/a764224c57503e3b8b089a0d72b7008365c76c9d))
+
+
+### BREAKING CHANGES
+
+* **UIDX-593:** Testing major release mechanism with empty commit
+
+* feat!: trigger major release
+* **UIDX-593:** Testing major release mechanism with proper conventional commit format
+
+* fix Preview
+
+## [32.0.1](https://github.com/treasure-data/td-stylekit/compare/v32.0.0...v32.0.1) (2026-03-03)
+
+
+### Bug Fixes
+
+* **UIDX-942:** Deprecate migrated components and charts ([#1779](https://github.com/treasure-data/td-stylekit/issues/1779)) ([d3e6c09](https://github.com/treasure-data/td-stylekit/commit/d3e6c09421ea18578226a5f923ae6156094b313f))
+
 # [32.0.0](https://github.com/treasure-data/td-stylekit/compare/v31.0.0...v32.0.0) (2026-02-20)
 
 

package/dist/es/DataGrid/elements.d.ts

@@ -453,12 +453,6 @@ export declare const CategoryInput: typeof Input & StyledComponent<any, {}, {
             Root: symbol;
             ToggleKnob: symbol;
         };
-        Tree: {
-            NodeContentWrapper: symbol;
-            IconWrapper: symbol;
-            PlusMinusButton: symbol;
-            Spinner: symbol;
-        };
         UserAvatar: {
             Root: symbol;
             AvatarFallback: symbol;

package/dist/es/ThemeProvider/overridable.d.ts

@@ -215,12 +215,6 @@ declare const Overridable: {
         Root: symbol;
         ToggleKnob: symbol;
     };
-    Tree: {
-        NodeContentWrapper: symbol;
-        IconWrapper: symbol;
-        PlusMinusButton: symbol;
-        Spinner: symbol;
-    };
     UserAvatar: {
         Root: symbol;
         AvatarFallback: symbol;

package/dist/es/ThemeProvider/overridable.js

@@ -223,12 +223,6 @@ var Overridable = {
     Root: Symbol('Toggle.Root'),
     ToggleKnob: Symbol('Toggle.ToggleKnob')
   },
-  Tree: {
-    NodeContentWrapper: Symbol('Tree.NodeContentWrapper'),
-    IconWrapper: Symbol('Tree.IconWrapper'),
-    PlusMinusButton: Symbol('Tree.PlusMinusButton'),
-    Spinner: Symbol('Tree.Spinner')
-  },
   UserAvatar: {
     Root: Symbol('UserAvatar.Root'),
     AvatarFallback: Symbol('UserAvatar.AvatarFallback')

package/dist/es/ThemeProvider/reskinTheme.js

@@ -182,40 +182,6 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
   ':hover': {
     backgroundColor: palette.secondary[3]
   }
-}), _overridable["default"].Tree.NodeContentWrapper, function (props) {
-  return {
-    borderRadius: radius[1],
-    backgroundColor: props.selected ? palette.secondary[0] : palette.neutral[0],
-    color: props.disabled ? palette.neutral[9] : props.selected ? palette.secondary[5] : palette.neutral[11],
-    ':hover': {
-      color: props.selected ? palette.secondary[5] : props.disabled ? '' : palette.secondary[4],
-      // I'm only using this to override the hover color of the icon
-      // because I don't want to import IconWrapper and cause a circular dependency.
-      // The selector should be: [IconWrapper as any]
-      'div > div:has(+ div)': {
-        color: props.selected ? "".concat(palette.secondary[5], " !important") // don't do this in real life :P
-        : props.disabled ? '' : palette.secondary[4]
-      }
-    }
-  };
-}), _overridable["default"].Tree.IconWrapper, function (props) {
-  return {
-    color: props.disabled ? palette.neutral[7] : props.selected ? palette.secondary[5] : palette.neutral[8]
-  };
-}), _overridable["default"].Tree.PlusMinusButton, function (props) {
-  return {
-    color: props.disabled ? palette.neutral[7] : props.selected ? palette.neutral[0] : palette.neutral[8],
-    backgroundColor: props.spinner ? 'transparent' : props.selected ? palette.secondary[5] : palette.neutral[0],
-    ':hover': {
-      color: props.selected ? palette.neutral[0] : props.disabled ? '' : palette.secondary[4]
-    }
-  };
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_overrides, _overridable["default"].Tree.Spinner, function (props) {
-  return {
-    borderTopColor: props.selected ? palette.secondary[2] : '#706e6b',
-    borderRightColor: props.selected ? palette.secondary[2] : '#706e6b',
-    borderBottomColor: props.selected ? palette.secondary[2] : '#706e6b'
-  };
 }), _overridable["default"].Link.Root, {
   fontWeight: 'inherit'
 }), _overridable["default"].Tabs.Tab, {
@@ -229,7 +195,7 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
   return {
     borderRadius: radius[0]
   };
-}), _overridable["default"].ActionBar.IconButton, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_overrides, _overridable["default"].ActionBar.IconButton, {
   borderRadius: radius[1]
 }), _overridable["default"].ActionBar.Root, {
   backgroundColor: 'transparent',
@@ -275,7 +241,7 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
     };
   }
   return {};
-}), _defineProperty(_defineProperty(_overrides, _overridable["default"].UserAvatar.Root, {
+}), _overridable["default"].UserAvatar.Root, {
   backgroundColor: palette.neutral[2]
 }), _overridable["default"].UserAvatar.AvatarFallback, {
   backgroundColor: palette.neutral[2],

package/dist/es/index.d.ts

@@ -66,7 +66,6 @@ import TimePicker from './TimePicker';
 import Toast from './Toast';
 import Toggle from './Toggle';
 import TooltipPopover from './TooltipPopover';
-import Tree, { TREE_UTILS, TreeNodeContent, TreeNodeContentWrapper, TreeNodeIconWrapper } from './Tree';
 import UserAvatar from './UserAvatar';
 import View from './View';
 import VisuallyHidden from './VisuallyHidden';
@@ -76,10 +75,15 @@ export type { SerializedStyles } from '@emotion/react';
 export { default as styled } from '@emotion/styled';
 export { useTheme } from '@emotion/react';
 export type { IconTypes } from './Icon';
+/** @deprecated Stylekit no longer provides charts */
 export { PieChart } from './PieChart';
+/** @deprecated Stylekit no longer provides charts */
 export { calculateChartHeight as calculateDistributionChartHeight } from './DistributionChart';
+/** @deprecated Stylekit no longer provides charts */
 export { PositiveNegativeBarChart, calculateChartHeight as calculatePositiveNegativeChartHeight } from './PositiveNegativeBarChart';
+/** @deprecated Stylekit no longer provides charts */
 export type { PositiveNegativeDatum } from './PositiveNegativeBarChart';
+/** @deprecated Stylekit no longer provides charts */
 export { RatioPieChart } from './RatioPieChart';
 export { getLongestOptionLength } from './Select';
 export type { Options, OptionType, OptionValue } from './Select';
@@ -91,5 +95,33 @@ export type { SelectComponentStyles };
 export type { Theme, AccessibilityOptions };
 export type { FormControlValue } from './types';
 export { BADGE_TYPES } from './Badge';
-export { ActionBar, Badge, BarChart, Box, Button, Canvas, Card, ChartPrimitives, Checkbox, CollapsibleToggle, Column, ColorPicker, ComparisonChart, ComponentGroup, DataGrid, DateControl, DatePicker, DatePickerUtils, DistributionChart, Drawer, DropdownButton, FileInput, FormControl, FormFieldAddon, FormLabel, FormModal, FormRow, Google, Grid, GridItem, GrowthRateChart, Heading, Highlighter, Histogram, Icon, IconBar, Input, LeftTruncatedText, Link, Loader, Logo, Menu, MiddleTruncatedText, Modal, MultiSelect, Paragraph, Popover, Radio, RightTruncatedText, Row, SecondaryNavigation, Section, Select, Shuttle, SimpleModal, Slider, TREE_UTILS, Tabs, Tagger, Text, ThemeProvider, TimeControl, TimePicker, Toast, Toggle, TooltipPopover, Tree, TreeNodeContent, TreeNodeContentWrapper, TreeNodeIconWrapper, UserAvatar, View, VisuallyHidden, VolumeChart, theme };
+/** @deprecated Use a div with Tailwind classes */
+export { Box };
+/** @deprecated Use @treasure-data/stylekit/button */
+export { Button };
+/** @deprecated Use @treasure-data/stylekit/card */
+export { Card };
+/** @deprecated Use semantic HTML with Tailwind classes */
+export { Column };
+/** @deprecated Use semantic HTML with Tailwind grid */
+export { Grid, GridItem };
+/** @deprecated Use semantic HTML with Tailwind classes */
+export { Heading };
+/** @deprecated Use @treasure-data/stylekit/icons */
+export { Icon };
+/** @deprecated Use @treasure-data/stylekit/link */
+export { Link };
+/** @deprecated Use semantic HTML with Tailwind classes */
+export { Paragraph };
+/** @deprecated Use semantic HTML with Tailwind classes */
+export { Row };
+/** @deprecated Use semantic HTML with Tailwind classes */
+export { Text };
+/** @deprecated Use @treasure-data/stylekit/tooltip */
+export { TooltipPopover };
+/** @deprecated Use semantic HTML with Tailwind classes */
+export { View };
+/** @deprecated Stylekit no longer provides charts */
+export { BarChart, ChartPrimitives, ComparisonChart, DistributionChart, GrowthRateChart, Histogram, VolumeChart };
+export { ActionBar, Badge, Canvas, Checkbox, CollapsibleToggle, ColorPicker, ComponentGroup, DataGrid, DateControl, DatePicker, DatePickerUtils, Drawer, DropdownButton, FileInput, FormControl, FormFieldAddon, FormLabel, FormModal, FormRow, Google, Highlighter, IconBar, Input, LeftTruncatedText, Loader, Logo, Menu, MiddleTruncatedText, Modal, MultiSelect, Popover, Radio, RightTruncatedText, SecondaryNavigation, Section, Select, Shuttle, SimpleModal, Slider, Tabs, Tagger, ThemeProvider, TimeControl, TimePicker, Toast, Toggle, UserAvatar, VisuallyHidden, theme };
 //# sourceMappingURL=index.d.ts.map

package/dist/es/index.js

@@ -376,12 +376,6 @@ Object.defineProperty(exports, "Slider", {
     return _Slider["default"];
   }
 });
-Object.defineProperty(exports, "TREE_UTILS", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.TREE_UTILS;
-  }
-});
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function get() {
@@ -436,30 +430,6 @@ Object.defineProperty(exports, "TooltipPopover", {
     return _TooltipPopover["default"];
   }
 });
-Object.defineProperty(exports, "Tree", {
-  enumerable: true,
-  get: function get() {
-    return _Tree["default"];
-  }
-});
-Object.defineProperty(exports, "TreeNodeContent", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.TreeNodeContent;
-  }
-});
-Object.defineProperty(exports, "TreeNodeContentWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.TreeNodeContentWrapper;
-  }
-});
-Object.defineProperty(exports, "TreeNodeIconWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.TreeNodeIconWrapper;
-  }
-});
 Object.defineProperty(exports, "UserAvatar", {
   enumerable: true,
   get: function get() {
@@ -595,7 +565,6 @@ var _TimePicker = _interopRequireDefault(require("./TimePicker"));
 var _Toast = _interopRequireDefault(require("./Toast"));
 var _Toggle = _interopRequireDefault(require("./Toggle"));
 var _TooltipPopover = _interopRequireDefault(require("./TooltipPopover"));
-var _Tree = _interopRequireWildcard(require("./Tree"));
 var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
 var _View = _interopRequireDefault(require("./View"));
 var _VisuallyHidden = _interopRequireDefault(require("./VisuallyHidden"));
@@ -609,4 +578,25 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+/** @deprecated Stylekit no longer provides charts */
+/** @deprecated Stylekit no longer provides charts */
+/** @deprecated Stylekit no longer provides charts */
+/** @deprecated Stylekit no longer provides charts */
+/** @deprecated Stylekit no longer provides charts */
+/** @deprecated Use a div with Tailwind classes */
+/** @deprecated Use @treasure-data/stylekit/button */
+/** @deprecated Use @treasure-data/stylekit/card */
+/** @deprecated Use semantic HTML with Tailwind classes */
+// eslint-disable-next-line deprecation/deprecation
+/** @deprecated Use semantic HTML with Tailwind grid */
+/** @deprecated Use semantic HTML with Tailwind classes */
+/** @deprecated Use @treasure-data/stylekit/icons */
+/** @deprecated Use @treasure-data/stylekit/link */
+/** @deprecated Use semantic HTML with Tailwind classes */
+/** @deprecated Use semantic HTML with Tailwind classes */
+// eslint-disable-next-line deprecation/deprecation
+/** @deprecated Use semantic HTML with Tailwind classes */
+/** @deprecated Use @treasure-data/stylekit/tooltip */
+/** @deprecated Use semantic HTML with Tailwind classes */
+/** @deprecated Stylekit no longer provides charts */

package/llms.md

@@ -129,7 +129,7 @@ The build system outputs ES modules with TypeScript declarations:
 - Uses Yarn v3.2.0 workspaces
 - Conventional commit format required for releases
 - Automated releases via semantic-release
-- Peer dependencies: React & ReactDOM 18.2.0, react-dnd, react-virtualized
+- Peer dependencies: React & ReactDOM 18.2.0, react-virtualized
 - When you see a code like FG-123, CON-123, API-123, AI-123, etc, that is a Jira ticket you can get more information on using the Jira tool.
 - When you create a branch for a Jira ticket use the format `ai-fix-<ticket key>`, e.g. ai-fix-FG-123.
 - When you create a new branch do it locally with the git cli.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "32.0.0",
+  "version": "33.0.0",
   "main": "dist/es/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",
@@ -101,7 +101,6 @@
     "react-day-picker": "7.3.2",
     "react-highlight-words": "^0.20.0",
     "react-select": "4.3.1",
-    "react-sortable-tree": "^2.8.0",
     "use-onclickoutside": "^0.4.1",
     "victory": "^35.4.2"
   },
@@ -169,7 +168,6 @@
     "@types/react": "18.0.35",
     "@types/react-dom": "18.0.11",
     "@types/react-select": "^4.0.18",
-    "@types/react-sortable-tree": "^0.3.11",
     "@types/react-virtualized": "^9.21.30",
     "@types/semantic-release": "^17.1.0",
     "@types/testing-library__jest-dom": "^5.0.0",
@@ -229,17 +227,16 @@
     "rimraf": "^6.0.1",
     "semantic-release": "^19.0.3",
     "shelljs": "^0.8.5",
-    "storybook": "^8.6.15",
+    "storybook": "^8.6.17",
     "svg-inline-loader": "^0.8.2",
     "svg-to-jsx": "^1.0.4",
-    "svgo": "^3.3.2",
+    "svgo": "^3.3.3",
     "tslib": "^2.7.0",
     "tsx": "^4.16.5",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
     "react": "18.2.0",
-    "react-dnd": "^9.4.0",
     "react-dom": "18.2.0",
     "react-virtualized": "^9.22.6"
   },

package/dist/es/Tree/NodeContent.d.ts

@@ -1,25 +0,0 @@
-import { SyntheticEvent, MouseEvent, KeyboardEvent, JSXElementConstructor, PropsWithChildren, FunctionComponent } from 'react';
-import type { NodeRendererProps } from 'react-sortable-tree';
-export type NodeContentProps = NodeRendererProps & {
-    disabled: boolean;
-    focused: boolean;
-    hovering: boolean;
-    hoveringDepth: number;
-    last: boolean;
-    'data-instrumentation'?: string;
-    loading: boolean;
-    rootNodeTypes?: string[];
-    onClick?: (e: SyntheticEvent<HTMLElement>) => void;
-    onDoubleClick?: (e: SyntheticEvent<HTMLElement>) => void;
-    onContextMenu?: (e: MouseEvent<HTMLElement>) => void;
-    onHover: (path: Array<number | string> | null) => void;
-    onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
-    onMouseDown?: (e: MouseEvent<HTMLElement>) => void;
-    searchQuery?: string;
-    selected: boolean;
-    treeNodeContentChildrenWrapper?: JSXElementConstructor<any>;
-    treeNodeContentRootWrapper?: JSXElementConstructor<any>;
-};
-export declare const NodeContent: FunctionComponent<PropsWithChildren<NodeContentProps>>;
-export default NodeContent;
-//# sourceMappingURL=NodeContent.d.ts.map

package/dist/es/Tree/NodeContent.js

@@ -1,197 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NodeContent = void 0;
-var _react = require("react");
-var _elements = require("./elements");
-var _Highlighter = _interopRequireDefault(require("../Highlighter"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _RightTruncatedText = _interopRequireDefault(require("../RightTruncatedText"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {}; // copy paste from https://github.com/frontend-collective/react-sortable-tree-theme-file-explorer/blob/master/node-content-renderer.js to modify
-function range(from, to) {
-  var count = to - from + 1;
-  var result = new Array(count);
-  for (var i = 0; i < count; ++i) {
-    result[i] = from + i;
-  }
-  return result;
-}
-var NodeContent = exports.NodeContent = function NodeContent(_ref) {
-  var canDrag = _ref.canDrag,
-    connectDragPreview = _ref.connectDragPreview,
-    connectDragSource = _ref.connectDragSource,
-    dataInstrumentation = _ref['data-instrumentation'],
-    disabled = _ref.disabled,
-    focused = _ref.focused,
-    hovering = _ref.hovering,
-    hoveringDepth = _ref.hoveringDepth,
-    icons = _ref.icons,
-    isDragging = _ref.isDragging,
-    last = _ref.last,
-    loading = _ref.loading,
-    node = _ref.node,
-    _onClick = _ref.onClick,
-    _onDoubleClick = _ref.onDoubleClick,
-    onContextMenu = _ref.onContextMenu,
-    onHover = _ref.onHover,
-    _onKeyDown = _ref.onKeyDown,
-    _onMouseDown = _ref.onMouseDown,
-    path = _ref.path,
-    _ref$rootNodeTypes = _ref.rootNodeTypes,
-    rootNodeTypes = _ref$rootNodeTypes === void 0 ? [] : _ref$rootNodeTypes,
-    scaffoldBlockPxWidth = _ref.scaffoldBlockPxWidth,
-    searchQuery = _ref.searchQuery,
-    selected = _ref.selected,
-    title = _ref.title,
-    toggleChildrenVisibility = _ref.toggleChildrenVisibility,
-    treeIndex = _ref.treeIndex,
-    _ref$treeNodeContentC = _ref.treeNodeContentChildrenWrapper,
-    treeNodeContentChildrenWrapper = _ref$treeNodeContentC === void 0 ? _elements.NodeContentWrapper : _ref$treeNodeContentC,
-    _ref$treeNodeContentR = _ref.treeNodeContentRootWrapper,
-    treeNodeContentRootWrapper = _ref$treeNodeContentR === void 0 ? _elements.NodeContentWrapper : _ref$treeNodeContentR,
-    isSearchFocus = _ref.isSearchFocus,
-    isSearchMatch = _ref.isSearchMatch;
-  var nodeTitle = title || node.name;
-  var hasLines = !isDragging && hovering;
-  var nodeLoading = loading || node.loading;
-  var elementRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (focused && elementRef !== null && elementRef !== void 0 && elementRef.current) {
-      var _document$activeEleme;
-      // Only take focus if a tree node is already focused. If we don't do
-      // this, nodes are erroneously refocused when they remount.
-      if ((_document$activeEleme = document.activeElement) !== null && _document$activeEleme !== void 0 && _document$activeEleme.hasAttribute('data-tree-node-path')) {
-        elementRef.current.focus();
-      }
-    }
-  }, [focused]);
-  var toggleChildren = function toggleChildren() {
-    toggleChildrenVisibility && rootNodeTypes.includes(node.type) && toggleChildrenVisibility({
-      node: node,
-      path: path,
-      treeIndex: treeIndex
-    });
-  };
-  var isNodeRoot = toggleChildrenVisibility && rootNodeTypes.includes(node.type);
-  var NodeContentWrapper = isNodeRoot ? treeNodeContentRootWrapper : treeNodeContentChildrenWrapper;
-  var nodeContent = (0, _jsxRuntime.jsxs)("div", {
-    "data-gs-c": gsC(nodeTitle),
-    "data-gs": gs("src", "tree", "nodecontent.tsx", "div"),
-    "data-tree-node-path": path.join('/'),
-    role: "row",
-    style: {
-      height: '100%'
-    },
-    ref: elementRef,
-    tabIndex: 0,
-    onMouseEnter: function onMouseEnter() {
-      if (!disabled) onHover(path);
-    },
-    onMouseLeave: function onMouseLeave() {
-      if (!disabled) onHover(null);
-    },
-    onClick: function onClick(e) {
-      if (!disabled) {
-        if (!node.expanded || node.expanded && focused) {
-          toggleChildren();
-        }
-        _onClick && _onClick(e);
-      }
-    },
-    onDoubleClick: function onDoubleClick(e) {
-      if (!disabled && _onDoubleClick) _onDoubleClick(e);
-    },
-    onMouseDown: function onMouseDown(event) {
-      if (!disabled && _onMouseDown) {
-        _onMouseDown(event);
-      }
-    },
-    "data-instrumentation": dataInstrumentation,
-    onKeyDown: function onKeyDown(event) {
-      if (!disabled) {
-        if (event.key === ' ') {
-          event.preventDefault();
-          toggleChildren();
-        }
-        if (_onKeyDown) {
-          _onKeyDown(event);
-        }
-      }
-    },
-    onContextMenu: onContextMenu,
-    title: nodeTitle,
-    children: [hasLines && range(1, hoveringDepth).map(function (x) {
-      return (0, _jsxRuntime.jsx)(_elements.TreeLine, {
-        "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "tree-line"),
-        blockWidth: scaffoldBlockPxWidth,
-        depth: path.length - x - 1,
-        last: last
-      }, x);
-    }), connectDragPreview((0, _jsxRuntime.jsx)("div", {
-      "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div"),
-      role: "gridcell",
-      children: (0, _jsxRuntime.jsxs)(NodeContentWrapper, {
-        "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper"),
-        disabled: disabled,
-        selected: selected,
-        children: [isNodeRoot && (0, _jsxRuntime.jsx)(_elements.PlusMinusButton, {
-          "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "plus-minus-button"),
-          tabIndex: -1,
-          disabled: disabled,
-          icon: true,
-          selected: selected,
-          small: true,
-          "data-instrumentation": "".concat(dataInstrumentation, "-plusminus"),
-          "aria-label": node.expanded ? 'Collapse' : 'Expand',
-          onMouseDown: function onMouseDown(event) {
-            return event.stopPropagation();
-          },
-          spinner: nodeLoading,
-          onClick: function onClick(e) {
-            if (!disabled) {
-              toggleChildren();
-            }
-            e.stopPropagation();
-          },
-          children: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [!nodeLoading && (node.expanded ? (0, _jsxRuntime.jsx)(_Icon["default"].Small.SymbolMinus, {
-              "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "plus-minus-button", "icon-small-symbol-minus")
-            }) : (0, _jsxRuntime.jsx)(_Icon["default"].Small.SymbolPlus, {
-              "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "plus-minus-button", "icon-small-symbol-plus")
-            })), nodeLoading && (0, _jsxRuntime.jsx)(_elements.Spinner, {
-              "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "plus-minus-button", "spinner"),
-              selected: selected
-            })]
-          })
-        }), (0, _jsxRuntime.jsxs)(_elements.StyledBox, {
-          "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "styled-box"),
-          children: [(icons || []).map(function (icon, index) {
-            return (0, _jsxRuntime.jsx)(_elements.IconWrapper, {
-              "data-gs-c": gsC(icon),
-              "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "styled-box", "icon-wrapper"),
-              disabled: disabled,
-              selected: selected,
-              children: icon
-            }, index);
-          }), (0, _jsxRuntime.jsx)(_RightTruncatedText["default"], {
-            "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "styled-box", "right-truncated-text"),
-            text: isSearchMatch ? (0, _jsxRuntime.jsx)(_Highlighter["default"], {
-              "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "styled-box", "right-truncated-text", "highlighter"),
-              textToHighlight: nodeTitle,
-              searchString: searchQuery,
-              focused: isSearchFocus
-            }) : nodeTitle
-          })]
-        })]
-      })
-    }))]
-  }, node.id);
-  return canDrag && !disabled ? connectDragSource(nodeContent) : nodeContent;
-};
-NodeContent.displayName = 'NodeContent';
-var _default = exports["default"] = NodeContent;

package/dist/es/Tree/NodeContextMenu.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { ExtendedNodeData } from 'react-sortable-tree';
-export type ContextMenuRendererProps = {
-    left: number;
-    onClose: () => void;
-    rowInfo: ExtendedNodeData;
-    top: number;
-};
-export type ContextMenuProps = {
-    contextMenuRenderer: (props: ContextMenuRendererProps) => React.ReactNode;
-} & ContextMenuRendererProps;
-declare const ContextMenu: ({ contextMenuRenderer, onClose, ...props }: ContextMenuProps) => import("react").ReactPortal | null;
-export default ContextMenu;
-//# sourceMappingURL=NodeContextMenu.d.ts.map

package/dist/es/Tree/NodeContextMenu.js

@@ -1,41 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _utils = require("../utils");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["contextMenuRenderer", "onClose"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-var ContextMenu = function ContextMenu(_ref) {
-  var contextMenuRenderer = _ref.contextMenuRenderer,
-    onClose = _ref.onClose,
-    props = _objectWithoutProperties(_ref, _excluded);
-  if (document.body == null) {
-    return null;
-  }
-  var contextMenuCloseWrapper = (0, _jsxRuntime.jsx)(_utils.CloseWrapper, {
-    "data-gs-c": gsC(contextMenuRenderer(_objectSpread({
-      onClose: onClose
-    }, props))),
-    "data-gs": gs("src", "tree", "nodecontextmenu.tsx", "close-wrapper"),
-    onClose: onClose,
-    children: contextMenuRenderer(_objectSpread({
-      onClose: onClose
-    }, props))
-  });
-  return /*#__PURE__*/_reactDom["default"].createPortal(contextMenuCloseWrapper, document.body);
-};
-var _default = exports["default"] = ContextMenu;

package/dist/es/Tree/Tree.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode, PropsWithChildren, FunctionComponent, JSXElementConstructor, ReactElement } from 'react';
-import type { ReactSortableTreeProps } from 'react-sortable-tree';
-import 'react-sortable-tree/style.css';
-import type { NodeContentProps } from './NodeContent';
-import type { ContextMenuRendererProps } from './NodeContextMenu';
-export type TreeProps = {
-    contextMenuRenderer?: (props: ContextMenuRendererProps) => ReactNode;
-    /** @deprecated This prop isn't consistently synced with internal state */
-    focusedIndex?: number | undefined;
-    onDelete?: (rowInfo: any) => void;
-    onSelect?: (rowInfo: any) => void;
-    rootNodeTypes?: string[];
-    disabledNodeIds?: string[];
-    'data-instrumentation'?: string;
-    nodeContentRenderer?: (props: NodeContentProps) => ReactElement<any, string | JSXElementConstructor<any>>;
-} & Omit<ReactSortableTreeProps, 'nodeContentRenderer'>;
-/**
- * Generates a Tree structure to display hierarchical data. Wraps react-sortable-tree
- * https://github.com/frontend-collective/react-sortable-tree
- */
-declare const Tree: FunctionComponent<PropsWithChildren<TreeProps>>;
-export default Tree;
-//# sourceMappingURL=Tree.d.ts.map