td-stylekit 24.8.0 → 25.2.0

package/dist/es/TooltipPopover/TooltipPopover.js

@@ -1,35 +1,71 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _headless = _interopRequireDefault(require("@tippyjs/react/headless"));
+
+var _Modal = _interopRequireDefault(require("../Modal"));
+
+var _useWaitForDOMRef = require("./useWaitForDOMRef");
+
+var _excluded = ["data-instrumentation", "arrowHidden", "children", "hideOnClick", "interactive", "onHide", "show", "showOnCreate", "target", "trigger", "escClose"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import { useTheme } from 'emotion-theming';
-import Tippy from '@tippyjs/react/headless';
-import Modal from '../Modal';
-import { useWaitForDOMRef } from './useWaitForDOMRef';
 
 /**
  * A popover handler built on Tippy.js.
  * Compose with the Popover wrapper for popover content.
  */
 var TooltipPopover = function TooltipPopover(props) {
-  var _useState = useState(false),
+  var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       mounted = _useState2[0],
       setMounted = _useState2[1];
 
-  var _useContext = useContext(Modal.context),
+  var _useContext = (0, _react.useContext)(_Modal["default"].context),
       inModal = _useContext.inModal;
 
-  var theme = useTheme();
+  var theme = (0, _react2.useTheme)();
 
   var dataInstrumentation = props['data-instrumentation'],
       arrowHidden = props.arrowHidden,
@@ -44,12 +80,12 @@ var TooltipPopover = function TooltipPopover(props) {
       trigger = props.trigger,
       _props$escClose = props.escClose,
       escClose = _props$escClose === void 0 ? false : _props$escClose,
-      otherProps = _objectWithoutProperties(props, ["data-instrumentation", "arrowHidden", "children", "hideOnClick", "interactive", "onHide", "show", "showOnCreate", "target", "trigger", "escClose"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
-  var triggerTarget = useWaitForDOMRef(target);
-  var tooltipRef = useRef(null); // If escClose === true, then add an event listener on the document do close popover
+  var triggerTarget = (0, _useWaitForDOMRef.useWaitForDOMRef)(target);
+  var tooltipRef = (0, _react.useRef)(null); // If escClose === true, then add an event listener on the document do close popover
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     var handleEsc = function handleEsc(e) {
       if (e.key === 'Escape') {
         e.preventDefault();
@@ -68,12 +104,12 @@ var TooltipPopover = function TooltipPopover(props) {
   // onHide returns the instance and can accept a return value to stop hide
   // onClickOutside returns the instance and the event, but doesn't accept return value
 
-  var tippyProps = show === undefined && trigger ? _objectSpread({}, otherProps, {
+  var tippyProps = show === undefined && trigger ? _objectSpread(_objectSpread({}, otherProps), {}, {
     trigger: trigger,
     hideOnClick: hideOnClick,
     onHide: onHide,
     showOnCreate: showOnCreate
-  }) : _objectSpread({}, otherProps, {
+  }) : _objectSpread(_objectSpread({}, otherProps), {}, {
     onClickOutside: onHide,
     visible: show
   });
@@ -84,7 +120,7 @@ var TooltipPopover = function TooltipPopover(props) {
     }
   };
 
-  return ___EmotionJSX(Tippy, _extends({
+  return (0, _react2.jsx)(_headless["default"], _extends({
     "data-gs": gs("src", "tooltippopover", "tooltippopover.tsx", "tippy"),
     appendTo: document.body
   }, tippyProps, {
@@ -127,7 +163,7 @@ var TooltipPopover = function TooltipPopover(props) {
         return null;
       }
 
-      return React.cloneElement(children, {
+      return /*#__PURE__*/_react["default"].cloneElement(children, {
         'data-instrumentation': dataInstrumentation,
         arrowHidden: arrowHidden,
         // controlled Tippy should not pass this through to children
@@ -146,4 +182,5 @@ TooltipPopover.defaultProps = {
   // noop default; Tippy requires an onHide
   trigger: 'mouseenter focus'
 };
-export default TooltipPopover;
+var _default = TooltipPopover;
+exports["default"] = _default;

package/dist/es/TooltipPopover/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TooltipPopover["default"];
+  }
+});
+
+var _TooltipPopover = _interopRequireDefault(require("./TooltipPopover"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { default } from './TooltipPopover';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/TooltipPopover/useWaitForDOMRef.js

@@ -1,10 +1,26 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWaitForDOMRef = useWaitForDOMRef;
+
+var _react = require("react");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-// Taken from react-overlays for backwards compatibility
-// https://github.com/react-bootstrap/react-overlays/blob/master/src/useWaitForDOMRef.ts
-// useWaitForDOMRef resolves the tooltip trigger reference
-import { useState, useEffect } from 'react';
 
 var resolveContainerRef = function resolveContainerRef(ref) {
   var _ref;
@@ -17,8 +33,8 @@ var resolveContainerRef = function resolveContainerRef(ref) {
   return null;
 };
 
-export function useWaitForDOMRef(ref, onResolved) {
-  var _useState = useState(function () {
+function useWaitForDOMRef(ref, onResolved) {
+  var _useState = (0, _react.useState)(function () {
     return resolveContainerRef(ref);
   }),
       _useState2 = _slicedToArray(_useState, 2),
@@ -30,12 +46,12 @@ export function useWaitForDOMRef(ref, onResolved) {
     if (earlyRef) setRef(earlyRef);
   }
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (onResolved && resolvedRef) {
       onResolved(resolvedRef);
     }
   }, [onResolved, resolvedRef]);
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     var nextRef = resolveContainerRef(ref);
 
     if (nextRef !== resolvedRef) {

package/dist/es/Tree/NodeContent.js

@@ -1,12 +1,32 @@
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _elements = require("./elements");
+
+var _Highlighter = _interopRequireDefault(require("../Highlighter"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _RightTruncatedText = _interopRequireDefault(require("../RightTruncatedText"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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
-import React, { useEffect, useRef } from 'react';
-import { IconWrapper, NodeContentWrapper, PlusMinusButton, StyledBox, TreeLine, Spinner } from './elements';
-import Highlighter from '../Highlighter';
-import Icon from '../Icon';
-import RightTruncatedText from '../RightTruncatedText';
 
 function range(from, to) {
   var count = to - from + 1;
@@ -51,8 +71,8 @@ var NodeContent = function NodeContent(_ref) {
   var nodeTitle = title || node.name;
   var hasLines = !isDragging && hovering;
   var nodeLoading = loading || node.loading;
-  var elementRef = useRef(null);
-  useEffect(function () {
+  var elementRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
     if (focused && (elementRef === null || elementRef === void 0 ? void 0 : elementRef.current)) {
       elementRef.current.focus();
     }
@@ -66,7 +86,7 @@ var NodeContent = function NodeContent(_ref) {
     });
   };
 
-  var nodeContent = ___EmotionJSX("div", {
+  var nodeContent = (0, _react2.jsx)("div", {
     "data-gs-c": gsC(nodeTitle),
     "data-gs": gs("src", "tree", "nodecontent.tsx", "div"),
     "data-tree-node-path": path.join('/'),
@@ -116,21 +136,21 @@ var NodeContent = function NodeContent(_ref) {
     key: node.id,
     title: nodeTitle
   }, hasLines && range(1, hoveringDepth).map(function (x) {
-    return ___EmotionJSX(TreeLine, {
+    return (0, _react2.jsx)(_elements.TreeLine, {
       "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "tree-line"),
       key: x,
       blockWidth: scaffoldBlockPxWidth,
       depth: path.length - x - 1,
       last: last
     });
-  }), connectDragPreview(___EmotionJSX("div", {
+  }), connectDragPreview((0, _react2.jsx)("div", {
     "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div"),
     role: "gridcell"
-  }, ___EmotionJSX(NodeContentWrapper, {
+  }, (0, _react2.jsx)(_elements.NodeContentWrapper, {
     "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper"),
     disabled: disabled,
     selected: selected
-  }, toggleChildrenVisibility && rootNodeTypes.includes(node.type) && ___EmotionJSX(PlusMinusButton, {
+  }, toggleChildrenVisibility && rootNodeTypes.includes(node.type) && (0, _react2.jsx)(_elements.PlusMinusButton, {
     "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "plus-minus-button"),
     tabIndex: -1,
     disabled: disabled,
@@ -143,33 +163,33 @@ var NodeContent = function NodeContent(_ref) {
       return event.stopPropagation();
     },
     spinner: nodeLoading
-  }, !nodeLoading && (node.expanded ? ___EmotionJSX(Icon.Small.SymbolMinus, {
+  }, !nodeLoading && (node.expanded ? (0, _react2.jsx)(_Icon["default"].Small.SymbolMinus, {
     "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "plus-minus-button", "icon-small-symbol-minus")
-  }) : ___EmotionJSX(Icon.Small.SymbolPlus, {
+  }) : (0, _react2.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 && ___EmotionJSX(Spinner, {
+  })), nodeLoading && (0, _react2.jsx)(_elements.Spinner, {
     "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "plus-minus-button", "spinner"),
     selected: selected
-  })), ___EmotionJSX(StyledBox, {
+  })), (0, _react2.jsx)(_elements.StyledBox, {
     "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "styled-box")
   }, (icons || []).map(function (icon, index) {
-    return ___EmotionJSX(IconWrapper, {
+    return (0, _react2.jsx)(_elements.IconWrapper, {
       "data-gs-c": gsC(icon),
       "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "styled-box", "icon-wrapper"),
       key: index,
       disabled: disabled,
       selected: selected
     }, icon);
-  }), ___EmotionJSX(RightTruncatedText, {
+  }), (0, _react2.jsx)(_RightTruncatedText["default"], {
     "data-gs": gs("src", "tree", "nodecontent.tsx", "div", "div", "node-content-wrapper", "styled-box", "right-truncated-text"),
-    text: ___EmotionJSX(Highlighter, {
+    text: (0, _react2.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
     })
   }))))));
-
   return canDrag && !disabled ? connectDragSource(nodeContent) : nodeContent;
 };
 
-export default NodeContent;
+var _default = NodeContent;
+exports["default"] = _default;

package/dist/es/Tree/NodeContextMenu.js

@@ -1,27 +1,45 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _CloseWrapper = _interopRequireDefault(require("../utils/CloseWrapper"));
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["contextMenuRenderer", "onClose"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import React from 'react';
-import ReactDOM from 'react-dom';
-import CloseWrapper from '../utils/CloseWrapper';
 
 var ContextMenu = function ContextMenu(_ref) {
   var contextMenuRenderer = _ref.contextMenuRenderer,
       onClose = _ref.onClose,
-      props = _objectWithoutProperties(_ref, ["contextMenuRenderer", "onClose"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   if (document.body == null) {
     return null;
   }
 
-  var contextMenuCloseWrapper = ___EmotionJSX(CloseWrapper, {
+  var contextMenuCloseWrapper = (0, _react2.jsx)(_CloseWrapper["default"], {
     "data-gs-c": gsC(contextMenuRenderer(_objectSpread({
       onClose: onClose
     }, props))),
@@ -30,8 +48,8 @@ var ContextMenu = function ContextMenu(_ref) {
   }, contextMenuRenderer(_objectSpread({
     onClose: onClose
   }, props)));
-
-  return ReactDOM.createPortal(contextMenuCloseWrapper, document.body);
+  return /*#__PURE__*/_reactDom["default"].createPortal(contextMenuCloseWrapper, document.body);
 };
 
-export default ContextMenu;
+var _default = ContextMenu;
+exports["default"] = _default;

package/dist/es/Tree/Tree.js

@@ -1,29 +1,68 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(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 _react2 = require("@emotion/react");
+
+var _excluded = ["contextMenuRenderer", "focusedIndex", "data-instrumentation", "generateNodeProps", "onChange", "onDelete", "onSelect", "rootNodeTypes", "disabledNodeIds", "searchQuery", "treeData"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import React, { useEffect, useState } from 'react';
-import SortableTree, { getVisibleNodeInfoAtIndex, getVisibleNodeCount } from 'react-sortable-tree';
-import 'react-sortable-tree/style.css';
-import NodeContent from './NodeContent';
-import TreeNode from './TreeNode';
-import ContextMenu from './NodeContextMenu';
 // 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: NodeContent,
+  nodeContentRenderer: _NodeContent["default"],
   rowHeight: 33,
   scaffoldBlockPxWidth: 22,
-  treeNodeRenderer: TreeNode
+  treeNodeRenderer: _TreeNode["default"]
 };
 /**
  * Generates a Tree structure to display hierarchical data. Wraps react-sortable-tree
@@ -44,24 +83,24 @@ var Tree = function Tree(_ref) {
       disabledNodeIds = _ref$disabledNodeIds === void 0 ? [] : _ref$disabledNodeIds,
       searchQuery = _ref.searchQuery,
       treeData = _ref.treeData,
-      props = _objectWithoutProperties(_ref, ["contextMenuRenderer", "focusedIndex", "data-instrumentation", "generateNodeProps", "onChange", "onDelete", "onSelect", "rootNodeTypes", "disabledNodeIds", "searchQuery", "treeData"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = useState(null),
+  var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
       hoveringNodePath = _useState2[0],
       setHoveringNodePath = _useState2[1];
 
-  var _useState3 = useState(),
+  var _useState3 = (0, _react.useState)(),
       _useState4 = _slicedToArray(_useState3, 2),
       focusedIndex = _useState4[0],
       setFocusedIndex = _useState4[1];
 
-  var _useState5 = useState(null),
+  var _useState5 = (0, _react.useState)(null),
       _useState6 = _slicedToArray(_useState5, 2),
       activeContextMenu = _useState6[0],
       setActiveContextMenu = _useState6[1];
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     setFocusedIndex(focusedIndexProp);
   }, [focusedIndexProp]);
 
@@ -79,7 +118,7 @@ var Tree = function Tree(_ref) {
           e.preventDefault();
           var nextIndex = Math.max((rowInfo.treeIndex || 0) - 1, 0);
 
-          while (disabledNodeIds === null || disabledNodeIds === void 0 ? void 0 : disabledNodeIds.includes((_getVisibleNodeInfoAt = getVisibleNodeInfoAtIndex({
+          while (disabledNodeIds === null || disabledNodeIds === void 0 ? void 0 : disabledNodeIds.includes((_getVisibleNodeInfoAt = (0, _reactSortableTree.getVisibleNodeInfoAtIndex)({
             treeData: treeData,
             index: nextIndex,
             getNodeKey: function getNodeKey(_ref2) {
@@ -101,11 +140,11 @@ var Tree = function Tree(_ref) {
         {
           e.preventDefault();
 
-          var _nextIndex = Math.min((rowInfo.treeIndex || 0) + 1, getVisibleNodeCount({
+          var _nextIndex = Math.min((rowInfo.treeIndex || 0) + 1, (0, _reactSortableTree.getVisibleNodeCount)({
             treeData: treeData
           }) - 1);
 
-          while (disabledNodeIds === null || disabledNodeIds === void 0 ? void 0 : disabledNodeIds.includes((_getVisibleNodeInfoAt2 = getVisibleNodeInfoAtIndex({
+          while (disabledNodeIds === null || disabledNodeIds === void 0 ? void 0 : disabledNodeIds.includes((_getVisibleNodeInfoAt2 = (0, _reactSortableTree.getVisibleNodeInfoAtIndex)({
             treeData: treeData,
             index: _nextIndex,
             getNodeKey: function getNodeKey(_ref3) {
@@ -115,10 +154,10 @@ var Tree = function Tree(_ref) {
           })) === null || _getVisibleNodeInfoAt2 === void 0 ? void 0 : _getVisibleNodeInfoAt2.node.id)) {
             var _getVisibleNodeInfoAt2;
 
-            if (_nextIndex === getVisibleNodeCount({
+            if (_nextIndex === (0, _reactSortableTree.getVisibleNodeCount)({
               treeData: treeData
             }) - 1) return;
-            _nextIndex = Math.min((_nextIndex || 0) + 1, getVisibleNodeCount({
+            _nextIndex = Math.min((_nextIndex || 0) + 1, (0, _reactSortableTree.getVisibleNodeCount)({
               treeData: treeData
             }) - 1);
           }
@@ -179,7 +218,7 @@ var Tree = function Tree(_ref) {
     }, generateNodeProps ? generateNodeProps(rowInfo) : {});
   };
 
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(SortableTree, _extends({
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_reactSortableTree["default"], _extends({
     "data-gs": gs("src", "tree", "tree.tsx", "sortable-tree"),
     generateNodeProps: createNodeProps,
     theme: crystalTreeTheme,
@@ -187,7 +226,7 @@ var Tree = function Tree(_ref) {
     treeData: treeData,
     searchQuery: searchQuery,
     "data-instrumentation": dataInstrumentation
-  }, props)), contextMenuRenderer && activeContextMenu && ___EmotionJSX(ContextMenu, _extends({
+  }, props)), contextMenuRenderer && activeContextMenu && (0, _react2.jsx)(_NodeContextMenu["default"], _extends({
     "data-gs": gs("src", "tree", "tree.tsx", "context-menu"),
     onClose: function onClose() {
       return setActiveContextMenu(null);
@@ -199,4 +238,5 @@ var Tree = function Tree(_ref) {
 Tree.defaultProps = {
   'data-instrumentation': 'tree'
 };
-export default Tree;
+var _default = Tree;
+exports["default"] = _default;