@elliemae/ds-treeview 1.60.0 → 2.0.0-alpha.12

package/esm/deprecated/renderers.js

@@ -1,41 +1,59 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import React from 'react';
+import 'react';
+import { jsxs } from 'react/jsx-runtime';
+
+const _excluded = ["leftAddons", "rightAddons", "children"];
+
+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; }
 
-var _excluded = ["leftAddons", "rightAddons", "children"];
-var treeListBlockName = 'tree-list';
-var treeItemBlockName = 'tree-item';
-var treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
-var TreeListItem = aggregatedClasses('li', {
+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; }
+const treeListBlockName = 'tree-list';
+const treeItemBlockName = 'tree-item';
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
+const TreeListItem = aggregatedClasses('li', {
   'data-testid': treeItemBlockName,
   role: 'treeitem'
 })(treeItemBlockName);
-var TreeListItemAddonsWrapper = aggregatedClasses('div')(treeItemBlockName, 'addons');
-var TreeList = aggregatedClasses('ul', {
+const TreeListItemAddonsWrapper = aggregatedClasses('div')(treeItemBlockName, 'addons');
+const TreeList = aggregatedClasses('ul', {
   'data-testid': treeListBlockName,
   role: 'tree'
-})(treeListBlockName, null, function (_ref) {
-  var rowSize = _ref.rowSize;
-  return _defineProperty({}, "rowsize-".concat(rowSize), rowSize);
+})(treeListBlockName, null, _ref => {
+  let {
+    rowSize
+  } = _ref;
+  return {
+    ["rowsize-".concat(rowSize)]: rowSize
+  };
 });
-var TreeListNoItems = aggregatedClasses('div', {
+const TreeListNoItems = aggregatedClasses('div', {
   'data-testid': treeListNoItemsBn
 })(treeListNoItemsBn);
 
-function TreeItem(_ref3) {
-  var leftAddons = _ref3.leftAddons,
-      rightAddons = _ref3.rightAddons,
-      children = _ref3.children,
-      rest = _objectWithoutProperties(_ref3, _excluded);
+function TreeItem(_ref2) {
+  let {
+    leftAddons,
+    rightAddons,
+    children
+  } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded);
 
-  return /*#__PURE__*/React.createElement(TreeListItem, rest, leftAddons && /*#__PURE__*/React.createElement(TreeListItemAddonsWrapper, null, leftAddons), children, rightAddons && /*#__PURE__*/React.createElement(TreeListItemAddonsWrapper, null, rightAddons));
+  return /*#__PURE__*/jsxs(TreeListItem, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [leftAddons && /*#__PURE__*/_jsx(TreeListItemAddonsWrapper, {}, void 0, leftAddons), children, rightAddons && /*#__PURE__*/_jsx(TreeListItemAddonsWrapper, {}, void 0, rightAddons)]
+  }));
 }
 
-var TreeRenderers = {
+const TreeRenderers = {
   list: TreeList,
   item: TreeItem
 };
 
 export { TreeList, TreeListItem, TreeListItemAddonsWrapper, TreeListNoItems, TreeRenderers, treeItemBlockName, treeListBlockName, treeListNoItemsBn };
-//# sourceMappingURL=renderers.js.map

package/esm/index.js

@@ -7,84 +7,11 @@ export { TreePluginList } from './plugins/tree/TreeDataPlugin.js';
 export { TreeVirtualizationPlugin } from './plugins/virtualization/TreeVirtualizationPlugin.js';
 export { SearchableTreePlugin } from './plugins/searchable/SearchableTreePlugin.js';
 export { TreeViewSearchBar } from './related-components/TreeViewSearchBar.js';
-export { i as DEPRECATED } from './index-6009bfe6.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'react-virtual';
-import 'uuid';
-import 'react-desc';
-import './react-desc-prop-types.js';
-import './TreeViewContext.js';
-import './utils/useTree.js';
-import 'tree-model';
-import 'lodash';
-import './utils/tree-helpers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './utils/string-helpers.js';
-import './parts/TreeList.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/react-sortable-hoc';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-circular-progress-indicator';
-import './prop-types.js';
-import 'prop-types';
-import './parts/TreeItem.js';
-import '@elliemae/ds-icons';
-import './parts/RadioSelectable.js';
-import '@elliemae/ds-form';
-import './parts/CheckboxSelectable.js';
-import 'styled-components';
-import './utils/selectable-helper.js';
-import './utils/object-helpers.js';
-import '@babel/runtime/helpers/esm/typeof';
-import './utils/refs-helpers.js';
-import './utils/keyboard-helpers.js';
-import './utils/group-expands-helpers.js';
-import './parts/NestingSpace.js';
-import './parts/Icon.js';
-import '@elliemae/ds-utilities';
-import './parts/ExpandCaret.js';
-import '@elliemae/ds-button';
-import './parts/TreeItemText.js';
-import 'react-highlight-words';
-import '@elliemae/ds-truncated-tooltip-text';
-import './parts/ChildrenCountDisplayer.js';
-import './config/cssClassesConstants.js';
-import './utils/useInstanceRefActions.js';
-import './utils/useDnDHelpers.js';
-import './utils/dnd-helpers.js';
-import './deprecated/TreeView.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-shared/useDataList';
-import './deprecated/renderers.js';
-import './deprecated/plugins/tree/TreeDataPlugin.js';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './deprecated/plugins/tree/walkTreeStrategy.js';
-import './deprecated/plugins/tree/utils.js';
-import 'lodash/get';
-import './deprecated/plugins/tree/useExpandTreeState.js';
-import './deprecated/plugins/virtualization/TreeVirtualizationPlugin.js';
-import '@john-osullivan/react-window-dynamic-fork';
-import '@elliemae/ds-shared/virtualization';
-import './deprecated/plugins/roving/TreeRovingPlugin.js';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import './deprecated/plugins/dnd/TreeDndPlugin.js';
-import './deprecated/plugins/dnd/renderers/DraggableItem.js';
-import 'react-beautiful-dnd';
-import './deprecated/plugins/dnd/utils.js';
-import './deprecated/plugins/dnd/renderers/DroppableList.js';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
-import './deprecated/plugins/selectable/SelectablePluginTree.js';
-import './deprecated/plugins/selectable/utils.js';
-import './deprecated/plugins/toolbar/TreeToolbarPlugin.js';
-import '@elliemae/ds-shared/toolbar/ToolbarProvider';
-import './deprecated/plugins/searchable/SearchableTreePlugin.js';
+import * as index from './deprecated/index.js';
+export { index as DEPRECATED };
 
 /* eslint-disable global-require */
 // Polyfill ResizeObserver for demo
 if (typeof ResizeObserver === 'undefined') {
   global.ResizeObserver = require('resize-observer-polyfill').default;
 }
-//# sourceMappingURL=index.js.map

package/esm/parts/CheckboxSelectable.js

@@ -1,53 +1,62 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useContext, useCallback, useMemo } from 'react';
+import { useContext, useCallback, useMemo } from 'react';
 import { DSCheckbox } from '@elliemae/ds-form';
 import styled from 'styled-components';
-import { TreeItemCheckboxPropTypes } from '../prop-types.js';
 import TreeViewContext from '../TreeViewContext.js';
 import { toggleCheckboxItem } from '../utils/selectable-helper.js';
 import { filterObject } from '../utils/object-helpers.js';
-import 'prop-types';
-import '../utils/tree-helpers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../utils/string-helpers.js';
-import '@babel/runtime/helpers/esm/typeof';
 
 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; }
-var StyledCheckboxWrapper = /*#__PURE__*/styled.span.withConfig({
+const StyledCheckboxWrapper = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-1tyhs3t-0"
 })(["padding-top:3px;"]);
 
 function CheckboxSelectable(props) {
-  var item = props.item,
-      itemIndex = props.itemIndex;
-  var id = item.id;
-  var ctx = useContext(TreeViewContext);
-  var _ctx$props = ctx.props,
-      disableGroups = _ctx$props.disableGroups,
-      disableLeafs = _ctx$props.disableLeafs,
-      onSelectionChange = _ctx$props.onSelectionChange,
-      scrollToIndex = ctx.virtualListHelpers.scrollToIndex,
-      triggerTreeRerender = ctx.triggerTreeRerender,
-      selectedCheckboxes = ctx.selectedCheckboxes,
-      setSelectedCheckboxes = ctx.setSelectedCheckboxes;
-  var onCheckboxChange = useCallback(function () {
-    var newSelections = toggleCheckboxItem(item);
-    var newSelectionHasmap = filterObject(_objectSpread(_objectSpread({}, selectedCheckboxes), newSelections), function (value) {
-      return value !== false;
-    });
+  const {
+    item,
+    itemIndex
+  } = props;
+  const {
+    id
+  } = item;
+  const ctx = useContext(TreeViewContext);
+  const {
+    props: {
+      disableGroups,
+      // radio allows disabling this, checkbox doesnt? check specs
+      disableLeafs,
+      // radio allows disabling this, checkbox doesnt? check specs
+      onSelectionChange
+    },
+    virtualListHelpers: {
+      scrollToIndex
+    },
+    triggerTreeRerender,
+    selectedCheckboxes,
+    setSelectedCheckboxes
+  } = ctx;
+  const onCheckboxChange = useCallback(() => {
+    const newSelections = toggleCheckboxItem(item);
+    const newSelectionHasmap = filterObject(_objectSpread(_objectSpread({}, selectedCheckboxes), newSelections), value => value !== false);
     setSelectedCheckboxes(newSelectionHasmap);
     triggerTreeRerender();
-    var indexAndScrollTo = {
-      scrollToItem: function scrollToItem() {
+    const indexAndScrollTo = {
+      scrollToItem: () => {
         scrollToIndex(item.virtualIndex);
       },
-      itemIndex: itemIndex
+      itemIndex
     };
     if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
   }, [item, triggerTreeRerender, onSelectionChange, itemIndex, scrollToIndex, selectedCheckboxes, setSelectedCheckboxes]);
-  var isChecked = useMemo(function () {
+  const isChecked = useMemo(() => {
     if (selectedCheckboxes[id] === 'mixed') {
       return 'mixed';
     }
@@ -58,7 +67,7 @@ function CheckboxSelectable(props) {
 
     return false;
   }, [selectedCheckboxes, id]);
-  return /*#__PURE__*/React.createElement(StyledCheckboxWrapper, null, /*#__PURE__*/React.createElement(DSCheckbox, {
+  return /*#__PURE__*/_jsx(StyledCheckboxWrapper, {}, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
     checked: isChecked,
     disabled: item.isGroup ? disableGroups : disableLeafs,
     className: "em-ds-tree-item-checkbox",
@@ -68,7 +77,4 @@ function CheckboxSelectable(props) {
   }));
 }
 
-CheckboxSelectable.propTypes = TreeItemCheckboxPropTypes;
-
 export { CheckboxSelectable as default };
-//# sourceMappingURL=CheckboxSelectable.js.map

package/esm/parts/ChildrenCountDisplayer.js

@@ -1,23 +1,22 @@
-import React from 'react';
-import { TreeViewItemPropType } from '../prop-types.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { DSTreeViewPrefix, treeItemBlockName } from '../config/cssClassesConstants.js';
-import 'prop-types';
 
-var className = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "-children-count-displayer");
-var ChildrenCountDisplayer = function ChildrenCountDisplayer(props) {
-  var item = props.item;
-  var isGroup = item.isGroup,
-      children = item.children;
+const className = "".concat(DSTreeViewPrefix, "-").concat(treeItemBlockName, "-children-count-displayer");
+const ChildrenCountDisplayer = props => {
+  const {
+    item
+  } = props;
+  const {
+    isGroup,
+    children
+  } = item;
   if (!isGroup) return null; // return ` | ${children.length} Items`;
 
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/_jsx("span", {
     "data-testid": "tree-item-children-count-displayer",
     className: className
-  }, " | ".concat(children.length, " Items"));
-};
-ChildrenCountDisplayer.propTypes = {
-  item: TreeViewItemPropType.isRequired
+  }, void 0, " | ".concat(children.length, " Items"));
 };
 
 export { ChildrenCountDisplayer };
-//# sourceMappingURL=ChildrenCountDisplayer.js.map

package/esm/parts/ExpandCaret.js

@@ -1,75 +1,79 @@
-import React, { useCallback, useContext } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useCallback, useContext } from 'react';
 import Button from '@elliemae/ds-button';
 import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
 import { toggleItemExpand } from '../utils/group-expands-helpers.js';
 import { focusItem } from '../utils/tree-helpers.js';
 import TreeViewContext from '../TreeViewContext.js';
-import { TreeItemExpandCaretPropTypes } from '../prop-types.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '../utils/string-helpers.js';
-import 'prop-types';
 
-var ExpandCaret = function ExpandCaret(props) {
-  var defaultHandleExpandGroup = useCallback(toggleItemExpand, []);
-  var item = props.item;
-  var id = item.id,
-      isExpanded = item.isExpanded,
-      isGroup = item.isGroup,
-      children = item.children;
-  var isGroupOrHasChildrens = isGroup || Array.isArray(children) && children.length > 0;
-  var ctx = useContext(TreeViewContext);
-  var onItemFocus = ctx.props.onItemFocus,
-      _ctx$handleExpandGrou = ctx.handleExpandGroup,
-      handleExpandGroup = _ctx$handleExpandGrou === void 0 ? defaultHandleExpandGroup : _ctx$handleExpandGrou,
-      triggerTreeRerender = ctx.triggerTreeRerender,
-      setLatestToggledItem = ctx.setLatestToggledItem,
-      setFocusedItem = ctx.setFocusedItem,
-      scrollToIndex = ctx.virtualListHelpers.scrollToIndex;
-  if (isGroupOrHasChildrens) return /*#__PURE__*/React.createElement(Button, {
+var _ArrowheadDown, _ArrowheadRight;
+const ExpandCaret = props => {
+  const defaultHandleExpandGroup = useCallback(toggleItemExpand, []);
+  const {
+    item
+  } = props;
+  const {
+    id,
+    isExpanded,
+    isGroup,
+    children
+  } = item;
+  const isGroupOrHasChildrens = isGroup || Array.isArray(children) && children.length > 0;
+  const ctx = useContext(TreeViewContext);
+  const {
+    props: {
+      onItemFocus
+    },
+    handleExpandGroup = defaultHandleExpandGroup,
+    triggerTreeRerender,
+    setLatestToggledItem,
+    setFocusedItem,
+    virtualListHelpers: {
+      scrollToIndex
+    }
+  } = ctx;
+  if (isGroupOrHasChildrens) return /*#__PURE__*/_jsx(Button, {
     buttonType: "text",
     className: "expandable-arrow",
     "data-testid": "tree-item-expand-toggle",
-    key: "".concat(id, "-expand-addon"),
-    icon: isExpanded ? /*#__PURE__*/React.createElement(ArrowheadDown, {
+    icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx(ArrowheadDown, {
       size: "s",
       "data-testid": "ic-arrow-head-down"
-    }) : /*#__PURE__*/React.createElement(ArrowheadRight, {
+    })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx(ArrowheadRight, {
       size: "s",
       "data-testid": "ic-arrow-head-right"
-    }),
-    onMouseDown: function onMouseDown(e) {
+    })),
+    onMouseDown: e => {
       // prevent focusing the caret
       if (e) {
         e.preventDefault();
       }
     },
-    onClick: function onClick(e) {
+    onClick: e => {
       e.stopPropagation();
       handleExpandGroup(item, triggerTreeRerender, scrollToIndex, e);
       setLatestToggledItem(item);
       onItemFocus({
         itemIndex: item.virtualIndex,
-        scrollToItem: function scrollToItem() {
-          var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        scrollToItem: function () {
+          let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
             align: 'start'
           };
           return scrollToIndex(item.virtualIndex, opts);
         },
-        item: item
+        item
       });
       setFocusedItem(item);
       focusItem(item);
     },
     size: "s",
     tabIndex: -1
-  });
-  return /*#__PURE__*/React.createElement("div", {
+  }, "".concat(id, "-expand-addon"));
+  return /*#__PURE__*/_jsx("div", {
     style: {
       width: '24px'
     }
   });
 };
-ExpandCaret.propTypes = TreeItemExpandCaretPropTypes;
 
 export { ExpandCaret };
-//# sourceMappingURL=ExpandCaret.js.map

package/esm/parts/Icon.js

@@ -2,14 +2,19 @@ import React, { useContext } from 'react';
 import { cx } from '@elliemae/ds-utilities';
 import TreeViewContext from '../TreeViewContext.js';
 
-var Icon = function Icon(props) {
-  var item = props.item;
-  var isGroupOrHasChildrens = item.isGroup || Array.isArray(item.children) && item.children.length > 0;
-  var ctx = useContext(TreeViewContext);
-  var _ctx$props = ctx.props,
-      groupIcon = _ctx$props.groupIcon,
-      itemIcon = _ctx$props.itemIcon;
-  var icon = isGroupOrHasChildrens ? groupIcon : itemIcon;
+const Icon = props => {
+  const {
+    item
+  } = props;
+  const isGroupOrHasChildrens = item.isGroup || Array.isArray(item.children) && item.children.length > 0;
+  const ctx = useContext(TreeViewContext);
+  const {
+    props: {
+      groupIcon,
+      itemIcon
+    }
+  } = ctx;
+  const icon = isGroupOrHasChildrens ? groupIcon : itemIcon;
   if (!icon) return null;
   return /*#__PURE__*/React.cloneElement(icon, {
     'data-testid': isGroupOrHasChildrens ? 'tree-item-group-icon' : 'tree-item-icon',
@@ -18,4 +23,3 @@ var Icon = function Icon(props) {
 };
 
 export { Icon };
-//# sourceMappingURL=Icon.js.map

package/esm/parts/NestingSpace.js

@@ -1,39 +1,45 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React from 'react';
-import { TreeItemNestingSpacePropTypes } from '../prop-types.js';
-import 'prop-types';
+import 'react';
 
 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; }
 
-var getItemNestingLeftPadding = function getItemNestingLeftPadding(level, opts) {
-  var _opts = _objectSpread({}, opts),
-      _opts$spaceForNesting = _opts.spaceForNestingLevel,
-      spaceForNestingLevel = _opts$spaceForNesting === void 0 ? 1.5 : _opts$spaceForNesting;
+const getItemNestingLeftPadding = (level, opts) => {
+  const {
+    spaceForNestingLevel = 1.5
+  } = _objectSpread({}, opts);
 
-  var groupLeftPadding = spaceForNestingLevel * (level - 1);
-  var finalLeftPadding = groupLeftPadding + spaceForNestingLevel - 0.1; // root level left-padding would be negative and would not be applied
+  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';
 };
 
-var NestingSpace = function NestingSpace(props) {
-  var item = props.item,
-      spaceForNestingLevel = props.spaceForNestingLevel;
-  var treeDepth = item.treeDepth;
-  var itemNestingLeftPadding = getItemNestingLeftPadding(treeDepth - 1, {
-    spaceForNestingLevel: spaceForNestingLevel
+const NestingSpace = props => {
+  const {
+    item,
+    spaceForNestingLevel
+  } = props;
+  const {
+    treeDepth
+  } = item;
+  const itemNestingLeftPadding = getItemNestingLeftPadding(treeDepth - 1, {
+    spaceForNestingLevel
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     "data-testid": "tree-item-nested-space",
     style: {
       width: itemNestingLeftPadding
     }
   });
 };
-NestingSpace.propTypes = TreeItemNestingSpacePropTypes;
 
 export { NestingSpace };
-//# sourceMappingURL=NestingSpace.js.map

package/esm/parts/RadioSelectable.js

@@ -1,39 +1,47 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useContext, useCallback, useMemo } from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext, useCallback, useMemo } from 'react';
 import { DSRadio } from '@elliemae/ds-form';
-import { TreeViewItemPropType } from '../prop-types.js';
 import TreeViewContext from '../TreeViewContext.js';
 
 function RadioSelectable(props) {
-  var item = props.item,
-      itemIndex = props.itemIndex;
-  var ctx = useContext(TreeViewContext);
-  var _ctx$props = ctx.props,
-      disableGroups = _ctx$props.disableGroups,
-      disableLeafs = _ctx$props.disableLeafs,
-      onSelectionChange = _ctx$props.onSelectionChange,
-      scrollToIndex = ctx.virtualListHelpers.scrollToIndex,
-      uniqueTreeViewUUID = ctx.uniqueTreeViewUUID,
-      selectedCheckboxes = ctx.selectedCheckboxes,
-      setSelectedCheckboxes = ctx.setSelectedCheckboxes;
-  var id = item.id;
-  var onRadioChange = useCallback(function () {
-    var newSelectionHasmap = _defineProperty({}, id, true);
-
+  const {
+    item,
+    itemIndex
+  } = props;
+  const ctx = useContext(TreeViewContext);
+  const {
+    props: {
+      disableGroups,
+      // radio allows disabling this, checkbox doesnt? check specs
+      disableLeafs,
+      // radio allows disabling this, checkbox doesnt? check specs
+      onSelectionChange
+    },
+    virtualListHelpers: {
+      scrollToIndex
+    },
+    uniqueTreeViewUUID,
+    selectedCheckboxes,
+    setSelectedCheckboxes
+  } = ctx;
+  const {
+    id
+  } = item;
+  const onRadioChange = useCallback(() => {
+    const newSelectionHasmap = {
+      [id]: true
+    };
     setSelectedCheckboxes(newSelectionHasmap);
-    var indexAndScrollTo = {
-      scrollToItem: function scrollToItem() {
+    const indexAndScrollTo = {
+      scrollToItem: () => {
         scrollToIndex(item.virtualIndex);
       },
-      itemIndex: itemIndex
+      itemIndex
     };
     if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
   }, [item, id, onSelectionChange, scrollToIndex]);
-  var radioName = useMemo(function () {
-    return "radios-".concat(uniqueTreeViewUUID);
-  }, [uniqueTreeViewUUID]);
-  return /*#__PURE__*/React.createElement(DSRadio, {
+  const radioName = useMemo(() => "radios-".concat(uniqueTreeViewUUID), [uniqueTreeViewUUID]);
+  return /*#__PURE__*/_jsx(DSRadio, {
     checked: selectedCheckboxes[id] === true,
     name: radioName,
     disabled: item.isGroup ? disableGroups : disableLeafs,
@@ -44,10 +52,4 @@ function RadioSelectable(props) {
   });
 }
 
-RadioSelectable.propTypes = {
-  item: TreeViewItemPropType.isRequired,
-  itemIndex: PropTypes.number.isRequired
-};
-
 export { RadioSelectable as default };
-//# sourceMappingURL=RadioSelectable.js.map