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

package/cjs/deprecated/plugins/tree/utils.js

@@ -2,43 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
 var get = require('lodash/get');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 
-var getParentId = function getParentId(record) {
-  return get__default['default'](record, ['parentNode', 'id']);
-};
-var findItemOnDocument = function findItemOnDocument(id) {
-  return document.querySelector("[data-id=\"".concat(id, "\"]"));
-};
-var getListFromDocument = function getListFromDocument() {
-  return document.querySelector("[data-testid=\"tree-list\"]");
-};
-var getParentChildren = function getParentChildren(record) {
-  var childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
-  return get__default['default'](record, ['parentNode', 'data', childrenKey]);
-};
-var getItemLabel = function getItemLabel(record) {
-  var nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
-  return get__default['default'](record, ['data', nameKey]);
-};
-var getItemChildren = function getItemChildren(record) {
-  var childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
-  return get__default['default'](record, ['data', childrenKey]);
-};
-var getItemChildrenLength = function getItemChildrenLength(record) {
-  var childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
-  var children = get__default['default'](record, ['data', childrenKey]);
+const getParentId = record => get__default["default"](record, ['parentNode', 'id']);
+const findItemOnDocument = id => document.querySelector("[data-id=\"".concat(id, "\"]"));
+const getListFromDocument = () => document.querySelector("[data-testid=\"tree-list\"]");
+const getParentChildren = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  return get__default["default"](record, ['parentNode', 'data', childrenKey]);
+};
+const getItemLabel = function (record) {
+  let nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
+  return get__default["default"](record, ['data', nameKey]);
+};
+const getItemChildren = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  return get__default["default"](record, ['data', childrenKey]);
+};
+const getItemChildrenLength = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  const children = get__default["default"](record, ['data', childrenKey]);
   return children && children.length;
 };
-var findItemById = function findItemById(records, id) {
-  return records.find(function (record) {
-    return String(record.id) === id;
-  });
-};
+const findItemById = (records, id) => records.find(record => String(record.id) === id);
 
 exports.findItemById = findItemById;
 exports.findItemOnDocument = findItemOnDocument;
@@ -48,4 +41,3 @@ exports.getItemLabel = getItemLabel;
 exports.getListFromDocument = getListFromDocument;
 exports.getParentChildren = getParentChildren;
 exports.getParentId = getParentId;
-//# sourceMappingURL=utils.js.map

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

@@ -2,42 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+require('core-js/modules/web.dom-collections.iterator.js');
 
 function getPath(parentNode, index, childrenKey) {
   if (!parentNode) return [index];
-  return [].concat(_toConsumableArray__default['default'](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;
+  let {
+    data,
+    childrenKey = 'children',
+    level = 0,
+    getId = item => item.id,
+    parentNode,
+    shouldWalkChildren = () => true,
+    cb
+  } = _ref;
 
   // 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,
@@ -58,12 +50,11 @@ function walkTreeStrategy(_ref) {
         data: children,
         level: currLevel,
         parentNode: node,
-        shouldWalkChildren: shouldWalkChildren,
-        cb: cb
+        shouldWalkChildren,
+        cb
       });
     }
   }
 }
 
 exports.walkTreeStrategy = walkTreeStrategy;
-//# sourceMappingURL=walkTreeStrategy.js.map

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

@@ -2,36 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var reactWindowDynamicFork = require('@john-osullivan/react-window-dynamic-fork');
 var virtualization = require('@elliemae/ds-shared/virtualization');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var deprecated_renderers = require('../../renderers.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-classnames');
+var renderers = require('../../renderers.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-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__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function 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;
     }
   }
@@ -41,120 +51,126 @@ 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__default['default'].memo( /*#__PURE__*/React__default['default'].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__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
+  let {
+    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__default['default'].createElement(ItemComponent, _extends__default['default']({}, mixedProps, {
-    tabIndex: -1
-  }), itemRenderer(mixedProps));
+  return /*#__PURE__*/jsxRuntime.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__default['default'](_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 = React.useMemo(function () {
-      return virtualization.getVirtualListComponent({
-        component: reactWindowDynamicFork.DynamicSizeList,
-        height: height,
-        fluid: fluid,
-        autoHeight: autoHeight
-      });
-    }, [height, autoHeight]); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    var itemData = React.useMemo(function () {
-      return {
-        instance: instance,
-        listRef: listRef,
-        renderers: currRenderers,
-        records: records
-      };
-    }, [records, currRenderers, listRef]); // todo: revise this
-
-    if (records && !records.length) {
-      return /*#__PURE__*/React__default['default'].createElement(deprecated_renderers.TreeListNoItems, null, noItemsPlaceholder);
-    }
+const VirtualizedTree = (renderers$1, instance) => _ref2 => {
+  let {
+    records,
+    itemRenderer,
+    innerRef
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _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 = React.useMemo(() => virtualization.getVirtualListComponent({
+    component: reactWindowDynamicFork.DynamicSizeList,
+    height,
+    fluid,
+    autoHeight
+  }), [height, autoHeight]); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+  const itemData = React.useMemo(() => ({
+    instance,
+    listRef,
+    renderers: currRenderers,
+    records
+  }), [records, currRenderers, listRef]); // todo: revise this
+
+  if (records && !records.length) {
+    return /*#__PURE__*/_jsx__default["default"](renderers.TreeListNoItems, {}, void 0, noItemsPlaceholder);
+  }
 
-    return /*#__PURE__*/React__default['default'].createElement(ListComponent, _extends__default['default']({
-      innerRef: setListRef
-    }, rest, {
-      ref: listRef,
-      component: reactWindowDynamicFork.DynamicSizeList,
-      height: height,
-      initialScrollOffset: initialOffset,
-      itemCount: records.length,
-      itemData: itemData,
-      outerElementType: renderers.list,
-      outerRef: innerRef,
-      width: width
-    }), VirtualizedTreeItem);
-  };
+  return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({
+    innerRef: setListRef
+  }, rest), {}, {
+    ref: listRef,
+    component: reactWindowDynamicFork.DynamicSizeList,
+    height: height,
+    initialScrollOffset: initialOffset,
+    itemCount: records.length,
+    itemData: itemData,
+    outerElementType: renderers$1.list,
+    outerRef: innerRef,
+    width: width,
+    children: VirtualizedTreeItem
+  }));
 };
 
-var TreeVirtualizationPlugin = createInstancePlugin__default['default']('tree-virtualization', {
-  state: function state() {
+const TreeVirtualizationPlugin = createInstancePlugin__default["default"]('tree-virtualization', {
+  state() {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    var listRef = React.useRef();
+    const listRef = React.useRef();
     return {
       state: {
-        listRef: listRef
+        listRef
       },
       actions: {
-        scrollTo: function scrollTo() {
+        scrollTo: function () {
           var _listRef$current;
 
           if (listRef !== null && listRef !== void 0 && (_listRef$current = listRef.current) !== null && _listRef$current !== void 0 && _listRef$current.scrollTo) {
@@ -165,7 +181,7 @@ var TreeVirtualizationPlugin = createInstancePlugin__default['default']('tree-vi
             listRef.current.scrollTo(args);
           }
         },
-        scrollToItem: function scrollToItem() {
+        scrollToItem: function () {
           var _listRef$current2;
 
           if (listRef !== null && listRef !== void 0 && (_listRef$current2 = listRef.current) !== null && _listRef$current2 !== void 0 && _listRef$current2.scrollToItem) {
@@ -179,16 +195,15 @@ var TreeVirtualizationPlugin = createInstancePlugin__default['default']('tree-vi
       }
     };
   },
-  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: React.useMemo(function () {
-        return VirtualizedTree(_renderers, instance);
-      }, [])
+      list: React.useMemo(() => VirtualizedTree(renderers, instance), [])
     };
   }
+
 });
 
 exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin;
-//# sourceMappingURL=TreeVirtualizationPlugin.js.map

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

@@ -2,18 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_plugins_virtualization_TreeVirtualizationPlugin = require('./TreeVirtualizationPlugin.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('@john-osullivan/react-window-dynamic-fork');
-require('@elliemae/ds-shared/virtualization');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('../../renderers.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-classnames');
+var TreeVirtualizationPlugin = require('./TreeVirtualizationPlugin.js');
 
 
 
-exports.TreeVirtualizationPlugin = deprecated_plugins_virtualization_TreeVirtualizationPlugin.TreeVirtualizationPlugin;
-//# sourceMappingURL=index.js.map
+exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;

package/cjs/deprecated/renderers.js

@@ -2,47 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var dsClassnames = require('@elliemae/ds-classnames');
-var React = require('react');
+require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+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 = dsClassnames.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__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const treeListBlockName = 'tree-list';
+const treeItemBlockName = 'tree-item';
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
+const TreeListItem = dsClassnames.aggregatedClasses('li', {
   'data-testid': treeItemBlockName,
   role: 'treeitem'
 })(treeItemBlockName);
-var TreeListItemAddonsWrapper = dsClassnames.aggregatedClasses('div')(treeItemBlockName, 'addons');
-var TreeList = dsClassnames.aggregatedClasses('ul', {
+const TreeListItemAddonsWrapper = dsClassnames.aggregatedClasses('div')(treeItemBlockName, 'addons');
+const TreeList = dsClassnames.aggregatedClasses('ul', {
   'data-testid': treeListBlockName,
   role: 'tree'
-})(treeListBlockName, null, function (_ref) {
-  var rowSize = _ref.rowSize;
-  return _defineProperty__default['default']({}, "rowsize-".concat(rowSize), rowSize);
+})(treeListBlockName, null, _ref => {
+  let {
+    rowSize
+  } = _ref;
+  return {
+    ["rowsize-".concat(rowSize)]: rowSize
+  };
 });
-var TreeListNoItems = dsClassnames.aggregatedClasses('div', {
+const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
   'data-testid': treeListNoItemsBn
 })(treeListNoItemsBn);
 
-function TreeItem(_ref3) {
-  var leftAddons = _ref3.leftAddons,
-      rightAddons = _ref3.rightAddons,
-      children = _ref3.children,
-      rest = _objectWithoutProperties__default['default'](_ref3, _excluded);
+function TreeItem(_ref2) {
+  let {
+    leftAddons,
+    rightAddons,
+    children
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-  return /*#__PURE__*/React__default['default'].createElement(TreeListItem, rest, leftAddons && /*#__PURE__*/React__default['default'].createElement(TreeListItemAddonsWrapper, null, leftAddons), children, rightAddons && /*#__PURE__*/React__default['default'].createElement(TreeListItemAddonsWrapper, null, rightAddons));
+  return /*#__PURE__*/jsxRuntime.jsxs(TreeListItem, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [leftAddons && /*#__PURE__*/_jsx__default["default"](TreeListItemAddonsWrapper, {}, void 0, leftAddons), children, rightAddons && /*#__PURE__*/_jsx__default["default"](TreeListItemAddonsWrapper, {}, void 0, rightAddons)]
+  }));
 }
 
-var TreeRenderers = {
+const TreeRenderers = {
   list: TreeList,
   item: TreeItem
 };
@@ -55,4 +74,3 @@ exports.TreeRenderers = TreeRenderers;
 exports.treeItemBlockName = treeItemBlockName;
 exports.treeListBlockName = treeListBlockName;
 exports.treeListNoItemsBn = treeListNoItemsBn;
-//# sourceMappingURL=renderers.js.map