@elliemae/ds-treeview 2.2.0-alpha.5 → 2.2.0-beta.0

package/cjs/parts/CheckboxSelectable.js

@@ -1,89 +1,79 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var CheckboxSelectable_exports = {};
-__export(CheckboxSelectable_exports, {
-  default: () => CheckboxSelectable_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
-var import_styled_components = __toESM(require("styled-components"));
-var import_TreeViewContext = __toESM(require("../TreeViewContext"));
-var import_selectable_helper = require("../utils/selectable-helper");
-var import_object_helpers = require("../utils/object-helpers");
-const StyledCheckboxWrapper = import_styled_components.default.span`
-  padding-top: 3px;
-`;
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var dsForm = require('@elliemae/ds-form');
+var styled = require('styled-components');
+var TreeViewContext = require('../TreeViewContext.js');
+var selectableHelper = require('../utils/selectable-helper.js');
+var objectHelpers = require('../utils/object-helpers.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const StyledCheckboxWrapper = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-1tyhs3t-0"
+})(["padding-top:3px;"]);
+
 function CheckboxSelectable(props) {
-  const { item, itemIndex } = props;
-  const { id } = item;
-  const ctx = (0, import_react.useContext)(import_TreeViewContext.default);
   const {
-    props: { onSelectionChange, isItemDisabled },
-    virtualListHelpers: { scrollToIndex },
+    item,
+    itemIndex
+  } = props;
+  const {
+    id
+  } = item;
+  const ctx = React.useContext(TreeViewContext["default"]);
+  const {
+    props: {
+      onSelectionChange,
+      isItemDisabled
+    },
+    virtualListHelpers: {
+      scrollToIndex
+    },
     triggerTreeRerender,
     selectedCheckboxes,
     setSelectedCheckboxes
   } = ctx;
-  const onCheckboxChange = (0, import_react.useCallback)(() => {
-    const newSelections = (0, import_selectable_helper.toggleCheckboxItem)(item);
-    const newSelectionHasmap = (0, import_object_helpers.filterObject)({ ...selectedCheckboxes, ...newSelections }, (value) => value !== false);
+  const onCheckboxChange = React.useCallback(() => {
+    const newSelections = selectableHelper.toggleCheckboxItem(item);
+    const newSelectionHasmap = objectHelpers.filterObject(_objectSpread(_objectSpread({}, selectedCheckboxes), newSelections), value => value !== false);
     setSelectedCheckboxes(newSelectionHasmap);
     triggerTreeRerender();
     const indexAndScrollTo = {
       scrollToItem: () => {
-        if (typeof item.virtualIndex === "number")
-          scrollToIndex(item.virtualIndex);
+        if (typeof item.virtualIndex === 'number') scrollToIndex(item.virtualIndex);
       },
       itemIndex
     };
-    if (onSelectionChange)
-      onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
-  }, [
-    item,
-    triggerTreeRerender,
-    onSelectionChange,
-    itemIndex,
-    scrollToIndex,
-    selectedCheckboxes,
-    setSelectedCheckboxes
-  ]);
-  const isChecked = (0, import_react.useMemo)(() => {
-    if (selectedCheckboxes[id] === "mixed") {
-      return "mixed";
+    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
+  }, [item, triggerTreeRerender, onSelectionChange, itemIndex, scrollToIndex, selectedCheckboxes, setSelectedCheckboxes]);
+  const isChecked = React.useMemo(() => {
+    if (selectedCheckboxes[id] === 'mixed') {
+      return 'mixed';
     }
+
     if (selectedCheckboxes[id] === true) {
       return true;
     }
+
     return false;
   }, [selectedCheckboxes, id]);
-  const isDisabled = (0, import_react.useMemo)(() => isItemDisabled(item), [item, isItemDisabled]);
-  return /* @__PURE__ */ import_react.default.createElement(StyledCheckboxWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+  const isDisabled = React.useMemo(() => isItemDisabled(item), [item, isItemDisabled]);
+  return /*#__PURE__*/_jsx__default["default"](StyledCheckboxWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
     checked: isChecked,
     disabled: isDisabled,
     className: "em-ds-tree-item-checkbox",
@@ -92,6 +82,5 @@ function CheckboxSelectable(props) {
     tabIndex: "0"
   }));
 }
-var CheckboxSelectable_default = CheckboxSelectable;
-module.exports = __toCommonJS(CheckboxSelectable_exports);
-//# sourceMappingURL=CheckboxSelectable.js.map
+
+module.exports = CheckboxSelectable;

package/cjs/parts/ChildrenCountDisplayer.js

@@ -1,47 +1,30 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ChildrenCountDisplayer_exports = {};
-__export(ChildrenCountDisplayer_exports, {
-  ChildrenCountDisplayer: () => ChildrenCountDisplayer
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_cssClassesConstants = require("../config/cssClassesConstants");
-const className = `${import_cssClassesConstants.DSTreeViewPrefix}-${import_cssClassesConstants.treeItemBlockName}-children-count-displayer`;
-const ChildrenCountDisplayer = (props) => {
-  const { item } = props;
-  const { isGroup, children } = item;
-  if (!isGroup)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement("span", {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var cssClassesConstants = require('../config/cssClassesConstants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const className = "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "-children-count-displayer");
+const ChildrenCountDisplayer = props => {
+  const {
+    item
+  } = props;
+  const {
+    isGroup,
+    children
+  } = item;
+  if (!isGroup) return null; // return ` | ${children.length} Items`;
+
+  return /*#__PURE__*/_jsx__default["default"]("span", {
     "data-testid": "tree-item-children-count-displayer",
-    className
-  }, ` | ${children.length} Items`);
+    className: className
+  }, void 0, " | ".concat(children.length, " Items"));
 };
-module.exports = __toCommonJS(ChildrenCountDisplayer_exports);
-//# sourceMappingURL=ChildrenCountDisplayer.js.map
+
+exports.ChildrenCountDisplayer = ChildrenCountDisplayer;

package/cjs/parts/ExpandCaret.js

@@ -1,96 +1,94 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ExpandCaret_exports = {};
-__export(ExpandCaret_exports, {
-  ExpandCaret: () => ExpandCaret
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_group_expands_helpers = require("../utils/group-expands-helpers");
-var import_tree_helpers = require("../utils/tree-helpers");
-var import_TreeViewContext = __toESM(require("../TreeViewContext"));
-const ExpandCaret = (props) => {
-  const defaultHandleExpandGroup = (0, import_react.useCallback)(import_group_expands_helpers.toggleItemExpand, []);
-  const { item } = props;
-  const { id, isExpanded, isGroup, children } = item;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var Button = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
+var groupExpandsHelpers = require('../utils/group-expands-helpers.js');
+var treeHelpers = require('../utils/tree-helpers.js');
+var TreeViewContext = require('../TreeViewContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+
+var _ArrowheadDown, _ArrowheadRight;
+const ExpandCaret = props => {
+  const defaultHandleExpandGroup = React.useCallback(groupExpandsHelpers.toggleItemExpand, []);
+  const {
+    item
+  } = props;
+  const {
+    id,
+    isExpanded,
+    isGroup,
+    children
+  } = item;
   const isGroupOrHasChildrens = isGroup || Array.isArray(children) && children.length > 0;
-  const ctx = (0, import_react.useContext)(import_TreeViewContext.default);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
-    props: { onItemFocus },
+    props: {
+      onItemFocus
+    },
     handleExpandGroup = defaultHandleExpandGroup,
     triggerTreeRerender,
     updateUserExpandedState,
     setLatestToggledItem,
     setFocusedItem,
-    virtualListHelpers: { scrollToIndex }
+    virtualListHelpers: {
+      scrollToIndex
+    }
   } = ctx;
-  if (isGroupOrHasChildrens)
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: "text",
-      className: "expandable-arrow",
-      "data-testid": "tree-item-expand-toggle",
-      key: `${id}-expand-addon`,
-      icon: isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
-        size: "s",
-        "data-testid": "ic-arrow-head-down"
-      }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
-        size: "s",
-        "data-testid": "ic-arrow-head-right"
-      }),
-      onMouseDown: (e) => {
-        if (e) {
-          e.preventDefault();
-        }
-      },
-      onClick: (e) => {
-        e.stopPropagation();
-        if (e)
-          handleExpandGroup(item, triggerTreeRerender, updateUserExpandedState, scrollToIndex, e);
-        setLatestToggledItem(item);
-        const itemVitualIndex = item.virtualIndex;
-        if (typeof itemVitualIndex === "number") {
-          onItemFocus({
-            itemIndex: itemVitualIndex,
-            scrollToItem: (opts = { align: "start" }) => scrollToIndex(itemVitualIndex, opts),
-            item
-          });
-        }
-        setFocusedItem(item);
-        (0, import_tree_helpers.focusItem)(item);
-      },
+  if (isGroupOrHasChildrens) return /*#__PURE__*/_jsx__default["default"](Button__default["default"], {
+    buttonType: "text",
+    className: "expandable-arrow",
+    "data-testid": "tree-item-expand-toggle",
+    icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
+      size: "s",
+      "data-testid": "ic-arrow-head-down"
+    })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
       size: "s",
-      tabIndex: -1
-    });
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { width: "24px" }
+      "data-testid": "ic-arrow-head-right"
+    })),
+    onMouseDown: e => {
+      // prevent focusing the caret
+      if (e) {
+        e.preventDefault();
+      }
+    },
+    onClick: e => {
+      e.stopPropagation();
+      if (e) handleExpandGroup(item, triggerTreeRerender, updateUserExpandedState, scrollToIndex, e);
+      setLatestToggledItem(item);
+      const itemVitualIndex = item.virtualIndex;
+
+      if (typeof itemVitualIndex === 'number') {
+        onItemFocus({
+          itemIndex: itemVitualIndex,
+          scrollToItem: function () {
+            let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+              align: 'start'
+            };
+            return scrollToIndex(itemVitualIndex, opts);
+          },
+          item
+        });
+      }
+
+      setFocusedItem(item);
+      treeHelpers.focusItem(item);
+    },
+    size: "s",
+    tabIndex: -1
+  }, "".concat(id, "-expand-addon"));
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    style: {
+      width: '24px'
+    }
   });
 };
-module.exports = __toCommonJS(ExpandCaret_exports);
-//# sourceMappingURL=ExpandCaret.js.map
+
+exports.ExpandCaret = ExpandCaret;

package/cjs/parts/Icon.js

@@ -1,52 +1,37 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Icon_exports = {};
-__export(Icon_exports, {
-  Icon: () => Icon
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_TreeViewContext = __toESM(require("../TreeViewContext"));
-const Icon = (props) => {
-  const { item } = props;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+var TreeViewContext = require('../TreeViewContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Icon = props => {
+  const {
+    item
+  } = props;
   const isGroupOrHasChildrens = item.isGroup || Array.isArray(item.children) && item.children.length > 0;
-  const ctx = (0, import_react.useContext)(import_TreeViewContext.default);
+  const ctx = React.useContext(TreeViewContext["default"]);
   const {
-    props: { groupIcon, itemIcon }
+    props: {
+      groupIcon,
+      itemIcon
+    }
   } = ctx;
   const icon = isGroupOrHasChildrens ? groupIcon : itemIcon;
-  if (!icon)
-    return null;
-  return import_react.default.cloneElement(icon, {
-    "data-testid": isGroupOrHasChildrens ? "tree-item-group-icon" : "tree-item-icon",
-    className: (0, import_ds_utilities.cx)(icon.props.className, "tree-item-icon")
+  if (!icon) return null;
+  return /*#__PURE__*/React__default["default"].cloneElement(icon, {
+    'data-testid': isGroupOrHasChildrens ? 'tree-item-group-icon' : 'tree-item-icon',
+    // legacy class-name way of handling things,
+    // this will eventually be deprecated in favor of styled components
+    // untill then, just eslint-ignore and move on
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
+    className: dsUtilities.cx(icon.props.className, 'tree-item-icon')
   });
 };
-module.exports = __toCommonJS(Icon_exports);
-//# sourceMappingURL=Icon.js.map
+
+exports.Icon = Icon;

package/cjs/parts/NestingSpace.js

@@ -1,55 +1,47 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var NestingSpace_exports = {};
-__export(NestingSpace_exports, {
-  NestingSpace: () => NestingSpace
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const getItemNestingLeftPadding = (level, opts) => {
-  const { spaceForNestingLevel = 1.5 } = opts;
+  const {
+    spaceForNestingLevel = 1.5
+  } = opts;
   const groupLeftPadding = spaceForNestingLevel * (level - 1);
-  const finalLeftPadding = groupLeftPadding + spaceForNestingLevel - 0.1;
-  return finalLeftPadding > 0 ? `${finalLeftPadding}em` : "0";
+  const finalLeftPadding = groupLeftPadding + spaceForNestingLevel - 0.1; // root level left-padding would be negative and would not be applied
+  // if "root-level" nesting, then defaults to 0 left-padding.
+
+  return finalLeftPadding > 0 ? "".concat(finalLeftPadding, "em") : '0';
 };
-const NestingSpace = (props) => {
-  const { item, spaceForNestingLevel } = props;
-  const { treeDepth } = item;
+
+const NestingSpace = props => {
+  const {
+    item,
+    spaceForNestingLevel
+  } = props;
+  const {
+    treeDepth
+  } = item;
+
   if (treeDepth) {
     const itemNestingLeftPadding = getItemNestingLeftPadding(treeDepth - 1, {
       spaceForNestingLevel
     });
-    return /* @__PURE__ */ import_react.default.createElement("div", {
+    return /*#__PURE__*/_jsx__default["default"]("div", {
       "data-testid": "tree-item-nested-space",
-      style: { width: itemNestingLeftPadding }
+      style: {
+        width: itemNestingLeftPadding
+      }
     });
   }
+
   return null;
 };
-module.exports = __toCommonJS(NestingSpace_exports);
-//# sourceMappingURL=NestingSpace.js.map
+
+exports.NestingSpace = NestingSpace;