@elliemae/ds-data-table 2.0.0-rc.4 → 2.0.0-rc.8

package/cjs/DataTableSchema.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactDesc = require('react-desc');
 
 /* eslint-disable max-lines */
-const outOfTheBoxFilterType = reactDesc.PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-text', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
+const outOfTheBoxFilterType = reactDesc.PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
 const textWrappingType = reactDesc.PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);
 const rowVariantType = reactDesc.PropTypes.oneOf(['ds_header_group_row', 'ds_primary_row', 'ds_secondary_row']);
 const columnPropTypes = {

package/cjs/addons/Filters/Components/index.js

@@ -9,7 +9,6 @@ var index$3 = require('./CurrencyRangeFilter/index.js');
 var SingleSelectFilter = require('./SelectFilter/SingleSelectFilter.js');
 var MultiSelectFilter = require('./SelectFilter/MultiSelectFilter.js');
 var index$4 = require('./SingleDateFilter/index.js');
-var index$5 = require('./TextInputFilter/index.js');
 
 
 
@@ -20,4 +19,3 @@ exports.CurrencyRangeFilter = index$3.CurrencyRangeFilter;
 exports.SingleSelectFilter = SingleSelectFilter.SingleSelectFilter;
 exports.MultiSelectFilter = MultiSelectFilter.MultiSelectFilter;
 exports.SingleDateFilter = index$4.SingleDateFilter;
-exports.TextInputFilter = index$5.TextInputFilter;

package/cjs/addons/Filters/index.js

@@ -9,7 +9,6 @@ var index$3 = require('./Components/CurrencyRangeFilter/index.js');
 var SingleSelectFilter = require('./Components/SelectFilter/SingleSelectFilter.js');
 var MultiSelectFilter = require('./Components/SelectFilter/MultiSelectFilter.js');
 var index$4 = require('./Components/SingleDateFilter/index.js');
-var index$5 = require('./Components/TextInputFilter/index.js');
 
 
 
@@ -20,4 +19,3 @@ exports.CurrencyRangeFilter = index$3.CurrencyRangeFilter;
 exports.SingleSelectFilter = SingleSelectFilter.SingleSelectFilter;
 exports.MultiSelectFilter = MultiSelectFilter.MultiSelectFilter;
 exports.SingleDateFilter = index$4.SingleDateFilter;
-exports.TextInputFilter = index$5.TextInputFilter;

package/cjs/exported-related/FilterPopover.js

@@ -52,6 +52,9 @@ const FilterButton = /*#__PURE__*/styled__default["default"].span.withConfig({
 const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-16i88ut-1"
 })(["position:relative;justify-self:flex-end;"]);
+const PopperContent = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-16i88ut-2"
+})(["background-color:'#fff';"]);
 const FilterPopover = _ref2 => {
   var _column$ref$current$o, _column$ref, _column$ref$current;
 
@@ -152,9 +155,20 @@ const FilterPopover = _ref2 => {
       minWidth: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
     }),
     placementOrderPreference: ['bottom-end']
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx("div", {
-    style: {
-      backgroundColor: '#fff'
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(PopperContent, {
+    onKeyDown: e => {
+      if (e.code === 'Tab') {
+        setTimeout(() => {
+          var _popperRef$current;
+
+          if (!(popperRef !== null && popperRef !== void 0 && (_popperRef$current = popperRef.current) !== null && _popperRef$current !== void 0 && _popperRef$current.contains(document.activeElement))) {
+            patchHeader(columnId, {
+              hideFilterMenu: true,
+              hideFilterButton: false
+            });
+          }
+        });
+      }
     },
     ref: popperRef,
     children: menuContent

package/cjs/exported-related/FilterTypes.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const FILTER_TYPES = {
   SELECT: 'ds-filter-select',
   MULTI_SELECT: 'ds-filter-multi-select',
-  TEXT: 'ds-filter-text',
   SINGLE_DATE: 'ds-filter-single-date',
   DATE_RANGE: 'ds-filter-date-range',
   DATE_SWITCHER: 'ds-filter-date-switcher',

package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js

@@ -7,7 +7,6 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var singleSelectFilterFn = require('./singleSelectFilterFn.js');
 var multiSelectFilterFn = require('./multiSelectFilterFn.js');
-var textFilterFn = require('./textFilterFn.js');
 var singleDateFilterFn = require('./singleDateFilterFn.js');
 var dateRangeFilterFn = require('./dateRangeFilterFn.js');
 var dateSwitcherFilterFn = require('./dateSwitcherFilterFn.js');
@@ -19,7 +18,6 @@ var FilterTypes = require('../FilterTypes.js');
 const filterMapper = {
   [FilterTypes.FILTER_TYPES.SELECT]: singleSelectFilterFn.singleSelectFilterFn,
   [FilterTypes.FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn.multiSelectFilterFn,
-  [FilterTypes.FILTER_TYPES.TEXT]: textFilterFn.textFilterFn,
   [FilterTypes.FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn.singleDateFilterFn,
   [FilterTypes.FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn.dateRangeFilterFn,
   [FilterTypes.FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn.dateSwitcherFilterFn,

package/cjs/exported-related/Filters/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var applyOutOfTheBoxFilters = require('./applyOutOfTheBoxFilters.js');
-var textFilterFn = require('./textFilterFn.js');
 var singleDateFilterFn = require('./singleDateFilterFn.js');
 var singleSelectFilterFn = require('./singleSelectFilterFn.js');
 var multiSelectFilterFn = require('./multiSelectFilterFn.js');
@@ -14,7 +13,6 @@ var dateRangeFilterFn = require('./dateRangeFilterFn.js');
 
 
 exports.applyOutOfTheBoxFilters = applyOutOfTheBoxFilters.applyOutOfTheBoxFilters;
-exports.textFilterFn = textFilterFn.textFilterFn;
 exports.singleDateFilterFn = singleDateFilterFn.singleDateFilterFn;
 exports.singleSelectFilterFn = singleSelectFilterFn.singleSelectFilterFn;
 exports.multiSelectFilterFn = multiSelectFilterFn.multiSelectFilterFn;

package/cjs/exported-related/index.js

@@ -9,7 +9,6 @@ var groupBy = require('./groupBy.js');
 var FilterTypes = require('./FilterTypes.js');
 var RowVariants = require('./RowVariants.js');
 var applyOutOfTheBoxFilters = require('./Filters/applyOutOfTheBoxFilters.js');
-var textFilterFn = require('./Filters/textFilterFn.js');
 var singleDateFilterFn = require('./Filters/singleDateFilterFn.js');
 var singleSelectFilterFn = require('./Filters/singleSelectFilterFn.js');
 var multiSelectFilterFn = require('./Filters/multiSelectFilterFn.js');
@@ -28,7 +27,6 @@ exports.ROW_VARIANTS = RowVariants.ROW_VARIANTS;
 exports.ROW_VARIANT_COMPACT_KEY = RowVariants.ROW_VARIANT_COMPACT_KEY;
 exports.ROW_VARIANT_KEY = RowVariants.ROW_VARIANT_KEY;
 exports.applyOutOfTheBoxFilters = applyOutOfTheBoxFilters.applyOutOfTheBoxFilters;
-exports.textFilterFn = textFilterFn.textFilterFn;
 exports.singleDateFilterFn = singleDateFilterFn.singleDateFilterFn;
 exports.singleSelectFilterFn = singleSelectFilterFn.singleSelectFilterFn;
 exports.multiSelectFilterFn = multiSelectFilterFn.multiSelectFilterFn;

package/cjs/helpers/dndkit/hierarchy/customCollisionDetection.js

@@ -5,12 +5,12 @@ 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.find.js');
 require('core-js/modules/esnext.iterator.find.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var constants = require('../../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.reduce.js');
 require('react');
@@ -35,42 +35,55 @@ require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
 require('../../../parts/HoC/SortableItemContext.js');
 
-const customCollisionDetection = (activeId, activeParent, dndItems) => (entries, target) => {
+const customCollisionDetection = (activeId, activeParent, dndItems) => _ref => {
   var _document$querySelect, _document$querySelect2;
 
-  const entriesWithSameParent = entries.filter(_ref => {
+  let {
+    droppableContainers,
+    collisionRect
+  } = _ref;
+  const entriesWithSameParent = droppableContainers.filter(_ref2 => {
     var _dndItems$find;
 
-    let [id] = _ref;
+    let {
+      id
+    } = _ref2;
     return ((_dndItems$find = dndItems.find(item => item.id === id)) === null || _dndItems$find === void 0 ? void 0 : _dndItems$find.parentId) === activeParent;
   });
   const dragOverlayRect = (_document$querySelect = (_document$querySelect2 = document.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY, "\"]"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.getBoundingClientRect()) !== null && _document$querySelect !== void 0 ? _document$querySelect : {
     width: 150
   };
-  const originalRect = entriesWithSameParent.find(_ref2 => {
-    let [id] = _ref2;
+  const originalContainer = entriesWithSameParent.find(_ref3 => {
+    let {
+      id
+    } = _ref3;
     return id === activeId;
   });
+  const originalRect = originalContainer.rect.current;
 
-  if (originalRect[1].offsetLeft <= target.offsetLeft && target.offsetLeft <= originalRect[1].offsetLeft + originalRect[1].width) {
-    return originalRect[0];
+  if (originalRect.offsetLeft <= collisionRect.offsetLeft && collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width) {
+    return originalContainer.id;
   }
 
-  const isLeft = target.offsetLeft <= originalRect[1].offsetLeft + dragOverlayRect.width / 2 + 5;
+  const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + dragOverlayRect.width / 2 + 5;
   let match = null; // If going to the left, search the closest offset left
   // Otherwise, get the closest offset right
 
-  const collisionPoint = target.offsetLeft + dragOverlayRect.width / 2;
+  const collisionPoint = collisionRect.offsetLeft + dragOverlayRect.width / 2;
   entriesWithSameParent.forEach(entry => {
-    const [, rect] = entry;
+    const {
+      rect: {
+        current: rect
+      }
+    } = entry;
     const offsetRight = rect.offsetLeft + rect.width;
-    if (!match) match = entry;else if (isLeft && Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match[1].offsetLeft)) {
+    if (!match) match = entry;else if (isLeft && Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)) {
       match = entry;
-    } else if (!isLeft && Math.abs(collisionPoint - offsetRight) <= Math.abs(collisionPoint - match[1].offsetLeft - match[1].width)) {
+    } else if (!isLeft && Math.abs(collisionPoint - offsetRight) <= Math.abs(collisionPoint - match.rect.current.offsetLeft - match.rect.current.width)) {
       match = entry;
     }
   });
-  return match === null ? null : match[0];
+  return match === null ? null : match.id;
 };
 
 exports.customCollisionDetection = customCollisionDetection;

package/cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js

@@ -8,11 +8,11 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.find.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.filter.js');
 var core = require('@dnd-kit/core');
 var constants = require('../../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.reduce.js');
 require('react');
@@ -56,16 +56,14 @@ const getHorizontalKeyboardCoordinates = _ref => {
     event,
     currentCoordinates,
     droppableContainers,
-    translatedRect
+    collisionRect
   } = _ref;
   if (vertical.includes(event.code)) return undefined;
-  const activeItem = items.find(item => item.id === active);
+  const activeItem = items.find(item => item.id === active.id);
   const overRect = over.rect;
   const layoutRects = []; // Get the reacheable rects depending on the arrow key pressed
 
-  Object.entries(droppableContainers).forEach(_ref2 => {
-    let [id, container] = _ref2;
-
+  droppableContainers.forEach(container => {
     if (container !== null && container !== void 0 && container.disabled || !overRect) {
       return;
     }
@@ -76,44 +74,48 @@ const getHorizontalKeyboardCoordinates = _ref => {
       return;
     }
 
-    const itemParent = items.find(item => item.id === id).parentId;
+    const itemParent = items.find(item => item.id === container.id).parentId;
     if (itemParent !== activeItem.parentId) return;
     const rect = core.getViewRect(node);
 
-    if (event.code === core.KeyboardCode.Left && translatedRect.left > rect.right - 10) {
-      layoutRects.push([id, rect]);
-    } else if (event.code === core.KeyboardCode.Right && translatedRect.left < rect.left) {
-      layoutRects.push([id, rect]);
+    if (event.code === core.KeyboardCode.Left && collisionRect.left > rect.right - 10) {
+      layoutRects.push(container);
+    } else if (event.code === core.KeyboardCode.Right && collisionRect.left < rect.left) {
+      layoutRects.push(container);
     }
   });
   const dragOverlayRect = (_document$querySelect = (_document$querySelect2 = document.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY, "\"]"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.getBoundingClientRect()) !== null && _document$querySelect !== void 0 ? _document$querySelect : {
     width: 150,
     left: 0
   };
-  const closestId = core.closestCorners(layoutRects, translatedRect);
+  const closestId = core.closestCorners({
+    droppableContainers: layoutRects,
+    collisionRect,
+    active
+  });
   if (!closestId) return undefined;
-  const closestRect = core.getViewRect(droppableContainers[closestId].node.current);
-  const activeRect = core.getViewRect(droppableContainers[active].node.current);
+  const closestRect = core.getViewRect(droppableContainers.get(closestId).node.current);
+  const activeRect = core.getViewRect(droppableContainers.get(active.id).node.current);
   return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
     x: closestRect.left + (closestRect.width - dragOverlayRect.width) / 2 + (closestRect.offsetLeft < activeRect.left ? -1 : 1)
   });
 };
 
-const getHierarchyKeyboardCoordinates = (context, isHorizontalDnD) => (event, _ref3) => {
+const getHierarchyKeyboardCoordinates = (context, isHorizontalDnD) => (event, _ref2) => {
   let {
-    active,
     currentCoordinates,
     context: {
+      active,
       over,
-      translatedRect,
+      collisionRect,
       droppableContainers
     }
-  } = _ref3;
+  } = _ref2;
 
   if (directions.includes(event.code)) {
     event.preventDefault();
 
-    if (!translatedRect) {
+    if (!collisionRect) {
       return undefined;
     }
 
@@ -129,7 +131,7 @@ const getHierarchyKeyboardCoordinates = (context, isHorizontalDnD) => (event, _r
       event,
       currentCoordinates,
       droppableContainers,
-      translatedRect
+      collisionRect
     };
     if (isHorizontalDnD) return getHorizontalKeyboardCoordinates(args);
     return undefined;

package/cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js

@@ -45,8 +45,10 @@ const adjustTranslate = function (_ref) {
   return newTransform;
 };
 
-const layoutMeasuring = {
-  strategy: core.LayoutMeasuringStrategy.Always
+const measuring = {
+  droppable: {
+    strategy: core.MeasuringStrategy.Always
+  }
 };
 
 const useHierarchyDndkitConfig = _ref2 => {
@@ -95,7 +97,7 @@ const useHierarchyDndkitConfig = _ref2 => {
     announcements,
     modifiers,
     sensors,
-    layoutMeasuring,
+    measuring,
     collisionDetection: customCollisionDetection.customCollisionDetection(activeId, activeItem === null || activeItem === void 0 ? void 0 : activeItem.parentId, dndItems)
   }, dragActionHandlers), [announcements, modifiers, sensors, activeId, activeItem === null || activeItem === void 0 ? void 0 : activeItem.parentId, dndItems, dragActionHandlers]);
   return {

package/cjs/helpers/dndkit/tree/customCollisionDetection.js

@@ -5,9 +5,9 @@ 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');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 var SortableItemContext = require('../../../parts/HoC/SortableItemContext.js');
 
 const DUMMY_ID = 'DUMMY_ID_INTERNAL_USE_ONLY';
@@ -33,58 +33,78 @@ const RECT_DOWN = {
 const thresholdRatio = 0.2; // Percentage to be inside
 
 const insideThreshold = 0.7;
-const customCollisionDetection = (activeId, visibleItemsDictionary, setDropIndicatorPosition, maxDragAndDropLevel, lastPosition, setLastPosition) => (rects, rect) => {
-  const originalRect = rects.find(_ref => {
-    let [rectId] = _ref;
-    return rectId === activeId;
-  }); // We first check if the item was moved up or down
+const customCollisionDetection = (activeId, visibleItemsDictionary, setDropIndicatorPosition, maxDragAndDropLevel, lastPosition, setLastPosition) => _ref => {
+  var _originalContainer$re;
+
+  let {
+    droppableContainers,
+    collisionRect
+  } = _ref;
+  const originalContainer = droppableContainers.find(_ref2 => {
+    let {
+      id
+    } = _ref2;
+    return id === activeId;
+  });
+  const originalRect = originalContainer === null || originalContainer === void 0 ? void 0 : (_originalContainer$re = originalContainer.rect) === null || _originalContainer$re === void 0 ? void 0 : _originalContainer$re.current; // We first check if the item was moved up or down
   // This modifies how to search the matching colliding rect
 
   let isUp = lastPosition === 'up';
 
   if (originalRect) {
-    isUp = originalRect[1].offsetTop > rect.top;
+    isUp = originalRect.offsetTop > collisionRect.top;
   } // Threshold
 
 
-  const threshold = rect.height * thresholdRatio;
-  let collidingRect = null;
+  const threshold = collisionRect.height * thresholdRatio;
+  let collidingContainer = null;
 
   if (isUp) {
     // Up -- We need to find the first rectangle downwards
-    collidingRect = rects.reduce((acc, _ref2) => {
-      let [rectID, rectData] = _ref2;
+    collidingContainer = droppableContainers.reduce((acc, container) => {
+      const rect = container.rect.current;
 
-      if (rectData.offsetTop + threshold > rect.top && rectData.offsetTop < acc[1].offsetTop) {
-        return [rectID, rectData];
+      if (rect.offsetTop + threshold > collisionRect.top && rect.offsetTop < acc.rect.current.offsetTop) {
+        return container;
       }
 
       return acc;
-    }, [DUMMY_ID, RECT_DOWN]);
+    }, {
+      id: DUMMY_ID,
+      rect: {
+        current: RECT_DOWN
+      }
+    });
   } else {
     // Down -- We need to find the first rectangle upwards
-    collidingRect = rects.reduce((acc, _ref3) => {
-      let [rectID, rectData] = _ref3;
+    collidingContainer = droppableContainers.reduce((acc, container) => {
+      const rect = container.rect.current;
 
-      if (rectData.offsetTop - threshold < rect.top && rectData.offsetTop > acc[1].offsetTop) {
-        return [rectID, rectData];
+      if (rect.offsetTop - threshold < collisionRect.top && rect.offsetTop > acc.rect.current.offsetTop) {
+        return container;
       }
 
       return acc;
-    }, [DUMMY_ID, RECT_UP]);
+    }, {
+      id: DUMMY_ID,
+      rect: {
+        current: RECT_UP
+      }
+    });
   } // If we didn't find a match, return null
 
 
-  if (collidingRect[0] === DUMMY_ID) {
+  if (collidingContainer.id === DUMMY_ID) {
     return null;
-  } // Calculate the intersection interval
+  }
 
+  const collidingRect = collidingContainer.rect.current; // Calculate the intersection interval
 
-  const [top, bottom] = [Math.max(rect.top, collidingRect[1].offsetTop), Math.min(rect.bottom, collidingRect[1].offsetTop + collidingRect[1].height)]; // Calculate the percentage of intersection
+  const [top, bottom] = [Math.max(collisionRect.top, collidingRect.offsetTop), Math.min(collisionRect.bottom, collidingRect.offsetTop + collidingRect.height)]; // Calculate the percentage of intersection
 
-  const intersectionPercentage = Math.abs(bottom - top) / collidingRect[1].height;
+  const intersectionPercentage = Math.abs(bottom - top) / collidingRect.height;
 
-  if (intersectionPercentage > insideThreshold && visibleItemsDictionary[collidingRect[0]].depth + 1 <= maxDragAndDropLevel && collidingRect[0] !== activeId) {
+  if (intersectionPercentage > insideThreshold && visibleItemsDictionary[collidingContainer.id].depth + 1 <= maxDragAndDropLevel && collidingContainer.id !== activeId) {
     setDropIndicatorPosition(SortableItemContext.DropIndicatorPosition.Inside);
   } else {
     setDropIndicatorPosition(isUp ? SortableItemContext.DropIndicatorPosition.Before : SortableItemContext.DropIndicatorPosition.After);
@@ -92,7 +112,7 @@ const customCollisionDetection = (activeId, visibleItemsDictionary, setDropIndic
 
   if (isUp && lastPosition !== 'up') setLastPosition('up');else if (!isUp && lastPosition !== 'down') setLastPosition('down'); // Return the id of the match rectangle
 
-  return collidingRect[0];
+  return collidingContainer.id;
 };
 
 exports.customCollisionDetection = customCollisionDetection;

package/cjs/helpers/dndkit/tree/getTreeKeyboardCoordinates.js

@@ -6,7 +6,6 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.find.js');
 require('core-js/modules/esnext.iterator.find.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
@@ -32,80 +31,76 @@ const getVerticalKeyboardCoordinates = _ref => {
     event,
     currentCoordinates,
     droppableContainers,
-    translatedRect,
+    collisionRect,
     dropIndicatorPosition,
     maxDragAndDropLevel
   } = _ref;
   if (horizontal.includes(event.code)) return undefined;
-  const activeRect = droppableContainers[active].rect.current;
   const overRect = over.rect;
   const layoutRects = []; // Get the reacheable rects depending on the arrow key pressed
 
-  Object.entries(droppableContainers).forEach(_ref2 => {
-    let [id, container] = _ref2;
-
+  droppableContainers.forEach(container => {
     if (container !== null && container !== void 0 && container.disabled || !overRect) {
       return;
     }
 
-    const node = container === null || container === void 0 ? void 0 : container.node.current;
-
-    if (!node) {
-      return;
-    }
-
-    const rect = core.getViewRect(node);
+    const rect = container.rect.current;
 
-    if (event.code === core.KeyboardCode.Down && translatedRect.top - 2 <= rect.top) {
-      layoutRects.push([id, rect]);
-    } else if (event.code === core.KeyboardCode.Up && translatedRect.top >= rect.top) {
-      layoutRects.push([id, rect]);
+    if (event.code === core.KeyboardCode.Down && collisionRect.top - 2 <= rect.offsetTop) {
+      layoutRects.push(container);
+    } else if (event.code === core.KeyboardCode.Up && collisionRect.top >= rect.offsetTop) {
+      layoutRects.push(container);
     }
   });
-  const closestId = core.closestCorners(layoutRects, translatedRect);
+  const closestId = core.closestCorners({
+    collisionRect,
+    droppableContainers: layoutRects,
+    active
+  });
   if (!closestId) return undefined;
   const closestItem = items.find(item => item.uid === closestId);
-  const closestRect = core.getViewRect(droppableContainers[closestId].node.current);
+  const closestRect = core.getViewRect(droppableContainers.get(closestId).node.current);
 
   if (event.code === core.KeyboardCode.Up) {
     // If the drop indicator is inside (or over ourselves)
     // We are gonna go to the before position
     // Else we are gonna go inside the over rect
-    if (dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Inside || closestId === active || closestItem.depth + 1 > maxDragAndDropLevel) {
+    if (dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Inside || closestId === active.id || closestItem.depth + 1 > maxDragAndDropLevel) {
       return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
-        y: closestRect.top - translatedRect.height / 2
+        y: closestRect.top - collisionRect.height / 2
       });
     }
 
     return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
-      y: closestRect.top + Math.abs(closestRect.height - activeRect.height) / 2
+      y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2
     });
   } // If the drop indicator is inside (or over ourselves)
   // We are gonna go to the after position
   // Else we are gonna go inside the over rect
 
 
-  if (dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Inside || closestId === active || closestItem.depth + 1 > maxDragAndDropLevel) {
+  if (dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Inside || closestId === active.id || closestItem.depth + 1 > maxDragAndDropLevel) {
     return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
-      y: closestRect.top + translatedRect.height / 2
+      y: closestRect.top + collisionRect.height / 2
     });
   }
 
   return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
-    y: closestRect.top + Math.abs(closestRect.height - activeRect.height) / 2
+    y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2
   });
 };
 
-const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLevel) => (event, _ref3) => {
+const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLevel) => (event, _ref2) => {
   let {
-    active,
     currentCoordinates,
     context: {
       over,
       translatedRect,
-      droppableContainers
+      droppableContainers,
+      active,
+      collisionRect
     }
-  } = _ref3;
+  } = _ref2;
 
   if (directions.includes(event.code)) {
     if (!translatedRect) {
@@ -125,7 +120,7 @@ const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLeve
       event,
       currentCoordinates,
       droppableContainers,
-      translatedRect,
+      collisionRect,
       dropIndicatorPosition,
       maxDragAndDropLevel
     };

package/cjs/helpers/dndkit/tree/useTreeDndkitConfig.js

@@ -45,8 +45,10 @@ const adjustTranslate = function (_ref) {
   return newTransform;
 };
 
-const layoutMeasuring = {
-  strategy: core.LayoutMeasuringStrategy.BeforeDragging
+const measuring = {
+  droppable: {
+    strategy: core.MeasuringStrategy.BeforeDragging
+  }
 };
 
 const useTreeDndkitConfig = _ref2 => {
@@ -117,7 +119,7 @@ const useTreeDndkitConfig = _ref2 => {
     announcements,
     modifiers,
     sensors,
-    layoutMeasuring,
+    measuring,
     collisionDetection: customCollisionDetection.customCollisionDetection(activeId, visibleItemsDictionary, setDropIndicatorPosition, maxDragAndDropLevel, lastPosition, setLastPosition)
   }, dragActionHandlers), [announcements, modifiers, sensors, dragActionHandlers, visibleItemsDictionary, setDropIndicatorPosition, activeId, maxDragAndDropLevel, lastPosition, setLastPosition]);
   const sortableContextProps = React.useMemo(() => ({

package/cjs/helpers/refs-helpers.js

@@ -15,8 +15,8 @@ const setMultipleRefs = function () {
   }
 
   const filteredRefs = refs.filter(Boolean);
-  if (!filteredRefs.length) return null;
-  if (filteredRefs.length === 0) return filteredRefs[0];
+  if (!filteredRefs.length) return () => null;
+  if (filteredRefs.length === 0) return () => null;
   return newRef => {
     filteredRefs.forEach(refToBeUpdated => {
       if (typeof refToBeUpdated === 'function') {

package/cjs/index.js

@@ -10,7 +10,6 @@ var groupBy = require('./exported-related/groupBy.js');
 var FilterTypes = require('./exported-related/FilterTypes.js');
 var RowVariants = require('./exported-related/RowVariants.js');
 var applyOutOfTheBoxFilters = require('./exported-related/Filters/applyOutOfTheBoxFilters.js');
-var textFilterFn = require('./exported-related/Filters/textFilterFn.js');
 var singleDateFilterFn = require('./exported-related/Filters/singleDateFilterFn.js');
 var singleSelectFilterFn = require('./exported-related/Filters/singleSelectFilterFn.js');
 var multiSelectFilterFn = require('./exported-related/Filters/multiSelectFilterFn.js');
@@ -31,7 +30,6 @@ exports.ROW_VARIANTS = RowVariants.ROW_VARIANTS;
 exports.ROW_VARIANT_COMPACT_KEY = RowVariants.ROW_VARIANT_COMPACT_KEY;
 exports.ROW_VARIANT_KEY = RowVariants.ROW_VARIANT_KEY;
 exports.applyOutOfTheBoxFilters = applyOutOfTheBoxFilters.applyOutOfTheBoxFilters;
-exports.textFilterFn = textFilterFn.textFilterFn;
 exports.singleDateFilterFn = singleDateFilterFn.singleDateFilterFn;
 exports.singleSelectFilterFn = singleSelectFilterFn.singleSelectFilterFn;
 exports.multiSelectFilterFn = multiSelectFilterFn.multiSelectFilterFn;