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

package/cjs/prop-types.js

@@ -9,46 +9,46 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 /* eslint-disable max-lines */
-var InstanceActionsPropTypes = PropTypes__default['default'].shape({
-  toggleExpandAll: PropTypes__default['default'].func,
-  scrollTo: PropTypes__default['default'].func
+const InstanceActionsPropTypes = PropTypes__default["default"].shape({
+  toggleExpandAll: PropTypes__default["default"].func,
+  scrollTo: PropTypes__default["default"].func
 });
-var TreeViewInstancePropType = PropTypes__default['default'].shape({
-  current: PropTypes__default['default'].oneOfType([PropTypes__default['default'].oneOf([null]), PropTypes__default['default'].shape({
+const TreeViewInstancePropType = PropTypes__default["default"].shape({
+  current: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf([null]), PropTypes__default["default"].shape({
     actions: InstanceActionsPropTypes.isRequired
   })])
 });
-var TreeViewItemPropType = PropTypes__default['default'].shape({
-  children: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object),
-  id: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-  isGroup: PropTypes__default['default'].oneOfType([PropTypes__default['default'].oneOf([undefined, null]), PropTypes__default['default'].bool]),
-  name: PropTypes__default['default'].string,
-  node: PropTypes__default['default'].object
+const TreeViewItemPropType = PropTypes__default["default"].shape({
+  children: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object),
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  isGroup: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf([undefined, null]), PropTypes__default["default"].bool]),
+  name: PropTypes__default["default"].string,
+  node: PropTypes__default["default"].object
 });
-var TreeListPropTypes = {
+const TreeListPropTypes = {
   // required when drag and drop is enabled, tracks the drag and drop results after drop and visual feedback borders
   // passed down to TreeItem
-  onMouseDragOverItem: PropTypes__default['default'].func
+  onMouseDragOverItem: PropTypes__default["default"].func
 };
-var TreeItemPropTypes = {
+const TreeItemPropTypes = {
   item: TreeViewItemPropType.isRequired,
-  index: PropTypes__default['default'].number,
-  itemIndex: PropTypes__default['default'].number,
-  itemWrapperStyle: PropTypes__default['default'].object,
-  virtualItemRef: PropTypes__default['default'].func,
-  spaceForNestingLevel: PropTypes__default['default'].number,
-  onMouseDragOverItem: PropTypes__default['default'].func
+  index: PropTypes__default["default"].number,
+  itemIndex: PropTypes__default["default"].number,
+  itemWrapperStyle: PropTypes__default["default"].object,
+  virtualItemRef: PropTypes__default["default"].func,
+  spaceForNestingLevel: PropTypes__default["default"].number,
+  onMouseDragOverItem: PropTypes__default["default"].func
 };
-var TreeItemExpandCaretPropTypes = {
+const TreeItemExpandCaretPropTypes = {
   item: TreeViewItemPropType.isRequired
 };
-var TreeItemNestingSpacePropTypes = {
+const TreeItemNestingSpacePropTypes = {
   item: TreeViewItemPropType.isRequired,
-  spaceForNestingLevel: PropTypes__default['default'].number.isRequired
+  spaceForNestingLevel: PropTypes__default["default"].number.isRequired
 };
-var TreeItemCheckboxPropTypes = {
+const TreeItemCheckboxPropTypes = {
   item: TreeViewItemPropType.isRequired,
-  itemIndex: PropTypes__default['default'].number.isRequired
+  itemIndex: PropTypes__default["default"].number.isRequired
 };
 
 exports.InstanceActionsPropTypes = InstanceActionsPropTypes;
@@ -59,4 +59,3 @@ exports.TreeItemPropTypes = TreeItemPropTypes;
 exports.TreeListPropTypes = TreeListPropTypes;
 exports.TreeViewInstancePropType = TreeViewInstancePropType;
 exports.TreeViewItemPropType = TreeViewItemPropType;
-//# sourceMappingURL=prop-types.js.map

package/cjs/react-desc-prop-types.js

@@ -5,23 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactDesc = require('react-desc');
 
 /* eslint-disable max-lines */
-var InstanceActionsPropTypes = reactDesc.PropTypes.shape({
+const InstanceActionsPropTypes = reactDesc.PropTypes.shape({
   toggleExpandAll: reactDesc.PropTypes.func,
   scrollTo: reactDesc.PropTypes.func
 });
-var TreeViewItemPropType = reactDesc.PropTypes.shape({
+const TreeViewItemPropType = reactDesc.PropTypes.shape({
   children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object),
   id: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]),
   isGroup: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.oneOf([undefined, null]), reactDesc.PropTypes.bool]),
   name: reactDesc.PropTypes.string,
   node: reactDesc.PropTypes.object
 });
-var TreeViewInstancePropType = reactDesc.PropTypes.shape({
+const TreeViewInstancePropType = reactDesc.PropTypes.shape({
   current: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.oneOf([null]), reactDesc.PropTypes.shape({
     actions: InstanceActionsPropTypes.isRequired
   })])
 });
-var TreeViewPropTypes = {
+const TreeViewPropTypes = {
   data: reactDesc.PropTypes.arrayOf(TreeViewItemPropType).description('data to populate tree view').isRequired,
   plugins: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('list of enabled plugins').defaultValue([]),
   selection: reactDesc.PropTypes.object.description('pre selected items').defaultValue({}),
@@ -52,4 +52,3 @@ var TreeViewPropTypes = {
 };
 
 exports.TreeViewPropTypes = TreeViewPropTypes;
-//# sourceMappingURL=react-desc-prop-types.js.map

package/cjs/related-components/TreeViewSearchBar.js

@@ -2,26 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsForm = require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable max-lines */
 function TreeViewSearchBar(props) {
-  var handleChange = props.handleChange,
-      onNext = props.onNext,
-      onPrevious = props.onPrevious,
-      onClear = props.onClear,
-      currentResultIndex = props.currentResultIndex,
-      totalResults = props.totalResults,
-      value = props.value;
-  return /*#__PURE__*/React__default['default'].createElement(dsForm.DSNavSearchBox, {
-    onChange: function onChange(v) {
+  const {
+    handleChange,
+    onNext,
+    onPrevious,
+    onClear,
+    currentResultIndex,
+    totalResults,
+    value
+  } = props;
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSNavSearchBox, {
+    onChange: v => {
       handleChange({
         target: {
           value: v
@@ -36,15 +36,5 @@ function TreeViewSearchBar(props) {
     value: value
   });
 }
-TreeViewSearchBar.propTypes = {
-  value: PropTypes__default['default'].string.isRequired,
-  handleChange: PropTypes__default['default'].func.isRequired,
-  onNext: PropTypes__default['default'].func.isRequired,
-  onPrevious: PropTypes__default['default'].func.isRequired,
-  onClear: PropTypes__default['default'].func.isRequired,
-  currentResultIndex: PropTypes__default['default'].number.isRequired,
-  totalResults: PropTypes__default['default'].number.isRequired
-};
 
 exports.TreeViewSearchBar = TreeViewSearchBar;
-//# sourceMappingURL=TreeViewSearchBar.js.map

package/cjs/utils/array-helpers.js

@@ -2,35 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+require('core-js/modules/web.dom-collections.iterator.js');
 
 // https://github.com/sindresorhus/array-move/blob/master/index.js
-var arrayMoveMutate = function arrayMoveMutate(array, from, to) {
-  var startIndex = from < 0 ? array.length + from : from;
+const arrayMoveMutate = (array, from, to) => {
+  const startIndex = from < 0 ? array.length + from : from;
 
   if (startIndex >= 0 && startIndex < array.length) {
-    var endIndex = to < 0 ? array.length + to : to;
-
-    var _array$splice = array.splice(from, 1),
-        _array$splice2 = _slicedToArray__default['default'](_array$splice, 1),
-        item = _array$splice2[0];
-
+    const endIndex = to < 0 ? array.length + to : to;
+    const [item] = array.splice(from, 1);
     array.splice(endIndex, 0, item);
   }
 };
-var arrayMove = function arrayMove(array, from, to) {
-  var newArray = _toConsumableArray__default['default'](array);
-
+const arrayMove = (array, from, to) => {
+  const newArray = [...array];
   arrayMoveMutate(newArray, from, to);
   return newArray;
 };
 
 exports.arrayMove = arrayMove;
 exports.arrayMoveMutate = arrayMoveMutate;
-//# sourceMappingURL=array-helpers.js.map

package/cjs/utils/dnd-helpers.js

@@ -2,35 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils_treeHelpers = require('./tree-helpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('react');
-require('./string-helpers.js');
+var treeHelpers = require('./tree-helpers.js');
 
 /* eslint-disable max-lines */
-var keyCodes = {
+const keyCodes = {
   lift: [32, 13],
   drop: [32, 13],
   cancel: [27],
   up: [38, 37],
   down: [40, 39]
 };
-var sameParentAsHoverItemDrop = function sameParentAsHoverItemDrop(_ref) {
-  var isBefore = _ref.isBefore,
-      isAfter = _ref.isAfter,
-      draggedItem = _ref.draggedItem,
-      overItem = _ref.overItem,
-      movementDirection = _ref.movementDirection;
-  var hoveredItemNodeNestedIndex = overItem.node.getIndex();
-  var newParentNode = utils_treeHelpers.getItemsParentNode([overItem], true);
-  var draggedItemTreeDepth = draggedItem.treeDepth;
-  var overItemTreeDepth = overItem.treeDepth;
-  var directionOffset = // we don't apply the offset for direction
+const sameParentAsHoverItemDrop = _ref => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref;
+  const hoveredItemNodeNestedIndex = overItem.node.getIndex();
+  let newParentNode = treeHelpers.getItemsParentNode([overItem], true);
+  const {
+    treeDepth: draggedItemTreeDepth
+  } = draggedItem;
+  const {
+    treeDepth: overItemTreeDepth
+  } = overItem;
+  const directionOffset = // we don't apply the offset for direction
   //  if moving from less nested to more nested
   //  or moving bottom to top
   // the offset is required when moving elemnts down in their nest level
   draggedItemTreeDepth <= overItemTreeDepth && movementDirection === 'topToBottom' ? -1 : 0;
-  var newNestedIndex;
+  let newNestedIndex;
   if (isBefore) newNestedIndex = hoveredItemNodeNestedIndex + directionOffset;else if (isAfter) newNestedIndex = hoveredItemNodeNestedIndex + 1 + directionOffset;else {
     newNestedIndex = overItem.children.length; // append as last child of the group
 
@@ -38,18 +41,20 @@ var sameParentAsHoverItemDrop = function sameParentAsHoverItemDrop(_ref) {
   }
   if (newNestedIndex < 0) newNestedIndex = 0;
   return {
-    newNestedIndex: newNestedIndex,
-    newParentNode: newParentNode
+    newNestedIndex,
+    newParentNode
   };
 };
-var inferHoverItemKinshipDrop = function inferHoverItemKinshipDrop(_ref2) {
-  var isBefore = _ref2.isBefore,
-      isAfter = _ref2.isAfter,
-      draggedItem = _ref2.draggedItem,
-      overItem = _ref2.overItem,
-      movementDirection = _ref2.movementDirection;
-  var hoverItemModel = overItem.node.model;
-  var isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
+const inferHoverItemKinshipDrop = _ref2 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    movementDirection
+  } = _ref2;
+  const hoverItemModel = overItem.node.model;
+  const isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
 
   if (isAfter && isGroupAndIsExpanded) {
     return {
@@ -61,11 +66,11 @@ var inferHoverItemKinshipDrop = function inferHoverItemKinshipDrop(_ref2) {
 
   if (isBefore || isAfter && !isGroupAndIsExpanded) {
     return sameParentAsHoverItemDrop({
-      isBefore: isBefore,
-      isAfter: isAfter,
-      draggedItem: draggedItem,
-      overItem: overItem,
-      movementDirection: movementDirection
+      isBefore,
+      isAfter,
+      draggedItem,
+      overItem,
+      movementDirection
     });
   } // drop inside
 
@@ -76,15 +81,21 @@ var inferHoverItemKinshipDrop = function inferHoverItemKinshipDrop(_ref2) {
     newParentNode: overItem.node
   };
 };
-var isDropValid = function isDropValid(_ref3) {
-  var isBefore = _ref3.isBefore,
-      isAfter = _ref3.isAfter,
-      draggedItem = _ref3.draggedItem,
-      overItem = _ref3.overItem,
-      restrictDragAndDrop = _ref3.restrictDragAndDrop;
-  var movedId = draggedItem.id;
-  var hoverId = overItem.id;
-  var isInside = !isBefore && !isAfter;
+const isDropValid = _ref3 => {
+  let {
+    isBefore,
+    isAfter,
+    draggedItem,
+    overItem,
+    restrictDragAndDrop
+  } = _ref3;
+  const {
+    id: movedId
+  } = draggedItem;
+  const {
+    id: hoverId
+  } = overItem;
+  const isInside = !isBefore && !isAfter;
   if (movedId === hoverId) return false;
 
   if (isInside && !overItem.isGroup) {
@@ -94,27 +105,30 @@ var isDropValid = function isDropValid(_ref3) {
   if (restrictDragAndDrop) {
     if (isInside) return false; // in this mode we can't drop inside another element
 
-    var sameParent = utils_treeHelpers.itemsShareSameParent([draggedItem, overItem]);
+    const sameParent = treeHelpers.itemsShareSameParent([draggedItem, overItem]);
     if (overItem.node.model.isExpanded && isAfter) return false;
     if (!sameParent) return false;
   }
 
   return true;
 };
-var inferKeyboardKinshipDrop = function inferKeyboardKinshipDrop(_ref4) {
-  var items = _ref4.items,
-      newIndex = _ref4.newIndex;
-  var kinship = {}; // const directionOffset = movementDirection === 'topToBottom' ? 0 : 0;
+const inferKeyboardKinshipDrop = _ref4 => {
+  let {
+    items,
+    newIndex // movementDirection,
 
-  var itemBefore = items[newIndex];
-  var itemBeforeModel = itemBefore.node.model;
-  var isGroupAndIsExpanded = itemBeforeModel.isExpanded && itemBeforeModel.children.length > 0;
+  } = _ref4;
+  const kinship = {}; // const directionOffset = movementDirection === 'topToBottom' ? 0 : 0;
+
+  const itemBefore = items[newIndex];
+  const itemBeforeModel = itemBefore.node.model;
+  const isGroupAndIsExpanded = itemBeforeModel.isExpanded && itemBeforeModel.children.length > 0;
 
   if (isGroupAndIsExpanded) {
     kinship.newParentNode = itemBefore.node;
     kinship.newNestedIndex = 0;
   } else {
-    kinship.newParentNode = utils_treeHelpers.getItemsParentNode([itemBefore], true);
+    kinship.newParentNode = treeHelpers.getItemsParentNode([itemBefore], true);
     kinship.newNestedIndex = itemBefore.node.getIndex();
   }
 
@@ -126,4 +140,3 @@ exports.inferKeyboardKinshipDrop = inferKeyboardKinshipDrop;
 exports.isDropValid = isDropValid;
 exports.keyCodes = keyCodes;
 exports.sameParentAsHoverItemDrop = sameParentAsHoverItemDrop;
-//# sourceMappingURL=dnd-helpers.js.map

package/cjs/utils/group-expands-helpers.js

@@ -5,42 +5,48 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 /* eslint-disable max-params */
-var toggleItemExpand = function toggleItemExpand(itemToToggle, triggerTreeRerender) {
-  var scrollTo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
-  var isExpanded = itemToToggle.node.model.isExpanded,
-      virtualIndex = itemToToggle.virtualIndex;
+const toggleItemExpand = function (itemToToggle, triggerTreeRerender) {
+  let scrollTo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
+  const {
+    node: {
+      model: {
+        isExpanded
+      }
+    },
+    virtualIndex
+  } = itemToToggle;
 
   if (itemToToggle.node.model.isGroup) {
     itemToToggle.node.model.isExpanded = !isExpanded;
     triggerTreeRerender();
-    setTimeout(function () {
+    setTimeout(() => {
       scrollTo(virtualIndex, {
         align: 'start'
       });
     });
   }
 };
-var expandItemModel = function expandItemModel(modelToExpand) {
+const expandItemModel = modelToExpand => {
   if (modelToExpand.isGroup) modelToExpand.isExpanded = true;
 };
-var collapseItemModel = function collapseItemModel(modelToCollapse) {
+const collapseItemModel = modelToCollapse => {
   if (modelToCollapse.isGroup) modelToCollapse.isExpanded = false;
 };
-var expandAll = function expandAll(treeRoot, triggerTreeRerender) {
-  treeRoot.walk(function (node) {
+const expandAll = (treeRoot, triggerTreeRerender) => {
+  treeRoot.walk(node => {
     if (!node.isRoot()) expandItemModel(node.model);
   });
   triggerTreeRerender();
 };
-var collapseAll = function collapseAll(treeRoot, triggerTreeRerender) {
-  treeRoot.walk(function (node) {
+const collapseAll = (treeRoot, triggerTreeRerender) => {
+  treeRoot.walk(node => {
     if (!node.isRoot()) collapseItemModel(node.model);
   });
   triggerTreeRerender();
 };
-var getToggleExpandShouldExpand = function getToggleExpandShouldExpand(treeRoot) {
-  var shouldExpand = false;
-  treeRoot.walk(function (node) {
+const getToggleExpandShouldExpand = treeRoot => {
+  let shouldExpand = false;
+  treeRoot.walk(node => {
     if (!node.isRoot()) {
       if (!node.model.isExpanded && node.model.isGroup) {
         shouldExpand = true; // eslint-disable-next-line no-useless-return
@@ -51,20 +57,20 @@ var getToggleExpandShouldExpand = function getToggleExpandShouldExpand(treeRoot)
   });
   return shouldExpand;
 };
-var toggleExpandAllHelper = function toggleExpandAllHelper(isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem) {
+const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem) => {
   if (isExpand === true) expandAll(treeRoot, triggerTreeRerender);else if (isExpand === false) collapseAll(treeRoot, triggerTreeRerender);else {
-    var shouldExpand = getToggleExpandShouldExpand(treeRoot);
+    const shouldExpand = getToggleExpandShouldExpand(treeRoot);
     if (shouldExpand === true) expandAll(treeRoot, triggerTreeRerender);else collapseAll(treeRoot, triggerTreeRerender);
   }
   setLatestToggledItem(null);
 };
-var useNotifyExpandedChange = function useNotifyExpandedChange(propsWithDefaults, _ref) {
-  var latestToggledItem = _ref.latestToggledItem,
-      expandedGroups = _ref.expandedGroups;
-  var notifyExpandedChange = React.useCallback(function (expandedGroupHashmap) {
-    return propsWithDefaults.onExpandChange(expandedGroupHashmap, latestToggledItem);
-  }, [propsWithDefaults, latestToggledItem]);
-  React.useEffect(function () {
+const useNotifyExpandedChange = (propsWithDefaults, _ref) => {
+  let {
+    latestToggledItem,
+    expandedGroups
+  } = _ref;
+  const notifyExpandedChange = React.useCallback(expandedGroupHashmap => propsWithDefaults.onExpandChange(expandedGroupHashmap, latestToggledItem), [propsWithDefaults, latestToggledItem]);
+  React.useEffect(() => {
     notifyExpandedChange(expandedGroups);
   }, [expandedGroups]);
 };
@@ -77,4 +83,3 @@ exports.getToggleExpandShouldExpand = getToggleExpandShouldExpand;
 exports.toggleExpandAllHelper = toggleExpandAllHelper;
 exports.toggleItemExpand = toggleItemExpand;
 exports.useNotifyExpandedChange = useNotifyExpandedChange;
-//# sourceMappingURL=group-expands-helpers.js.map