@elliemae/ds-treeview 2.0.1 → 2.1.0-rc.3

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

@@ -1,209 +0,0 @@
-'use strict';
-
-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 _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 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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
-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 (const attribute in prev) {
-    if (!(attribute in next)) {
-      return true;
-    }
-  } // eslint-disable-next-line no-restricted-syntax
-
-
-  for (const attribute in next) {
-    if (prev[attribute] !== next[attribute]) {
-      return true;
-    }
-  }
-
-  return false;
-} // more performant alternative to areEqual from react-window 1.8.5
-
-
-function areEqualRecords(prevProps, nextProps) {
-  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
-
-
-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
-
-  const mixedProps = getItemProps({
-    index,
-    record,
-    style,
-    listRef,
-    innerRef: ref
-  }, {
-    record
-  });
-  record.style = style;
-  return /*#__PURE__*/jsxRuntime.jsx(ItemComponent, _objectSpread(_objectSpread({}, mixedProps), {}, {
-    tabIndex: -1,
-    children: itemRenderer(mixedProps)
-  }));
-}), areEqualRecords); // eslint-disable-next-line react/display-name
-
-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__*/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
-  }));
-};
-
-const TreeVirtualizationPlugin = createInstancePlugin__default["default"]('tree-virtualization', {
-  state() {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const listRef = React.useRef();
-    return {
-      state: {
-        listRef
-      },
-      actions: {
-        scrollTo: function () {
-          var _listRef$current;
-
-          if (listRef !== null && listRef !== void 0 && (_listRef$current = listRef.current) !== null && _listRef$current !== void 0 && _listRef$current.scrollTo) {
-            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-              args[_key] = arguments[_key];
-            }
-
-            listRef.current.scrollTo(args);
-          }
-        },
-        scrollToItem: function () {
-          var _listRef$current2;
-
-          if (listRef !== null && listRef !== void 0 && (_listRef$current2 = listRef.current) !== null && _listRef$current2 !== void 0 && _listRef$current2.scrollToItem) {
-            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-              args[_key2] = arguments[_key2];
-            }
-
-            listRef.current.scrollToItem(args);
-          }
-        }
-      }
-    };
-  },
-
-  renderers(renderers, instance) {
-    return {
-      item: renderers.item,
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      list: React.useMemo(() => VirtualizedTree(renderers, instance), [])
-    };
-  }
-
-});
-
-exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TreeVirtualizationPlugin = require('./TreeVirtualizationPlugin.js');
-
-
-
-exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;

package/cjs/deprecated/renderers.js

@@ -1,76 +0,0 @@
-'use strict';
-
-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 _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');
-require('react');
-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 _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; }
-
-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);
-const TreeListItemAddonsWrapper = dsClassnames.aggregatedClasses('div')(treeItemBlockName, 'addons');
-const TreeList = dsClassnames.aggregatedClasses('ul', {
-  'data-testid': treeListBlockName,
-  role: 'tree'
-})(treeListBlockName, null, _ref => {
-  let {
-    rowSize
-  } = _ref;
-  return {
-    ["rowsize-".concat(rowSize)]: rowSize
-  };
-});
-const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
-  'data-testid': treeListNoItemsBn
-})(treeListNoItemsBn);
-
-function TreeItem(_ref2) {
-  let {
-    leftAddons,
-    rightAddons,
-    children
-  } = _ref2,
-      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
-
-  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)]
-  }));
-}
-
-const TreeRenderers = {
-  list: TreeList,
-  item: TreeItem
-};
-
-exports.TreeList = TreeList;
-exports.TreeListItem = TreeListItem;
-exports.TreeListItemAddonsWrapper = TreeListItemAddonsWrapper;
-exports.TreeListNoItems = TreeListNoItems;
-exports.TreeRenderers = TreeRenderers;
-exports.treeItemBlockName = treeItemBlockName;
-exports.treeListBlockName = treeListBlockName;
-exports.treeListNoItemsBn = treeListNoItemsBn;

package/cjs/prop-types.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var PropTypes = require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-/* eslint-disable max-lines */
-const InstanceActionsPropTypes = PropTypes__default["default"].shape({
-  toggleExpandAll: PropTypes__default["default"].func,
-  scrollTo: PropTypes__default["default"].func
-});
-const TreeViewInstancePropType = PropTypes__default["default"].shape({
-  current: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf([null]), PropTypes__default["default"].shape({
-    actions: InstanceActionsPropTypes.isRequired
-  })])
-});
-const TreeViewItemPropType = PropTypes__default["default"].shape({
-  children: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object),
-  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-  isGroup: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf([undefined, null]), PropTypes__default["default"].bool]),
-  name: PropTypes__default["default"].string,
-  node: PropTypes__default["default"].object
-});
-const TreeListPropTypes = {
-  // required when drag and drop is enabled, tracks the drag and drop results after drop and visual feedback borders
-  // passed down to TreeItem
-  onMouseDragOverItem: PropTypes__default["default"].func
-};
-const TreeItemPropTypes = {
-  item: TreeViewItemPropType.isRequired,
-  index: PropTypes__default["default"].number,
-  itemIndex: PropTypes__default["default"].number,
-  itemWrapperStyle: PropTypes__default["default"].object,
-  virtualItemRef: PropTypes__default["default"].func,
-  spaceForNestingLevel: PropTypes__default["default"].number,
-  onMouseDragOverItem: PropTypes__default["default"].func
-};
-const TreeItemExpandCaretPropTypes = {
-  item: TreeViewItemPropType.isRequired
-};
-const TreeItemNestingSpacePropTypes = {
-  item: TreeViewItemPropType.isRequired,
-  spaceForNestingLevel: PropTypes__default["default"].number.isRequired
-};
-const TreeItemCheckboxPropTypes = {
-  item: TreeViewItemPropType.isRequired,
-  itemIndex: PropTypes__default["default"].number.isRequired
-};
-
-exports.InstanceActionsPropTypes = InstanceActionsPropTypes;
-exports.TreeItemCheckboxPropTypes = TreeItemCheckboxPropTypes;
-exports.TreeItemExpandCaretPropTypes = TreeItemExpandCaretPropTypes;
-exports.TreeItemNestingSpacePropTypes = TreeItemNestingSpacePropTypes;
-exports.TreeItemPropTypes = TreeItemPropTypes;
-exports.TreeListPropTypes = TreeListPropTypes;
-exports.TreeViewInstancePropType = TreeViewInstancePropType;
-exports.TreeViewItemPropType = TreeViewItemPropType;

package/esm/deprecated/TreeView.js

@@ -1,61 +0,0 @@
-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 _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 { jsx } from 'react/jsx-runtime';
-
-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; }
-
-const wrapComponentIfExists = (Wrapper, children) => Wrapper ? /*#__PURE__*/_jsx(Wrapper, {}, void 0, children) : children;
-
-function TreeView(_ref) {
-  let {
-    data,
-    plugins = [],
-    children,
-    roving = true,
-    rowSize = 'normal'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  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
-  }));
-  const {
-    list: ListComponent,
-    listWrapper: Wrapper
-  } = instance.renderers;
-  const {
-    getListProps
-  } = instance;
-  return wrapComponentIfExists(Wrapper, /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({
-    records: instance.records
-  }, getListProps()), {}, {
-    className: "em-ds-tv-row-size-".concat(rowSize)
-  })));
-}
-
-export { TreeView };

package/esm/deprecated/__testUtils__/utils.js

@@ -1,79 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-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 { jsx } from 'react/jsx-runtime';
-
-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; }
-const treeItemsToMap = items => {
-  const itemsMap = new Map();
-  items.forEach(item => itemsMap.set(item.textContent.replace(/\(.*?\)/, '').replace(' ', ''), item));
-  return itemsMap;
-};
-/**
- * Returns items and itemMap with itemText as keys
- *
- * @param root0
- * @param root0.data
- * @param root0.plugins
- * @param key
- */
-
-function getTreeItemsFromRender(_ref) {
-  let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : treeItemBlockName;
-
-  let {
-    data,
-    plugins
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const _render = render( /*#__PURE__*/jsx(TreeView, _objectSpread(_objectSpread({}, props), {}, {
-    data: data,
-    height: 1000,
-    plugins: plugins,
-    width: 300
-  }))),
-        {
-    getAllByTestId
-  } = _render,
-        testingLibraryApi = _objectWithoutProperties(_render, _excluded2);
-
-  const items = getAllByTestId(key);
-  const itemsMap = treeItemsToMap(items);
-  return _objectSpread({
-    items,
-    itemsMap,
-    getAllByTestId
-  }, testingLibraryApi);
-}
-
-export { getTreeItemsFromRender, treeItemsToMap };

package/esm/deprecated/index.js

@@ -1,14 +0,0 @@
-export { TreeView } from './TreeView.js';
-export { TreeDndPlugin } from './plugins/dnd/TreeDndPlugin.js';
-export { TreeRovingPlugin } from './plugins/roving/TreeRovingPlugin.js';
-export { SelectablePluginTree } from './plugins/selectable/SelectablePluginTree.js';
-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';
-
-/* 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,110 +0,0 @@
-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 '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';
-
-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 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
-
-    const changeRecordsPosition = useCallback(_ref => {
-      let {
-        sourceRecord,
-        targetRecord,
-        combineWith,
-        down
-      } = _ref;
-      let nextTreeData;
-      const sourceTreePosition = getTreePosition(sourceRecord.path);
-      let targetTreePosition = {};
-
-      if (combineWith) {
-        targetTreePosition = {
-          parentPath: combineWith.path
-        };
-      } else if (targetRecord) {
-        targetTreePosition = getTreePosition(targetRecord.path);
-      } else {
-        // there is no reordering
-        // Reason: outside tree / outside drop target
-        return originalData;
-      } // if we are not combining elements we change the same array
-      // if we combine elements, we change a different array (the children of the target)
-
-
-      const changingSameArray = !combineWith && isEqual(sourceTreePosition.parentPath, targetTreePosition.parentPath);
-
-      if (changingSameArray) {
-        nextTreeData = changePositionSameArray({
-          sourceRecord,
-          targetRecord,
-          sourceTreePosition,
-          targetTreePosition,
-          data: originalData
-        });
-      } else {
-        nextTreeData = changePositionBetweenDifferentArrays({
-          sourceRecord,
-          targetRecord: combineWith || targetRecord,
-          combineWith,
-          sourceTreePosition,
-          targetTreePosition,
-          data: originalData,
-          down
-        });
-      }
-
-      onOrderChange(nextTreeData, sourceRecord); // console.log('nextTreeData :>> ', nextTreeData);
-      // console.log(
-      //   `${sourceRecord?.data?.name} --> ${
-      //     combineWith?.data?.name || targetRecord?.data?.name
-      //   }`,
-      // );
-
-      return nextTreeData;
-    }, [originalData, childrenKey]);
-    return {
-      state: {
-        draggedRecord
-      },
-      actions: {
-        setDraggedRecord,
-        changeRecordsPosition
-      }
-    };
-  },
-
-  renderers(renderers, instance) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const item = useMemo(() => DraggableItem(renderers), []); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    const list = useMemo(() => DroppableList(renderers, instance), []);
-    return _objectSpread(_objectSpread({}, renderers), {}, {
-      item,
-      list
-    });
-  }
-
-});
-
-export { TreeDndPlugin };

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

@@ -1 +0,0 @@
-export { TreeDndPlugin } from './TreeDndPlugin.js';