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

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.4",
+  "version": "2.0.0-rc.8",
   "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.4",
-    "@elliemae/ds-button": "2.0.0-rc.4",
-    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.4",
-    "@elliemae/ds-controlled-form": "2.0.0-rc.4",
-    "@elliemae/ds-dropdownmenu": "2.0.0-rc.4",
-    "@elliemae/ds-form": "2.0.0-rc.4",
-    "@elliemae/ds-grid": "2.0.0-rc.4",
-    "@elliemae/ds-icons": "2.0.0-rc.4",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.4",
-    "@elliemae/ds-pagination": "2.0.0-rc.4",
-    "@elliemae/ds-pills": "2.0.0-rc.4",
-    "@elliemae/ds-system": "2.0.0-rc.4",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.4",
-    "@elliemae/ds-utilities": "2.0.0-rc.4",
+    "@dnd-kit/core": "~4.0.1",
+    "@dnd-kit/sortable": "~5.0.0",
+    "@elliemae/ds-basic": "2.0.0-rc.8",
+    "@elliemae/ds-button": "2.0.0-rc.8",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.8",
+    "@elliemae/ds-controlled-form": "2.0.0-rc.8",
+    "@elliemae/ds-dropdownmenu": "2.0.0-rc.8",
+    "@elliemae/ds-form": "2.0.0-rc.8",
+    "@elliemae/ds-grid": "2.0.0-rc.8",
+    "@elliemae/ds-icons": "2.0.0-rc.8",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.8",
+    "@elliemae/ds-pagination": "2.0.0-rc.8",
+    "@elliemae/ds-pills": "2.0.0-rc.8",
+    "@elliemae/ds-system": "2.0.0-rc.8",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.8",
+    "@elliemae/ds-utilities": "2.0.0-rc.8",
     "@popperjs/core": "~2.10.2",
     "@reduxjs/toolkit": "~1.6.2",
     "array-move": "~3.0.1",

package/types/DataTable.d.ts

@@ -1,51 +1,253 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 import { TypescriptProps } from './types/props';
 export declare const DataTable: {
     (props: TypescriptProps): JSX.Element;
     propTypes: {
-        columns: any;
-        data: any;
-        height: any;
-        width: any;
-        renderRowActions: any;
-        isExpandable: any;
-        uniqueRowAccessor: any;
-        disabledRows: any;
-        expandedRows: any;
-        onRowExpand: any;
-        cellRendererProps: any;
-        selectSingle: any;
-        selection: any;
-        onSelectionChange: any;
-        groupedRowsRenderHeader: any;
-        isResizeable: any;
-        filters: any;
-        withFilterBar: any;
-        filterBarProps: any;
-        onFiltersChange: any;
-        pagination: any;
-        colsLayoutStyle: any;
-        hiddenColumns: any;
-        dragAndDropRows: any;
-        onRowsReorder: any;
-        maxDragAndDropLevel: any;
-        dragAndDropColumns: any;
-        onColumnsReorder: any;
-        textWrap: any;
-        noResultsMessage: any;
-        noResultsSecondaryMessage: any;
-        noResultsButtonLabel: any;
-        noResultsPlaceholder: any;
-        isLoading: any;
-        isLoadingAppended: any;
-        onColumnResize: any;
-        isNoMoreDataAppended: any;
-        noMoreDataMessage: any;
-        onRowClick: any;
-        onRowFocus: any;
-        onCellValueChange: any;
-        onColumnSortChange: any;
-        actionRef: any;
+        columns: import("react-desc").PropTypesDescValidator;
+        data: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        height: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        width: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        renderRowActions: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isExpandable: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        uniqueRowAccessor: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabledRows: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        expandedRows: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onRowExpand: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        cellRendererProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        selectSingle: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        selection: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onSelectionChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        groupedRowsRenderHeader: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isResizeable: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        filters: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withFilterBar: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        filterBarProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onFiltersChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        pagination: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        colsLayoutStyle: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        hiddenColumns: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        dragAndDropRows: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onRowsReorder: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        maxDragAndDropLevel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        dragAndDropColumns: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onColumnsReorder: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        textWrap: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        noResultsMessage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        noResultsSecondaryMessage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        noResultsButtonLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        noResultsPlaceholder: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isLoading: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isLoadingAppended: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onColumnResize: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isNoMoreDataAppended: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        noMoreDataMessage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onRowClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onRowFocus: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onCellValueChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onColumnSortChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        actionRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
     defaultProps: {
         columns?: import("./types/props").TypescriptColumn[] | undefined;