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

package/esm/config/cssClassesConstants.js

@@ -1,7 +1,6 @@
-var DSTreeViewPrefix = 'em-ds';
-var treeItemBlockName = 'tree-item';
-var treeListBlockName = 'tree-list';
-var treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
+const DSTreeViewPrefix = 'em-ds';
+const treeItemBlockName = 'tree-item';
+const treeListBlockName = 'tree-list';
+const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
 
 export { DSTreeViewPrefix, treeItemBlockName, treeListBlockName, treeListNoItemsBn };
-//# sourceMappingURL=cssClassesConstants.js.map

package/esm/deprecated/TreeView.js

@@ -1,70 +1,61 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
 import useDataList from '@elliemae/ds-shared/useDataList';
 import { TreeRenderers } from './renderers.js';
 import { TreePluginList } from './plugins/tree/TreeDataPlugin.js';
 import { TreeVirtualizationPlugin } from './plugins/virtualization/TreeVirtualizationPlugin.js';
 import { TreeRovingPlugin } from './plugins/roving/TreeRovingPlugin.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-button';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './plugins/tree/walkTreeStrategy.js';
-import './plugins/tree/utils.js';
-import 'lodash/get';
-import './plugins/tree/useExpandTreeState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@john-osullivan/react-window-dynamic-fork';
-import '@elliemae/ds-shared/virtualization';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["data", "plugins", "children", "roving", "rowSize"];
+const _excluded = ["data", "plugins", "children", "roving", "rowSize"];
 
 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 wrapComponentIfExists = function wrapComponentIfExists(Wrapper, children) {
-  return Wrapper ? /*#__PURE__*/React.createElement(Wrapper, null, children) : children;
-};
+const wrapComponentIfExists = (Wrapper, children) => Wrapper ? /*#__PURE__*/_jsx(Wrapper, {}, void 0, children) : children;
 
 function TreeView(_ref) {
-  var data = _ref.data,
-      _ref$plugins = _ref.plugins,
-      plugins = _ref$plugins === void 0 ? [] : _ref$plugins;
-      _ref.children;
-      var _ref$roving = _ref.roving,
-      roving = _ref$roving === void 0 ? true : _ref$roving,
-      _ref$rowSize = _ref.rowSize,
-      rowSize = _ref$rowSize === void 0 ? 'normal' : _ref$rowSize,
+  let {
+    data,
+    plugins = [],
+    children,
+    roving = true,
+    rowSize = 'normal'
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var instance = useDataList(_objectSpread(_objectSpread({
-    data: data,
-    plugins: [TreePluginList, TreeVirtualizationPlugin, roving && TreeRovingPlugin].concat(_toConsumableArray(plugins)),
+  const instance = useDataList(_objectSpread(_objectSpread({
+    data,
+    plugins: [TreePluginList, TreeVirtualizationPlugin, roving && TreeRovingPlugin, ...plugins],
     customDecorators: {
       shouldWalkChildren: []
     },
     // adds a new decorator to the useDataList specific for trees
     renderers: TreeRenderers
   }, props), {}, {
-    rowSize: rowSize
+    rowSize
   }));
-  var _instance$renderers = instance.renderers,
-      ListComponent = _instance$renderers.list,
-      Wrapper = _instance$renderers.listWrapper;
-  var getListProps = instance.getListProps;
-  return wrapComponentIfExists(Wrapper, /*#__PURE__*/React.createElement(ListComponent, _extends({
+  const {
+    list: ListComponent,
+    listWrapper: Wrapper
+  } = instance.renderers;
+  const {
+    getListProps
+  } = instance;
+  return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({
     records: instance.records
-  }, getListProps(), {
+  }, getListProps()), {}, {
     className: "em-ds-tv-row-size-".concat(rowSize)
   })));
 }
 
 export { TreeView };
-//# sourceMappingURL=TreeView.js.map

package/esm/deprecated/__testUtils__/utils.js

@@ -1,41 +1,41 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _extends from '@babel/runtime/helpers/esm/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'core-js/modules/esnext.map.delete-all.js';
+import 'core-js/modules/esnext.map.emplace.js';
+import 'core-js/modules/esnext.map.every.js';
+import 'core-js/modules/esnext.map.filter.js';
+import 'core-js/modules/esnext.map.find.js';
+import 'core-js/modules/esnext.map.find-key.js';
+import 'core-js/modules/esnext.map.includes.js';
+import 'core-js/modules/esnext.map.key-of.js';
+import 'core-js/modules/esnext.map.map-keys.js';
+import 'core-js/modules/esnext.map.map-values.js';
+import 'core-js/modules/esnext.map.merge.js';
+import 'core-js/modules/esnext.map.reduce.js';
+import 'core-js/modules/esnext.map.some.js';
+import 'core-js/modules/esnext.map.update.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'react';
 import { render } from '@testing-library/react';
 import { treeItemBlockName } from '../renderers.js';
 import { TreeView } from '../TreeView.js';
-import '@elliemae/ds-classnames';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-shared/useDataList';
-import '../plugins/tree/TreeDataPlugin.js';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-button';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import '../plugins/tree/walkTreeStrategy.js';
-import '../plugins/tree/utils.js';
-import 'lodash/get';
-import '../plugins/tree/useExpandTreeState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../plugins/virtualization/TreeVirtualizationPlugin.js';
-import '@john-osullivan/react-window-dynamic-fork';
-import '@elliemae/ds-shared/virtualization';
-import '../plugins/roving/TreeRovingPlugin.js';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["data", "plugins"],
-    _excluded2 = ["getAllByTestId"];
+const _excluded = ["data", "plugins"],
+      _excluded2 = ["getAllByTestId"];
 
 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 treeItemsToMap = function treeItemsToMap(items) {
-  var itemsMap = new Map();
-  items.forEach(function (item) {
-    return itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item);
-  });
+const treeItemsToMap = items => {
+  const itemsMap = new Map();
+  items.forEach(item => itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item));
   return itemsMap;
 };
 /**
@@ -48,29 +48,32 @@ var treeItemsToMap = function treeItemsToMap(items) {
  */
 
 function getTreeItemsFromRender(_ref) {
-  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : treeItemBlockName;
+  let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : treeItemBlockName;
 
-  var data = _ref.data,
-      plugins = _ref.plugins,
+  let {
+    data,
+    plugins
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var _render = render( /*#__PURE__*/React.createElement(TreeView, _extends({}, props, {
+  const _render = render( /*#__PURE__*/jsx(TreeView, _objectSpread(_objectSpread({}, props), {}, {
     data: data,
     height: 1000,
     plugins: plugins,
     width: 300
   }))),
-      getAllByTestId = _render.getAllByTestId,
-      testingLibraryApi = _objectWithoutProperties(_render, _excluded2);
+        {
+    getAllByTestId
+  } = _render,
+        testingLibraryApi = _objectWithoutProperties(_render, _excluded2);
 
-  var items = getAllByTestId(key);
-  var itemsMap = treeItemsToMap(items);
+  const items = getAllByTestId(key);
+  const itemsMap = treeItemsToMap(items);
   return _objectSpread({
-    items: items,
-    itemsMap: itemsMap,
-    getAllByTestId: getAllByTestId
+    items,
+    itemsMap,
+    getAllByTestId
   }, testingLibraryApi);
 }
 
 export { getTreeItemsFromRender, treeItemsToMap };
-//# sourceMappingURL=utils.js.map

package/esm/deprecated/index.js

@@ -6,35 +6,9 @@ export { TreeToolbarPlugin } from './plugins/toolbar/TreeToolbarPlugin.js';
 export { TreePluginList } from './plugins/tree/TreeDataPlugin.js';
 export { TreeVirtualizationPlugin } from './plugins/virtualization/TreeVirtualizationPlugin.js';
 export { SearchableTreePlugin } from './plugins/searchable/SearchableTreePlugin.js';
-import '../index-6009bfe6.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import '@elliemae/ds-shared/useDataList';
-import './renderers.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-button';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './plugins/tree/walkTreeStrategy.js';
-import './plugins/tree/utils.js';
-import 'lodash/get';
-import './plugins/tree/useExpandTreeState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@john-osullivan/react-window-dynamic-fork';
-import '@elliemae/ds-shared/virtualization';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import './plugins/dnd/renderers/DraggableItem.js';
-import 'react-beautiful-dnd';
-import './plugins/dnd/utils.js';
-import './plugins/dnd/renderers/DroppableList.js';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
-import '@elliemae/ds-form';
-import './plugins/selectable/utils.js';
-import '@elliemae/ds-shared/toolbar/ToolbarProvider';
-import 'react-highlight-words';
-//# sourceMappingURL=index.js.map
+
+/* eslint-disable global-require */
+// Polyfill ResizeObserver for demo
+if (typeof ResizeObserver === 'undefined') {
+  global.ResizeObserver = require('resize-observer-polyfill').default;
+}

package/esm/deprecated/plugins/dnd/TreeDndPlugin.js

@@ -1,48 +1,42 @@
+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 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback, useMemo } from 'react';
 import { isEqual } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import DraggableItem from './renderers/DraggableItem.js';
 import DroppableList from './renderers/DroppableList.js';
 import { getTreePosition, changePositionSameArray, changePositionBetweenDifferentArrays } from './utils.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react-beautiful-dnd';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
-import '../tree/utils.js';
-import 'lodash/get';
 
 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 TreeDndPlugin = createInstancePlugin('tree-dnd', {
-  state: function state(instance) {
-    var originalData = instance.originalData,
-        _instance$props = instance.props,
-        _instance$props$child = _instance$props.childrenKey,
-        childrenKey = _instance$props$child === void 0 ? 'children' : _instance$props$child,
-        _instance$props$onOrd = _instance$props.onOrderChange,
-        onOrderChange = _instance$props$onOrd === void 0 ? function () {
-      return null;
-    } : _instance$props$onOrd; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    var _useState = useState(null),
-        _useState2 = _slicedToArray(_useState, 2),
-        draggedRecord = _useState2[0],
-        setDraggedRecord = _useState2[1]; // eslint-disable-next-line react-hooks/rules-of-hooks
+const TreeDndPlugin = createInstancePlugin('tree-dnd', {
+  state(instance) {
+    const {
+      originalData,
+      props: {
+        childrenKey = 'children',
+        onOrderChange = () => null
+      }
+    } = instance; // eslint-disable-next-line react-hooks/rules-of-hooks
 
+    const [draggedRecord, setDraggedRecord] = useState(null); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-    var changeRecordsPosition = useCallback(function (_ref) {
-      var sourceRecord = _ref.sourceRecord,
-          targetRecord = _ref.targetRecord,
-          combineWith = _ref.combineWith,
-          down = _ref.down;
-      var nextTreeData;
-      var sourceTreePosition = getTreePosition(sourceRecord.path);
-      var targetTreePosition = {};
+    const changeRecordsPosition = useCallback(_ref => {
+      let {
+        sourceRecord,
+        targetRecord,
+        combineWith,
+        down
+      } = _ref;
+      let nextTreeData;
+      const sourceTreePosition = getTreePosition(sourceRecord.path);
+      let targetTreePosition = {};
 
       if (combineWith) {
         targetTreePosition = {
@@ -58,25 +52,25 @@ var TreeDndPlugin = createInstancePlugin('tree-dnd', {
       // if we combine elements, we change a different array (the children of the target)
 
 
-      var changingSameArray = !combineWith && isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
+      const changingSameArray = !combineWith && isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
 
       if (changingSameArray) {
         nextTreeData = changePositionSameArray({
-          sourceRecord: sourceRecord,
-          targetRecord: targetRecord,
-          sourceTreePosition: sourceTreePosition,
-          targetTreePosition: targetTreePosition,
+          sourceRecord,
+          targetRecord,
+          sourceTreePosition,
+          targetTreePosition,
           data: originalData
         });
       } else {
         nextTreeData = changePositionBetweenDifferentArrays({
-          sourceRecord: sourceRecord,
+          sourceRecord,
           targetRecord: combineWith || targetRecord,
-          combineWith: combineWith,
-          sourceTreePosition: sourceTreePosition,
-          targetTreePosition: targetTreePosition,
+          combineWith,
+          sourceTreePosition,
+          targetTreePosition,
           data: originalData,
-          down: down
+          down
         });
       }
 
@@ -91,29 +85,26 @@ var TreeDndPlugin = createInstancePlugin('tree-dnd', {
     }, [originalData, childrenKey]);
     return {
       state: {
-        draggedRecord: draggedRecord
+        draggedRecord
       },
       actions: {
-        setDraggedRecord: setDraggedRecord,
-        changeRecordsPosition: changeRecordsPosition
+        setDraggedRecord,
+        changeRecordsPosition
       }
     };
   },
-  renderers: function renderers(_renderers, instance) {
+
+  renderers(renderers, instance) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    var item = useMemo(function () {
-      return DraggableItem(_renderers);
-    }, []); // eslint-disable-next-line react-hooks/rules-of-hooks
+    const item = useMemo(() => DraggableItem(renderers), []); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-    var list = useMemo(function () {
-      return DroppableList(_renderers, instance);
-    }, []);
-    return _objectSpread(_objectSpread({}, _renderers), {}, {
-      item: item,
-      list: list
+    const list = useMemo(() => DroppableList(renderers, instance), []);
+    return _objectSpread(_objectSpread({}, renderers), {}, {
+      item,
+      list
     });
   }
+
 });
 
 export { TreeDndPlugin };
-//# sourceMappingURL=TreeDndPlugin.js.map

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

@@ -1,18 +1 @@
 export { TreeDndPlugin } from './TreeDndPlugin.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './renderers/DraggableItem.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react-beautiful-dnd';
-import '@elliemae/ds-icons';
-import './utils.js';
-import './renderers/DroppableList.js';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
-import '../tree/utils.js';
-import 'lodash/get';
-//# sourceMappingURL=index.js.map

package/esm/deprecated/plugins/dnd/renderers/DraggableItem.js

@@ -1,52 +1,59 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
 import { Draggable } from 'react-beautiful-dnd';
 import { GripperVertical } from '@elliemae/ds-icons';
 import { getDraggableProps } from '../utils.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-utilities';
-
-var _excluded = ["key"];
-
-var DraggableItem = function DraggableItem(renderers // , instance
-) {
-  return function (props) {
-    var _record$parentNode, _record$parentNode$da, _record$data;
-
-    var record = props.record,
-        index = props.index,
-        isItemFocused = props.isItemFocused;
-    var ItemComponent = renderers.item;
-    var isDragDisabled = (record === null || record === void 0 ? void 0 : (_record$parentNode = record.parentNode) === null || _record$parentNode === void 0 ? void 0 : (_record$parentNode$da = _record$parentNode.data) === null || _record$parentNode$da === void 0 ? void 0 : _record$parentNode$da.disableDragChildren) || (record === null || record === void 0 ? void 0 : (_record$data = record.data) === null || _record$data === void 0 ? void 0 : _record$data.disableDrag) || false; // const { draggedRecord } = instance.getInstance().state;
-    // const isDragging = record.id === draggedRecord?.id;
-
-    return /*#__PURE__*/React.createElement(Draggable, {
-      isDragDisabled: isDragDisabled,
-      key: "".concat(record.id, "-draggable"),
-      draggableId: String(record.id),
-      index: index
-    }, function (provided, snapshot) {
-      var _getDraggableProps = getDraggableProps(props, provided, snapshot),
-          key = _getDraggableProps.key,
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["key"];
+
+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; }
+
+const DraggableItem = (renderers // , instance
+) => props => {
+  var _record$parentNode, _record$parentNode$da, _record$data;
+
+  const {
+    record,
+    index,
+    isItemFocused
+  } = props;
+  const ItemComponent = renderers.item;
+  const isDragDisabled = (record === null || record === void 0 ? void 0 : (_record$parentNode = record.parentNode) === null || _record$parentNode === void 0 ? void 0 : (_record$parentNode$da = _record$parentNode.data) === null || _record$parentNode$da === void 0 ? void 0 : _record$parentNode$da.disableDragChildren) || (record === null || record === void 0 ? void 0 : (_record$data = record.data) === null || _record$data === void 0 ? void 0 : _record$data.disableDrag) || false; // const { draggedRecord } = instance.getInstance().state;
+  // const isDragging = record.id === draggedRecord?.id;
+
+  return /*#__PURE__*/_jsx(Draggable, {
+    isDragDisabled: isDragDisabled,
+    draggableId: String(record.id),
+    index: index
+  }, "".concat(record.id, "-draggable"), (provided, snapshot) => {
+    const _getDraggableProps = getDraggableProps(props, provided, snapshot),
+          {
+      key
+    } = _getDraggableProps,
           draggableProps = _objectWithoutProperties(_getDraggableProps, _excluded);
 
-      return /*#__PURE__*/React.createElement(ItemComponent, _extends({
-        key: key
-      }, draggableProps, {
-        // isDragging={isDragging}
-        leftAddons: [/*#__PURE__*/React.createElement(GripperVertical, _extends({
-          "data-testid": "drag-handle",
-          key: "".concat(record.id, "-drag-handle")
-        }, provided.dragHandleProps, {
-          className: "drag-handle",
-          tabIndex: isItemFocused ? 0 : -1
-        }))].concat(_toConsumableArray(props.leftAddons || []))
-      }), props.children);
-    });
-  };
+    return /*#__PURE__*/jsx(ItemComponent, _objectSpread(_objectSpread({}, draggableProps), {}, {
+      // isDragging={isDragging}
+      leftAddons: [/*#__PURE__*/jsx(GripperVertical, _objectSpread(_objectSpread({
+        "data-testid": "drag-handle"
+      }, provided.dragHandleProps), {}, {
+        className: "drag-handle",
+        tabIndex: isItemFocused ? 0 : -1
+      }), "".concat(record.id, "-drag-handle")), ...(props.leftAddons || [])],
+      children: props.children
+    }), key);
+  });
 };
 
 export { DraggableItem as default };
-//# sourceMappingURL=DraggableItem.js.map