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

package/esm/deprecated/plugins/tree/walkTreeStrategy.js

@@ -1,35 +1,27 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-
 function getPath(parentNode, index, childrenKey) {
   if (!parentNode) return [index];
-  return [].concat(_toConsumableArray(parentNode.path), [childrenKey, index]);
+  return [...parentNode.path, childrenKey, index];
 }
 
-function walkTreeStrategy(_ref) {
-  var data = _ref.data,
-      _ref$childrenKey = _ref.childrenKey,
-      childrenKey = _ref$childrenKey === void 0 ? 'children' : _ref$childrenKey,
-      _ref$level = _ref.level,
-      level = _ref$level === void 0 ? 0 : _ref$level,
-      _ref$getId = _ref.getId,
-      getId = _ref$getId === void 0 ? function (item) {
-    return item.id;
-  } : _ref$getId,
-      parentNode = _ref.parentNode,
-      _ref$shouldWalkChildr = _ref.shouldWalkChildren,
-      shouldWalkChildren = _ref$shouldWalkChildr === void 0 ? function () {
-    return true;
-  } : _ref$shouldWalkChildr,
-      cb = _ref.cb;
-
+function walkTreeStrategy({
+  data,
+  childrenKey = 'children',
+  level = 0,
+  getId = item => item.id,
+  parentNode,
+  shouldWalkChildren = () => true,
+  cb
+}) {
   // eslint-disable-next-line no-plusplus
-  for (var i = 0; i < data.length; i++) {
-    var currLevel = level + 1;
-    var item = data[i];
+  for (let i = 0; i < data.length; i++) {
+    const currLevel = level + 1;
+    const item = data[i];
     if (!item) throw new Error('no item received, invalid tree walking strategy!');
-    var children = item[childrenKey];
-    var isGroup = item.isGroup;
-    var node = {
+    const children = item[childrenKey];
+    const {
+      isGroup
+    } = item;
+    const node = {
       index: i,
       id: getId(item),
       data: item,
@@ -50,12 +42,11 @@ function walkTreeStrategy(_ref) {
         data: children,
         level: currLevel,
         parentNode: node,
-        shouldWalkChildren: shouldWalkChildren,
-        cb: cb
+        shouldWalkChildren,
+        cb
       });
     }
   }
 }
 
 export { walkTreeStrategy };
-//# sourceMappingURL=walkTreeStrategy.js.map

package/esm/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js

@@ -1,26 +1,30 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { useRef, useMemo } from 'react';
 import { DynamicSizeList } from '@john-osullivan/react-window-dynamic-fork';
 import { getVirtualListComponent } from '@elliemae/ds-shared/virtualization';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { TreeListNoItems } from '../../renderers.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["records", "itemRenderer", "innerRef"];
+const _excluded = ["records", "itemRenderer", "innerRef"];
+
+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; }
 
 function shallowDiffers(prev, next) {
   // eslint-disable-next-line no-restricted-syntax
-  for (var attribute in prev) {
+  for (const attribute in prev) {
     if (!(attribute in next)) {
       return true;
     }
   } // eslint-disable-next-line no-restricted-syntax
 
 
-  for (var _attribute in next) {
-    if (prev[_attribute] !== next[_attribute]) {
+  for (const attribute in next) {
+    if (prev[attribute] !== next[attribute]) {
       return true;
     }
   }
@@ -30,154 +34,150 @@ function shallowDiffers(prev, next) {
 
 
 function areEqualRecords(prevProps, nextProps) {
-  var prevStyle = prevProps.style,
-      pIdx = prevProps.index,
-      pData = prevProps.data;
-  var nextStyle = nextProps.style,
-      nIdx = nextProps.index,
-      nData = nextProps.data;
+  const {
+    style: prevStyle,
+    index: pIdx,
+    data: pData
+  } = prevProps;
+  const {
+    style: nextStyle,
+    index: nIdx,
+    data: nData
+  } = nextProps;
   return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(pData === null || pData === void 0 ? void 0 : pData.records[pIdx], nData === null || nData === void 0 ? void 0 : nData.records[nIdx]);
 } // memoized list items strategy
 // https://react-window.now.sh/#/examples/list/memoized-list-items
 
 
-var VirtualizedTreeItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var index = _ref.index,
-      style = _ref.style,
-      data = _ref.data;
-  var instance = data.instance,
-      records = data.records,
-      listRef = data.listRef;
-
-  var _instance$getInstance = instance.getInstance(),
-      itemRenderer = _instance$getInstance.itemRenderer,
-      getItemProps = _instance$getInstance.getItemProps,
-      renderers = _instance$getInstance.renderers;
-
-  var record = records[index];
-  var ItemComponent = renderers.item; // needed to show the shadow below the row and because
+const VirtualizedTreeItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(({
+  index,
+  style,
+  data
+}, ref) => {
+  const {
+    instance,
+    records,
+    listRef
+  } = data;
+  const {
+    itemRenderer,
+    getItemProps,
+    renderers
+  } = instance.getInstance();
+  const record = records[index];
+  const ItemComponent = renderers.item; // needed to show the shadow below the row and because
   // of absolute positioning from react-window
 
-  var mixedProps = getItemProps({
-    index: index,
-    record: record,
-    style: style,
-    listRef: listRef,
+  const mixedProps = getItemProps({
+    index,
+    record,
+    style,
+    listRef,
     innerRef: ref
   }, {
-    record: record
+    record
   });
   record.style = style;
-  return /*#__PURE__*/React.createElement(ItemComponent, _extends({}, mixedProps, {
-    tabIndex: -1
-  }), itemRenderer(mixedProps));
+  return /*#__PURE__*/jsx(ItemComponent, _objectSpread(_objectSpread({}, mixedProps), {}, {
+    tabIndex: -1,
+    children: itemRenderer(mixedProps)
+  }));
 }), areEqualRecords); // eslint-disable-next-line react/display-name
 
-var VirtualizedTree = function VirtualizedTree(renderers, instance) {
-  return function (_ref2) {
-    var records = _ref2.records;
-        _ref2.itemRenderer;
-        var innerRef = _ref2.innerRef,
-        rest = _objectWithoutProperties(_ref2, _excluded);
-
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var _instance$getInstance2 = instance.getInstance(),
-        _instance$getInstance3 = _instance$getInstance2.props,
-        autoHeight = _instance$getInstance3.autoHeight,
-        fluid = _instance$getInstance3.fluid,
-        width = _instance$getInstance3.width,
-        _instance$getInstance4 = _instance$getInstance3.height,
-        height = _instance$getInstance4 === void 0 ? 500 : _instance$getInstance4,
-        _instance$getInstance5 = _instance$getInstance3.noItemsPlaceholder,
-        noItemsPlaceholder = _instance$getInstance5 === void 0 ? 'No items found' : _instance$getInstance5,
-        initialOffset = _instance$getInstance3.initialOffset,
-        listRef = _instance$getInstance2.state.listRef,
-        currRenderers = _instance$getInstance2.renderers,
-        setListRef = _instance$getInstance2.setListRef; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-
-    var ListComponent = useMemo(function () {
-      return getVirtualListComponent({
-        component: DynamicSizeList,
-        height: height,
-        fluid: fluid,
-        autoHeight: autoHeight
-      });
-    }, [height, autoHeight]); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    var itemData = useMemo(function () {
-      return {
-        instance: instance,
-        listRef: listRef,
-        renderers: currRenderers,
-        records: records
-      };
-    }, [records, currRenderers, listRef]); // todo: revise this
-
-    if (records && !records.length) {
-      return /*#__PURE__*/React.createElement(TreeListNoItems, null, noItemsPlaceholder);
-    }
+const VirtualizedTree = (renderers, instance) => _ref => {
+  let {
+    records,
+    itemRenderer,
+    innerRef
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const {
+    props: {
+      autoHeight,
+      fluid,
+      width,
+      height = 500,
+      noItemsPlaceholder = 'No items found',
+      initialOffset
+    },
+    state: {
+      listRef
+    },
+    renderers: currRenderers,
+    setListRef
+  } = instance.getInstance(); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+  const ListComponent = useMemo(() => getVirtualListComponent({
+    component: DynamicSizeList,
+    height,
+    fluid,
+    autoHeight
+  }), [height, autoHeight]); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+  const itemData = useMemo(() => ({
+    instance,
+    listRef,
+    renderers: currRenderers,
+    records
+  }), [records, currRenderers, listRef]); // todo: revise this
+
+  if (records && !records.length) {
+    return /*#__PURE__*/_jsx(TreeListNoItems, {}, void 0, noItemsPlaceholder);
+  }
 
-    return /*#__PURE__*/React.createElement(ListComponent, _extends({
-      innerRef: setListRef
-    }, rest, {
-      ref: listRef,
-      component: DynamicSizeList,
-      height: height,
-      initialScrollOffset: initialOffset,
-      itemCount: records.length,
-      itemData: itemData,
-      outerElementType: renderers.list,
-      outerRef: innerRef,
-      width: width
-    }), VirtualizedTreeItem);
-  };
+  return /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({
+    innerRef: setListRef
+  }, rest), {}, {
+    ref: listRef,
+    component: DynamicSizeList,
+    height: height,
+    initialScrollOffset: initialOffset,
+    itemCount: records.length,
+    itemData: itemData,
+    outerElementType: renderers.list,
+    outerRef: innerRef,
+    width: width,
+    children: VirtualizedTreeItem
+  }));
 };
 
-var TreeVirtualizationPlugin = createInstancePlugin('tree-virtualization', {
-  state: function state() {
+const TreeVirtualizationPlugin = createInstancePlugin('tree-virtualization', {
+  state() {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    var listRef = useRef();
+    const listRef = useRef();
     return {
       state: {
-        listRef: listRef
+        listRef
       },
       actions: {
-        scrollTo: function scrollTo() {
+        scrollTo: (...args) => {
           var _listRef$current;
 
           if (listRef !== null && listRef !== void 0 && (_listRef$current = listRef.current) !== null && _listRef$current !== void 0 && _listRef$current.scrollTo) {
-            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-              args[_key] = arguments[_key];
-            }
-
             listRef.current.scrollTo(args);
           }
         },
-        scrollToItem: function scrollToItem() {
+        scrollToItem: (...args) => {
           var _listRef$current2;
 
           if (listRef !== null && listRef !== void 0 && (_listRef$current2 = listRef.current) !== null && _listRef$current2 !== void 0 && _listRef$current2.scrollToItem) {
-            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-              args[_key2] = arguments[_key2];
-            }
-
             listRef.current.scrollToItem(args);
           }
         }
       }
     };
   },
-  renderers: function renderers(_renderers, instance) {
+
+  renderers(renderers, instance) {
     return {
-      item: _renderers.item,
+      item: renderers.item,
       // eslint-disable-next-line react-hooks/rules-of-hooks
-      list: useMemo(function () {
-        return VirtualizedTree(_renderers, instance);
-      }, [])
+      list: useMemo(() => VirtualizedTree(renderers, instance), [])
     };
   }
+
 });
 
 export { TreeVirtualizationPlugin };
-//# sourceMappingURL=TreeVirtualizationPlugin.js.map

package/esm/deprecated/plugins/virtualization/index.js

@@ -1,11 +1 @@
 export { TreeVirtualizationPlugin } from './TreeVirtualizationPlugin.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/extends';
-import 'react';
-import '@john-osullivan/react-window-dynamic-fork';
-import '@elliemae/ds-shared/virtualization';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import '../../renderers.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
-//# sourceMappingURL=index.js.map

package/esm/deprecated/renderers.js

@@ -1,41 +1,51 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 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 = `${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);
-});
-var TreeListNoItems = aggregatedClasses('div', {
+})(treeListBlockName, null, ({
+  rowSize
+}) => ({
+  [`rowsize-${rowSize}`]: rowSize
+}));
+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(_ref) {
+  let {
+    leftAddons,
+    rightAddons,
+    children
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _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,92 +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-5a2cacb1.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-basic/CircularProgressIndicator';
-import './prop-types.js';
-import 'prop-types';
-import './parts/TreeItem.js';
-import '@elliemae/ds-icons/GripperVertical';
-import './parts/RadioSelectable.js';
-import '@elliemae/ds-basic/form/Radio';
-import './parts/CheckboxSelectable.js';
-import '@elliemae/ds-basic/form/Checkbox';
-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/utils';
-import './parts/ExpandCaret.js';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/ArrowheadDown';
-import '@elliemae/ds-icons/ArrowheadRight';
-import './parts/TreeItemText.js';
-import 'react-highlight-words';
-import '@elliemae/ds-basic';
-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 '@elliemae/ds-utilities/hooks/useExpandState';
-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 '@elliemae/ds-utilities/system';
-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 '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
-import './deprecated/plugins/selectable/utils.js';
-import './deprecated/plugins/toolbar/TreeToolbarPlugin.js';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '@elliemae/ds-shared/toolbar/ToolbarProvider';
-import './deprecated/plugins/searchable/SearchableTreePlugin.js';
-import '@elliemae/ds-utilities/hooks/usePrevious';
+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/package.json

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