@elliemae/ds-data-table 2.2.0-next.3 → 2.2.0-next.7

package/cjs/DataTable.js

@@ -12,7 +12,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactRedux = require('react-redux');
 var toolkit = require('@reduxjs/toolkit');
-var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var TableContent = require('./parts/TableContent.js');
 var storeConfig = require('./redux/storeConfig.js');
 var DataTableContext = require('./DataTableContext.js');
@@ -54,7 +54,7 @@ const DataTable = props => {
   })));
 };
 DataTable.defaultProps = _objectSpread({}, DataTableContext.defaultProps);
-const DataTableWithSchema = reactDesc.describe(DataTable).description('Data Table');
+const DataTableWithSchema = dsPropsHelpers.describe(DataTable).description('Data Table');
 DataTableWithSchema.propTypes = DataTableSchema.DataTableSchema;
 
 exports.DataTable = DataTable;

package/cjs/DataTableSchema.js

@@ -2,118 +2,114 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
 /* eslint-disable max-lines */
-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 outOfTheBoxFilterType = dsPropsHelpers.PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
+const textWrappingType = dsPropsHelpers.PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);
 const columnPropTypes = {
-  Header: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('Header name or component').isRequired,
-  accessor: reactDesc.PropTypes.string.description('The entry of the data that this column will display'),
-  id: reactDesc.PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),
+  Header: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.func, dsPropsHelpers.PropTypes.element]).description('Header name or component').isRequired,
+  accessor: dsPropsHelpers.PropTypes.string.description('The entry of the data that this column will display'),
+  id: dsPropsHelpers.PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),
   filter: outOfTheBoxFilterType.description('out-of-the-box filters'),
-  Filter: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('The custom component to render as a filter'),
-  Cell: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('The custom cell renderer component'),
-  editable: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('The editable out-of-the-box or component to render'),
-  disableDnD: reactDesc.PropTypes.bool.description('Whereas this column should be draggable'),
-  canResize: reactDesc.PropTypes.bool.description('Whereas this column should be resizable'),
-  width: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Width of this column'),
-  minWidth: reactDesc.PropTypes.number.description('Minimum width of this column, useful when resizing'),
-  maxWidth: reactDesc.PropTypes.number.description('Maximum width of this column, useful when resizing'),
-  canSort: reactDesc.PropTypes.bool.description('Whereas this column is sortable'),
-  isSortedDesc: reactDesc.PropTypes.bool.description('Whereas this column is sorted descendingly'),
-  required: reactDesc.PropTypes.bool.description('Whereas this column is required'),
-  alwaysDisplayEditIcon: reactDesc.PropTypes.bool.description('Whereas to always show the edit icon on this column if it is editable'),
-  textWrap: textWrappingType
+  Filter: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.func, dsPropsHelpers.PropTypes.element]).description('The custom component to render as a filter'),
+  Cell: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.func, dsPropsHelpers.PropTypes.element]).description('The custom cell renderer component'),
+  editable: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.func, dsPropsHelpers.PropTypes.element]).description('The editable out-of-the-box or component to render'),
+  disableDnD: dsPropsHelpers.PropTypes.bool.description('Whereas this column should be draggable'),
+  canResize: dsPropsHelpers.PropTypes.bool.description('Whereas this column should be resizable'),
+  width: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.number]).description('Width of this column'),
+  minWidth: dsPropsHelpers.PropTypes.number.description('Minimum width of this column, useful when resizing'),
+  maxWidth: dsPropsHelpers.PropTypes.number.description('Maximum width of this column, useful when resizing'),
+  canSort: dsPropsHelpers.PropTypes.bool.description('Whereas this column is sortable'),
+  isSortedDesc: dsPropsHelpers.PropTypes.bool.description('Whereas this column is sorted descendingly'),
+  required: dsPropsHelpers.PropTypes.bool.description('Whereas this column is required'),
+  alwaysDisplayEditIcon: dsPropsHelpers.PropTypes.bool.description('Whereas to always show the edit icon on this column if it is editable'),
+  textWrap: textWrappingType.description('How to wrap the text in the column')
 };
-const columnsPropTypes = reactDesc.PropTypes.shape(columnPropTypes).description('Columns props');
+const columnsPropTypes = dsPropsHelpers.PropTypes.shape(columnPropTypes).description('Columns props');
 const rowPropTypes = {
-  row_variant_type: rowVariantType.description('Which row variant to use, will default to primary'),
-  row_variant_compact: reactDesc.PropTypes.bool.description('Whether to use the compact version of the row'),
-  tableRowDetails: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('Component for row details'),
-  dimsumHeaderValue: reactDesc.PropTypes.string.description('Header displayed on the header variant of the row')
+  tableRowDetails: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.func, dsPropsHelpers.PropTypes.element]).description('Component for row details'),
+  dimsumHeaderValue: dsPropsHelpers.PropTypes.string.description('Header displayed on the header variant of the row')
 };
-const rowsPropTypes = reactDesc.PropTypes.shape(rowPropTypes).description('Rows props');
+const rowsPropTypes = dsPropsHelpers.PropTypes.shape(rowPropTypes).description('Rows props');
 const DataTableSchema = {
-  columns: reactDesc.PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,
-  data: reactDesc.PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),
-  height: reactDesc.PropTypes.number.description('Height of the datatable component'),
-  width: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Width of the datatable component'),
-  renderRowActions: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.bool]).description('The renderer to use for the action toolbar'),
-  isExpandable: reactDesc.PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),
-  uniqueRowAccessor: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.func]).description('Column / Combination of columns / Function to call to produce a unique identifier for each row.' + ' This is necessary for the selectable and drag and drop features'),
-  disabledRows: reactDesc.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not'),
-  expandedRows: reactDesc.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not'),
-  onRowExpand: reactDesc.PropTypes.func.description('Function invoked when a row is (un)expanded'),
-  cellRendererProps: reactDesc.PropTypes.object.description('Object with all the props you want the cells to have available when rendering'),
-  selectSingle: reactDesc.PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),
-  selection: reactDesc.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not'),
-  onSelectionChange: reactDesc.PropTypes.func.description('Function invoked when a row is selected'),
-  groupedRowsRenderHeader: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.func]).description('String | Function to call which will display in the row headers'),
-  isResizeable: reactDesc.PropTypes.bool.description("Whether the datatable's columns are resizeable"),
-  filters: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-    id: reactDesc.PropTypes.string,
-    type: reactDesc.PropTypes.string,
-    value: reactDesc.PropTypes.any
+  columns: dsPropsHelpers.PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,
+  data: dsPropsHelpers.PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),
+  height: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.number]).description('Height of the datatable component'),
+  width: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.number]).description('Width of the datatable component'),
+  renderRowActions: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.object, dsPropsHelpers.PropTypes.bool]).description('The renderer to use for the action toolbar'),
+  isExpandable: dsPropsHelpers.PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),
+  uniqueRowAccessor: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.arrayOf(dsPropsHelpers.PropTypes.string), dsPropsHelpers.PropTypes.func]).description('Column / Combination of columns / Function to call to produce a unique identifier for each row.' + ' This is necessary for the selectable and drag and drop features'),
+  disabledRows: dsPropsHelpers.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not'),
+  expandedRows: dsPropsHelpers.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not'),
+  onRowExpand: dsPropsHelpers.PropTypes.func.description('Function invoked when a row is (un)expanded'),
+  cellRendererProps: dsPropsHelpers.PropTypes.object.description('Object with all the props you want the cells to have available when rendering'),
+  selectSingle: dsPropsHelpers.PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),
+  selection: dsPropsHelpers.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not'),
+  onSelectionChange: dsPropsHelpers.PropTypes.func.description('Function invoked when a row is selected'),
+  groupedRowsRenderHeader: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.func]).description('String | Function to call which will display in the row headers'),
+  isResizeable: dsPropsHelpers.PropTypes.bool.description("Whether the datatable's columns are resizeable"),
+  filters: dsPropsHelpers.PropTypes.arrayOf(dsPropsHelpers.PropTypes.shape({
+    id: dsPropsHelpers.PropTypes.string,
+    type: dsPropsHelpers.PropTypes.string,
+    value: dsPropsHelpers.PropTypes.any
   })).description('Array of filter keys and values'),
-  withFilterBar: reactDesc.PropTypes.bool.description('Whether to display the filter bar'),
-  filterBarProps: reactDesc.PropTypes.shape({
-    customPillRenderer: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('If you specify custom filters, you will need to render their pills here'),
-    extraOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-      type: reactDesc.PropTypes.string,
-      id: reactDesc.PropTypes.string,
-      label: reactDesc.PropTypes.string,
-      onClick: reactDesc.PropTypes.func
+  withFilterBar: dsPropsHelpers.PropTypes.bool.description('Whether to display the filter bar'),
+  filterBarProps: dsPropsHelpers.PropTypes.shape({
+    customPillRenderer: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.func, dsPropsHelpers.PropTypes.element]).description('If you specify custom filters, you will need to render their pills here'),
+    extraOptions: dsPropsHelpers.PropTypes.arrayOf(dsPropsHelpers.PropTypes.shape({
+      type: dsPropsHelpers.PropTypes.string,
+      id: dsPropsHelpers.PropTypes.string,
+      label: dsPropsHelpers.PropTypes.string,
+      onClick: dsPropsHelpers.PropTypes.func
     })).description('Any extra option you want in the dropdownmenu of the filter bar')
   }).description('Props for the filter bar'),
-  onFiltersChange: reactDesc.PropTypes.func.description('Function invoked when filters change'),
-  pagination: reactDesc.PropTypes.shape({
-    pageCount: reactDesc.PropTypes.number.description('How many pages are there'),
-    pageIndex: reactDesc.PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
-    canPreviousPage: reactDesc.PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
-    canNextPage: reactDesc.PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),
-    pageSize: reactDesc.PropTypes.number.description('The current page size').defaultValue(10),
-    showPerPageSelector: reactDesc.PropTypes.bool.description('Whether to show the page selector').defaultValue(true),
-    perPageOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.shape({
-      dsId: reactDesc.PropTypes.string,
-      value: reactDesc.PropTypes.number,
-      label: reactDesc.PropTypes.string,
-      type: reactDesc.PropTypes.oneOf(['single'])
+  onFiltersChange: dsPropsHelpers.PropTypes.func.description('Function invoked when filters change'),
+  pagination: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.oneOf([false]), dsPropsHelpers.PropTypes.shape({
+    pageCount: dsPropsHelpers.PropTypes.number.description('How many pages are there'),
+    pageIndex: dsPropsHelpers.PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
+    canPreviousPage: dsPropsHelpers.PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
+    canNextPage: dsPropsHelpers.PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),
+    pageSize: dsPropsHelpers.PropTypes.number.description('The current page size').defaultValue(10),
+    showPerPageSelector: dsPropsHelpers.PropTypes.bool.description('Whether to show the page selector').defaultValue(true),
+    perPageOptions: dsPropsHelpers.PropTypes.arrayOf(dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.number, dsPropsHelpers.PropTypes.shape({
+      dsId: dsPropsHelpers.PropTypes.string,
+      value: dsPropsHelpers.PropTypes.number,
+      label: dsPropsHelpers.PropTypes.string,
+      type: dsPropsHelpers.PropTypes.oneOf(['single'])
     })])).description('The available options for page size').defaultValue([10]),
-    perPageStep: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(5),
-    minPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(0),
-    maxPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(100),
-    onPageSizeChange: reactDesc.PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),
-    onPreviousPage: reactDesc.PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(() => null),
-    onPageChange: reactDesc.PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),
-    onNextPage: reactDesc.PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
-    pageDetails: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Details to provide for each page').defaultValue([]),
-    pageDetailsTitle: reactDesc.PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue('')
-  }).description('Object containing the data for the pagination'),
-  colsLayoutStyle: reactDesc.PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),
-  hiddenColumns: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('IDs of columns not to render'),
-  dragAndDropRows: reactDesc.PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),
-  onRowsReorder: reactDesc.PropTypes.func.description('Function invoked when a row is reordered'),
-  maxDragAndDropLevel: reactDesc.PropTypes.number.description('Which level is the maximum allowed to drop into'),
-  dragAndDropColumns: reactDesc.PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),
-  onColumnsReorder: reactDesc.PropTypes.func.description('Function invoked when a column is reordered'),
+    perPageStep: dsPropsHelpers.PropTypes.number.description('Step for the per page options').defaultValue(5),
+    minPerPage: dsPropsHelpers.PropTypes.number.description('Step for the per page options').defaultValue(0),
+    maxPerPage: dsPropsHelpers.PropTypes.number.description('Step for the per page options').defaultValue(100),
+    onPageSizeChange: dsPropsHelpers.PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),
+    onPreviousPage: dsPropsHelpers.PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(() => null),
+    onPageChange: dsPropsHelpers.PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),
+    onNextPage: dsPropsHelpers.PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
+    pageDetails: dsPropsHelpers.PropTypes.arrayOf(dsPropsHelpers.PropTypes.string).description('Details to provide for each page').defaultValue([]),
+    pageDetailsTitle: dsPropsHelpers.PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue('')
+  })]).description('Object containing the data for the pagination'),
+  colsLayoutStyle: dsPropsHelpers.PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),
+  hiddenColumns: dsPropsHelpers.PropTypes.arrayOf(dsPropsHelpers.PropTypes.string).description('IDs of columns not to render'),
+  dragAndDropRows: dsPropsHelpers.PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),
+  onRowsReorder: dsPropsHelpers.PropTypes.func.description('Function invoked when a row is reordered'),
+  maxDragAndDropLevel: dsPropsHelpers.PropTypes.number.description('Which level is the maximum allowed to drop into'),
+  dragAndDropColumns: dsPropsHelpers.PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),
+  onColumnsReorder: dsPropsHelpers.PropTypes.func.description('Function invoked when a column is reordered'),
   textWrap: textWrappingType.description('Global wrapping rule'),
-  noResultsMessage: reactDesc.PropTypes.string.description('Message to show when no more data is available'),
-  noResultsSecondaryMessage: reactDesc.PropTypes.string.description('Secondary message to show when no more data is available'),
-  noResultsButtonLabel: reactDesc.PropTypes.string.description('Label of the button when no more data is available'),
-  noResultsPlaceholder: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('Custom content to show when dataset is empty'),
-  isLoading: reactDesc.PropTypes.bool.description('Whether to show a global loader in the datatable'),
-  isLoadingAppended: reactDesc.PropTypes.bool.description('Whether to show an appended loader in the datatable'),
-  // eslint-disable-next-line max-lines
-  onColumnResize: reactDesc.PropTypes.func.description('Function invoked when a column is resized'),
-  isNoMoreDataAppended: reactDesc.PropTypes.bool.description('Whether to show an appended message in the datatable for no more data'),
-  noMoreDataMessage: reactDesc.PropTypes.string.description('The message to show when no more data is available'),
-  onRowClick: reactDesc.PropTypes.func.description('Function invoked when clicking a row'),
-  onRowFocus: reactDesc.PropTypes.func.description('Function invoked when focusing a row'),
-  onCellValueChange: reactDesc.PropTypes.func.description("Function invoked when an editable cell's content is changed"),
-  onColumnSortChange: reactDesc.PropTypes.func.description('Function invoked when a column is sorted'),
-  actionRef: reactDesc.PropTypes.object.description('Reference where all the exposed action callbacks will be exposed')
+  noResultsMessage: dsPropsHelpers.PropTypes.string.description('Message to show when no more data is available'),
+  noResultsSecondaryMessage: dsPropsHelpers.PropTypes.string.description('Secondary message to show when no more data is available'),
+  noResultsButtonLabel: dsPropsHelpers.PropTypes.string.description('Label of the button when no more data is available'),
+  noResultsPlaceholder: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.func, dsPropsHelpers.PropTypes.element]).description('Custom content to show when dataset is empty'),
+  isLoading: dsPropsHelpers.PropTypes.bool.description('Whether to show a global loader in the datatable'),
+  isLoadingAppended: dsPropsHelpers.PropTypes.bool.description('Whether to show an appended loader in the datatable'),
+  onColumnResize: dsPropsHelpers.PropTypes.func.description('Function invoked when a column is resized'),
+  isNoMoreDataAppended: dsPropsHelpers.PropTypes.bool.description('Whether to show an appended message in the datatable for no more data'),
+  noMoreDataMessage: dsPropsHelpers.PropTypes.string.description('The message to show when no more data is available'),
+  onRowClick: dsPropsHelpers.PropTypes.func.description('Function invoked when clicking a row'),
+  onRowFocus: dsPropsHelpers.PropTypes.func.description('Function invoked when focusing a row'),
+  onCellValueChange: dsPropsHelpers.PropTypes.func.description("Function invoked when an editable cell's content is changed"),
+  onColumnSortChange: dsPropsHelpers.PropTypes.func.description('Function invoked when a column is sorted'),
+  actionRef: dsPropsHelpers.PropTypes.object.description('Reference where all the exposed action callbacks will be exposed')
 };
 
 exports.DataTableSchema = DataTableSchema;

package/esm/DataTable.js

@@ -8,7 +8,7 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useMemo, useRef } from 'react';
 import { Provider } from 'react-redux';
 import { configureStore } from '@reduxjs/toolkit';
-import { describe } from 'react-desc';
+import { describe } from '@elliemae/ds-props-helpers';
 import TableContent from './parts/TableContent.js';
 import { storeConfig } from './redux/storeConfig.js';
 import DataTableContext, { defaultProps } from './DataTableContext.js';

package/esm/DataTableSchema.js

@@ -1,9 +1,8 @@
-import { PropTypes } from 'react-desc';
+import { PropTypes } from '@elliemae/ds-props-helpers';
 
 /* eslint-disable max-lines */
 const outOfTheBoxFilterType = PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
 const textWrappingType = PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);
-const rowVariantType = PropTypes.oneOf(['ds_header_group_row', 'ds_primary_row', 'ds_secondary_row']);
 const columnPropTypes = {
   Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description('Header name or component').isRequired,
   accessor: PropTypes.string.description('The entry of the data that this column will display'),
@@ -21,12 +20,10 @@ const columnPropTypes = {
   isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),
   required: PropTypes.bool.description('Whereas this column is required'),
   alwaysDisplayEditIcon: PropTypes.bool.description('Whereas to always show the edit icon on this column if it is editable'),
-  textWrap: textWrappingType
+  textWrap: textWrappingType.description('How to wrap the text in the column')
 };
 const columnsPropTypes = PropTypes.shape(columnPropTypes).description('Columns props');
 const rowPropTypes = {
-  row_variant_type: rowVariantType.description('Which row variant to use, will default to primary'),
-  row_variant_compact: PropTypes.bool.description('Whether to use the compact version of the row'),
   tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Component for row details'),
   dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row')
 };
@@ -34,7 +31,7 @@ const rowsPropTypes = PropTypes.shape(rowPropTypes).description('Rows props');
 const DataTableSchema = {
   columns: PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,
   data: PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),
-  height: PropTypes.number.description('Height of the datatable component'),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),
   renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description('The renderer to use for the action toolbar'),
   isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),
@@ -64,7 +61,7 @@ const DataTableSchema = {
     })).description('Any extra option you want in the dropdownmenu of the filter bar')
   }).description('Props for the filter bar'),
   onFiltersChange: PropTypes.func.description('Function invoked when filters change'),
-  pagination: PropTypes.shape({
+  pagination: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.shape({
     pageCount: PropTypes.number.description('How many pages are there'),
     pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
     canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
@@ -86,7 +83,7 @@ const DataTableSchema = {
     onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
     pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),
     pageDetailsTitle: PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue('')
-  }).description('Object containing the data for the pagination'),
+  })]).description('Object containing the data for the pagination'),
   colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),
   hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),
   dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),
@@ -101,7 +98,6 @@ const DataTableSchema = {
   noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Custom content to show when dataset is empty'),
   isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),
   isLoadingAppended: PropTypes.bool.description('Whether to show an appended loader in the datatable'),
-  // eslint-disable-next-line max-lines
   onColumnResize: PropTypes.func.description('Function invoked when a column is resized'),
   isNoMoreDataAppended: PropTypes.bool.description('Whether to show an appended message in the datatable for no more data'),
   noMoreDataMessage: PropTypes.string.description('The message to show when no more data is available'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "2.2.0-next.3",
+  "version": "2.2.0-next.7",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "module": "./esm/index.js",
@@ -570,23 +570,23 @@
   "dependencies": {
     "@dnd-kit/core": "~4.0.1",
     "@dnd-kit/sortable": "~5.0.0",
-    "@elliemae/ds-button": "2.2.0-next.3",
-    "@elliemae/ds-circular-progress-indicator": "2.2.0-next.3",
-    "@elliemae/ds-controlled-form": "2.2.0-next.3",
-    "@elliemae/ds-drag-and-drop": "2.2.0-next.3",
-    "@elliemae/ds-dropdownmenu": "2.2.0-next.3",
-    "@elliemae/ds-form": "2.2.0-next.3",
-    "@elliemae/ds-form-layout-blocks": "2.2.0-next.3",
-    "@elliemae/ds-grid": "2.2.0-next.3",
-    "@elliemae/ds-icons": "2.2.0-next.3",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.2.0-next.3",
-    "@elliemae/ds-pagination": "2.2.0-next.3",
-    "@elliemae/ds-pills": "2.2.0-next.3",
-    "@elliemae/ds-popperjs": "2.2.0-next.3",
-    "@elliemae/ds-system": "2.2.0-next.3",
-    "@elliemae/ds-toolbar": "2.2.0-next.3",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-next.3",
-    "@elliemae/ds-utilities": "2.2.0-next.3",
+    "@elliemae/ds-button": "2.2.0-next.7",
+    "@elliemae/ds-circular-progress-indicator": "2.2.0-next.7",
+    "@elliemae/ds-controlled-form": "2.2.0-next.7",
+    "@elliemae/ds-drag-and-drop": "2.2.0-next.7",
+    "@elliemae/ds-dropdownmenu": "2.2.0-next.7",
+    "@elliemae/ds-form": "2.2.0-next.7",
+    "@elliemae/ds-form-layout-blocks": "2.2.0-next.7",
+    "@elliemae/ds-grid": "2.2.0-next.7",
+    "@elliemae/ds-icons": "2.2.0-next.7",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.2.0-next.7",
+    "@elliemae/ds-pagination": "2.2.0-next.7",
+    "@elliemae/ds-pills": "2.2.0-next.7",
+    "@elliemae/ds-popperjs": "2.2.0-next.7",
+    "@elliemae/ds-system": "2.2.0-next.7",
+    "@elliemae/ds-toolbar": "2.2.0-next.7",
+    "@elliemae/ds-truncated-tooltip-text": "2.2.0-next.7",
+    "@elliemae/ds-utilities": "2.2.0-next.7",
     "@reduxjs/toolkit": "~1.6.2",
     "csstype": "~3.0.9",
     "moment": "~2.29.1",

package/types/DataTable.d.ts

@@ -1,253 +1,51 @@
-/// <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: import("react-desc").PropTypesDescValue;
-        data: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        height: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        width: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        renderRowActions: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        isExpandable: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        uniqueRowAccessor: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        disabledRows: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        expandedRows: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onRowExpand: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        cellRendererProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        selectSingle: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        selection: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onSelectionChange: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        groupedRowsRenderHeader: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        isResizeable: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        filters: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        withFilterBar: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        filterBarProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onFiltersChange: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        pagination: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        colsLayoutStyle: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        hiddenColumns: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        dragAndDropRows: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        onRowsReorder: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        maxDragAndDropLevel: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        dragAndDropColumns: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onColumnsReorder: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        textWrap: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        noResultsMessage: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        noResultsSecondaryMessage: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        noResultsButtonLabel: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        noResultsPlaceholder: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        isLoading: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        isLoadingAppended: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onColumnResize: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        isNoMoreDataAppended: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        noMoreDataMessage: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onRowClick: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onRowFocus: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onCellValueChange: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onColumnSortChange: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        actionRef: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
+        columns: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        data: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        height: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        width: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        renderRowActions: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        isExpandable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        uniqueRowAccessor: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        disabledRows: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        expandedRows: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onRowExpand: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        cellRendererProps: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        selectSingle: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        selection: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onSelectionChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        groupedRowsRenderHeader: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        isResizeable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        filters: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        withFilterBar: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        filterBarProps: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onFiltersChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        pagination: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        colsLayoutStyle: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        hiddenColumns: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        dragAndDropRows: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onRowsReorder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        maxDragAndDropLevel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        dragAndDropColumns: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onColumnsReorder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        textWrap: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        noResultsMessage: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        noResultsSecondaryMessage: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        noResultsButtonLabel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        noResultsPlaceholder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        isLoading: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        isLoadingAppended: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onColumnResize: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        isNoMoreDataAppended: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        noMoreDataMessage: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onRowClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onRowFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onCellValueChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        onColumnSortChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+        actionRef: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
     };
     defaultProps: {
         columns?: import("./types/props").TypescriptColumn[] | undefined;

package/types/DataTableSchema.d.ts

@@ -1,247 +1,45 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 export declare const DataTableSchema: {
-    columns: import("react-desc").PropTypesDescValue;
-    data: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    height: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    width: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    renderRowActions: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    isExpandable: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    uniqueRowAccessor: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    disabledRows: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    expandedRows: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onRowExpand: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    cellRendererProps: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    selectSingle: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    selection: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onSelectionChange: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    groupedRowsRenderHeader: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    isResizeable: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    filters: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    withFilterBar: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    filterBarProps: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onFiltersChange: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    pagination: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    colsLayoutStyle: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    hiddenColumns: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    dragAndDropRows: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    onRowsReorder: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    maxDragAndDropLevel: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    dragAndDropColumns: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onColumnsReorder: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    textWrap: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    noResultsMessage: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    noResultsSecondaryMessage: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    noResultsButtonLabel: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    noResultsPlaceholder: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    isLoading: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    isLoadingAppended: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onColumnResize: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    isNoMoreDataAppended: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    noMoreDataMessage: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onRowClick: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onRowFocus: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onCellValueChange: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    onColumnSortChange: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    actionRef: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
+    columns: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    data: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    height: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    width: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    renderRowActions: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    isExpandable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    uniqueRowAccessor: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    disabledRows: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    expandedRows: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onRowExpand: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    cellRendererProps: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    selectSingle: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    selection: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSelectionChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    groupedRowsRenderHeader: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    isResizeable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    filters: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    withFilterBar: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    filterBarProps: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onFiltersChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    pagination: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    colsLayoutStyle: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    hiddenColumns: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    dragAndDropRows: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onRowsReorder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    maxDragAndDropLevel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    dragAndDropColumns: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onColumnsReorder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    textWrap: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    noResultsMessage: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    noResultsSecondaryMessage: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    noResultsButtonLabel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    noResultsPlaceholder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    isLoading: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    isLoadingAppended: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onColumnResize: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    isNoMoreDataAppended: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    noMoreDataMessage: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onRowClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onRowFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCellValueChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onColumnSortChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    actionRef: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
 };