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

package/cjs/deprecated/__testUtils__/utils.js

@@ -3,53 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('core-js/modules/esnext.map.delete-all.js');
+require('core-js/modules/esnext.map.every.js');
+require('core-js/modules/esnext.map.filter.js');
+require('core-js/modules/esnext.map.find.js');
+require('core-js/modules/esnext.map.find-key.js');
+require('core-js/modules/esnext.map.includes.js');
+require('core-js/modules/esnext.map.key-of.js');
+require('core-js/modules/esnext.map.map-keys.js');
+require('core-js/modules/esnext.map.map-values.js');
+require('core-js/modules/esnext.map.merge.js');
+require('core-js/modules/esnext.map.reduce.js');
+require('core-js/modules/esnext.map.some.js');
+require('core-js/modules/esnext.map.update.js');
+require('core-js/modules/es.string.replace.js');
+require('react');
 var react = require('@testing-library/react');
-var deprecated_renderers = require('../renderers.js');
-var deprecated_TreeView = require('../TreeView.js');
-require('@elliemae/ds-classnames');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-shared/useDataList');
-require('../plugins/tree/TreeDataPlugin.js');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('../plugins/tree/walkTreeStrategy.js');
-require('../plugins/tree/utils.js');
-require('lodash/get');
-require('../plugins/tree/useExpandTreeState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useExpandState');
-require('../plugins/virtualization/TreeVirtualizationPlugin.js');
-require('@john-osullivan/react-window-dynamic-fork');
-require('@elliemae/ds-shared/virtualization');
-require('../plugins/roving/TreeRovingPlugin.js');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-utilities/system');
+var renderers = require('../renderers.js');
+var TreeView = require('../TreeView.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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__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; }
-var treeItemsToMap = function treeItemsToMap(items) {
-  var itemsMap = new Map();
-  items.forEach(function (item) {
-    return itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item);
-  });
+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 treeItemsToMap = items => {
+  const itemsMap = new Map();
+  items.forEach(item => itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item));
   return itemsMap;
 };
 /**
@@ -61,31 +49,32 @@ var treeItemsToMap = function treeItemsToMap(items) {
  * @param key
  */
 
-function getTreeItemsFromRender(_ref) {
-  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : deprecated_renderers.treeItemBlockName;
+function getTreeItemsFromRender(_ref, key = renderers.treeItemBlockName) {
+  let {
+    data,
+    plugins
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  var data = _ref.data,
-      plugins = _ref.plugins,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var _render = react.render( /*#__PURE__*/React__default['default'].createElement(deprecated_TreeView.TreeView, _extends__default['default']({}, props, {
+  const _render = react.render( /*#__PURE__*/jsxRuntime.jsx(TreeView.TreeView, _objectSpread(_objectSpread({}, props), {}, {
     data: data,
     height: 1000,
     plugins: plugins,
     width: 300
   }))),
-      getAllByTestId = _render.getAllByTestId,
-      testingLibraryApi = _objectWithoutProperties__default['default'](_render, _excluded2);
+        {
+    getAllByTestId
+  } = _render,
+        testingLibraryApi = _objectWithoutProperties__default["default"](_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);
 }
 
 exports.getTreeItemsFromRender = getTreeItemsFromRender;
 exports.treeItemsToMap = treeItemsToMap;
-//# sourceMappingURL=utils.js.map

package/cjs/deprecated/index.js

@@ -2,62 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_TreeView = require('./TreeView.js');
-var deprecated_plugins_dnd_TreeDndPlugin = require('./plugins/dnd/TreeDndPlugin.js');
-var deprecated_plugins_roving_TreeRovingPlugin = require('./plugins/roving/TreeRovingPlugin.js');
-var deprecated_plugins_selectable_SelectablePluginTree = require('./plugins/selectable/SelectablePluginTree.js');
-var deprecated_plugins_toolbar_TreeToolbarPlugin = require('./plugins/toolbar/TreeToolbarPlugin.js');
-var deprecated_plugins_tree_TreeDataPlugin = require('./plugins/tree/TreeDataPlugin.js');
-var deprecated_plugins_virtualization_TreeVirtualizationPlugin = require('./plugins/virtualization/TreeVirtualizationPlugin.js');
-var deprecated_plugins_searchable_SearchableTreePlugin = require('./plugins/searchable/SearchableTreePlugin.js');
-require('../index-4351730e.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('@elliemae/ds-shared/useDataList');
-require('./renderers.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./plugins/tree/walkTreeStrategy.js');
-require('./plugins/tree/utils.js');
-require('lodash/get');
-require('./plugins/tree/useExpandTreeState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useExpandState');
-require('@john-osullivan/react-window-dynamic-fork');
-require('@elliemae/ds-shared/virtualization');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-utilities/system');
-require('./plugins/dnd/renderers/DraggableItem.js');
-require('react-beautiful-dnd');
-require('@elliemae/ds-icons/GripperVertical');
-require('./plugins/dnd/utils.js');
-require('./plugins/dnd/renderers/DroppableList.js');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
-require('@elliemae/ds-basic/form/Checkbox');
-require('@elliemae/ds-basic/form/Radio');
-require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-require('./plugins/selectable/utils.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
-require('@elliemae/ds-shared/toolbar/ToolbarProvider');
-require('react-highlight-words');
-require('@elliemae/ds-utilities/hooks/usePrevious');
+var TreeView = require('./TreeView.js');
+var TreeDndPlugin = require('./plugins/dnd/TreeDndPlugin.js');
+var TreeRovingPlugin = require('./plugins/roving/TreeRovingPlugin.js');
+var SelectablePluginTree = require('./plugins/selectable/SelectablePluginTree.js');
+var TreeToolbarPlugin = require('./plugins/toolbar/TreeToolbarPlugin.js');
+var TreeDataPlugin = require('./plugins/tree/TreeDataPlugin.js');
+var TreeVirtualizationPlugin = require('./plugins/virtualization/TreeVirtualizationPlugin.js');
+var SearchableTreePlugin = require('./plugins/searchable/SearchableTreePlugin.js');
 
+/* eslint-disable global-require */
+// Polyfill ResizeObserver for demo
+if (typeof ResizeObserver === 'undefined') {
+  global.ResizeObserver = require('resize-observer-polyfill').default;
+}
 
-
-exports.TreeView = deprecated_TreeView.TreeView;
-exports.TreeDndPlugin = deprecated_plugins_dnd_TreeDndPlugin.TreeDndPlugin;
-exports.TreeRovingPlugin = deprecated_plugins_roving_TreeRovingPlugin.TreeRovingPlugin;
-exports.SelectablePluginTree = deprecated_plugins_selectable_SelectablePluginTree.SelectablePluginTree;
-exports.TreeToolbarPlugin = deprecated_plugins_toolbar_TreeToolbarPlugin.TreeToolbarPlugin;
-exports.TreePluginList = deprecated_plugins_tree_TreeDataPlugin.TreePluginList;
-exports.TreeVirtualizationPlugin = deprecated_plugins_virtualization_TreeVirtualizationPlugin.TreeVirtualizationPlugin;
-exports.SearchableTreePlugin = deprecated_plugins_searchable_SearchableTreePlugin.SearchableTreePlugin;
-//# sourceMappingURL=index.js.map
+exports.TreeView = TreeView.TreeView;
+exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;
+exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;
+exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;
+exports.TreeToolbarPlugin = TreeToolbarPlugin.TreeToolbarPlugin;
+exports.TreePluginList = TreeDataPlugin.TreePluginList;
+exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;
+exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;

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

@@ -3,64 +3,49 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var utils$1 = require('@elliemae/ds-utilities/utils');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var deprecated_plugins_dnd_renderers_DraggableItem = require('./renderers/DraggableItem.js');
-var deprecated_plugins_dnd_renderers_DroppableList = require('./renderers/DroppableList.js');
-var deprecated_plugins_dnd_utils = require('./utils.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react-beautiful-dnd');
-require('@elliemae/ds-icons/GripperVertical');
-require('@elliemae/ds-utilities/system');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
-require('../tree/utils.js');
-require('lodash/get');
+var DraggableItem = require('./renderers/DraggableItem.js');
+var DroppableList = require('./renderers/DroppableList.js');
+var utils = require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
 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; }
-var TreeDndPlugin = createInstancePlugin__default['default']('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 = React.useState(null),
-        _useState2 = _slicedToArray__default['default'](_useState, 2),
-        draggedRecord = _useState2[0],
-        setDraggedRecord = _useState2[1]; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-
-    var changeRecordsPosition = React.useCallback(function (_ref) {
-      var sourceRecord = _ref.sourceRecord,
-          targetRecord = _ref.targetRecord,
-          combineWith = _ref.combineWith,
-          down = _ref.down;
-      var nextTreeData;
-      var sourceTreePosition = deprecated_plugins_dnd_utils.getTreePosition(sourceRecord.path);
-      var targetTreePosition = {};
+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 TreeDndPlugin = createInstancePlugin__default["default"]('tree-dnd', {
+  state(instance) {
+    const {
+      originalData,
+      props: {
+        childrenKey = 'children',
+        onOrderChange = () => null
+      }
+    } = instance; // eslint-disable-next-line react-hooks/rules-of-hooks
+
+    const [draggedRecord, setDraggedRecord] = React.useState(null); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+    const changeRecordsPosition = React.useCallback(({
+      sourceRecord,
+      targetRecord,
+      combineWith,
+      down
+    }) => {
+      let nextTreeData;
+      const sourceTreePosition = utils.getTreePosition(sourceRecord.path);
+      let targetTreePosition = {};
 
       if (combineWith) {
         targetTreePosition = {
           parentPath: combineWith.path
         };
       } else if (targetRecord) {
-        targetTreePosition = deprecated_plugins_dnd_utils.getTreePosition(targetRecord.path);
+        targetTreePosition = utils.getTreePosition(targetRecord.path);
       } else {
         // there is no reordering
         // Reason: outside tree / outside drop target
@@ -69,25 +54,25 @@ var TreeDndPlugin = createInstancePlugin__default['default']('tree-dnd', {
       // if we combine elements, we change a different array (the children of the target)
 
 
-      var changingSameArray = !combineWith && utils.isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
+      const changingSameArray = !combineWith && utils$1.isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
 
       if (changingSameArray) {
-        nextTreeData = deprecated_plugins_dnd_utils.changePositionSameArray({
-          sourceRecord: sourceRecord,
-          targetRecord: targetRecord,
-          sourceTreePosition: sourceTreePosition,
-          targetTreePosition: targetTreePosition,
+        nextTreeData = utils.changePositionSameArray({
+          sourceRecord,
+          targetRecord,
+          sourceTreePosition,
+          targetTreePosition,
           data: originalData
         });
       } else {
-        nextTreeData = deprecated_plugins_dnd_utils.changePositionBetweenDifferentArrays({
-          sourceRecord: sourceRecord,
+        nextTreeData = utils.changePositionBetweenDifferentArrays({
+          sourceRecord,
           targetRecord: combineWith || targetRecord,
-          combineWith: combineWith,
-          sourceTreePosition: sourceTreePosition,
-          targetTreePosition: targetTreePosition,
+          combineWith,
+          sourceTreePosition,
+          targetTreePosition,
           data: originalData,
-          down: down
+          down
         });
       }
 
@@ -102,29 +87,26 @@ var TreeDndPlugin = createInstancePlugin__default['default']('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 = React.useMemo(function () {
-      return deprecated_plugins_dnd_renderers_DraggableItem(_renderers);
-    }, []); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    var list = React.useMemo(function () {
-      return deprecated_plugins_dnd_renderers_DroppableList(_renderers, instance);
-    }, []);
-    return _objectSpread(_objectSpread({}, _renderers), {}, {
-      item: item,
-      list: list
+    const item = React.useMemo(() => DraggableItem(renderers), []); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+    const list = React.useMemo(() => DroppableList(renderers, instance), []);
+    return _objectSpread(_objectSpread({}, renderers), {}, {
+      item,
+      list
     });
   }
+
 });
 
 exports.TreeDndPlugin = TreeDndPlugin;
-//# sourceMappingURL=TreeDndPlugin.js.map

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

@@ -2,26 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_plugins_dnd_TreeDndPlugin = require('./TreeDndPlugin.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./renderers/DraggableItem.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react-beautiful-dnd');
-require('@elliemae/ds-icons/GripperVertical');
-require('./utils.js');
-require('@elliemae/ds-utilities/system');
-require('./renderers/DroppableList.js');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
-require('../tree/utils.js');
-require('lodash/get');
+var TreeDndPlugin = require('./TreeDndPlugin.js');
 
 
 
-exports.TreeDndPlugin = deprecated_plugins_dnd_TreeDndPlugin.TreeDndPlugin;
-//# sourceMappingURL=index.js.map
+exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;

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

@@ -1,63 +1,62 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('react');
 var reactBeautifulDnd = require('react-beautiful-dnd');
 var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
-var deprecated_plugins_dnd_utils = require('../utils.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-utilities/system');
+var utils = require('../utils.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 
-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__default['default'].createElement(reactBeautifulDnd.Draggable, {
-      isDragDisabled: isDragDisabled,
-      key: "".concat(record.id, "-draggable"),
-      draggableId: String(record.id),
-      index: index
-    }, function (provided, snapshot) {
-      var _getDraggableProps = deprecated_plugins_dnd_utils.getDraggableProps(props, provided, snapshot),
-          key = _getDraggableProps.key,
-          draggableProps = _objectWithoutProperties__default['default'](_getDraggableProps, _excluded);
-
-      return /*#__PURE__*/React__default['default'].createElement(ItemComponent, _extends__default['default']({
-        key: key
-      }, draggableProps, {
-        // isDragging={isDragging}
-        leftAddons: [/*#__PURE__*/React__default['default'].createElement(GripperVertical__default['default'], _extends__default['default']({
-          "data-testid": "drag-handle",
-          key: "".concat(record.id, "-drag-handle")
-        }, provided.dragHandleProps, {
-          className: "drag-handle",
-          tabIndex: isItemFocused ? 0 : -1
-        }))].concat(_toConsumableArray__default['default'](props.leftAddons || []))
-      }), props.children);
-    });
-  };
+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__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 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__default["default"](reactBeautifulDnd.Draggable, {
+    isDragDisabled: isDragDisabled,
+    draggableId: String(record.id),
+    index: index
+  }, `${record.id}-draggable`, (provided, snapshot) => {
+    const _getDraggableProps = utils.getDraggableProps(props, provided, snapshot),
+          {
+      key
+    } = _getDraggableProps,
+          draggableProps = _objectWithoutProperties__default["default"](_getDraggableProps, _excluded);
+
+    return /*#__PURE__*/jsxRuntime.jsx(ItemComponent, _objectSpread(_objectSpread({}, draggableProps), {}, {
+      // isDragging={isDragging}
+      leftAddons: [/*#__PURE__*/jsxRuntime.jsx(GripperVertical__default["default"], _objectSpread(_objectSpread({
+        "data-testid": "drag-handle"
+      }, provided.dragHandleProps), {}, {
+        className: "drag-handle",
+        tabIndex: isItemFocused ? 0 : -1
+      }), `${record.id}-drag-handle`), ...(props.leftAddons || [])],
+      children: props.children
+    }), key);
+  });
 };
 
 module.exports = DraggableItem;
-//# sourceMappingURL=DraggableItem.js.map