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

package/esm/deprecated/plugins/roving/TreeRovingPlugin.js

@@ -1,71 +1,69 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _extends from '@babel/runtime/helpers/esm/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useState, useMemo, useRef } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useMemo, useRef } from 'react';
 import FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
 import useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
 import { mergeRefs } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["innerRef", "onFocus", "onBlur"];
+const _excluded = ["innerRef", "onFocus", "onBlur"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var TreeListRovingHoc = function TreeListRovingHoc(instance) {
-  return function (props) {
-    var _instance$getInstance = instance.getInstance(),
-        hotKeys = _instance$getInstance.hotKeys;
-
-    return /*#__PURE__*/React.createElement(FocusGroupProvider, {
-      hotKeys: hotKeys
-    }, props.children);
-  };
+const TreeListRovingHoc = instance => props => {
+  const {
+    hotKeys
+  } = instance.getInstance();
+  return /*#__PURE__*/_jsx(FocusGroupProvider, {
+    hotKeys: hotKeys
+  }, void 0, props.children);
 }; // eslint-disable-next-line react/display-name
 
 
-var TreeItemRovingHoc = function TreeItemRovingHoc(Component) {
-  return function (_ref) {
-    var innerRef = _ref.innerRef,
-        onFocus = _ref.onFocus,
-        onBlur = _ref.onBlur,
-        props = _objectWithoutProperties(_ref, _excluded);
-
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var ref = useRef(null); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    useFocusGroupItem(ref, {
-      onFocus: onFocus,
-      onBlur: onBlur
-    });
-    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      innerRef: mergeRefs(ref, innerRef)
-    }));
-  };
+const TreeItemRovingHoc = Component => _ref => {
+  let {
+    innerRef,
+    onFocus,
+    onBlur
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const ref = useRef(null); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+  useFocusGroupItem(ref, {
+    onFocus,
+    onBlur
+  });
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+    innerRef: mergeRefs(ref, innerRef)
+  }));
 };
 
-var TreeRovingPlugin = createInstancePlugin('tree-data', {
-  getItemProps: function getItemProps(props, instance) {
-    var _useState = useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        isItemFocused = _useState2[0],
-        setIsItemFocused = _useState2[1];
-
+const TreeRovingPlugin = createInstancePlugin('tree-data', {
+  getItemProps(props, instance) {
+    const [isItemFocused, setIsItemFocused] = useState(false);
     return _objectSpread(_objectSpread({}, props), {}, {
-      onBlur: function onBlur() {
-        return setIsItemFocused(false);
-      },
+      onBlur: () => setIsItemFocused(false),
       // eslint-disable-next-line no-unused-vars
-      onFocus: function onFocus(e) {
+      onFocus: e => {
         var _instance$props;
 
         setIsItemFocused(true);
 
         if (instance !== null && instance !== void 0 && (_instance$props = instance.props) !== null && _instance$props !== void 0 && _instance$props.onItemFocus) {
           instance.props.onItemFocus({
-            scrollToItem: function scrollToItem() {
+            scrollToItem: function () {
               var _props$listRef, _props$listRef$curren;
 
               for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -78,24 +76,21 @@ var TreeRovingPlugin = createInstancePlugin('tree-data', {
           });
         }
       },
-      isItemFocused: isItemFocused,
+      isItemFocused,
       'data-index': props.index
     });
   },
-  renderers: function renderers(_renderers, instance) {
-    var ListWrapper = useMemo(function () {
-      return TreeListRovingHoc(instance);
-    }, []);
-    var Item = useMemo(function () {
-      return TreeItemRovingHoc(_renderers.item);
-    }, []);
-    return _objectSpread(_objectSpread({}, _renderers), {}, {
+
+  renderers(renderers, instance) {
+    const ListWrapper = useMemo(() => TreeListRovingHoc(instance), []);
+    const Item = useMemo(() => TreeItemRovingHoc(renderers.item), []);
+    return _objectSpread(_objectSpread({}, renderers), {}, {
       listWrapper: ListWrapper,
       item: Item
     });
   }
+
 });
 TreeRovingPlugin.order = 0;
 
 export { TreeRovingPlugin };
-//# sourceMappingURL=TreeRovingPlugin.js.map

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

@@ -1,11 +1 @@
 export { TreeRovingPlugin } from './TreeRovingPlugin.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-//# sourceMappingURL=index.js.map

package/esm/deprecated/plugins/searchable/SearchableTreePlugin.js

@@ -1,10 +1,14 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import Highlighter from 'react-highlight-words';
-import React from 'react';
+import 'react';
 import { usePrevious } from '@elliemae/ds-utilities';
 
-var markParentsAsChildMatch = function markParentsAsChildMatch(record) {
-  var currRecord = record;
+const markParentsAsChildMatch = record => {
+  let currRecord = record;
 
   while (currRecord.parentNode) {
     currRecord.parentNode.childMatch = true;
@@ -16,25 +20,27 @@ function transformRecords(records, instance) {
   var _instance$getListRef, _instance$getListRef$;
 
   // gets the ul with overflow: auto
-  var list = (_instance$getListRef = instance.getListRef()) === null || _instance$getListRef === void 0 ? void 0 : (_instance$getListRef$ = _instance$getListRef.current) === null || _instance$getListRef$ === void 0 ? void 0 : _instance$getListRef$.parentElement;
-
-  var _instance$getInstance = instance.getInstance(),
-      searchQuery = _instance$getInstance.props.searchQuery;
-
+  const list = (_instance$getListRef = instance.getListRef()) === null || _instance$getListRef === void 0 ? void 0 : (_instance$getListRef$ = _instance$getListRef.current) === null || _instance$getListRef$ === void 0 ? void 0 : _instance$getListRef$.parentElement;
+  const {
+    props: {
+      searchQuery
+    }
+  } = instance.getInstance();
   if (!searchQuery) return records; // Scroll the list to the top once the search is triggered
 
   list === null || list === void 0 ? void 0 : list.scrollTo(0, 0);
-  return records.filter(function (record) {
-    return record.selfMatch || record.childMatch;
-  });
+  return records.filter(record => record.selfMatch || record.childMatch);
 }
 
 transformRecords.order = 0;
 
 function transformRecord(record, instance) {
-  var _instance$getInstance2 = instance.getInstance(),
-      searchQuery = _instance$getInstance2.props.searchQuery,
-      getItemLabel = _instance$getInstance2.getItemLabel;
+  const {
+    props: {
+      searchQuery
+    },
+    getItemLabel
+  } = instance.getInstance();
 
   if (searchQuery && getItemLabel(record).toLowerCase().indexOf(searchQuery.toLowerCase()) !== -1) {
     markParentsAsChildMatch(record); // eslint-disable-next-line no-param-reassign
@@ -47,15 +53,15 @@ function transformRecord(record, instance) {
 
 transformRecord.order = 0;
 
-var itemRenderer = function itemRenderer(value, itemProps, instance) {
-  var _instance$getInstance3 = instance.getInstance(),
-      _instance$getInstance4 = _instance$getInstance3.props,
-      searchQuery = _instance$getInstance4.searchQuery,
-      _instance$getInstance5 = _instance$getInstance4.showHighlight,
-      showHighlight = _instance$getInstance5 === void 0 ? true : _instance$getInstance5;
-
+const itemRenderer = (value, itemProps, instance) => {
+  const {
+    props: {
+      searchQuery,
+      showHighlight = true
+    }
+  } = instance.getInstance();
   if (!showHighlight || !searchQuery) return value;
-  return /*#__PURE__*/React.createElement(Highlighter, {
+  return /*#__PURE__*/_jsx(Highlighter, {
     autoEscape: true,
     highlightClassName: "tree-text-highlight",
     searchWords: [searchQuery],
@@ -64,25 +70,30 @@ var itemRenderer = function itemRenderer(value, itemProps, instance) {
 };
 
 itemRenderer.order = 0;
-var SearchableTreePlugin = createInstancePlugin('searchable-tree', {
-  instance: function instance(_instance) {
-    var searchQuery = _instance.props.searchQuery; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    var prevSearchQuery = usePrevious(searchQuery);
+const SearchableTreePlugin = createInstancePlugin('searchable-tree', {
+  instance: instance => {
+    const {
+      props: {
+        searchQuery
+      }
+    } = instance; // eslint-disable-next-line react-hooks/rules-of-hooks
+
+    const prevSearchQuery = usePrevious(searchQuery);
     return {
-      prevSearchQuery: prevSearchQuery
+      prevSearchQuery
     };
   },
-  shouldWalkChildren: function shouldWalkChildren(record, instance) {
-    var _instance$getInstance6 = instance.getInstance(),
-        searchQuery = _instance$getInstance6.props.searchQuery;
-
+  shouldWalkChildren: (record, instance) => {
+    const {
+      props: {
+        searchQuery
+      }
+    } = instance.getInstance();
     return !!searchQuery;
   },
   record: transformRecord,
   records: transformRecords,
-  itemRenderer: itemRenderer
+  itemRenderer
 });
 
 export { SearchableTreePlugin };
-//# sourceMappingURL=SearchableTreePlugin.js.map

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

@@ -1,6 +1 @@
 export { SearchableTreePlugin } from './SearchableTreePlugin.js';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import 'react-highlight-words';
-import 'react';
-import '@elliemae/ds-utilities';
-//# sourceMappingURL=index.js.map

package/esm/deprecated/plugins/searchable/utils.js

@@ -1,4 +1,3 @@
-var getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
+const getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
 
 export { getListFromDocument };
-//# sourceMappingURL=utils.js.map

package/esm/deprecated/plugins/selectable/SelectablePluginTree.js

@@ -1,77 +1,73 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useMemo, useCallback } from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import { useMemo, useCallback } from 'react';
 import { DSCheckbox, DSRadio } from '@elliemae/ds-form';
 import { cx, useDerivedStateFromProps, isFunction } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { walkTreeStrategy } from '../tree/walkTreeStrategy.js';
 import { getParentId, getParentChildren } from '../tree/utils.js';
 import { checkParentState } from './utils.js';
-import 'lodash/get';
+import 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var updateParentState = function updateParentState(_ref) {
-  var node = _ref.node,
-      checked = _ref.checked,
-      selectionState = _ref.selectionState,
-      _ref$isCurrentParentC = _ref.isCurrentParentChildren,
-      isCurrentParentChildren = _ref$isCurrentParentC === void 0 ? true : _ref$isCurrentParentC;
-  var parentNode = node.parentNode;
+const updateParentState = _ref => {
+  let {
+    node,
+    checked,
+    selectionState,
+    isCurrentParentChildren = true
+  } = _ref;
+  const {
+    parentNode
+  } = node;
 
   if (parentNode) {
-    var nextSelectedChildrenAmount; // increase or decrease the amount
+    let nextSelectedChildrenAmount; // increase or decrease the amount
 
     if (checked === true && isCurrentParentChildren) nextSelectedChildrenAmount = parentNode.selectedChildren.length;
     if (checked === true && !isCurrentParentChildren) nextSelectedChildrenAmount = parentNode.selectedChildren.length + 1;
     if (checked === false) nextSelectedChildrenAmount = parentNode.selectedChildren.length - 1;
-    var parentChildren = getParentChildren(node);
-    var parentChildrenLength = parentChildren && parentChildren.length; // check parent state
+    const parentChildren = getParentChildren(node);
+    const parentChildrenLength = parentChildren && parentChildren.length; // check parent state
 
-    var parentState = checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked);
+    const parentState = checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked);
     selectionState[parentNode.id || 'all'] = parentState;
     updateParentState({
       node: parentNode,
       checked: parentState,
-      selectionState: selectionState,
+      selectionState,
       isCurrentParentChildren: false
     });
   }
 };
 
-var useSelectableTreeState = function useSelectableTreeState(instance) {
-  var originalData = instance.originalData,
-      _instance$idKey = instance.idKey,
-      idKey = _instance$idKey === void 0 ? 'id' : _instance$idKey,
-      _instance$props = instance.props,
-      _instance$props$onSel = _instance$props.onSelect,
-      onSelect = _instance$props$onSel === void 0 ? function () {
-    return null;
-  } : _instance$props$onSel,
-      _instance$props$selec = _instance$props.selection,
-      selectionProp = _instance$props$selec === void 0 ? {} : _instance$props$selec,
-      _instance$props$onSel2 = _instance$props.onSelectionChange,
-      onSelectionChange = _instance$props$onSel2 === void 0 ? function () {
-    return null;
-  } : _instance$props$onSel2,
-      _instance$props$isMul = _instance$props.isMultiSelect,
-      isMultiSelect = _instance$props$isMul === void 0 ? false : _instance$props$isMul,
-      _instance$props$isSin = _instance$props.isSingleSelect,
-      isSingleSelect = _instance$props$isSin === void 0 ? false : _instance$props$isSin;
-
-  var _useDerivedStateFromP = useDerivedStateFromProps(selectionProp),
-      _useDerivedStateFromP2 = _slicedToArray(_useDerivedStateFromP, 2),
-      selection = _useDerivedStateFromP2[0],
-      setSelection = _useDerivedStateFromP2[1];
-
-  var isAllSelected = useMemo(function () {
+const useSelectableTreeState = instance => {
+  const {
+    originalData,
+    idKey = 'id',
+    props: {
+      onSelect = () => null,
+      selection: selectionProp = {},
+      onSelectionChange = () => null,
+      isMultiSelect = false,
+      isSingleSelect = false
+    }
+  } = instance;
+  const [selection, setSelection] = useDerivedStateFromProps(selectionProp);
+  const isAllSelected = useMemo(() => {
     if (!isMultiSelect) return false;
-    var amountSelected = originalData.reduce(function (result, item) {
-      return selection[item[idKey]] === true ? result + 1 : result;
-    }, 0);
+    const amountSelected = originalData.reduce((result, item) => selection[item[idKey]] === true ? result + 1 : result, 0);
 
     if (amountSelected === originalData.length) {
       return true;
@@ -83,12 +79,12 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
 
     return 'mixed';
   }, [selection]);
-  var select = useCallback(function (record) {
-    var additionalActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const select = useCallback(function (record) {
+    let additionalActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
     if (isFunction(onSelect)) {
       onSelect(record.data, {
-        scrollToItem: function scrollToItem() {
+        scrollToItem: function () {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
@@ -99,9 +95,9 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
       });
     }
 
-    setSelection(function (prevSelection) {
-      var nextSelectionState = isMultiSelect ? _objectSpread({}, prevSelection) : {};
-      var nextState = isMultiSelect ? !prevSelection[record.id] : {};
+    setSelection(prevSelection => {
+      const nextSelectionState = isMultiSelect ? _objectSpread({}, prevSelection) : {};
+      const nextState = isMultiSelect ? !prevSelection[record.id] : {};
       nextSelectionState[record.id] = nextState;
 
       if (isMultiSelect || isSingleSelect) {
@@ -113,8 +109,8 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
           walkTreeStrategy({
             data: record.data.children,
             parentNode: record,
-            cb: function cb(node) {
-              var parentId = getParentId(node); // if direct child and truthy next state
+            cb: node => {
+              const parentId = getParentId(node); // if direct child and truthy next state
 
               if (nextState && parentId === record.id) {
                 record.selectedChildren.push(node.id);
@@ -134,7 +130,7 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
       }
 
       onSelectionChange(nextSelectionState, record.data, {
-        scrollToItem: function scrollToItem() {
+        scrollToItem: function () {
           for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
             args[_key2] = arguments[_key2];
           }
@@ -148,81 +144,88 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
   }, []);
   return {
     state: {
-      selection: selection,
-      isAllSelected: isAllSelected
+      selection,
+      isAllSelected
     },
     actions: {
-      select: select
+      select
     }
   };
 };
 
-var updateParentInternalState = function updateParentInternalState(record, checked) {
-  var parentNode = record.parentNode;
+const updateParentInternalState = (record, checked) => {
+  const {
+    parentNode
+  } = record;
   if (!parentNode) return; // if next state is checked
 
   if (checked === true) {
     parentNode.selectedChildren.push(record.id);
   } else {
-    parentNode.selectedChildren = parentNode.selectedChildren.filter(function (id) {
-      return id !== record.id;
-    });
+    parentNode.selectedChildren = parentNode.selectedChildren.filter(id => id !== record.id);
   }
 };
-var SelectablePluginTree = createInstancePlugin('selectable', {
+const SelectablePluginTree = createInstancePlugin('selectable', {
   state: useSelectableTreeState,
   // itemRenderer: SelectionFormatter,
-  record: function record(_record, instance) {
-    var _instance$getInstance2 = instance.getInstance(),
-        selection = _instance$getInstance2.state.selection,
-        _instance$getInstance3 = _instance$getInstance2.props,
-        isMultiSelect = _instance$getInstance3.isMultiSelect,
-        isSingleSelect = _instance$getInstance3.isSingleSelect;
-
-    _record.checked = selection[_record.id];
+  record: (record, instance) => {
+    const {
+      state: {
+        selection
+      },
+      props: {
+        isMultiSelect,
+        isSingleSelect
+      }
+    } = instance.getInstance();
+    record.checked = selection[record.id];
 
     if (isMultiSelect || isSingleSelect) {
       // if it's the root of the tree declare the selectedChildren array
-      if (!_record.parentNode.id && _record.parentNode.selectedChildren === undefined) {
-        _record.parentNode.selectedChildren = [];
+      if (!record.parentNode.id && record.parentNode.selectedChildren === undefined) {
+        record.parentNode.selectedChildren = [];
       }
 
-      if (_record.isGroup && _record.selectedChildren === undefined) {
-        _record.selectedChildren = [];
+      if (record.isGroup && record.selectedChildren === undefined) {
+        record.selectedChildren = [];
       }
 
-      updateParentInternalState(_record, _record.checked);
+      updateParentInternalState(record, record.checked);
     }
 
-    return _record;
+    return record;
   },
-  getItemProps: function getItemProps(props, instance, _ref3) {
-    var record = _ref3.record;
-
-    var _instance$getInstance4 = instance.getInstance(),
-        select = _instance$getInstance4.actions.select,
-        _instance$getInstance5 = _instance$getInstance4.props,
-        isMultiSelect = _instance$getInstance5.isMultiSelect,
-        isSingleSelect = _instance$getInstance5.isSingleSelect,
-        disableLeafs = _instance$getInstance5.disableLeafs,
-        disableGroups = _instance$getInstance5.disableGroups;
-
-    var handleSelect = function handleSelect() {
-      return select(record, {
-        scrollToItem: function scrollToItem() {
-          var _props$listRef, _props$listRef$curren;
-
-          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            args[_key3] = arguments[_key3];
-          }
 
-          return props === null || props === void 0 ? void 0 : (_props$listRef = props.listRef) === null || _props$listRef === void 0 ? void 0 : (_props$listRef$curren = _props$listRef.current) === null || _props$listRef$curren === void 0 ? void 0 : _props$listRef$curren.scrollToItem(args);
-        },
-        itemIndex: props === null || props === void 0 ? void 0 : props.index
-      });
-    };
+  getItemProps(props, instance, _ref3) {
+    let {
+      record
+    } = _ref3;
+    const {
+      actions: {
+        select
+      },
+      props: {
+        isMultiSelect,
+        isSingleSelect,
+        disableLeafs,
+        disableGroups
+      }
+    } = instance.getInstance();
+
+    const handleSelect = () => select(record, {
+      scrollToItem: function () {
+        var _props$listRef, _props$listRef$curren;
 
-    var checkboxAddon = isMultiSelect && /*#__PURE__*/React.createElement(DSCheckbox, {
+        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          args[_key3] = arguments[_key3];
+        }
+
+        return props === null || props === void 0 ? void 0 : (_props$listRef = props.listRef) === null || _props$listRef === void 0 ? void 0 : (_props$listRef$curren = _props$listRef.current) === null || _props$listRef$curren === void 0 ? void 0 : _props$listRef$curren.scrollToItem(args);
+      },
+      itemIndex: props === null || props === void 0 ? void 0 : props.index
+    });
+
+    const checkboxAddon = isMultiSelect && /*#__PURE__*/_jsx(DSCheckbox, {
       checked: record.checked,
       disabled: record.isGroup ? disableGroups : disableLeafs,
       className: "tree-item-checkbox",
@@ -230,7 +233,8 @@ var SelectablePluginTree = createInstancePlugin('selectable', {
       onChange: handleSelect,
       tabIndex: -1
     });
-    var radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/React.createElement(DSRadio, {
+
+    const radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/_jsx(DSRadio, {
       checked: !!record.checked,
       disabled: record.isGroup ? disableGroups : disableLeafs,
       className: "tree-item-radio",
@@ -241,7 +245,7 @@ var SelectablePluginTree = createInstancePlugin('selectable', {
 
     if (isMultiSelect || isSingleSelect) {
       return _objectSpread(_objectSpread({}, props), {}, {
-        leftAddons: [checkboxAddon, radioAddon].concat(_toConsumableArray(props.leftAddons || [])),
+        leftAddons: [checkboxAddon, radioAddon, ...(props.leftAddons || [])],
         'aria-selected': !!record.checked
       });
     }
@@ -252,21 +256,25 @@ var SelectablePluginTree = createInstancePlugin('selectable', {
       'aria-selected': !!record.checked
     });
   },
-  hotKeys: function hotKeys(grid) {
+
+  hotKeys(grid) {
     return {
       key: 'space',
-      handler: function handler(_ref4) {
-        var index = _ref4.index;
-
-        var _grid$getInstance = grid.getInstance(),
-            records = _grid$getInstance.records,
-            select = _grid$getInstance.actions.select;
-
+      handler: _ref4 => {
+        let {
+          index
+        } = _ref4;
+        const {
+          records,
+          actions: {
+            select
+          }
+        } = grid.getInstance();
         select(records[index]);
       }
     };
   }
+
 });
 
 export { SelectablePluginTree };
-//# sourceMappingURL=SelectablePluginTree.js.map

package/esm/deprecated/plugins/selectable/helper.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=helper.js.map