@elliemae/ds-treeview 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/index.js

@@ -3,96 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var TreeView = require('./TreeView.js');
-var plugins_dnd_TreeDndPlugin = require('./plugins/dnd/TreeDndPlugin.js');
-var plugins_roving_TreeRovingPlugin = require('./plugins/roving/TreeRovingPlugin.js');
-var plugins_selectable_SelectablePluginTree = require('./plugins/selectable/SelectablePluginTree.js');
-var plugins_toolbar_TreeToolbarPlugin = require('./plugins/toolbar/TreeToolbarPlugin.js');
-var plugins_tree_TreeDataPlugin = require('./plugins/tree/TreeDataPlugin.js');
-var plugins_virtualization_TreeVirtualizationPlugin = require('./plugins/virtualization/TreeVirtualizationPlugin.js');
-var plugins_searchable_SearchableTreePlugin = require('./plugins/searchable/SearchableTreePlugin.js');
-var relatedComponents_TreeViewSearchBar = require('./related-components/TreeViewSearchBar.js');
-var deprecated_index = require('./index-4351730e.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('react-virtual');
-require('uuid');
-require('react-desc');
-require('./react-desc-prop-types.js');
-require('./TreeViewContext.js');
-require('./utils/useTree.js');
-require('tree-model');
-require('lodash');
-require('./utils/tree-helpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('./utils/string-helpers.js');
-require('./parts/TreeList.js');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/react-sortable-hoc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-basic/CircularProgressIndicator');
-require('./prop-types.js');
-require('prop-types');
-require('./parts/TreeItem.js');
-require('@elliemae/ds-icons/GripperVertical');
-require('./parts/RadioSelectable.js');
-require('@elliemae/ds-basic/form/Radio');
-require('./parts/CheckboxSelectable.js');
-require('@elliemae/ds-basic/form/Checkbox');
-require('styled-components');
-require('./utils/selectable-helper.js');
-require('./utils/object-helpers.js');
-require('@babel/runtime/helpers/typeof');
-require('./utils/refs-helpers.js');
-require('./utils/keyboard-helpers.js');
-require('./utils/group-expands-helpers.js');
-require('./parts/NestingSpace.js');
-require('./parts/Icon.js');
-require('@elliemae/ds-utilities/utils');
-require('./parts/ExpandCaret.js');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('./parts/TreeItemText.js');
-require('react-highlight-words');
-require('@elliemae/ds-basic');
-require('./parts/ChildrenCountDisplayer.js');
-require('./config/cssClassesConstants.js');
-require('./utils/useInstanceRefActions.js');
-require('./utils/useDnDHelpers.js');
-require('./utils/dnd-helpers.js');
-require('./deprecated/TreeView.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-shared/useDataList');
-require('./deprecated/renderers.js');
-require('./deprecated/plugins/tree/TreeDataPlugin.js');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./deprecated/plugins/tree/walkTreeStrategy.js');
-require('./deprecated/plugins/tree/utils.js');
-require('lodash/get');
-require('./deprecated/plugins/tree/useExpandTreeState.js');
-require('@elliemae/ds-utilities/hooks/useExpandState');
-require('./deprecated/plugins/virtualization/TreeVirtualizationPlugin.js');
-require('@john-osullivan/react-window-dynamic-fork');
-require('@elliemae/ds-shared/virtualization');
-require('./deprecated/plugins/roving/TreeRovingPlugin.js');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-utilities/system');
-require('./deprecated/plugins/dnd/TreeDndPlugin.js');
-require('./deprecated/plugins/dnd/renderers/DraggableItem.js');
-require('react-beautiful-dnd');
-require('./deprecated/plugins/dnd/utils.js');
-require('./deprecated/plugins/dnd/renderers/DroppableList.js');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
-require('./deprecated/plugins/selectable/SelectablePluginTree.js');
-require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-require('./deprecated/plugins/selectable/utils.js');
-require('./deprecated/plugins/toolbar/TreeToolbarPlugin.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
-require('@elliemae/ds-shared/toolbar/ToolbarProvider');
-require('./deprecated/plugins/searchable/SearchableTreePlugin.js');
-require('@elliemae/ds-utilities/hooks/usePrevious');
+var TreeDndPlugin = require('./plugins/dnd/TreeDndPlugin.js');
+var TreeRovingPlugin = require('./plugins/roving/TreeRovingPlugin.js');
+var SelectablePluginTree = require('./plugins/selectable/SelectablePluginTree.js');
+var TreeToolbarPlugin = require('./plugins/toolbar/TreeToolbarPlugin.js');
+var TreeDataPlugin = require('./plugins/tree/TreeDataPlugin.js');
+var TreeVirtualizationPlugin = require('./plugins/virtualization/TreeVirtualizationPlugin.js');
+var SearchableTreePlugin = require('./plugins/searchable/SearchableTreePlugin.js');
+var TreeViewSearchBar = require('./related-components/TreeViewSearchBar.js');
+var index = require('./deprecated/index.js');
 
 /* eslint-disable global-require */
 // Polyfill ResizeObserver for demo
@@ -102,14 +21,13 @@ if (typeof ResizeObserver === 'undefined') {
 
 exports.TreeView = TreeView.TreeView;
 exports.TreeViewWithSchema = TreeView.TreeViewWithSchema;
-exports.TreeDnD = plugins_dnd_TreeDndPlugin.TreeDnD;
-exports.TreeDndPlugin = plugins_dnd_TreeDndPlugin.TreeDndPlugin;
-exports.TreeRovingPlugin = plugins_roving_TreeRovingPlugin.TreeRovingPlugin;
-exports.SelectablePluginTree = plugins_selectable_SelectablePluginTree.SelectablePluginTree;
-exports.TreeToolbarPlugin = plugins_toolbar_TreeToolbarPlugin.TreeToolbarPlugin;
-exports.TreePluginList = plugins_tree_TreeDataPlugin.TreePluginList;
-exports.TreeVirtualizationPlugin = plugins_virtualization_TreeVirtualizationPlugin.TreeVirtualizationPlugin;
-exports.SearchableTreePlugin = plugins_searchable_SearchableTreePlugin.SearchableTreePlugin;
-exports.TreeViewSearchBar = relatedComponents_TreeViewSearchBar.TreeViewSearchBar;
-exports.DEPRECATED = deprecated_index.index;
-//# sourceMappingURL=index.js.map
+exports.TreeDnD = TreeDndPlugin.TreeDnD;
+exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;
+exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;
+exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;
+exports.TreeToolbarPlugin = TreeToolbarPlugin.TreeToolbarPlugin;
+exports.TreePluginList = TreeDataPlugin.TreePluginList;
+exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;
+exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;
+exports.TreeViewSearchBar = TreeViewSearchBar.TreeViewSearchBar;
+exports.DEPRECATED = index;

package/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/cjs/parts/CheckboxSelectable.js

@@ -1,62 +1,66 @@
 'use strict';
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var Checkbox = require('@elliemae/ds-basic/form/Checkbox');
 var styled = require('styled-components');
-var propTypes = require('../prop-types.js');
 var TreeViewContext = require('../TreeViewContext.js');
-var utils_selectableHelper = require('../utils/selectable-helper.js');
-var utils_objectHelpers = require('../utils/object-helpers.js');
-require('prop-types');
-require('../utils/tree-helpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../utils/string-helpers.js');
-require('@babel/runtime/helpers/typeof');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 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__default['default'](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__default['default'].span.withConfig({
+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__default["default"](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 StyledCheckboxWrapper = /*#__PURE__*/styled__default["default"].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 = React.useContext(TreeViewContext['default']);
-  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 = React.useCallback(function () {
-    var newSelections = utils_selectableHelper.toggleCheckboxItem(item);
-    var newSelectionHasmap = utils_objectHelpers.filterObject(_objectSpread(_objectSpread({}, selectedCheckboxes), newSelections), function (value) {
-      return value !== false;
-    });
+  const {
+    item,
+    itemIndex
+  } = props;
+  const {
+    id
+  } = item;
+  const ctx = React.useContext(TreeViewContext["default"]);
+  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 = React.useCallback(() => {
+    const newSelections = selectableHelper.toggleCheckboxItem(item);
+    const newSelectionHasmap = objectHelpers.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 = React.useMemo(function () {
+  const isChecked = React.useMemo(() => {
     if (selectedCheckboxes[id] === 'mixed') {
       return 'mixed';
     }
@@ -67,7 +71,7 @@ function CheckboxSelectable(props) {
 
     return false;
   }, [selectedCheckboxes, id]);
-  return /*#__PURE__*/React__default['default'].createElement(StyledCheckboxWrapper, null, /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](StyledCheckboxWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Checkbox__default["default"], {
     checked: isChecked,
     disabled: item.isGroup ? disableGroups : disableLeafs,
     className: "em-ds-tree-item-checkbox",
@@ -77,7 +81,4 @@ function CheckboxSelectable(props) {
   }));
 }
 
-CheckboxSelectable.propTypes = propTypes.TreeItemCheckboxPropTypes;
-
 module.exports = CheckboxSelectable;
-//# sourceMappingURL=CheckboxSelectable.js.map

package/cjs/parts/ChildrenCountDisplayer.js

@@ -2,30 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var propTypes = require('../prop-types.js');
-var config_cssClassesConstants = require('../config/cssClassesConstants.js');
-require('prop-types');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var className = "".concat(config_cssClassesConstants.DSTreeViewPrefix, "-").concat(config_cssClassesConstants.treeItemBlockName, "-children-count-displayer");
-var ChildrenCountDisplayer = function ChildrenCountDisplayer(props) {
-  var item = props.item;
-  var isGroup = item.isGroup,
-      children = item.children;
+const className = `${cssClassesConstants.DSTreeViewPrefix}-${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__*/React__default['default'].createElement("span", {
+  return /*#__PURE__*/_jsx__default["default"]("span", {
     "data-testid": "tree-item-children-count-displayer",
     className: className
-  }, " | ".concat(children.length, " Items"));
-};
-ChildrenCountDisplayer.propTypes = {
-  item: propTypes.TreeViewItemPropType.isRequired
+  }, void 0, ` | ${children.length} Items`);
 };
 
 exports.ChildrenCountDisplayer = ChildrenCountDisplayer;
-//# sourceMappingURL=ChildrenCountDisplayer.js.map

package/cjs/parts/ExpandCaret.js

@@ -2,86 +2,87 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var Button = require('@elliemae/ds-basic/Button');
 var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
 var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
-var utils_groupExpandsHelpers = require('../utils/group-expands-helpers.js');
-var utils_treeHelpers = require('../utils/tree-helpers.js');
+var groupExpandsHelpers = require('../utils/group-expands-helpers.js');
+var treeHelpers = require('../utils/tree-helpers.js');
 var TreeViewContext = require('../TreeViewContext.js');
-var propTypes = require('../prop-types.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../utils/string-helpers.js');
-require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
 var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 
-var ExpandCaret = function ExpandCaret(props) {
-  var defaultHandleExpandGroup = React.useCallback(utils_groupExpandsHelpers.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 = React.useContext(TreeViewContext['default']);
-  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__default['default'].createElement(Button__default['default'], {
+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,
+    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",
-    key: "".concat(id, "-expand-addon"),
-    icon: isExpanded ? /*#__PURE__*/React__default['default'].createElement(ArrowheadDown__default['default'], {
+    icon: isExpanded ? _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
       size: "s",
       "data-testid": "ic-arrow-head-down"
-    }) : /*#__PURE__*/React__default['default'].createElement(ArrowheadRight__default['default'], {
+    })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {
       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] : {
-            align: 'start'
-          };
-          return scrollToIndex(item.virtualIndex, opts);
-        },
-        item: item
+        scrollToItem: (opts = {
+          align: 'start'
+        }) => scrollToIndex(item.virtualIndex, opts),
+        item
       });
       setFocusedItem(item);
-      utils_treeHelpers.focusItem(item);
+      treeHelpers.focusItem(item);
     },
     size: "s",
     tabIndex: -1
-  });
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  }, `${id}-expand-addon`);
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       width: '24px'
     }
   });
 };
-ExpandCaret.propTypes = propTypes.TreeItemExpandCaretPropTypes;
 
 exports.ExpandCaret = ExpandCaret;
-//# sourceMappingURL=ExpandCaret.js.map

package/cjs/parts/Icon.js

@@ -10,20 +10,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Icon = function Icon(props) {
-  var item = props.item;
-  var isGroupOrHasChildrens = item.isGroup || Array.isArray(item.children) && item.children.length > 0;
-  var ctx = React.useContext(TreeViewContext['default']);
-  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 = 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, {
+  return /*#__PURE__*/React__default["default"].cloneElement(icon, {
     'data-testid': isGroupOrHasChildrens ? 'tree-item-group-icon' : 'tree-item-icon',
     className: utils.cx(icon.props.className, 'tree-item-icon')
   });
 };
 
 exports.Icon = Icon;
-//# sourceMappingURL=Icon.js.map

package/cjs/parts/NestingSpace.js

@@ -2,47 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var propTypes = require('../prop-types.js');
-require('prop-types');
+require('react');
 
 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 React__default = /*#__PURE__*/_interopDefaultLegacy(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__default['default'](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 _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__default["default"](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';
+  return finalLeftPadding > 0 ? `${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__default['default'].createElement("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     "data-testid": "tree-item-nested-space",
     style: {
       width: itemNestingLeftPadding
     }
   });
 };
-NestingSpace.propTypes = propTypes.TreeItemNestingSpacePropTypes;
 
 exports.NestingSpace = NestingSpace;
-//# sourceMappingURL=NestingSpace.js.map

package/cjs/parts/RadioSelectable.js

@@ -1,48 +1,54 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var PropTypes = require('prop-types');
 var Radio = require('@elliemae/ds-basic/form/Radio');
-var propTypes = require('../prop-types.js');
 var TreeViewContext = require('../TreeViewContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
 
 function RadioSelectable(props) {
-  var item = props.item,
-      itemIndex = props.itemIndex;
-  var ctx = React.useContext(TreeViewContext['default']);
-  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 = React.useCallback(function () {
-    var newSelectionHasmap = _defineProperty__default['default']({}, id, true);
-
+  const {
+    item,
+    itemIndex
+  } = props;
+  const ctx = React.useContext(TreeViewContext["default"]);
+  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 = React.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 = React.useMemo(function () {
-    return "radios-".concat(uniqueTreeViewUUID);
-  }, [uniqueTreeViewUUID]);
-  return /*#__PURE__*/React__default['default'].createElement(Radio__default['default'], {
+  const radioName = React.useMemo(() => `radios-${uniqueTreeViewUUID}`, [uniqueTreeViewUUID]);
+  return /*#__PURE__*/_jsx__default["default"](Radio__default["default"], {
     checked: selectedCheckboxes[id] === true,
     name: radioName,
     disabled: item.isGroup ? disableGroups : disableLeafs,
@@ -53,10 +59,4 @@ function RadioSelectable(props) {
   });
 }
 
-RadioSelectable.propTypes = {
-  item: propTypes.TreeViewItemPropType.isRequired,
-  itemIndex: PropTypes__default['default'].number.isRequired
-};
-
 module.exports = RadioSelectable;
-//# sourceMappingURL=RadioSelectable.js.map