@elliemae/ds-treeview 2.3.1 → 3.0.0-alpha.3

package/cjs/parts/ExpandCaret.js

@@ -1,94 +0,0 @@
-'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 = React.useContext(TreeViewContext["default"]);
-  const {
-    props: {
-      onItemFocus
-    },
-    handleExpandGroup = defaultHandleExpandGroup,
-    triggerTreeRerender,
-    updateUserExpandedState,
-    setLatestToggledItem,
-    setFocusedItem,
-    virtualListHelpers: {
-      scrollToIndex
-    }
-  } = ctx;
-  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",
-      "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'
-    }
-  });
-};
-
-exports.ExpandCaret = ExpandCaret;

package/cjs/parts/Icon.js

@@ -1,37 +0,0 @@
-'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 = React.useContext(TreeViewContext["default"]);
-  const {
-    props: {
-      groupIcon,
-      itemIcon
-    }
-  } = ctx;
-  const icon = isGroupOrHasChildrens ? groupIcon : itemIcon;
-  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')
-  });
-};
-
-exports.Icon = Icon;

package/cjs/parts/NestingSpace.js

@@ -1,47 +0,0 @@
-'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 groupLeftPadding = spaceForNestingLevel * (level - 1);
-  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;
-
-  if (treeDepth) {
-    const itemNestingLeftPadding = getItemNestingLeftPadding(treeDepth - 1, {
-      spaceForNestingLevel
-    });
-    return /*#__PURE__*/_jsx__default["default"]("div", {
-      "data-testid": "tree-item-nested-space",
-      style: {
-        width: itemNestingLeftPadding
-      }
-    });
-  }
-
-  return null;
-};
-
-exports.NestingSpace = NestingSpace;

package/cjs/parts/RadioSelectable.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsForm = require('@elliemae/ds-form');
-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);
-
-function RadioSelectable(props) {
-  const {
-    item,
-    itemIndex
-  } = props;
-  const ctx = React.useContext(TreeViewContext["default"]);
-  const {
-    props: {
-      onSelectionChange,
-      isItemDisabled
-    },
-    virtualListHelpers: {
-      scrollToIndex
-    },
-    uniqueTreeViewUUID,
-    selectedCheckboxes,
-    setSelectedCheckboxes
-  } = ctx;
-  const {
-    id
-  } = item;
-  const onRadioChange = React.useCallback(() => {
-    const newSelectionHasmap = {
-      [id]: true
-    };
-    setSelectedCheckboxes(newSelectionHasmap);
-    const indexAndScrollTo = {
-      scrollToItem: () => {
-        if (item.virtualIndex) scrollToIndex(item.virtualIndex);
-      },
-      itemIndex
-    };
-    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
-  }, [id, setSelectedCheckboxes, itemIndex, onSelectionChange, item, scrollToIndex]);
-  const radioName = React.useMemo(() => "radios-".concat(uniqueTreeViewUUID), [uniqueTreeViewUUID]);
-  const isDisabled = React.useMemo(() => isItemDisabled(item), [item, isItemDisabled]);
-  return /*#__PURE__*/_jsx__default["default"](dsForm.DSRadio, {
-    checked: selectedCheckboxes[id] === true,
-    name: radioName,
-    disabled: isDisabled,
-    className: "em-ds-tree-item-radio",
-    "data-testid": "tree-item-radio",
-    onChange: onRadioChange,
-    tabIndex: 0
-  });
-}
-
-module.exports = RadioSelectable;

package/cjs/parts/TreeItem.js

@@ -1,185 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 dsClassnames = require('@elliemae/ds-classnames');
-var RadioSelectable = require('./RadioSelectable.js');
-var CheckboxSelectable = require('./CheckboxSelectable.js');
-var TreeViewContext = require('../TreeViewContext.js');
-var refsHelpers = require('../utils/refs-helpers.js');
-var keyboardHelpers = require('../utils/keyboard-helpers.js');
-var NestingSpace = require('./NestingSpace.js');
-var Icon = require('./Icon.js');
-var ExpandCaret = require('./ExpandCaret.js');
-var TreeItemText = require('./TreeItemText.js');
-var cssClassesConstants = require('../config/cssClassesConstants.js');
-var DnDHandle = require('./DnDHandle.js');
-var WithDnDSortableItemContext = require('../hoc/WithDnDSortableItemContext.js');
-var SortableItemContext = require('../hoc/SortableItemContext.js');
-var DropIndicator = require('./DropIndicator.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-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);
-
-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 TreeListItem = dsClassnames.aggregatedClasses('li', {
-  'data-testid': cssClassesConstants.treeItemBlockName,
-  role: 'treeitem' // temp fix untill we move to styled components
-
-})(cssClassesConstants.treeItemBlockName);
-const TreeListItemAddonsWrapper = dsClassnames.aggregatedClasses('div')(cssClassesConstants.treeItemBlockName, 'addons' // temp fix untill we move to styled components
-);
-const TreeItem = props => {
-  const {
-    item,
-    itemIndex,
-    itemWrapperStyle = {},
-    virtualItemRef,
-    spaceForNestingLevel = 1.5,
-    isDragOverlay = false
-  } = props;
-  const {
-    id,
-    node
-  } = item;
-  const {
-    nodeItemRef
-  } = node.model;
-  const {
-    draggableProps
-  } = React.useContext(SortableItemContext.SortableItemContext);
-  const onItemKeyDown = keyboardHelpers.useOnItemKeyDown(item, draggableProps);
-  const ctx = React.useContext(TreeViewContext["default"]);
-  const {
-    props: {
-      disableIcons,
-      rightAddons,
-      onItemClick,
-      onItemFocus,
-      rowSize,
-      labelOverflow
-    },
-    withRadioChecks,
-    withCheckboxChecks,
-    withDragAndDrop,
-    selectedItem,
-    selectedCheckboxes,
-    hoverItem,
-    virtualListHelpers: {
-      scrollToIndex
-    },
-    setHoverItem,
-    setSelectedItem,
-    setFocusedItem
-  } = ctx; // Sortable Items needs to update
-  //   - the virtual list ref (for react-virtual requirement)
-  //   - nodeItemRef which is a prop avaiable in the TreeModel nodes
-  //   - the drag and drop node reference
-
-  const setItemRefs = ref => {
-    refsHelpers.setMultipleRefs(virtualItemRef, !isDragOverlay && nodeItemRef, !isDragOverlay && draggableProps && draggableProps.setNodeRef)(ref);
-  };
-
-  const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
-  const isDropIndicatorPositionInside = dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Inside;
-  const isDragging = draggableProps && draggableProps.isDragging;
-  const isDropValid = draggableProps && draggableProps.isDropValid;
-  const dropPreviewClassName = React.useMemo(() => {
-    if (isDropIndicatorPositionInside) {
-      const className = "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName).concat(isDropValid ? '--valid' : '--invalid', "-drop-in");
-      return className;
-    }
-
-    return '';
-  }, [isDropIndicatorPositionInside, isDropValid]);
-  const dragOverlayClassName = React.useMemo(() => isDragOverlay ? 'drag-overlay' : '', [isDragOverlay]);
-  const selectedClassName = React.useMemo(() => (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) === item.id && !isDragOverlay ? 'selected' : '', [isDragOverlay, item.id, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id]);
-  const hoverClassName = React.useMemo(() => !isDragOverlay && ((hoverItem === null || hoverItem === void 0 ? void 0 : hoverItem.id) === item.id || isDragging) ? 'hover' : '', [isDragOverlay, hoverItem === null || hoverItem === void 0 ? void 0 : hoverItem.id, item.id, isDragging]);
-  const fixedHeightClassname = React.useMemo(() => {
-    if (labelOverflow === 'truncate') {
-      if (rowSize === 'compact') return "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "--fixed-height-compact");
-      return "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "--fixed-height");
-    }
-
-    return '';
-  }, [labelOverflow, rowSize]);
-  const finalClassName = React.useMemo(() => "".concat(dropPreviewClassName, " ").concat(fixedHeightClassname, " ").concat(selectedClassName, " ").concat(hoverClassName, " ").concat(dragOverlayClassName), [dropPreviewClassName, selectedClassName, hoverClassName, fixedHeightClassname, dragOverlayClassName]);
-  const handleItemClick = React.useCallback(e => {
-    onItemClick(item, e);
-    setFocusedItem(item);
-    setSelectedItem(item);
-    const itemVirtualIndex = typeof item.virtualIndex === 'number' ? item.virtualIndex : -1;
-    onItemFocus({
-      itemIndex: itemVirtualIndex,
-      scrollToItem: function () {
-        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          align: 'start'
-        };
-        return scrollToIndex(itemVirtualIndex, opts);
-      },
-      item
-    });
-  }, [item, scrollToIndex, onItemClick, onItemFocus, setSelectedItem, setFocusedItem]);
-  return /*#__PURE__*/jsxRuntime.jsxs(TreeListItem, {
-    tabIndex: 0,
-    onMouseLeave: () => {
-      if ((hoverItem === null || hoverItem === void 0 ? void 0 : hoverItem.id) === item.id) {
-        setHoverItem(null);
-      }
-    },
-    onMouseEnter: () => {
-      setHoverItem(item);
-    },
-    onClick: handleItemClick,
-    onBlur: () => setFocusedItem(null),
-    ref: setItemRefs,
-    style: _objectSpread({}, itemWrapperStyle),
-    className: finalClassName,
-    "aria-expanded": !!item.isExpanded,
-    "aria-selected": !!selectedCheckboxes[item.id],
-    "data-id": item.id,
-    "data-index": item.virtualIndex,
-    onKeyDown: onItemKeyDown,
-    children: [/*#__PURE__*/_jsx__default["default"](TreeListItemAddonsWrapper, {}, void 0, withDragAndDrop ? /*#__PURE__*/_jsx__default["default"](DnDHandle.DnDHandle, {
-      id: id,
-      isDragOverlay: isDragOverlay
-    }) : null, withRadioChecks && !isDragOverlay ? /*#__PURE__*/_jsx__default["default"](RadioSelectable, {
-      item: item,
-      itemIndex: itemIndex
-    }) : null, withCheckboxChecks && !isDragOverlay ? /*#__PURE__*/_jsx__default["default"](CheckboxSelectable, {
-      item: item,
-      itemIndex: itemIndex
-    }) : null, !isDragOverlay && /*#__PURE__*/_jsx__default["default"](NestingSpace.NestingSpace, {
-      item: item,
-      spaceForNestingLevel: spaceForNestingLevel
-    }), !isDragOverlay && /*#__PURE__*/_jsx__default["default"](ExpandCaret.ExpandCaret, {
-      item: item
-    }), !disableIcons ? /*#__PURE__*/_jsx__default["default"](Icon.Icon, {
-      item: item
-    }) : null), /*#__PURE__*/_jsx__default["default"](TreeItemText.TreeItemText, {
-      item: item
-    }), rightAddons && /*#__PURE__*/_jsx__default["default"](TreeListItemAddonsWrapper, {}, void 0, typeof rightAddons === 'function' ? rightAddons(item) : rightAddons), /*#__PURE__*/_jsx__default["default"](DropIndicator, {
-      dropIndicatorPosition: dropIndicatorPosition,
-      isDropValid: isDropValid
-    })]
-  });
-};
-var TreeItem$1 = WithDnDSortableItemContext.withDnDSortableItemContext(TreeItem);
-
-exports.TreeItem = TreeItem;
-exports.TreeListItem = TreeListItem;
-exports.TreeListItemAddonsWrapper = TreeListItemAddonsWrapper;
-exports["default"] = TreeItem$1;

package/cjs/parts/TreeItemText.js

@@ -1,108 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var Highlighter = require('react-highlight-words');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var dsClassnames = require('@elliemae/ds-classnames');
-var ChildrenCountDisplayer = require('./ChildrenCountDisplayer.js');
-var cssClassesConstants = require('../config/cssClassesConstants.js');
-var TreeViewContext = require('../TreeViewContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Highlighter__default = /*#__PURE__*/_interopDefaultLegacy(Highlighter);
-
-const ItemContent = dsClassnames.aggregatedClasses('div')("".concat(cssClassesConstants.treeItemBlockName, "-content"));
-const ItemValue = dsClassnames.aggregatedClasses('span')(cssClassesConstants.treeItemBlockName, 'value'); // const wrapperClassName = `${DSTreeViewPrefix}-${treeItemBlockName}-content`;
-
-const classNameModifierWrapAll = "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "__value--wrap-all");
-const classNameModifierTruncate = "".concat(cssClassesConstants.DSTreeViewPrefix, "-").concat(cssClassesConstants.treeItemBlockName, "__value--truncate"); // eslint-disable-next-line react/prop-types
-
-const CustomHighlight = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"]("mark", {
-    className: "tree-text-highlight",
-    "data-testid": "tree-text-highlight"
-  }, void 0, children);
-};
-
-function TreeItemText(props) {
-  var _ChildrenCountDisplay, _ChildrenCountDisplay2, _ChildrenCountDisplay3, _ChildrenCountDisplay4;
-
-  const {
-    item
-  } = props;
-  const ctx = React.useContext(TreeViewContext["default"]);
-  const {
-    props: {
-      searchQuery,
-      showChildrenAmount,
-      labelOverflow,
-      nameKey
-    }
-  } = ctx;
-  const Text = React.useMemo(() => {
-    const itemLabelText = item[nameKey];
-
-    if (searchQuery) {
-      if (labelOverflow === 'truncate') {
-        return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-          value: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/_jsx__default["default"](Highlighter__default["default"], {
-              autoEscape: true,
-              highlightTag: CustomHighlight,
-              searchWords: [searchQuery],
-              textToHighlight: itemLabelText
-            }), showChildrenAmount ? _ChildrenCountDisplay || (_ChildrenCountDisplay = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
-              item: item
-            })) : null]
-          })
-        });
-      }
-
-      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/_jsx__default["default"](Highlighter__default["default"], {
-          autoEscape: true,
-          highlightTag: CustomHighlight,
-          searchWords: [searchQuery],
-          textToHighlight: itemLabelText
-        }), showChildrenAmount ? _ChildrenCountDisplay2 || (_ChildrenCountDisplay2 = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
-          item: item
-        })) : null]
-      });
-    }
-
-    if (labelOverflow === 'truncate') {
-      return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-        value: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [itemLabelText, showChildrenAmount ? _ChildrenCountDisplay3 || (_ChildrenCountDisplay3 = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
-            item: item
-          })) : null]
-        })
-      });
-    }
-
-    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [itemLabelText, showChildrenAmount ? _ChildrenCountDisplay4 || (_ChildrenCountDisplay4 = /*#__PURE__*/_jsx__default["default"](ChildrenCountDisplayer.ChildrenCountDisplayer, {
-        item: item
-      })) : null]
-    });
-  }, [item, searchQuery, nameKey, showChildrenAmount, labelOverflow]);
-  let className = '';
-  if (labelOverflow === 'wrap-all') className += "".concat(classNameModifierWrapAll, " ");
-  if (labelOverflow === 'truncate') className += "".concat(classNameModifierTruncate, " ");
-  return /*#__PURE__*/_jsx__default["default"](ItemContent, {
-    "data-testid": "".concat(cssClassesConstants.treeItemBlockName, "-content")
-  }, void 0, /*#__PURE__*/_jsx__default["default"](ItemValue, {
-    className: className
-  }, void 0, Text));
-}
-
-exports.TreeItemText = TreeItemText;

package/cjs/parts/TreeList.js

@@ -1,139 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-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 React = require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
-var TreeViewContext = require('../TreeViewContext.js');
-var cssClassesConstants = require('../config/cssClassesConstants.js');
-var TreeItem = require('./TreeItem.js');
-var WithConditionalDnDContext = require('../hoc/WithConditionalDnDContext.js');
-var DnDTreeContext = require('../hoc/DnDTreeContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-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 treeListNoItemsBn = "".concat(cssClassesConstants.treeListBlockName, "-no-items");
-const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
-  'data-testid': treeListNoItemsBn
-})(treeListNoItemsBn); // React.ComponentProps<'ul'> uses LegacyRef typings that existed pre-hook era
-// we omit the LegacyRef typings in favor of hook-era typings
-
-const TreeListWrapper = dsClassnames.aggregatedClasses('ul', {
-  'data-testid': cssClassesConstants.treeListBlockName,
-  role: 'tree'
-})(cssClassesConstants.treeListBlockName, null, _ref => {
-  let {
-    rowSize
-  } = _ref;
-  return {
-    ["rowsize-".concat(rowSize)]: rowSize
-  };
-});
-const compactRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-compact");
-const normaRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-normal");
-
-const TreeListComp = () => {
-  const ctx = React.useContext(TreeViewContext["default"]);
-  const {
-    virtualListRef,
-    virtualListHelpers,
-    visibleItems: flattenedVisibleItems,
-    props: {
-      width,
-      height,
-      rowSize,
-      noItemsPlaceholder,
-      isLoading
-    }
-  } = ctx;
-  const {
-    totalSize,
-    virtualItems
-  } = virtualListHelpers;
-  const className = "".concat(rowSize === 'compact' ? "".concat(compactRowClass) : "".concat(normaRowClass));
-  const {
-    visibleItems
-  } = React.useContext(DnDTreeContext.DnDTreeContext);
-  return /*#__PURE__*/jsxRuntime.jsxs(TreeListWrapper, {
-    ref: virtualListRef,
-    className: className,
-    style: {
-      height: "".concat(typeof height === 'number' ? "".concat(height, "px") : height),
-      width: "".concat(typeof width === 'number' ? "".concat(width, "px") : width),
-      overflow: 'auto'
-    },
-    children: [isLoading ? /*#__PURE__*/_jsx__default["default"]("div", {
-      style: {
-        width: '100%',
-        height: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
-      size: "xl",
-      loading: isLoading,
-      showLabel: true,
-      waiting: false,
-      showTooltip: false
-    })) : null, !isLoading && virtualItems.length === 0 ? /*#__PURE__*/_jsx__default["default"](TreeListNoItems, {}, void 0, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /*#__PURE__*/_jsx__default["default"]("div", {
-      style: {
-        height: "".concat(totalSize, "px"),
-        width: '100%',
-        position: 'relative'
-      }
-    }, void 0, virtualItems.map(virtualItem => {
-      const {
-        index,
-        measureRef,
-        start
-      } = virtualItem;
-      const item = (visibleItems || flattenedVisibleItems)[index];
-      if (!item) return null;
-      item.virtualIndex = index;
-      const {
-        id
-      } = item;
-      const style = {
-        position: 'absolute',
-        top: "".concat(start, "px"),
-        left: 0,
-        width: '100%'
-      };
-      const listItemProps = {
-        key: "DS-TreeView-List-Item-".concat(id),
-        virtualItemRef: measureRef,
-        index,
-        // this is consumed by the DnD HOC
-        itemIndex: index,
-        item,
-        itemWrapperStyle: style
-      };
-      return /*#__PURE__*/jsxRuntime.jsx(TreeItem["default"], _objectSpread({}, listItemProps));
-    })) : null]
-  });
-};
-
-const TreeList = WithConditionalDnDContext.withConditionalDnDRowContext(TreeListComp);
-
-exports.TreeList = TreeList;
-exports.TreeListNoItems = TreeListNoItems;
-exports.TreeListWrapper = TreeListWrapper;
-exports.treeListNoItemsBn = treeListNoItemsBn;

package/cjs/plugins/dnd/TreeDndPlugin.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const TreeDndPlugin = 'tree-dnd';
-
-exports.TreeDndPlugin = TreeDndPlugin;