@elliemae/ds-data-table 2.0.0-rc.2 → 2.0.0-rc.6

package/esm/parts/HoC/withConditionalDnDRowContext.js

@@ -1,18 +1,20 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 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/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import React, { createContext, useCallback } from 'react';
 import { DndContext, DragOverlay } from '@dnd-kit/core';
 import { SortableContext } from '@dnd-kit/sortable';
 import DataTableContext from '../../DataTableContext.js';
 import useTreeDndkitConfig from '../../helpers/dndkit/tree/useTreeDndkitConfig.js';
-import { DragOverlayContext } from './DragOverlayContext.js';
 import { DropIndicatorPosition } from './SortableItemContext.js';
+import { Row } from '../Row.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 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; }
@@ -38,8 +40,6 @@ const withConditionalDnDRowContext = Component => props => {
     flattenedData,
     allDataFlattened
   } = React.useContext(DataTableContext);
-  const [PureDraggedJSX, setPureDraggedJSX] = React.useState(null); // todo: check if this can be done via portal
-
   const [lastActiveId, setLastActiveId] = React.useState(null);
   const onReorder = useCallback((newData, indexes, considerExpanding) => {
     // Pull the row's original data into an object
@@ -79,11 +79,7 @@ const withConditionalDnDRowContext = Component => props => {
   if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);
   if (dragAndDropRows) return /*#__PURE__*/jsxs(DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
     children: [/*#__PURE__*/jsx(SortableContext, _objectSpread(_objectSpread({}, sortableContextProps), {}, {
-      children: /*#__PURE__*/_jsx(DragOverlayContext.Provider, {
-        value: {
-          setPureDraggedJSX
-        }
-      }, void 0, /*#__PURE__*/_jsx(DnDTreeContext.Provider, {
+      children: /*#__PURE__*/_jsx(DnDTreeContext.Provider, {
         value: {
           activeIndex,
           depth,
@@ -92,12 +88,15 @@ const withConditionalDnDRowContext = Component => props => {
           lastActiveId,
           setLastActiveId
         }
-      }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props))))
+      }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)))
     })), /*#__PURE__*/_jsx(DragOverlay, {
       style: {
         width: 'auto'
       }
-    }, void 0, activeId ? PureDraggedJSX : null)]
+    }, void 0, activeId ? /*#__PURE__*/_jsx(Row, {
+      row: flattenedData.find(row => row.uid === activeId),
+      isDragOverlay: true
+    }) : null)]
   }));
   return /*#__PURE__*/jsx(Component, _objectSpread({}, props));
 };

package/esm/parts/HoC/withConditionalDnDSortableContext.js

@@ -26,7 +26,7 @@ const withConditionalDnDSortableContext = function (items) {
     // It's important that drag overlays DO NOT have any sortable functionality!
 
     if (!isDragOverlay && dragAndDropColumns) return /*#__PURE__*/_jsx(SortableContext, {
-      items: items.map(item => item.Header),
+      items: items.map(item => item.id),
       strategy: horizontalListSortingStrategy
     }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
     return /*#__PURE__*/jsx(Component, _objectSpread({}, props));

package/esm/parts/HoC/withDnDSortableColumnContext.js

@@ -5,10 +5,9 @@ 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 { useContext, useMemo, useEffect, cloneElement } from 'react';
+import { useContext, useMemo } from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import DataTableContext from '../../DataTableContext.js';
-import { DragOverlayContext } from './DragOverlayContext.js';
 import { DnDGroupContext } from './withConditionalDnDColumnContext.js';
 import { DropIndicatorPosition, SortableItemContext } from './SortableItemContext.js';
 import { jsx } from 'react/jsx-runtime';
@@ -22,18 +21,14 @@ const withDnDSortableColumnContext = Component => props => {
       dragAndDropColumns
     }
   } = useContext(DataTableContext);
-  const {
-    setPureDraggedJSX
-  } = useContext(DragOverlayContext);
   const {
     activeIndex
   } = useContext(DnDGroupContext); // onMount generate unique options, so everyting is only ran once
 
   const draggableOptions = useMemo(() => ({
-    id: props.header.Header
-  }), [props.header.Header]);
-  const useSortableHelpers = useSortable(draggableOptions);
-  const PureComponentJSX = useMemo(() => /*#__PURE__*/jsx(Component, _objectSpread({}, props)), [props]); // calculate all the "useSortable" values as per required
+    id: props.header.id
+  }), [props.header.id]);
+  const useSortableHelpers = useSortable(draggableOptions); // calculate all the "useSortable" values as per required
 
   const draggableProps = useMemo(() => {
     if (!dragAndDropColumns) return false;
@@ -45,16 +40,7 @@ const withDnDSortableColumnContext = Component => props => {
       shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,
       dropIndicatorPosition: index > activeIndex ? DropIndicatorPosition.After : DropIndicatorPosition.Before
     });
-  }, [useSortableHelpers, dragAndDropColumns, activeIndex]);
-  useEffect(() => {
-    // We assume the structure of the inner element WON'T change during DnD
-    // This is a huge performance boost
-    if (useSortableHelpers.isDragging) {
-      setPureDraggedJSX( /*#__PURE__*/cloneElement(PureComponentJSX, {
-        isDragOverlay: true
-      }));
-    }
-  }, [useSortableHelpers.isDragging, setPureDraggedJSX]); // we use a context so we can easly access information wherever without bubbling down
+  }, [useSortableHelpers, dragAndDropColumns, activeIndex]); // we use a context so we can easly access information wherever without bubbling down
   // this context is all Memoized so as long as component is not re-mounted,
   // the context won't trigger un-required renders per-se...
 
@@ -64,7 +50,7 @@ const withDnDSortableColumnContext = Component => props => {
 
   return /*#__PURE__*/_jsx(SortableItemContext.Provider, {
     value: ctx
-  }, void 0, PureComponentJSX);
+  }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
 };
 
 export { withDnDSortableColumnContext };

package/esm/parts/HoC/withDnDSortableRowContext.js

@@ -5,11 +5,10 @@ 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 { useContext, useMemo, useEffect, cloneElement } from 'react';
+import { useContext, useMemo } from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import DataTableContext from '../../DataTableContext.js';
 import { DnDTreeContext } from './withConditionalDnDRowContext.js';
-import { DragOverlayContext } from './DragOverlayContext.js';
 import { SortableItemContext } from './SortableItemContext.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -22,9 +21,6 @@ const withDnDSortableRowContext = Component => props => {
       dragAndDropRows
     }
   } = useContext(DataTableContext);
-  const {
-    setPureDraggedJSX
-  } = useContext(DragOverlayContext);
   const {
     dropIndicatorPosition,
     lastActiveId,
@@ -34,8 +30,7 @@ const withDnDSortableRowContext = Component => props => {
   const draggableOptions = useMemo(() => ({
     id: props.row.uid
   }), [props.row]);
-  const useSortableHelpers = useSortable(draggableOptions);
-  const PureComponentJSX = useMemo(() => /*#__PURE__*/jsx(Component, _objectSpread({}, props)), [props]); // calculate all the "useSortable" values as per required
+  const useSortableHelpers = useSortable(draggableOptions); // calculate all the "useSortable" values as per required
 
   const draggableProps = useMemo(() => {
     if (!dragAndDropRows) return false;
@@ -49,16 +44,7 @@ const withDnDSortableRowContext = Component => props => {
       lastActiveId,
       setLastActiveId
     });
-  }, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);
-  useEffect(() => {
-    // We assume the structure of the inner element WON'T change during DnD
-    // This is a huge performance boost
-    if (useSortableHelpers.isDragging) {
-      setPureDraggedJSX( /*#__PURE__*/cloneElement(PureComponentJSX, {
-        isDragOverlay: true
-      }));
-    }
-  }, [useSortableHelpers.isDragging, setPureDraggedJSX]); // we use a context so we can easly access information wherever without bubbling down
+  }, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]); // we use a context so we can easly access information wherever without bubbling down
   // this context is all Memoized so as long as component is not re-mounted,
   // the context won't trigger un-required renders per-se...
 
@@ -68,7 +54,7 @@ const withDnDSortableRowContext = Component => props => {
 
   return /*#__PURE__*/_jsx(SortableItemContext.Provider, {
     value: ctx
-  }, void 0, PureComponentJSX);
+  }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
 };
 
 export { withDnDSortableRowContext };

package/esm/parts/Row.js

@@ -16,17 +16,17 @@ import { RowVariantMapItem } from './RowVariants/index.js';
 import { jsx } from 'react/jsx-runtime';
 
 const setItemRefs = (measureRef, draggableRef, ref) => {
-  const refsToSet = [measureRef];
+  const refsToSet = [];
+  if (measureRef) refsToSet.push(measureRef);
   if (draggableRef) refsToSet.push(draggableRef);
   setMultipleRefs(...refsToSet)(ref);
 };
 
-const Row = props => {
+const RowComp = props => {
   const {
     row,
     measureRef,
     itemWrapperStyle,
-    itemIndex,
     isDragOverlay,
     focusedRowId,
     selectedRowId
@@ -41,7 +41,7 @@ const Row = props => {
     ref: ref => setItemRefs(measureRef, draggableRef, ref),
     children: /*#__PURE__*/_jsx(RowVariantMapItem, {
       row: row,
-      itemIndex: itemIndex,
+      itemIndex: row.realIndex,
       isDragOverlay: isDragOverlay,
       ctx: ctx,
       focusedRowId: focusedRowId,
@@ -50,15 +50,12 @@ const Row = props => {
   });
 };
 
-Row.defaultProps = {
-  itemWrapperStyle: {}
-};
-
 const mapStateToProps = state => ({
   focusedRowId: state.rows.focusedRowId,
   selectedRowId: state.rows.selectedRowId
 });
 
-var Row$1 = withDnDSortableRowContext(connect(mapStateToProps)(Row));
+const Row = connect(mapStateToProps)(RowComp);
+var Row$1 = withDnDSortableRowContext(Row);
 
-export { Row$1 as default };
+export { Row, Row$1 as default };

package/esm/styled.js

@@ -172,7 +172,7 @@ const GroupHeaderTitle = /*#__PURE__*/styled.span.withConfig({
 })(["font-weight:", ";font-size:12px;color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral[700]);
 const StyledCellContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-18"
-})(["position:relative;z-index:2;min-height:", ";height:", ";width:", ";", ";background-color:", ";outline:none;:focus{", "}", " ", " box-shadow:0 2px 4px 0 ", ";opacity:", ";", " color:", ";"], props => props.minHeight || '36px', props => props.height || 'auto', props => props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%', props => getGridTemplateColumnsStyle({
+})(["position:relative;z-index:2;min-height:", ";height:", ";width:", ";", ";", ";background-color:", ";outline:none;:focus{", "}", " ", " box-shadow:0 2px 4px 0 ", ";opacity:", ";", " color:", ";"], props => props.minHeight || '36px', props => props.height || 'auto', props => props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%', props => props.isDragOverlay ? 'width: fit-content;' : '', props => getGridTemplateColumnsStyle({
   cols: props.cols,
   colsLayoutStyle: props.colLayoutStyle,
   isExpandable: props.isExpandable

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "module": "./esm/index.js",
@@ -163,10 +163,6 @@
       "import": "./esm/parts/HoC/SortableItemContext.js",
       "require": "./cjs/parts/HoC/SortableItemContext.js"
     },
-    "./parts/HoC/DragOverlayContext": {
-      "import": "./esm/parts/HoC/DragOverlayContext.js",
-      "require": "./cjs/parts/HoC/DragOverlayContext.js"
-    },
     "./parts/Headers/useHeaderCellHandlers": {
       "import": "./esm/parts/Headers/useHeaderCellHandlers.js",
       "require": "./cjs/parts/Headers/useHeaderCellHandlers.js"
@@ -227,10 +223,6 @@
       "import": "./esm/parts/FilterBar/FiltersBar.js",
       "require": "./cjs/parts/FilterBar/FiltersBar.js"
     },
-    "./parts/FilterBar/components/TextPill": {
-      "import": "./esm/parts/FilterBar/components/TextPill.js",
-      "require": "./cjs/parts/FilterBar/components/TextPill.js"
-    },
     "./parts/FilterBar/components/SingleDatePill": {
       "import": "./esm/parts/FilterBar/components/SingleDatePill.js",
       "require": "./cjs/parts/FilterBar/components/SingleDatePill.js"
@@ -431,10 +423,6 @@
       "import": "./esm/exported-related/Filters/types.js",
       "require": "./cjs/exported-related/Filters/types.js"
     },
-    "./exported-related/Filters/textFilterFn": {
-      "import": "./esm/exported-related/Filters/textFilterFn.js",
-      "require": "./cjs/exported-related/Filters/textFilterFn.js"
-    },
     "./exported-related/Filters/singleSelectFilterFn": {
       "import": "./esm/exported-related/Filters/singleSelectFilterFn.js",
       "require": "./cjs/exported-related/Filters/singleSelectFilterFn.js"
@@ -535,10 +523,6 @@
       "import": "./esm/addons/Filters/index.js",
       "require": "./cjs/addons/Filters/index.js"
     },
-    "./addons/Filters/Components/TextInputFilter": {
-      "import": "./esm/addons/Filters/Components/TextInputFilter/index.js",
-      "require": "./cjs/addons/Filters/Components/TextInputFilter/index.js"
-    },
     "./addons/Filters/Components/SingleDateFilter": {
       "import": "./esm/addons/Filters/Components/SingleDateFilter/index.js",
       "require": "./cjs/addons/Filters/Components/SingleDateFilter/index.js"
@@ -648,22 +632,22 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@dnd-kit/core": "~3.1.1",
-    "@dnd-kit/sortable": "~3.1.0",
-    "@elliemae/ds-basic": "2.0.0-rc.2",
-    "@elliemae/ds-button": "2.0.0-rc.2",
-    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.2",
-    "@elliemae/ds-controlled-form": "2.0.0-rc.2",
-    "@elliemae/ds-dropdownmenu": "2.0.0-rc.2",
-    "@elliemae/ds-form": "2.0.0-rc.2",
-    "@elliemae/ds-grid": "2.0.0-rc.2",
-    "@elliemae/ds-icons": "2.0.0-rc.2",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.2",
-    "@elliemae/ds-pagination": "2.0.0-rc.2",
-    "@elliemae/ds-pills": "2.0.0-rc.2",
-    "@elliemae/ds-system": "2.0.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.2",
-    "@elliemae/ds-utilities": "2.0.0-rc.2",
+    "@dnd-kit/core": "~4.0.1",
+    "@dnd-kit/sortable": "~5.0.0",
+    "@elliemae/ds-basic": "2.0.0-rc.6",
+    "@elliemae/ds-button": "2.0.0-rc.6",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.6",
+    "@elliemae/ds-controlled-form": "2.0.0-rc.6",
+    "@elliemae/ds-dropdownmenu": "2.0.0-rc.6",
+    "@elliemae/ds-form": "2.0.0-rc.6",
+    "@elliemae/ds-grid": "2.0.0-rc.6",
+    "@elliemae/ds-icons": "2.0.0-rc.6",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.6",
+    "@elliemae/ds-pagination": "2.0.0-rc.6",
+    "@elliemae/ds-pills": "2.0.0-rc.6",
+    "@elliemae/ds-system": "2.0.0-rc.6",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.6",
+    "@elliemae/ds-utilities": "2.0.0-rc.6",
     "@popperjs/core": "~2.10.2",
     "@reduxjs/toolkit": "~1.6.2",
     "array-move": "~3.0.1",

package/types/addons/Filters/Components/SelectFilter/components.d.ts

@@ -1,6 +1,6 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const MenuList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VirtualListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const MenuList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VirtualListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/addons/Filters/Components/index.d.ts

@@ -5,4 +5,3 @@ export * from './CurrencyRangeFilter';
 export * from './SelectFilter/SingleSelectFilter';
 export * from './SelectFilter/MultiSelectFilter';
 export * from './SingleDateFilter';
-export * from './TextInputFilter';

package/types/exported-related/FilterTypes.d.ts

@@ -1,7 +1,6 @@
 export declare const FILTER_TYPES: {
     SELECT: string;
     MULTI_SELECT: string;
-    TEXT: string;
     SINGLE_DATE: string;
     DATE_RANGE: string;
     DATE_SWITCHER: string;

package/types/exported-related/Filters/index.d.ts

@@ -1,5 +1,4 @@
 export * from './applyOutOfTheBoxFilters';
-export * from './textFilterFn';
 export * from './singleDateFilterFn';
 export * from './singleSelectFilterFn';
 export * from './multiSelectFilterFn';

package/types/helpers/dndkit/hierarchy/types.d.ts

@@ -1,4 +1,4 @@
-import type { DragStartEvent, DragMoveEvent, DragEndEvent, DragOverEvent, Over } from '@dnd-kit/core';
+import type { DragStartEvent, DragMoveEvent, DragEndEvent, DragOverEvent, Over, Active } from '@dnd-kit/core';
 import { DroppableContainers } from '@dnd-kit/core/dist/store';
 import { Coordinates, DragCancelEvent, ViewRect } from '@dnd-kit/core/dist/types';
 import { MutableRefObject } from 'react';
@@ -53,12 +53,12 @@ export declare type useHierarchyDndkitConfigReturn = {
 };
 export declare type getKeyboardCoordinatesArgs = {
     items: Item[];
-    active: string;
+    active: Active;
     over: Over;
     event: KeyboardEvent;
     currentCoordinates: Coordinates;
     droppableContainers: DroppableContainers;
-    translatedRect: ViewRect;
+    collisionRect: ViewRect;
 };
 export declare type SensorContext = MutableRefObject<{
     items: Item[];

package/types/helpers/dndkit/tree/types.d.ts

@@ -1,5 +1,4 @@
-import type { DragStartEvent, DragMoveEvent, DragEndEvent, DragOverEvent, Over } from '@dnd-kit/core';
-import { DroppableContainers } from '@dnd-kit/core/dist/store';
+import type { DragStartEvent, DragMoveEvent, DragEndEvent, DragOverEvent, Over, DroppableContainers, Active } from '@dnd-kit/core';
 import { Coordinates, DragCancelEvent, ViewRect } from '@dnd-kit/core/dist/types';
 import React, { MutableRefObject } from 'react';
 import { DropIndicatorPosition } from '../../../parts/HoC/SortableItemContext';
@@ -66,12 +65,12 @@ export declare type useTreeDndkitConfigReturn = {
 export declare type useTreeDndkitConfigType = (args: useTreeDndkitConfigArgs) => useTreeDndkitConfigReturn;
 export declare type getKeyboardCoordinatesArgs = {
     items: Item[];
-    active: string;
+    active: Active;
     over: Over;
     event: KeyboardEvent;
     currentCoordinates: Coordinates;
     droppableContainers: DroppableContainers;
-    translatedRect: ViewRect;
+    collisionRect: ViewRect;
     dropIndicatorPosition: DropIndicatorPosition;
     maxDragAndDropLevel: number;
 };

package/types/helpers/dndkit/types.d.ts

@@ -1,12 +1,12 @@
 import { Announcements, closestCenter, DragCancelEvent } from '@dnd-kit/core';
-import type { Modifier, DragStartEvent, DragMoveEvent, DragEndEvent, DragOverEvent, LayoutMeasuring } from '@dnd-kit/core';
+import type { Modifier, DragStartEvent, DragMoveEvent, DragEndEvent, DragOverEvent, MeasuringConfiguration } from '@dnd-kit/core';
 import type { SensorDescriptor, SensorOptions } from '@dnd-kit/core/dist/sensors';
 import type { SortingStrategy } from '@dnd-kit/sortable';
 export declare type dndContextPropsType = {
     announcements: Announcements;
     modifiers: Modifier[];
     sensors: SensorDescriptor<SensorOptions>[];
-    layoutMeasuring: Partial<LayoutMeasuring>;
+    measuring: Partial<MeasuringConfiguration>;
     collisionDetection: typeof closestCenter;
     onDragStart: (e: DragStartEvent) => void;
     onDragMove: (e: DragMoveEvent) => void;

package/types/helpers/refs-helpers.d.ts

@@ -1 +1 @@
-export declare const setMultipleRefs: (...refs: any[]) => any;
+export declare const setMultipleRefs: (...refs: any[]) => (newRef: any) => void;

package/types/parts/FilterBar/components/index.d.ts

@@ -4,4 +4,3 @@ export * from './MultiSelectPill';
 export * from './NumberRangePill';
 export * from './SelectPill';
 export * from './SingleDatePill';
-export * from './TextPill';

package/types/parts/FilterBar/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDropdownMenu: import("styled-components").StyledComponent<{
     ({ containerProps, className, contentStyle, options, onSelectMenuItem, onOpenMenu, onClickOutsideMenu, preventOverflow, placement, interactionType, triggerComponent, customMenu, isOpen, selection, menuProps, referenceNode, focusOnOpen, onClose, itemsRenderer, responsiveHeight, singleGroupSelection, onSelectChange, minWidth, maxWidth, zIndex, type, loading, hideIfNotVisible, }: {
         containerProps?: {} | undefined;
@@ -61,4 +61,4 @@ export declare const StyledDropdownMenu: import("styled-components").StyledCompo
         onSelectChange: any;
         singleGroupSelection: any;
     };
-}, any, {}, never>;
+}, import("styled-components").DefaultTheme, {}, never>;

package/types/parts/Headers/HeaderCellGroup.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TypescriptColumn } from '../../types/props';
 interface HeaderCellGroupCompProps {
     header: TypescriptColumn;
@@ -6,5 +6,6 @@ interface HeaderCellGroupCompProps {
     isDraggingParent?: boolean;
     isLast?: boolean;
 }
-export declare const HeaderCellGroup: (props: HeaderCellGroupCompProps) => JSX.Element;
-export {};
+export declare const HeaderCellGroup: React.FunctionComponent<HeaderCellGroupCompProps>;
+declare const HeaderCellGroupSortable: (props: HeaderCellGroupCompProps) => JSX.Element;
+export default HeaderCellGroupSortable;

package/types/parts/Row.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare const _default: (props: import("react-redux").Omit<any, "selectedRowId" | "focusedRowId" | "dispatch">) => JSX.Element;
+export declare const Row: import("react-redux").ConnectedComponent<(props: any) => JSX.Element, import("react-redux").Omit<any, "focusedRowId" | "selectedRowId" | "dispatch">>;
+declare const _default: (props: import("react-redux").Omit<any, "focusedRowId" | "selectedRowId" | "dispatch">) => JSX.Element;
 export default _default;

package/types/styled.d.ts

@@ -3,35 +3,35 @@ interface WidthAndHeight {
     width?: string | number;
     height?: string | number;
 }
-export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<"div", any, WidthAndHeight & {
+export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight & {
     noSelectionAllowed: boolean;
 }, never>;
-export declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", any, WidthAndHeight, never>;
-export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<"div", any, WidthAndHeight, never>;
-export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<"div", any, WidthAndHeight, never>;
-export declare const StyledHeadWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
+export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
+export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
+export declare const StyledHeadWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     colsLayoutStyle: string;
     totalColumnsWidth: number | string;
 }, never>;
-export declare const StyledHeadTr: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledHeadTh: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledResizer: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledHeadTr: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeadTh: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledResizer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isResizing: boolean;
 }, never>;
-export declare const StyledActionCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCell: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     theme: any;
     column: any;
 }, never>;
-export declare const StyledCellContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: any) => JSX.Element, any, {}, never>;
-export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     padding: string;
 }, never>;
-export declare const GroupHeaderTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const GroupHeaderTitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export {};

package/types/types/props.d.ts

@@ -170,8 +170,8 @@ export declare type TypescriptContext = {
     tableProps: Partial<TypescriptProps>;
     virtualListRef: React.RefObject<HTMLDivElement>;
     columnHeaderRef: React.RefObject<HTMLDivElement>;
-    flattenedData: any[];
-    allDataFlattened: any[];
+    flattenedData: TypescriptRow[];
+    allDataFlattened: TypescriptRow[];
     visibleColumns: TypescriptColumn[];
     virtualListHelpers?: ReturnType<typeof useVirtual>;
     layoutHelpers: {