@elliemae/ds-datagrids 2.0.0-next.7 → 2.0.0-rc.2

package/cjs/renders/CellWithAddons.js

@@ -5,27 +5,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var lodash = require('lodash');
-var Grid = require('@elliemae/ds-basic/Grid');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var Grid = require('@elliemae/ds-grid');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var styled = require('./styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-const CellWithAddons = ({
-  leftAddon,
-  keepLeftPadding,
-  rightAddon,
-  badgeAddon,
-  highLight,
-  isEdit,
-  editComponent,
-  value,
-  neutralText,
-  metaData
-}) => {
+const CellWithAddons = _ref => {
+  let {
+    leftAddon,
+    keepLeftPadding,
+    rightAddon,
+    badgeAddon,
+    highLight,
+    isEdit,
+    editComponent,
+    value,
+    neutralText,
+    metaData
+  } = _ref;
   const hasLeftAddon = !!leftAddon || keepLeftPadding;
   const hasRightAddon = !!rightAddon && !isEdit;
   const cols = [1];
@@ -38,21 +40,21 @@ const CellWithAddons = ({
     hasRightAddon: hasRightAddon,
     badgeAddon: badgeAddon,
     highLight: highLight
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     height: "100%",
     cols: cols
-  }, void 0, hasLeftAddon && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, hasLeftAddon && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     alignItems: "center",
     pl: "xxs",
     pr: "xxs",
     width: keepLeftPadding ? '32px' : undefined
-  }, void 0, hasLeftAddon && leftAddon), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, hasLeftAddon && leftAddon), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     alignItems: "center"
   }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ValueWrapper, {
     grayText: shouldBeGray
   }, void 0, isEdit ? editComponent : /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: value
-  }))), hasRightAddon && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }))), hasRightAddon && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     alignItems: "center",
     pl: "xxs"
   }, void 0, rightAddon)));

package/cjs/renders/styled.js

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var Grid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
 const m = '0.61538rem';
 const m2 = '1.23076rem';
@@ -17,7 +18,7 @@ const CellWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
 const ValueWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1n8exyf-1"
 })(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? "color: ".concat(props.theme.colors.neutral['500'], ";") : '');
-const CellContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const CellContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-1n8exyf-2"
 })(["padding-left:", ";padding-right:", ";position:relative;"], m, m);
 

package/cjs/utilities/getPluginsFromProps.js

@@ -1,5 +1,8 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var DndRowsPlugin = require('../plugins/row-dnd/DndRowsPlugin.js');
 var DndColumnsPlugin = require('../plugins/column-dnd/DndColumnsPlugin.js');
 var InfiniteScrollPlugin = require('../plugins/infinite-scrolling/InfiniteScrollPlugin.js');
@@ -29,7 +32,8 @@ const mapPropToPlugin = {
   groupedRows: GroupingPlugin.GroupingPlugin,
   dragAndDropRows: DndRowsPlugin.DndRowsPlugin
 };
-function getPluginsFromProps(props, omit = {}) {
+function getPluginsFromProps(props) {
+  let omit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const plugins = [];
   Object.keys(mapPropToPlugin).forEach(key => {
     if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);

package/cjs/utilities/getScrollbarSize.js

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function getScrollbarWidth(compensatePixels = 0) {
+function getScrollbarWidth() {
+  let compensatePixels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   // Creating invisible container
   const outer = document.createElement('div');
   outer.style.visibility = 'hidden';

package/cjs/utilities/normalizeData.js

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -12,7 +19,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 const normalizeRows = rows => rows.map(row => {
   Object.keys(row).forEach(key => row[normalizeText(key)] = row[key]);
   return row;

package/esm/DSDataGrid.js

@@ -1,252 +1,255 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
-import { TooltipTextProvider } from '@elliemae/ds-basic/TruncatedTooltipText';
+import { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
 import DataGridImpl from './DataGridImpl.js';
 import { RowSizesOptionsArr, RowSizesOptions } from './rowSizes.js';
 
-const DSDataGrids = ({
-  containerProps = {},
-  instanceRef,
-  className = '',
-  // data
-  columns = [],
-  rows = [],
-  rowKey = 'id',
-  // features
-  infiniteScrolling = false,
-  editable = false,
-  sortable = false,
-  sortEmptyLast = false,
-  paginated = false,
-  dragAndDropRows = false,
-  selectable = false,
-  resizeableColumns = false,
-  searchFilters = false,
-  dragAndDropColumns = false,
-  useTreeData = false,
-  autoScrollToId,
-  // virtualization props
-  overscanCount = 10,
-  // feature state
-  selectAll = false,
-  // todo: change to isAllSelected
-  selectedRows = [],
-  filters = undefined,
-  onAddFilter = () => null,
-  onRemoveFilter = () => null,
-  onFiltersChange = () => null,
-  showFilterBar = true,
-  multiSelectFilterOptions = [{
-    id: 'true',
-    label: 'Selected'
-  }, {
-    id: 'false',
-    label: 'Not selected'
-  }],
-  multiSelectFilterLabels = undefined,
-  multiSelectFilterLabel = 'Selection',
-  aggregations = {},
-  groupingColumn = undefined,
-  sortingColumns = {},
-  // pagination
-  minPerPage = 0,
-  maxPerPage = 50,
-  onPerPageChange = () => null,
-  onPageChange = () => null,
-  paginationStep = 2,
-  pagination = {
-    page: 1,
-    perPage: 10
-  },
-  // visual
-  showHeader = true,
-  fixedHeader = true,
-  wrapText = false,
-  height = undefined,
-  minColumnWidth = 100,
-  showRowsLoader = false,
-  visibleColumns = undefined,
-  // this enforces visibility of columns
-  showSelectHighlight = false,
-  showSelectColumn = true,
-  selectColumnSortable = true,
-  selectColumnFilterable = false,
-  selectionColumnDefinition = {},
-  filterBarOptions = undefined,
-  // searchGrid = false,
-  renderToolbar = undefined,
-  toolbarDelayClose = 400,
-  renderFilterToolbar = undefined,
-  multiSelectComponent = undefined,
-  // todo: deprecate this
-  noResultsRender,
-  noResultsPlaceholder,
-  fluidHeight = false,
-  customHandlers = {},
-  // grouping feature
-  groupedBy = undefined,
-  // callbacks
-  onDefaultFiltersLoad = () => null,
-  onReorder = () => null,
-  onMoveRowEnd = () => null,
-  onMoveRowStart = () => null,
-  onMoveColumnOver = () => null,
-  onMoveColumnStart = () => null,
-  onMoveColumnEnd = () => null,
-  onColumnResize = () => null,
-  onExpandChange = () => null,
-  onToggleExpand = () => null,
-  onExpandRow = () => null,
-  onFilter = () => null,
-  onSort = () => null,
-  onColumnRowEdited = () => null,
-  onColumnRowEdit = () => null,
-  onSelectRow = () => null,
-  onSelectAll = () => null,
-  onInfiniteScrolling = () => null,
-  onFilterMenuClose = () => null,
-  onFilterMenuOpen = () => null,
-  getData = undefined,
-  // todo: change to onGetMoreData
-  serverSideData = false,
-  isDataSorted = false,
-  isDataFiltered = false,
-  virtualized = true,
-  numRowsVisible = undefined,
-  isColumnEditable = column => column.editable,
-  // grouped props
-  groupedRows = false,
-  groupedRowsRenderHeader = undefined,
-  // expandable props
-  renderExpandedDetails = () => null,
-  detailColumns,
-  expandable = false,
-  getChildrenRows = row => row.children,
-  expandableSubrowsVisible = 7,
-  renderRowDetails = () => null,
-  getExpandedRowSize = undefined,
-  getExpandedRowMinSize,
-  rowSize = RowSizesOptions.normal,
-  subRowSize = RowSizesOptions.normal,
-  bindColumnsSizeTo = undefined,
-  bindRowSizeTo = undefined,
-  onToggleShowAllRows,
-  expandedRows,
-  autoHeight = false,
-  noColumnsPlaceholder,
-  plugins = [],
-  normalizeDataKeys = false
-}) => /*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(DataGridImpl, {
-  aggregations: aggregations,
-  autoHeight: autoHeight && !fluidHeight,
-  autoScrollToId: autoScrollToId,
-  bindColumnsSizeTo: bindColumnsSizeTo,
-  bindRowSizeTo: bindRowSizeTo,
-  className: className,
-  columns: columns,
-  containerProps: containerProps,
-  customHandlers: customHandlers,
-  detailColumns: detailColumns,
-  dragAndDropColumns: dragAndDropColumns,
-  dragAndDropRows: dragAndDropRows,
-  editable: editable,
-  expandable: expandable,
-  expandableSubrowsVisible: expandableSubrowsVisible,
-  expandedRows: expandedRows,
-  filterBarOptions: filterBarOptions,
-  filters: filters,
-  fixedHeader: fixedHeader,
-  fluidHeight: fluidHeight,
-  getChildrenRows: getChildrenRows,
-  getData: getData,
-  getExpandedRowMinSize: getExpandedRowMinSize,
-  getExpandedRowSize: getExpandedRowSize,
-  groupedBy: groupedBy,
-  groupedRows: groupedRows,
-  groupedRowsRenderHeader: groupedRowsRenderHeader,
-  groupingColumn: groupingColumn,
-  height: height,
-  infiniteScrolling: infiniteScrolling,
-  instanceRef: instanceRef,
-  isColumnEditable: isColumnEditable,
-  isDataFiltered: isDataFiltered,
-  isDataSorted: isDataSorted,
-  maxPerPage: maxPerPage,
-  minColumnWidth: minColumnWidth,
-  minPerPage: minPerPage,
-  multiSelectComponent: multiSelectComponent,
-  multiSelectFilterLabel: multiSelectFilterLabel,
-  multiSelectFilterLabels: multiSelectFilterLabels,
-  multiSelectFilterOptions: multiSelectFilterOptions,
-  noColumnsPlaceholder: noColumnsPlaceholder,
-  noResultsPlaceholder: noResultsPlaceholder,
-  noResultsRender: noResultsRender,
-  normalizeDataKeys: normalizeDataKeys,
-  numRowsVisible: numRowsVisible // if defined, fluidHeight is disabled
-  ,
-  onAddFilter: onAddFilter,
-  onColumnResize: onColumnResize,
-  onColumnRowEdit: onColumnRowEdit,
-  onColumnRowEdited: onColumnRowEdited,
-  onExpandRow: onExpandRow,
-  onExpandChange: onExpandChange,
-  onFilter: onFilter,
-  onFiltersChange: onFiltersChange,
-  onFilterMenuClose: onFilterMenuClose,
-  onFilterMenuOpen: onFilterMenuOpen,
-  onDefaultFiltersLoad: onDefaultFiltersLoad,
-  onInfiniteScrolling: onInfiniteScrolling,
-  onMoveColumnEnd: onMoveColumnEnd,
-  onMoveColumnOver: onMoveColumnOver,
-  onMoveColumnStart: onMoveColumnStart,
-  onMoveRowEnd: onMoveRowEnd,
-  onMoveRowStart: onMoveRowStart,
-  onPageChange: onPageChange,
-  onPerPageChange: onPerPageChange,
-  onRemoveFilter: onRemoveFilter,
-  onReorder: onReorder,
-  onSelectAll: onSelectAll,
-  onSelectRow: onSelectRow,
-  onSort: onSort,
-  onToggleExpand: onToggleExpand,
-  onToggleShowAllRows: onToggleShowAllRows,
-  overscanCount: overscanCount,
-  paginated: paginated,
-  pagination: pagination,
-  paginationStep: paginationStep,
-  plugins: plugins,
-  renderExpandedDetails: renderExpandedDetails,
-  renderFilterToolbar: renderFilterToolbar,
-  renderRowDetails: renderRowDetails,
-  renderToolbar: renderToolbar,
-  resizeableColumns: resizeableColumns,
-  rowKey: rowKey,
-  rows: rows,
-  rowSize: rowSize,
-  searchFilters: searchFilters,
-  selectable: selectable,
-  selectAll: selectAll,
-  selectColumnFilterable: selectColumnFilterable,
-  selectColumnSortable: selectColumnSortable,
-  selectedRows: selectedRows,
-  selectionColumnDefinition: selectionColumnDefinition,
-  serverSideData: serverSideData,
-  showFilterBar: showFilterBar,
-  showHeader: showHeader,
-  showRowsLoader: showRowsLoader,
-  showSelectColumn: showSelectColumn,
-  showSelectHighlight: showSelectHighlight,
-  sortable: sortable,
-  sortEmptyLast: sortEmptyLast,
-  sortingColumns: sortingColumns,
-  subrowSize: subRowSize,
-  toolbarDelayClose: toolbarDelayClose,
-  useTreeData: useTreeData,
-  virtualized: virtualized,
-  visibleColumns: visibleColumns,
-  wrapText: wrapText
-}));
+const DSDataGrids = _ref => {
+  let {
+    containerProps = {},
+    instanceRef,
+    className = '',
+    // data
+    columns = [],
+    rows = [],
+    rowKey = 'id',
+    // features
+    infiniteScrolling = false,
+    editable = false,
+    sortable = false,
+    sortEmptyLast = false,
+    paginated = false,
+    dragAndDropRows = false,
+    selectable = false,
+    resizeableColumns = false,
+    searchFilters = false,
+    dragAndDropColumns = false,
+    useTreeData = false,
+    autoScrollToId,
+    // virtualization props
+    overscanCount = 10,
+    // feature state
+    selectAll = false,
+    // todo: change to isAllSelected
+    selectedRows = [],
+    filters = undefined,
+    onAddFilter = () => null,
+    onRemoveFilter = () => null,
+    onFiltersChange = () => null,
+    showFilterBar = true,
+    multiSelectFilterOptions = [{
+      id: 'true',
+      label: 'Selected'
+    }, {
+      id: 'false',
+      label: 'Not selected'
+    }],
+    multiSelectFilterLabels = undefined,
+    multiSelectFilterLabel = 'Selection',
+    aggregations = {},
+    groupingColumn = undefined,
+    sortingColumns = {},
+    // pagination
+    minPerPage = 0,
+    maxPerPage = 50,
+    onPerPageChange = () => null,
+    onPageChange = () => null,
+    paginationStep = 2,
+    pagination = {
+      page: 1,
+      perPage: 10
+    },
+    // visual
+    showHeader = true,
+    fixedHeader = true,
+    wrapText = false,
+    height = undefined,
+    minColumnWidth = 100,
+    showRowsLoader = false,
+    visibleColumns = undefined,
+    // this enforces visibility of columns
+    showSelectHighlight = false,
+    showSelectColumn = true,
+    selectColumnSortable = true,
+    selectColumnFilterable = false,
+    selectionColumnDefinition = {},
+    filterBarOptions = undefined,
+    // searchGrid = false,
+    renderToolbar = undefined,
+    toolbarDelayClose = 400,
+    renderFilterToolbar = undefined,
+    multiSelectComponent = undefined,
+    // todo: deprecate this
+    noResultsRender,
+    noResultsPlaceholder,
+    fluidHeight = false,
+    customHandlers = {},
+    // grouping feature
+    groupedBy = undefined,
+    // callbacks
+    onDefaultFiltersLoad = () => null,
+    onReorder = () => null,
+    onMoveRowEnd = () => null,
+    onMoveRowStart = () => null,
+    onMoveColumnOver = () => null,
+    onMoveColumnStart = () => null,
+    onMoveColumnEnd = () => null,
+    onColumnResize = () => null,
+    onExpandChange = () => null,
+    onToggleExpand = () => null,
+    onExpandRow = () => null,
+    onFilter = () => null,
+    onSort = () => null,
+    onColumnRowEdited = () => null,
+    onColumnRowEdit = () => null,
+    onSelectRow = () => null,
+    onSelectAll = () => null,
+    onInfiniteScrolling = () => null,
+    onFilterMenuClose = () => null,
+    onFilterMenuOpen = () => null,
+    getData = undefined,
+    // todo: change to onGetMoreData
+    serverSideData = false,
+    isDataSorted = false,
+    isDataFiltered = false,
+    virtualized = true,
+    numRowsVisible = undefined,
+    isColumnEditable = column => column.editable,
+    // grouped props
+    groupedRows = false,
+    groupedRowsRenderHeader = undefined,
+    // expandable props
+    renderExpandedDetails = () => null,
+    detailColumns,
+    expandable = false,
+    getChildrenRows = row => row.children,
+    expandableSubrowsVisible = 7,
+    renderRowDetails = () => null,
+    getExpandedRowSize = undefined,
+    getExpandedRowMinSize,
+    rowSize = RowSizesOptions.normal,
+    subRowSize = RowSizesOptions.normal,
+    bindColumnsSizeTo = undefined,
+    bindRowSizeTo = undefined,
+    onToggleShowAllRows,
+    expandedRows,
+    autoHeight = false,
+    noColumnsPlaceholder,
+    plugins = [],
+    normalizeDataKeys = false
+  } = _ref;
+  return /*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(DataGridImpl, {
+    aggregations: aggregations,
+    autoHeight: autoHeight && !fluidHeight,
+    autoScrollToId: autoScrollToId,
+    bindColumnsSizeTo: bindColumnsSizeTo,
+    bindRowSizeTo: bindRowSizeTo,
+    className: className,
+    columns: columns,
+    containerProps: containerProps,
+    customHandlers: customHandlers,
+    detailColumns: detailColumns,
+    dragAndDropColumns: dragAndDropColumns,
+    dragAndDropRows: dragAndDropRows,
+    editable: editable,
+    expandable: expandable,
+    expandableSubrowsVisible: expandableSubrowsVisible,
+    expandedRows: expandedRows,
+    filterBarOptions: filterBarOptions,
+    filters: filters,
+    fixedHeader: fixedHeader,
+    fluidHeight: fluidHeight,
+    getChildrenRows: getChildrenRows,
+    getData: getData,
+    getExpandedRowMinSize: getExpandedRowMinSize,
+    getExpandedRowSize: getExpandedRowSize,
+    groupedBy: groupedBy,
+    groupedRows: groupedRows,
+    groupedRowsRenderHeader: groupedRowsRenderHeader,
+    groupingColumn: groupingColumn,
+    height: height,
+    infiniteScrolling: infiniteScrolling,
+    instanceRef: instanceRef,
+    isColumnEditable: isColumnEditable,
+    isDataFiltered: isDataFiltered,
+    isDataSorted: isDataSorted,
+    maxPerPage: maxPerPage,
+    minColumnWidth: minColumnWidth,
+    minPerPage: minPerPage,
+    multiSelectComponent: multiSelectComponent,
+    multiSelectFilterLabel: multiSelectFilterLabel,
+    multiSelectFilterLabels: multiSelectFilterLabels,
+    multiSelectFilterOptions: multiSelectFilterOptions,
+    noColumnsPlaceholder: noColumnsPlaceholder,
+    noResultsPlaceholder: noResultsPlaceholder,
+    noResultsRender: noResultsRender,
+    normalizeDataKeys: normalizeDataKeys,
+    numRowsVisible: numRowsVisible // if defined, fluidHeight is disabled
+    ,
+    onAddFilter: onAddFilter,
+    onColumnResize: onColumnResize,
+    onColumnRowEdit: onColumnRowEdit,
+    onColumnRowEdited: onColumnRowEdited,
+    onExpandRow: onExpandRow,
+    onExpandChange: onExpandChange,
+    onFilter: onFilter,
+    onFiltersChange: onFiltersChange,
+    onFilterMenuClose: onFilterMenuClose,
+    onFilterMenuOpen: onFilterMenuOpen,
+    onDefaultFiltersLoad: onDefaultFiltersLoad,
+    onInfiniteScrolling: onInfiniteScrolling,
+    onMoveColumnEnd: onMoveColumnEnd,
+    onMoveColumnOver: onMoveColumnOver,
+    onMoveColumnStart: onMoveColumnStart,
+    onMoveRowEnd: onMoveRowEnd,
+    onMoveRowStart: onMoveRowStart,
+    onPageChange: onPageChange,
+    onPerPageChange: onPerPageChange,
+    onRemoveFilter: onRemoveFilter,
+    onReorder: onReorder,
+    onSelectAll: onSelectAll,
+    onSelectRow: onSelectRow,
+    onSort: onSort,
+    onToggleExpand: onToggleExpand,
+    onToggleShowAllRows: onToggleShowAllRows,
+    overscanCount: overscanCount,
+    paginated: paginated,
+    pagination: pagination,
+    paginationStep: paginationStep,
+    plugins: plugins,
+    renderExpandedDetails: renderExpandedDetails,
+    renderFilterToolbar: renderFilterToolbar,
+    renderRowDetails: renderRowDetails,
+    renderToolbar: renderToolbar,
+    resizeableColumns: resizeableColumns,
+    rowKey: rowKey,
+    rows: rows,
+    rowSize: rowSize,
+    searchFilters: searchFilters,
+    selectable: selectable,
+    selectAll: selectAll,
+    selectColumnFilterable: selectColumnFilterable,
+    selectColumnSortable: selectColumnSortable,
+    selectedRows: selectedRows,
+    selectionColumnDefinition: selectionColumnDefinition,
+    serverSideData: serverSideData,
+    showFilterBar: showFilterBar,
+    showHeader: showHeader,
+    showRowsLoader: showRowsLoader,
+    showSelectColumn: showSelectColumn,
+    showSelectHighlight: showSelectHighlight,
+    sortable: sortable,
+    sortEmptyLast: sortEmptyLast,
+    sortingColumns: sortingColumns,
+    subrowSize: subRowSize,
+    toolbarDelayClose: toolbarDelayClose,
+    useTreeData: useTreeData,
+    virtualized: virtualized,
+    visibleColumns: visibleColumns,
+    wrapText: wrapText
+  }));
+};
 
 const props = {
   /** ref to the instance of the datagrid, handle it imperatively */