@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/VirtualizedTree/Item.js

@@ -1,200 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import ListItem from '@mui/material/ListItem';
-import Typography from '@mui/material/Typography';
-import ListItemText from '@mui/material/ListItemText';
-import IconButton from '@mui/material/IconButton';
-import SvgIcon from '@mui/material/SvgIcon';
-import Icon from '@mui/material/SvgIcon';
-import CheckBoxIcon from '@mui/icons-material/CheckBoxOutlineBlankOutlined';
-import CheckedBoxIcon from '@mui/icons-material/CheckBoxOutlined';
-import cx from 'classnames';
-import { Tooltip } from '../';
-import useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';
-
-var Item = function Item(_ref) {
-  var _extends2, _cx, _cx2, _cx3, _cx4, _cx5;
-
-  var classes = _ref.classes,
-      id = _ref.id,
-      label = _ref.label,
-      _ref$description = _ref.description,
-      description = _ref$description === undefined ? '' : _ref$description,
-      isSelected = _ref.isSelected,
-      isDisabled = _ref.isDisabled,
-      isGreyed = _ref.isGreyed,
-      changeList = _ref.changeList,
-      ariaLabel = _ref.ariaLabel,
-      NavigateIcon = _ref.NavigateIcon,
-      hasChild = _ref.hasChild,
-      hasChildrenOnLevel = _ref.hasChildrenOnLevel,
-      count = _ref.count,
-      svgPath = _ref.svgPath,
-      style = _ref.style,
-      isRtl = _ref.isRtl,
-      accessibility = _ref.accessibility,
-      HTMLRenderer = _ref.HTMLRenderer,
-      hierarchicalId = _ref.hierarchicalId,
-      labels = _ref.labels,
-      _ref$depth = _ref.depth,
-      depth = _ref$depth === undefined ? 0 : _ref$depth,
-      eventsListeners = _ref.eventsListeners,
-      expanded = _ref.expanded,
-      highlightedLabel = _ref.highlightedLabel;
-
-  var _useKeyboardEscapeHan = useKeyboardEscapeHandler(),
-      open = _useKeyboardEscapeHan.open,
-      setOpen = _useKeyboardEscapeHan.setOpen;
-
-  var padding = depth * 30 + (depth > 0 && !hasChildrenOnLevel ? 30 : 0) + (!hasChild && hasChildrenOnLevel ? 30 : 0);
-
-  var formattedLabel = highlightedLabel ? React.createElement('div', { dangerouslySetInnerHTML: { __html: highlightedLabel } }) : label;
-  return React.createElement(
-    ListItem,
-    {
-      dense: true,
-      disableGutters: true,
-      classes: { disabled: classes.disabled },
-      className: cx(classes.listItemContainer, classes.disableSecondaryAction),
-      tabIndex: -1,
-      style: _extends({}, style, (_extends2 = {
-        flexDirection: isRtl ? 'row-reverse' : 'row'
-      }, _extends2['' + (isRtl ? 'paddingRight' : 'paddingLeft')] = padding + 'px', _extends2)),
-      role: 'listitem'
-    },
-    R.and(NavigateIcon, hasChild) && React.createElement(
-      IconButton,
-      {
-        disableRipple: true,
-        disableFocusRipple: true,
-        className: classes.arrow,
-        'aria-label': ariaLabel,
-        tabIndex: 0,
-        size: 'small',
-        color: 'primary',
-        onClick: function onClick() {
-          return changeList(hierarchicalId || id);
-        },
-        'aria-expanded': expanded
-      },
-      React.createElement(NavigateIcon, null)
-    ),
-    React.createElement(ListItemText, {
-      'data-testid': 'value_' + id,
-      tabIndex: 0,
-      role: 'checkbox',
-      'aria-label': isGreyed ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      'aria-checked': isSelected,
-      'aria-disabled': isDisabled,
-      primaryTypographyProps: { noWrap: true, color: 'inherit' },
-      secondaryTypographyProps: { color: 'inherit' },
-      classes: { root: classes.listItem },
-      className: cx((_cx = {}, _cx[classes.accessibilityItemHover] = accessibility, _cx[classes.listItemSelected] = isSelected, _cx[classes.listItemHover] = !isDisabled, _cx)),
-      onKeyDown: isDisabled ? null : eventsListeners.onKeyDown,
-      onClick: isDisabled ? null : eventsListeners.onClick,
-      onMouseDown: isDisabled || open ? null : eventsListeners.onMouseDown,
-      onMouseEnter: isDisabled || open ? null : eventsListeners.onMouseEnter,
-      title: isGreyed ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      style: {
-        outline: accessibility ? undefined : 'none'
-      },
-      primary: React.createElement(
-        'div',
-        {
-          className: cx(classes.labelContainer, (_cx2 = {}, _cx2[classes.rtlLabelContainer] = isRtl, _cx2))
-        },
-        React.createElement(
-          Icon,
-          {
-            color: 'primary',
-            className: cx(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
-          },
-          isSelected ? React.createElement(CheckedBoxIcon, null) : React.createElement(CheckBoxIcon, null)
-        ),
-        svgPath && React.createElement(
-          SvgIcon,
-          {
-            color: 'primary',
-            className: cx(classes.labelIcon, (_cx4 = {}, _cx4[classes.disabledLabel] = isDisabled, _cx4))
-          },
-          React.createElement('path', { d: svgPath })
-        ),
-        React.createElement(
-          Tooltip,
-          {
-            title: R.or(R.isNil(HTMLRenderer), R.isEmpty(description)) ? description : React.createElement(HTMLRenderer, { html: description, onClick: function onClick(e) {
-                return e.stopPropagation();
-              } }),
-            enterDelay: 400,
-            enterNextDelay: 400,
-            tabIndex: description ? 0 : -1,
-            'aria-label': description,
-            'aria-hidden': false,
-            placement: 'top',
-            disableInteractive: Boolean(HTMLRenderer) === false,
-            onOpen: function onOpen() {
-              return setOpen(true);
-            },
-            onClose: function onClose() {
-              return setOpen(false);
-            },
-            disableHoverListener: R.isEmpty(description),
-            open: open
-          },
-          React.createElement(
-            Typography,
-            {
-              color: 'inherit',
-              variant: 'body2',
-              className: cx(classes.label, (_cx5 = {}, _cx5[classes.disabledLabel] = isGreyed, _cx5[classes.tooltipNotice] = !R.isEmpty(description), _cx5))
-            },
-            formattedLabel
-          )
-        ),
-        R.not(R.isNil(count)) && React.createElement(
-          Typography,
-          { variant: 'body2', className: classes.count },
-          '(',
-          count,
-          ')'
-        )
-      )
-    })
-  );
-};
-
-Item.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: PropTypes.object,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  label: PropTypes.string,
-  description: PropTypes.string,
-  parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  ariaLabel: PropTypes.string,
-  NavigateIcon: PropTypes.object,
-  isSelected: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  hasChild: PropTypes.bool,
-  hasChildrenOnLevel: PropTypes.bool,
-  isSection: PropTypes.bool,
-  changeList: PropTypes.func,
-  changeListDescription: PropTypes.string,
-  count: PropTypes.number,
-  svgPath: PropTypes.string,
-  style: PropTypes.object,
-  isRtl: PropTypes.bool,
-  accessibility: PropTypes.bool,
-  labelRenderer: PropTypes.func,
-  HTMLRenderer: PropTypes.func,
-  hierarchicalId: PropTypes.string,
-  labels: PropTypes.object,
-  depth: PropTypes.number,
-  eventsListeners: PropTypes.object,
-  isGreyed: PropTypes.bool,
-  expanded: PropTypes.bool,
-  highlightedLabel: PropTypes.string
-} : {};
-
-export default Item;

package/es/VirtualizedTree/VirtualizedTree.js

@@ -1,366 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { useRef, useEffect, useState, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
-import VirtualizedList from 'react-virtualized/dist/commonjs/List';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ExpandLessIcon from '@mui/icons-material/ExpandLess';
-import Item from './Item';
-import { useTheme } from '@mui/material';
-import { useStyles, height as rowHeight } from '../ScopeList/styles';
-import { getDepth, getHierarchicalId, isItemSelected as _isItemSelected, getDeprecatedIds, getDuplicates, getImposedItems } from './utils';
-import { getIsRtl } from '../utils';
-
-var singleScopeGetter = function singleScopeGetter() {
-  return function (item) {
-    return [item];
-  };
-};
-
-export var getDisplayedIds = function getDisplayedIds(items, grouped, expanded) {
-  return R.pipe(R.map(function (item) {
-    var hierarchicalId = getHierarchicalId(item);
-    if (R.has(hierarchicalId, grouped) && R.has(hierarchicalId, expanded)) {
-      var children = getDisplayedIds(R.prop(hierarchicalId, grouped), grouped, expanded);
-      return R.prepend(hierarchicalId, children);
-    }
-    return [hierarchicalId];
-  }), R.unnest)(items);
-};
-
-export var getHasChildrenOnLevel = function getHasChildrenOnLevel(groupedItems) {
-  return function (item) {
-    if (R.has(getHierarchicalId(item), groupedItems)) {
-      return true;
-    }
-    return R.pipe(R.prop(R.propOr('#ROOT', 'parentId', item)), R.find(function (it) {
-      return R.has(getHierarchicalId(it), groupedItems);
-    }), R.complement(R.isNil))(groupedItems);
-  };
-};
-
-var VirtualizedTree = function VirtualizedTree(props) {
-  var accessibility = props.accessibility,
-      changeSelection = props.changeSelection,
-      HTMLRenderer = props.HTMLRenderer,
-      items = props.items,
-      labelRenderer = props.labelRenderer,
-      labels = props.labels,
-      _props$disableAccesso = props.disableAccessor,
-      disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
-      _props$isGreyed = props.isGreyed,
-      isGreyed = _props$isGreyed === undefined ? R.always(false) : _props$isGreyed,
-      expandedIds = props.expandedIds,
-      expand = props.expand,
-      collapse = props.collapse,
-      _props$maxTreeHeight = props.maxTreeHeight,
-      maxTreeHeight = _props$maxTreeHeight === undefined ? 250 : _props$maxTreeHeight,
-      _props$scopeGetter = props.scopeGetter,
-      scopeGetter = _props$scopeGetter === undefined ? singleScopeGetter : _props$scopeGetter,
-      _props$treeHeight = props.treeHeight,
-      treeHeight = _props$treeHeight === undefined ? 0 : _props$treeHeight,
-      _props$simpleSelectio = props.simpleSelectionMode,
-      simpleSelectionMode = _props$simpleSelectio === undefined ? false : _props$simpleSelectio;
-
-  var theme = useTheme();
-
-  var _useState = useState(undefined),
-      scrollTop = _useState[0],
-      setScrollTop = _useState[1];
-
-  var _useState2 = useState([]),
-      shiftIndexes = _useState2[0],
-      setShiftIndexes = _useState2[1];
-
-  var _useState3 = useState(false),
-      isMouseDown = _useState3[0],
-      setIsMouseDown = _useState3[1];
-
-  var _useState4 = useState(null),
-      lastItemId = _useState4[0],
-      setLastItemId = _useState4[1];
-
-  var _useState5 = useState({}),
-      selectIds = _useState5[0],
-      setSelectIds = _useState5[1];
-
-  var _useMemo = useMemo(function () {
-    var refinedItems = R.map(function (item) {
-      return _extends({}, item, {
-        isSelected: _isItemSelected(selectIds)(item),
-        isGreyed: R.is(Function, isGreyed) ? isGreyed(item) : false,
-        isDisabled: R.is(Function, disableAccessor) ? disableAccessor(item, selectIds) : false
-      });
-    }, items);
-    var indexedItemsById = R.indexBy(getHierarchicalId, refinedItems);
-    var groupedItemsByParentId = R.groupBy(R.propOr('#ROOT', 'parentId'), refinedItems);
-    return { indexedItemsById: indexedItemsById, groupedItemsByParentId: groupedItemsByParentId };
-  }, [items, selectIds]),
-      indexedItemsById = _useMemo.indexedItemsById,
-      groupedItemsByParentId = _useMemo.groupedItemsByParentId;
-
-  var list = useMemo(function () {
-    return getDisplayedIds(R.propOr([], '#ROOT', groupedItemsByParentId), groupedItemsByParentId, expandedIds);
-  }, [items, expandedIds]);
-
-  var getItemScope = scopeGetter({ indexedItemsById: indexedItemsById, groupedItemsByParentId: groupedItemsByParentId });
-
-  var isItemSelected = _isItemSelected(selectIds);
-
-  var multiSelect = function multiSelect(id) {
-    var item = R.prop(id, indexedItemsById);
-    var ids = R.pipe(getItemScope, getImposedItems(selectIds, indexedItemsById), R.filter(function (v) {
-      return v.isSelected === item.isSelected;
-    }), function (items) {
-      return getDuplicates(items, indexedItemsById);
-    }, R.map(getHierarchicalId))(item);
-
-    if (isItemSelected(item)) {
-      var deprecatedIds = getDeprecatedIds(ids, { indexedItemsById: indexedItemsById, groupedItemsByParentId: groupedItemsByParentId }, selectIds);
-      ids = R.concat(ids, deprecatedIds);
-    }
-
-    if (R.has(id, selectIds)) {
-      setSelectIds(R.omit(ids, selectIds));
-    } else {
-      setSelectIds(_extends({}, selectIds, R.indexBy(R.identity, ids)));
-      setLastItemId(id);
-    }
-  };
-  var shiftSelect = function shiftSelect(index) {
-    var selectRange = function selectRange(indexes, isSelected) {
-      var _selectIds = R.pipe(R.slice(Math.min.apply(Math, indexes), Math.max.apply(Math, indexes) + 1), function (ids) {
-        return R.props(ids, indexedItemsById);
-      }, R.map(getItemScope), R.unnest, R.filter(function (v) {
-        return v.isSelected === isSelected;
-      }), R.map(getHierarchicalId), R.indexBy(R.identity))(list);
-      setShiftIndexes(indexes);
-      setSelectIds(_selectIds);
-    };
-    if (R.isEmpty(shiftIndexes)) {
-      var item = R.pipe(R.nth(index), function (id) {
-        return R.prop(id, indexedItemsById);
-      })(list);
-      if (!R.isNil(lastItemId)) {
-        var lastItem = R.prop(lastItemId, indexedItemsById);
-        var lastItemIndex = R.findIndex(function (v) {
-          return v === lastItem.id;
-        }, list);
-        if (lastItem.isSelected !== item.isSelected && lastItemIndex !== -1) {
-          selectRange([lastItemIndex, index], item.isSelected);
-          return;
-        }
-      }
-      var ids = R.pipe(getItemScope, R.filter(function (v) {
-        return v.isSelected === item.isSelected;
-      }), R.map(getHierarchicalId), R.indexBy(R.identity))(item);
-      setShiftIndexes(R.append(index, shiftIndexes));
-      setSelectIds(ids);
-    } else if (R.length(shiftIndexes) === 1 && index === R.head(shiftIndexes)) {
-      setShiftIndexes([]);
-      setSelectIds({});
-    } else {
-      var firstItem = R.pipe(R.nth(R.head(shiftIndexes)), function (id) {
-        return R.prop(id, indexedItemsById);
-      })(list);
-      selectRange([R.head(shiftIndexes), index], firstItem.isSelected);
-    }
-  };
-  var apply = function apply() {
-    if (!R.isEmpty(selectIds)) {
-      var ids = R.values(selectIds);
-      var selection = R.pipe(R.props(ids), R.pluck('id'), R.uniq)(indexedItemsById);
-      changeSelection(selection);
-      setShiftIndexes([]);
-      setSelectIds({});
-      setIsMouseDown(false);
-    }
-  };
-
-  var onMouseUp = function onMouseUp(e) {
-    if (!isMouseDown) {
-      return;
-    }
-    e.preventDefault();
-    apply();
-    setIsMouseDown(false);
-  };
-
-  var onMouseLeave = function onMouseLeave() {
-    if (isMouseDown) {
-      apply();
-    }
-  };
-
-  var onKeyUp = function onKeyUp(e) {
-    e.preventDefault();
-    if (e.key === 'Shift' && !R.isEmpty(shiftIndexes)) {
-      apply();
-    } else if (e.key === 'Control' && !R.isEmpty(selectIds)) {
-      apply();
-    } else if (e.key === 'Enter' && !R.isNil(lastItemId)) {
-      apply();
-    }
-  };
-
-  var itemEventsListeners = function itemEventsListeners(id, index) {
-    return {
-      onMouseDown: function onMouseDown(e) {
-        if (!simpleSelectionMode && (e.ctrlKey || e.shiftKey)) {
-          return;
-        }
-        setIsMouseDown(true);
-        multiSelect(id);
-      },
-      onMouseEnter: function onMouseEnter(e) {
-        e.preventDefault();
-        if (!isMouseDown || simpleSelectionMode || e.ctrlKey || e.shiftKey) {
-          return;
-        }
-        multiSelect(id);
-        setLastItemId(id);
-      },
-      onKeyDown: function onKeyDown(e) {
-        if (e.key === 'Enter') {
-          multiSelect(id);
-          setLastItemId(id);
-        }
-      },
-      onClick: function onClick(e) {
-        e.preventDefault();
-        if (e.ctrlKey && !simpleSelectionMode) {
-          multiSelect(id);
-        } else if (e.shiftKey && !simpleSelectionMode) {
-          shiftSelect(index);
-        } else {
-          setIsMouseDown(false);
-          setLastItemId(id);
-        }
-      }
-    };
-  };
-  var ref = useRef();
-  var classes = useStyles();
-  useEffect(function () {
-    var current = ref.current;
-    var handler = function handler(event) {
-      if (R.or(event.ctrlKey, event.shiftKey)) {
-        // ugly hack, to get div element created by react-virtuliase (get scroll height)
-        // ReactVirtualized__Grid ReactVirtualized__List made the scrollbar
-        var scrollEl = R.path(['children', 0, 'children', 0], current);
-        var isBottom = R.gte(R.add(R.prop('scrollTop')(scrollEl), R.prop('clientHeight')(scrollEl)), R.prop('scrollHeight')(scrollEl));
-        var nextpos = (scrollTop || scrollEl.scrollTop) + event.deltaY / 2;
-        if (R.or(event.deltaY < 0, event.deltaY > 0 && R.not(isBottom))) {
-          setScrollTop(nextpos < 0 ? 0 : nextpos);
-        }
-        event.preventDefault();
-      }
-      if (R.not(event.ctrlKey) && R.not(event.shiftKey)) {
-        setScrollTop(undefined); // should be undefined if the user want use the normal scroll
-      }
-    };
-    if (scrollTop === 0) {
-      setScrollTop(undefined);
-    }
-    if (R.isNil(current)) return;
-    current.addEventListener('wheel', handler, { passive: false });
-    return function () {
-      current.removeEventListener('wheel', handler, { passive: false });
-    };
-  }, [scrollTop]);
-  var maxHeight = treeHeight === 0 ? R.pipe(R.length, R.multiply(rowHeight), R.ifElse(R.gt(maxTreeHeight), R.add(10), R.always(maxTreeHeight)))(list) : treeHeight;
-
-  if (R.isEmpty(list)) {
-    return null;
-  }
-  var isRtl = getIsRtl(theme);
-  return React.createElement(
-    'div',
-    {
-      style: { height: maxHeight },
-      onKeyUp: onKeyUp,
-      onMouseUp: onMouseUp,
-      onMouseLeave: onMouseLeave,
-      ref: ref,
-      role: 'presentation'
-    },
-    React.createElement(
-      AutoSizer,
-      { disableWidth: true },
-      function (_ref) {
-        var height = _ref.height;
-        return React.createElement(VirtualizedList, {
-          containerRole: 'list',
-          role: 'presentation',
-          overscan: 10,
-          tabIndex: -1,
-          containerStyle: { width: '100%', maxWidth: '100%' },
-          height: height + 2,
-          width: 1,
-          style: { width: '100%' },
-          scrollTop: scrollTop // control scroll position with ctrl or shift key
-          , rowCount: R.length(list),
-          rowHeight: R.add(1)(rowHeight) // 1 is space between elements
-          , rowRenderer: function rowRenderer(_ref2) {
-            var index = _ref2.index,
-                style = _ref2.style;
-
-            var itemId = R.nth(index, list);
-            var item = R.prop(itemId, indexedItemsById);
-            return React.createElement(Item, _extends({}, item, {
-              id: getHierarchicalId(item),
-              label: labelRenderer(item),
-              key: getHierarchicalId(item),
-              depth: getDepth(indexedItemsById)(item),
-              hasChild: R.has(itemId, groupedItemsByParentId),
-              hasChildrenOnLevel: getHasChildrenOnLevel(groupedItemsByParentId)(item),
-              changeList: R.has(itemId, expandedIds) ? function () {
-                return collapse(getHierarchicalId(item));
-              } : function () {
-                return expand(getHierarchicalId(item));
-              },
-              NavigateIcon: R.has(itemId, expandedIds) ? ExpandLessIcon : ExpandMoreIcon,
-              expanded: R.has(itemId, expandedIds),
-              isRtl: isRtl,
-              eventsListeners: itemEventsListeners(getHierarchicalId(item), index),
-              HTMLRenderer: HTMLRenderer,
-              classes: classes,
-              labels: labels,
-              style: style,
-              accessibility: accessibility,
-              ariaLabel: R.prop('navigateNext')(labels),
-              theme: theme
-            }));
-          }
-        });
-      }
-    )
-  );
-};
-
-VirtualizedTree.propTypes = process.env.NODE_ENV !== "production" ? {
-  accessibility: PropTypes.bool,
-  changeSelection: PropTypes.func,
-  disableAccessor: PropTypes.func,
-  getItemScope: PropTypes.func,
-  HTMLRenderer: PropTypes.func,
-  isRtl: PropTypes.bool,
-  items: PropTypes.array,
-  labels: PropTypes.shape({
-    disableItemLabel: PropTypes.string
-  }),
-  labelRenderer: PropTypes.func,
-  withExpandControl: PropTypes.bool,
-  maxTreeHeight: PropTypes.number,
-  expandedIds: PropTypes.object,
-  expand: PropTypes.func,
-  collapse: PropTypes.func,
-  treeHeight: PropTypes.number,
-  isGreyed: PropTypes.func,
-  scopeGetter: PropTypes.func,
-  simpleSelectionMode: PropTypes.bool
-} : {};
-
-export default VirtualizedTree;

package/es/VirtualizedTree/index.js

@@ -1,38 +0,0 @@
-/**
- *
- * Virtualized Tree visualization of a hierarchical list with handling of single selection
- * and Ctrl and shift binding keys multi selections.
- *
- * @memberOf VISIONS
- * @name VirtualizedTree
- * @tag component
- * @api public
- * @props
- * VirtualizedTree.propTypes = {
- *   accessibility: PropTypes.bool,
- *   items: PropTypes.arrayOf(PropTypes.shape({
- *     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *     label: PropTypes.string,
- *     parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *     isSelected: PropTypes.bool,
- *     isDisabled: PropTypes.bool,
- *     count: PropTypes.number,
- *     path: PropTypes.arrayOf(PropTypes.shape({
- *       id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *       label: PropTypes.string,
- *       parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *       isSelected: PropTypes.bool,
- *     })),
- *     [yourDisplayAccessorKey]: PropTypes.bool,
- *   })),
- *   labels: PropTypes.shape({
- *     childrenNavigateDesc: PropTypes.string,
- *     navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     disableItemLabel: PropTypes.string,
- *   }),
- *   labelRenderer: PropTypes.func,
- * }
- */
-
-export { default } from './VirtualizedTree';