td-stylekit 32.0.1 → 33.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "32.0.1",
+  "version": "33.1.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",
@@ -232,14 +230,13 @@
     "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

package/dist/es/Tree/Tree.js

@@ -1,197 +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 _react = require("react");
-var _reactSortableTree = _interopRequireWildcard(require("react-sortable-tree"));
-require("react-sortable-tree/style.css");
-var _NodeContent = _interopRequireDefault(require("./NodeContent"));
-var _TreeNode = _interopRequireDefault(require("./TreeNode"));
-var _NodeContextMenu = _interopRequireDefault(require("./NodeContextMenu"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["contextMenuRenderer", "focusedIndex", "data-instrumentation", "generateNodeProps", "onChange", "onDelete", "onSelect", "rootNodeTypes", "disabledNodeIds", "searchQuery", "treeData", "nodeContentRenderer"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-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 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-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 () {};
-/**
- * Generates a Tree structure to display hierarchical data. Wraps react-sortable-tree
- * https://github.com/frontend-collective/react-sortable-tree
- */
-var Tree = function Tree(_ref) {
-  var contextMenuRenderer = _ref.contextMenuRenderer,
-    focusedIndexProp = _ref.focusedIndex,
-    _ref$dataInstrumenta = _ref['data-instrumentation'],
-    dataInstrumentation = _ref$dataInstrumenta === void 0 ? 'tree' : _ref$dataInstrumenta,
-    generateNodeProps = _ref.generateNodeProps,
-    onChange = _ref.onChange,
-    onDelete = _ref.onDelete,
-    onSelect = _ref.onSelect,
-    _ref$rootNodeTypes = _ref.rootNodeTypes,
-    rootNodeTypes = _ref$rootNodeTypes === void 0 ? [] : _ref$rootNodeTypes,
-    _ref$disabledNodeIds = _ref.disabledNodeIds,
-    disabledNodeIds = _ref$disabledNodeIds === void 0 ? [] : _ref$disabledNodeIds,
-    searchQuery = _ref.searchQuery,
-    treeData = _ref.treeData,
-    nodeContentRenderer = _ref.nodeContentRenderer,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    hoveringNodePath = _useState2[0],
-    setHoveringNodePath = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    focusedIndex = _useState4[0],
-    setFocusedIndex = _useState4[1];
-  var _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    activeContextMenu = _useState6[0],
-    setActiveContextMenu = _useState6[1];
-  // react-sortable-tree allows creation of custom themes
-  // this customizes both the tree node, and the content of each node
-  // as well as providing default values for some additional ReactSortableTreeProps
-  var crystalTreeTheme = {
-    nodeContentRenderer: nodeContentRenderer || _NodeContent["default"],
-    rowHeight: 33,
-    scaffoldBlockPxWidth: 22,
-    treeNodeRenderer: _TreeNode["default"]
-  };
-  (0, _react.useEffect)(function () {
-    setFocusedIndex(focusedIndexProp);
-  }, [focusedIndexProp]);
-  var handleKeyDown = function handleKeyDown(e, rowInfo) {
-    switch (e.key) {
-      case 'Backspace':
-        {
-          if (disabledNodeIds !== null && disabledNodeIds !== void 0 && disabledNodeIds.includes(rowInfo.node.id)) break;
-          onDelete && onDelete(rowInfo);
-          break;
-        }
-      case 'ArrowUp':
-        {
-          e.preventDefault();
-          var nextIndex = Math.max((rowInfo.treeIndex || 0) - 1, 0);
-          while (disabledNodeIds !== null && disabledNodeIds !== void 0 && disabledNodeIds.includes((_getVisibleNodeInfoAt = (0, _reactSortableTree.getVisibleNodeInfoAtIndex)({
-            treeData: treeData,
-            index: nextIndex,
-            getNodeKey: function getNodeKey(_ref2) {
-              var treeIndex = _ref2.treeIndex;
-              return treeIndex;
-            }
-          })) === null || _getVisibleNodeInfoAt === void 0 ? void 0 : _getVisibleNodeInfoAt.node.id)) {
-            var _getVisibleNodeInfoAt;
-            if (nextIndex === 0) return;
-            nextIndex = Math.max((nextIndex || 0) - 1, 0);
-          }
-          setFocusedIndex(nextIndex);
-          break;
-        }
-      case 'ArrowDown':
-        {
-          e.preventDefault();
-          var _nextIndex = Math.min((rowInfo.treeIndex || 0) + 1, (0, _reactSortableTree.getVisibleNodeCount)({
-            treeData: treeData
-          }) - 1);
-          while (disabledNodeIds !== null && disabledNodeIds !== void 0 && disabledNodeIds.includes((_getVisibleNodeInfoAt2 = (0, _reactSortableTree.getVisibleNodeInfoAtIndex)({
-            treeData: treeData,
-            index: _nextIndex,
-            getNodeKey: function getNodeKey(_ref3) {
-              var treeIndex = _ref3.treeIndex;
-              return treeIndex;
-            }
-          })) === null || _getVisibleNodeInfoAt2 === void 0 ? void 0 : _getVisibleNodeInfoAt2.node.id)) {
-            var _getVisibleNodeInfoAt2;
-            if (_nextIndex === (0, _reactSortableTree.getVisibleNodeCount)({
-              treeData: treeData
-            }) - 1) return;
-            _nextIndex = Math.min((_nextIndex || 0) + 1, (0, _reactSortableTree.getVisibleNodeCount)({
-              treeData: treeData
-            }) - 1);
-          }
-          setFocusedIndex(_nextIndex);
-          break;
-        }
-      case 'Enter':
-        {
-          if (disabledNodeIds !== null && disabledNodeIds !== void 0 && disabledNodeIds.includes(rowInfo.node.id)) break;
-          onSelect && onSelect(rowInfo);
-          break;
-        }
-    }
-  };
-  var createNodeProps = function createNodeProps(rowInfo) {
-    var hovering = false;
-    if (hoveringNodePath && hoveringNodePath.length < rowInfo.path.length) {
-      hovering = "/".concat(rowInfo.path.join('/'), "/").startsWith("/".concat(hoveringNodePath.join('/'), "/"));
-    }
-    return _objectSpread({
-      expanded: rowInfo.node.expanded,
-      last: rowInfo.lowerSiblingCounts.every(function (x) {
-        return x === 0;
-      }) && !rowInfo.node.expanded,
-      hoveringDepth: Math.max(0, hoveringNodePath ? rowInfo.path.length - hoveringNodePath.length : 0),
-      hovering: hovering,
-      disabled: disabledNodeIds === null || disabledNodeIds === void 0 ? void 0 : disabledNodeIds.includes(rowInfo.node.id),
-      focused: focusedIndex === rowInfo.treeIndex,
-      onHover: function onHover(path) {
-        setHoveringNodePath(path);
-      },
-      onClick: function onClick() {
-        onSelect && onSelect(rowInfo);
-        setFocusedIndex(rowInfo.treeIndex);
-      },
-      'data-instrumentation': "".concat(dataInstrumentation, "-item").concat(rowInfo.treeIndex),
-      onKeyDown: function onKeyDown(e) {
-        return handleKeyDown(e, rowInfo);
-      },
-      onContextMenu: function onContextMenu(event) {
-        event.preventDefault();
-        var boundingClientRect = event.currentTarget.getBoundingClientRect();
-        var top = boundingClientRect.y || boundingClientRect.top;
-        var left = boundingClientRect.x || boundingClientRect.left;
-        setActiveContextMenu({
-          top: top + boundingClientRect.height,
-          left: left,
-          rowInfo: rowInfo
-        });
-      },
-      rootNodeTypes: rootNodeTypes,
-      searchQuery: searchQuery
-    }, generateNodeProps ? generateNodeProps(rowInfo) : {});
-  };
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_reactSortableTree["default"], _objectSpread({
-      "data-gs": gs("src", "tree", "tree.tsx", "sortable-tree"),
-      generateNodeProps: createNodeProps,
-      theme: crystalTreeTheme,
-      onChange: onChange,
-      treeData: treeData,
-      searchQuery: searchQuery,
-      "data-instrumentation": dataInstrumentation
-    }, props)), contextMenuRenderer && activeContextMenu && (0, _jsxRuntime.jsx)(_NodeContextMenu["default"], _objectSpread({
-      "data-gs": gs("src", "tree", "tree.tsx", "context-menu"),
-      onClose: function onClose() {
-        return setActiveContextMenu(null);
-      },
-      contextMenuRenderer: contextMenuRenderer
-    }, activeContextMenu))]
-  });
-};
-var _default = exports["default"] = Tree;

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

@@ -1,5 +0,0 @@
-import { PropsWithChildren, FunctionComponent } from 'react';
-import type { TreeRendererProps } from 'react-sortable-tree';
-declare const TreeNode: FunctionComponent<PropsWithChildren<TreeRendererProps>>;
-export default TreeNode;
-//# sourceMappingURL=TreeNode.d.ts.map

package/dist/es/Tree/TreeNode.js

@@ -1,71 +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 _react = require("react");
-var _elements = require("./elements");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["children", "scaffoldBlockPxWidth", "lowerSiblingCounts", "connectDropTarget", "isOver", "draggedNode", "canDrop", "node"];
-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 () {}; // modified from https://github.com/lifejuggler/react-sortable-tree-theme-minimal/blob/master/tree-node-renderer.js
-var TreeNode = function TreeNode(_ref) {
-  var children = _ref.children,
-    scaffoldBlockPxWidth = _ref.scaffoldBlockPxWidth,
-    lowerSiblingCounts = _ref.lowerSiblingCounts,
-    connectDropTarget = _ref.connectDropTarget,
-    isOver = _ref.isOver,
-    draggedNode = _ref.draggedNode,
-    canDrop = _ref.canDrop,
-    node = _ref.node,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  // Construct the scaffold representing the structure of the tree
-  var scaffoldBlockCount = lowerSiblingCounts.length - 1;
-  var childrenArray = _react.Children.toArray(children);
-  var rootNodeTypes = childrenArray[0].props.rootNodeTypes;
-  var isTreeRoot = childrenArray[0].props.treeIndex === 0;
-  var nodeIndent = scaffoldBlockPxWidth * scaffoldBlockCount;
-  // This indents non-root nodes a little bit extra to account for the lack of a +/- button
-  // -2 helps icons line up more exactly
-  var nodeIndentNonRoot = nodeIndent + scaffoldBlockPxWidth - 2;
-  var style = {
-    paddingLeft: rootNodeTypes.includes(node.type) || isTreeRoot ? nodeIndent : nodeIndentNonRoot
-  };
-
-  // outer div is needed for react-dnd
-  return connectDropTarget((0, _jsxRuntime.jsx)("div", {
-    "data-gs": gs("src", "tree", "treenode.tsx", "div"),
-    children: (0, _jsxRuntime.jsx)(_elements.Node, _objectSpread(_objectSpread({
-      "data-gs": gs("src", "tree", "treenode.tsx", "div", "node")
-    }, otherProps), {}, {
-      children: (0, _jsxRuntime.jsx)("div", {
-        "data-gs-c": gsC(_react.Children.map(children, function (child) {
-          return /*#__PURE__*/(0, _react.cloneElement)(child, {
-            isOver: isOver,
-            canDrop: canDrop,
-            draggedNode: draggedNode
-          });
-        })),
-        "data-gs": gs("src", "tree", "treenode.tsx", "div", "node", "div"),
-        style: style,
-        children: _react.Children.map(children, function (child) {
-          return (0, _react.cloneElement)(child, {
-            isOver: isOver,
-            canDrop: canDrop,
-            draggedNode: draggedNode
-          });
-        })
-      })
-    }))
-  }));
-};
-var _default = exports["default"] = TreeNode;