@elliemae/ds-datagrids 2.2.0-next.3 → 2.3.0-alpha.1

package/esm/utilities/getPluginsFromProps.js

@@ -1,20 +1,17 @@
-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 { DndRowsPlugin } from '../plugins/row-dnd/DndRowsPlugin.js';
-import { DndColumnsPlugin } from '../plugins/column-dnd/DndColumnsPlugin.js';
-import { InfiniteScrollPlugin } from '../plugins/infinite-scrolling/InfiniteScrollPlugin.js';
-import { EditablePlugin } from '../plugins/editable/EditablePlugin.js';
-import { SortablePlugin } from '../plugins/sortable/SortablePlugin.js';
-import { SelectablePlugin } from '../plugins/selectable/SelectablePlugin.js';
-import { FilterablePlugin } from '../plugins/filterable/FilterablePlugin.js';
-import { ToolbarPlugin } from '../plugins/toolbar/ToolbarPlugin.js';
-import { PaginationPlugin } from '../plugins/pagination/PaginationPlugin.js';
-import { VirtualizationPlugin } from '../plugins/virtualization/VirtualizationPlugin.js';
-import { ExpandablePlugin } from '../plugins/expandable-grid/ExpandablePlugin.js';
-import { GroupingPlugin } from '../plugins/grouping-grid/GroupingPlugin.js';
-import { GroupingByPlugin } from '../plugins/grouping-by/GroupingByPlugin.js';
-
+import * as React from "react";
+import { DndRowsPlugin } from "../plugins/row-dnd/DndRowsPlugin";
+import { DndColumnsPlugin } from "../plugins/column-dnd/DndColumnsPlugin";
+import { InfiniteScrollPlugin } from "../plugins/infinite-scrolling/InfiniteScrollPlugin";
+import { EditablePlugin } from "../plugins/editable/EditablePlugin";
+import { SortablePlugin } from "../plugins/sortable/SortablePlugin";
+import { SelectablePlugin } from "../plugins/selectable/SelectablePlugin";
+import { FilterablePlugin } from "../plugins/filterable/FilterablePlugin";
+import { ToolbarPlugin } from "../plugins/toolbar/ToolbarPlugin";
+import { PaginationPlugin } from "../plugins/pagination/PaginationPlugin";
+import { VirtualizationPlugin } from "../plugins/virtualization/VirtualizationPlugin";
+import { ExpandablePlugin } from "../plugins/expandable-grid/ExpandablePlugin";
+import { GroupingPlugin } from "../plugins/grouping-grid/GroupingPlugin";
+import { GroupingByPlugin } from "../plugins/grouping-by/GroupingByPlugin";
 const mapPropToPlugin = {
   dragAndDropColumns: DndColumnsPlugin,
   editable: EditablePlugin,
@@ -30,13 +27,17 @@ const mapPropToPlugin = {
   groupedRows: GroupingPlugin,
   dragAndDropRows: DndRowsPlugin
 };
-function getPluginsFromProps(props) {
-  let omit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+const getPluginsFromProps = (props, omit = {}) => {
   const plugins = [];
-  Object.keys(mapPropToPlugin).forEach(key => {
-    if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);
+  Object.keys(mapPropToPlugin).forEach((key) => {
+    if (props[key] && !omit[key])
+      plugins.push(mapPropToPlugin[key]);
   });
   return plugins;
-}
-
-export { getPluginsFromProps as default };
+};
+var getPluginsFromProps_default = getPluginsFromProps;
+export {
+  getPluginsFromProps_default as default,
+  getPluginsFromProps
+};
+//# sourceMappingURL=getPluginsFromProps.js.map

package/esm/utilities/getPluginsFromProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/getPluginsFromProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DndRowsPlugin } from '../plugins/row-dnd/DndRowsPlugin';\nimport { DndColumnsPlugin } from '../plugins/column-dnd/DndColumnsPlugin';\nimport { InfiniteScrollPlugin } from '../plugins/infinite-scrolling/InfiniteScrollPlugin';\nimport { EditablePlugin } from '../plugins/editable/EditablePlugin';\nimport { SortablePlugin } from '../plugins/sortable/SortablePlugin';\nimport { SelectablePlugin } from '../plugins/selectable/SelectablePlugin';\nimport { FilterablePlugin } from '../plugins/filterable/FilterablePlugin';\nimport { ToolbarPlugin } from '../plugins/toolbar/ToolbarPlugin';\nimport { PaginationPlugin } from '../plugins/pagination/PaginationPlugin';\nimport { VirtualizationPlugin } from '../plugins/virtualization/VirtualizationPlugin';\nimport { ExpandablePlugin } from '../plugins/expandable-grid/ExpandablePlugin';\nimport { GroupingPlugin } from '../plugins/grouping-grid/GroupingPlugin';\nimport { GroupingByPlugin } from '../plugins/grouping-by/GroupingByPlugin';\n\nconst mapPropToPlugin = {\n  dragAndDropColumns: DndColumnsPlugin,\n  editable: EditablePlugin,\n  selectable: SelectablePlugin,\n  sortable: SortablePlugin,\n  searchFilters: FilterablePlugin,\n  renderToolbar: ToolbarPlugin,\n  infiniteScrolling: InfiniteScrollPlugin,\n  paginated: PaginationPlugin,\n  virtualized: VirtualizationPlugin,\n  expandable: ExpandablePlugin,\n  groupedBy: GroupingByPlugin,\n  groupedRows: GroupingPlugin,\n  dragAndDropRows: DndRowsPlugin,\n};\n\nexport const getPluginsFromProps = (props, omit = {}) => {\n  const plugins = [];\n\n  Object.keys(mapPropToPlugin).forEach((key) => {\n    if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);\n  });\n  return plugins;\n};\n\nexport default getPluginsFromProps;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB;AAAA,EACtB,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA;AAGZ,MAAM,sBAAsB,CAAC,OAAO,OAAO,OAAO;AACvD,QAAM,UAAU;AAEhB,SAAO,KAAK,iBAAiB,QAAQ,CAAC,QAAQ;AAC5C,QAAI,MAAM,QAAQ,CAAC,KAAK;AAAM,cAAQ,KAAK,gBAAgB;AAAA;AAE7D,SAAO;AAAA;AAGT,IAAO,8BAAQ;",
+  "names": []
+}

package/esm/utilities/getScrollbarSize.js

@@ -1,23 +1,17 @@
-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';
-  outer.style.overflow = 'scroll'; // forcing scrollbar to appear
-
-  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
-
-  document.body.appendChild(outer); // Creating inner element and placing it in the container
-
-  const inner = document.createElement('div');
-  outer.appendChild(inner); // Calculating difference between container's full width and the child width
-
-  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth; // Removing temporary elements from the DOM
-
-  outer.parentNode.removeChild(outer); // compensatePixels to check for MacOS's show
-  // scrollbar only when moving it
-
+import * as React from "react";
+function getScrollbarWidth(compensatePixels = 0) {
+  const outer = document.createElement("div");
+  outer.style.visibility = "hidden";
+  outer.style.overflow = "scroll";
+  outer.style.msOverflowStyle = "scrollbar";
+  document.body.appendChild(outer);
+  const inner = document.createElement("div");
+  outer.appendChild(inner);
+  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
+  outer.parentNode.removeChild(outer);
   return scrollbarWidth + compensatePixels;
 }
-
-export { getScrollbarWidth };
+export {
+  getScrollbarWidth
+};
+//# sourceMappingURL=getScrollbarSize.js.map

package/esm/utilities/getScrollbarSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/getScrollbarSize.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function getScrollbarWidth(compensatePixels = 0) {\n  // Creating invisible container\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.overflow = 'scroll'; // forcing scrollbar to appear\n  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps\n  document.body.appendChild(outer);\n\n  // Creating inner element and placing it in the container\n  const inner = document.createElement('div');\n  outer.appendChild(inner);\n\n  // Calculating difference between container's full width and the child width\n  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n\n  // Removing temporary elements from the DOM\n  outer.parentNode.removeChild(outer);\n\n  // compensatePixels to check for MacOS's show\n  // scrollbar only when moving it\n  return scrollbarWidth + compensatePixels;\n}\n"],
+  "mappings": "AAAA;ACAO,2BAA2B,mBAAmB,GAAG;AAEtD,QAAM,QAAQ,SAAS,cAAc;AACrC,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,WAAW;AACvB,QAAM,MAAM,kBAAkB;AAC9B,WAAS,KAAK,YAAY;AAG1B,QAAM,QAAQ,SAAS,cAAc;AACrC,QAAM,YAAY;AAGlB,QAAM,iBAAiB,MAAM,cAAc,MAAM;AAGjD,QAAM,WAAW,YAAY;AAI7B,SAAO,iBAAiB;AAAA;",
+  "names": []
+}

package/esm/utilities/normalizeData.js

@@ -1,29 +1,20 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.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/es.string.replace.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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]);
+import * as React from "react";
+const normalizeRows = (rows) => rows.map((row) => {
+  Object.keys(row).forEach((key) => row[normalizeText(key)] = row[key]);
   return row;
 });
-const normalizeColumns = columns => columns.map(column => {
-  const {
-    property
-  } = column;
-  return _objectSpread(_objectSpread({}, column), {}, {
+const normalizeColumns = (columns) => columns.map((column) => {
+  const { property } = column;
+  return {
+    ...column,
     originalProperty: column.property,
     property: normalizeText(property)
-  });
+  };
 });
-const normalizeText = text => text.replace(/\s+/g, '');
-
-export { normalizeColumns, normalizeRows, normalizeText };
+const normalizeText = (text) => text.replace(/\s+/g, "");
+export {
+  normalizeColumns,
+  normalizeRows,
+  normalizeText
+};
+//# sourceMappingURL=normalizeData.js.map

package/esm/utilities/normalizeData.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/normalizeData.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const normalizeRows = rows =>\n  rows.map(row => {\n    Object.keys(row).forEach(key => (row[normalizeText(key)] = row[key]));\n    return row;\n  });\n\nexport const normalizeColumns = columns =>\n  columns.map(column => {\n    const { property } = column;\n    return {\n      ...column,\n      originalProperty: column.property,\n      property: normalizeText(property),\n    };\n  });\n\nexport const normalizeText = text => text.replace(/\\s+/g, '');\n"],
+  "mappings": "AAAA;ACAO,MAAM,gBAAgB,UAC3B,KAAK,IAAI,SAAO;AACd,SAAO,KAAK,KAAK,QAAQ,SAAQ,IAAI,cAAc,QAAQ,IAAI;AAC/D,SAAO;AAAA;AAGJ,MAAM,mBAAmB,aAC9B,QAAQ,IAAI,YAAU;AACpB,QAAM,EAAE,aAAa;AACrB,SAAO;AAAA,OACF;AAAA,IACH,kBAAkB,OAAO;AAAA,IACzB,UAAU,cAAc;AAAA;AAAA;AAIvB,MAAM,gBAAgB,UAAQ,KAAK,QAAQ,QAAQ;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-datagrids",
-  "version": "2.2.0-next.3",
+  "version": "2.3.0-alpha.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Grids",
   "module": "./esm/index.js",
@@ -541,25 +541,25 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.2.0-next.3",
-    "@elliemae/ds-button": "2.2.0-next.3",
-    "@elliemae/ds-classnames": "2.2.0-next.3",
-    "@elliemae/ds-controlled-form": "2.2.0-next.3",
-    "@elliemae/ds-datagrids": "2.2.0-next.3",
-    "@elliemae/ds-dropdownmenu": "2.2.0-next.3",
-    "@elliemae/ds-filterbar": "2.2.0-next.3",
-    "@elliemae/ds-form": "2.2.0-next.3",
-    "@elliemae/ds-grid": "2.2.0-next.3",
-    "@elliemae/ds-icons": "2.2.0-next.3",
-    "@elliemae/ds-menu": "2.2.0-next.3",
-    "@elliemae/ds-popper": "2.2.0-next.3",
-    "@elliemae/ds-separator": "2.2.0-next.3",
-    "@elliemae/ds-shared": "2.2.0-next.3",
-    "@elliemae/ds-spinner": "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-basic": "2.3.0-alpha.1",
+    "@elliemae/ds-button": "2.3.0-alpha.1",
+    "@elliemae/ds-classnames": "2.3.0-alpha.1",
+    "@elliemae/ds-controlled-form": "2.3.0-alpha.1",
+    "@elliemae/ds-datagrids": "2.3.0-alpha.1",
+    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.1",
+    "@elliemae/ds-filterbar": "2.3.0-alpha.1",
+    "@elliemae/ds-form": "2.3.0-alpha.1",
+    "@elliemae/ds-grid": "2.3.0-alpha.1",
+    "@elliemae/ds-icons": "2.3.0-alpha.1",
+    "@elliemae/ds-menu": "2.3.0-alpha.1",
+    "@elliemae/ds-popper": "2.3.0-alpha.1",
+    "@elliemae/ds-separator": "2.3.0-alpha.1",
+    "@elliemae/ds-shared": "2.3.0-alpha.1",
+    "@elliemae/ds-spinner": "2.3.0-alpha.1",
+    "@elliemae/ds-system": "2.3.0-alpha.1",
+    "@elliemae/ds-toolbar": "2.3.0-alpha.1",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.1",
+    "@elliemae/ds-utilities": "2.3.0-alpha.1",
     "comparejs": "~1.0.3",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",

package/types/DSDataGrid.d.ts

@@ -855,123 +855,9 @@ declare const DSDataGrids: {
     };
 };
 declare const DSDataGridsWithSchema: {
-    (props?: {
-        containerProps?: {} | undefined;
-        instanceRef: any;
-        className?: string | undefined;
-        columns?: never[] | undefined;
-        rows?: never[] | undefined;
-        rowKey?: string | undefined;
-        infiniteScrolling?: boolean | undefined;
-        editable?: boolean | undefined;
-        sortable?: boolean | undefined;
-        sortEmptyLast?: boolean | undefined;
-        paginated?: boolean | undefined;
-        dragAndDropRows?: boolean | undefined;
-        selectable?: boolean | undefined;
-        resizeableColumns?: boolean | undefined;
-        searchFilters?: boolean | undefined;
-        dragAndDropColumns?: boolean | undefined;
-        useTreeData?: boolean | undefined;
-        autoScrollToId: any;
-        overscanCount?: number | undefined;
-        selectAll?: boolean | undefined;
-        selectedRows?: never[] | undefined;
-        filters?: undefined;
-        onAddFilter?: (() => null) | undefined;
-        onRemoveFilter?: (() => null) | undefined;
-        onFiltersChange?: (() => null) | undefined;
-        showFilterBar?: boolean | undefined;
-        multiSelectFilterOptions?: {
-            id: string;
-            label: string;
-        }[] | undefined;
-        multiSelectFilterLabels?: undefined;
-        multiSelectFilterLabel?: string | undefined;
-        aggregations?: {} | undefined;
-        groupingColumn?: undefined;
-        sortingColumns?: {} | undefined;
-        minPerPage?: number | undefined;
-        maxPerPage?: number | undefined;
-        onPerPageChange?: (() => null) | undefined;
-        onPageChange?: (() => null) | undefined;
-        paginationStep?: number | undefined;
-        pagination?: {
-            page: number;
-            perPage: number;
-        } | undefined;
-        showHeader?: boolean | undefined;
-        fixedHeader?: boolean | undefined;
-        wrapText?: boolean | undefined;
-        height?: undefined;
-        minColumnWidth?: number | undefined;
-        showRowsLoader?: boolean | undefined;
-        visibleColumns?: undefined;
-        showSelectHighlight?: boolean | undefined;
-        showSelectColumn?: boolean | undefined;
-        selectColumnSortable?: boolean | undefined;
-        selectColumnFilterable?: boolean | undefined;
-        selectionColumnDefinition?: {} | undefined;
-        filterBarOptions?: undefined;
-        renderToolbar?: undefined;
-        toolbarDelayClose?: number | undefined;
-        renderFilterToolbar?: undefined;
-        multiSelectComponent?: undefined;
-        noResultsRender: any;
-        noResultsPlaceholder: any;
-        fluidHeight?: boolean | undefined;
-        customHandlers?: {} | undefined;
-        groupedBy?: undefined;
-        onDefaultFiltersLoad?: (() => null) | undefined;
-        onReorder?: (() => null) | undefined;
-        onMoveRowEnd?: (() => null) | undefined;
-        onMoveRowStart?: (() => null) | undefined;
-        onMoveColumnOver?: (() => null) | undefined;
-        onMoveColumnStart?: (() => null) | undefined;
-        onMoveColumnEnd?: (() => null) | undefined;
-        onColumnResize?: (() => null) | undefined;
-        onExpandChange?: (() => null) | undefined;
-        onToggleExpand?: (() => null) | undefined;
-        onExpandRow?: (() => null) | undefined;
-        onFilter?: (() => null) | undefined;
-        onSort?: (() => null) | undefined;
-        onColumnRowEdited?: (() => null) | undefined;
-        onColumnRowEdit?: (() => null) | undefined;
-        onSelectRow?: (() => null) | undefined;
-        onSelectAll?: (() => null) | undefined;
-        onInfiniteScrolling?: (() => null) | undefined;
-        onFilterMenuClose?: (() => null) | undefined;
-        onFilterMenuOpen?: (() => null) | undefined;
-        getData?: undefined;
-        serverSideData?: boolean | undefined;
-        isDataSorted?: boolean | undefined;
-        isDataFiltered?: boolean | undefined;
-        virtualized?: boolean | undefined;
-        numRowsVisible?: undefined;
-        isColumnEditable?: ((column: any) => any) | undefined;
-        groupedRows?: boolean | undefined;
-        groupedRowsRenderHeader?: undefined;
-        renderExpandedDetails?: (() => null) | undefined;
-        detailColumns: any;
-        expandable?: boolean | undefined;
-        getChildrenRows?: ((row: any) => any) | undefined;
-        expandableSubrowsVisible?: number | undefined;
-        renderRowDetails?: (() => null) | undefined;
-        getExpandedRowSize?: undefined;
-        getExpandedRowMinSize: any;
-        rowSize?: string | undefined;
-        subRowSize?: string | undefined;
-        bindColumnsSizeTo?: undefined;
-        bindRowSizeTo?: undefined;
-        onToggleShowAllRows: any;
-        expandedRows: any;
-        autoHeight?: boolean | undefined;
-        noColumnsPlaceholder: any;
-        plugins?: never[] | undefined;
-        normalizeDataKeys?: boolean | undefined;
-    } | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSDataGridsWithSchema };
+export { DSDataGridsWithSchema, DSDataGrids, DSDataGrids as DSDataGrid };
 export default DSDataGrids;

package/types/DataGridImpl.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare function DataGridImpl({ className, renderers, columns, rows, containerProps, plugins: pluginsProp, normalizeDataKeys, ...otherProps }: {
+declare const DataGridImpl: ({ className, renderers, columns, rows, containerProps, plugins: pluginsProp, normalizeDataKeys, ...otherProps }: {
     [x: string]: any;
     className: any;
     renderers: any;
@@ -8,5 +8,6 @@ declare function DataGridImpl({ className, renderers, columns, rows, containerPr
     containerProps: any;
     plugins: any;
     normalizeDataKeys: any;
-}): JSX.Element;
+}) => JSX.Element;
+export { DataGridImpl };
 export default DataGridImpl;

package/types/PaginatedDataGrid.d.ts

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import { renderRowsLoader } from './components/renderers';
 declare function PaginatedDataGrid({ columns, rows, showRowsLoader, noResultsPlaceholder, rowsLoaderRenderer, maxPerPage, minPerPage, onPageSelect, onPerPage, pagination, ...otherProps }: {
     [x: string]: any;
     columns: any;
     rows: any;
     showRowsLoader: any;
     noResultsPlaceholder: any;
-    rowsLoaderRenderer?: typeof renderRowsLoader | undefined;
+    rowsLoaderRenderer?: (() => JSX.Element) | undefined;
     maxPerPage: any;
     minPerPage: any;
     onPageSelect: any;

package/types/columns/IconColumn.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export default function createColumn({ property, label, headerIcon, getRowIcon, isVisited, intent, width, onClick, visible, resizable, sortable, searchable, }: {
+export declare const IconColumn: ({ property, label, headerIcon, getRowIcon, isVisited, intent, width, onClick, visible, resizable, sortable, searchable, }: {
     property: any;
     label: any;
     headerIcon: any;
@@ -12,7 +12,7 @@ export default function createColumn({ property, label, headerIcon, getRowIcon,
     resizable: any;
     sortable: any;
     searchable: any;
-}): {
+}) => {
     property: any;
     label: any;
     headerStyle: {
@@ -33,3 +33,4 @@ export default function createColumn({ property, label, headerIcon, getRowIcon,
     sortable: any;
     searchable: any;
 };
+export default IconColumn;

package/types/components/BodyCell.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
-declare function BodyCell({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }: {
-    component: any;
-    classProps: any;
-    rowProps: any;
-    column: any;
-    columnIndex: any;
-    rowIndex: any;
-    grid: any;
-}): JSX.Element;
-declare namespace BodyCell {
-    var propTypes: {
+declare const BodyCell: {
+    ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }: {
+        component: any;
+        classProps: any;
+        rowProps: any;
+        column: any;
+        columnIndex: any;
+        rowIndex: any;
+        grid: any;
+    }): JSX.Element;
+    propTypes: {
         component: PropTypes.Requireable<PropTypes.ReactElementLike>;
         classProps: PropTypes.Requireable<PropTypes.InferProps<{
             wrapText: PropTypes.Requireable<boolean>;
@@ -29,5 +29,6 @@ declare namespace BodyCell {
         rowIndex: PropTypes.Requireable<number>;
         grid: PropTypes.Requireable<any>;
     };
-}
+};
+export { BodyCell };
 export default BodyCell;

package/types/components/ColumnVisibilityMenuOption.d.ts

@@ -1,9 +1,9 @@
-export declare function getColumnVisibilityMenuOption({ columns, onColumnVisibilityChange, searchable, height, }: {
+export declare const getColumnVisibilityMenuOption: ({ columns, onColumnVisibilityChange, searchable, height, }: {
     columns: any;
     onColumnVisibilityChange: any;
     searchable: any;
     height: any;
-}): {
+}) => {
     type: string;
     id: string;
     multi: boolean;

package/types/components/ColumnsOptionsMenuSection.d.ts

@@ -5,4 +5,5 @@ declare const ColumnsOptionsMenuSection: ({ columns, onColumnVisibilityChange, s
     searchable?: boolean | undefined;
     height: any;
 }) => () => JSX.Element;
+export { ColumnsOptionsMenuSection };
 export default ColumnsOptionsMenuSection;

package/types/components/HeaderCell.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
-declare function HeaderCell({ column, columnIndex, component: Component, classProps, grid }: {
-    column: any;
-    columnIndex: any;
-    component: any;
-    classProps: any;
-    grid: any;
-}): JSX.Element;
-declare namespace HeaderCell {
-    var propTypes: {
+export declare const HeaderCell: {
+    ({ column, columnIndex, component: Component, classProps, grid }: {
+        column: any;
+        columnIndex: any;
+        component: any;
+        classProps: any;
+        grid: any;
+    }): JSX.Element;
+    propTypes: {
         column: PropTypes.Requireable<any>;
         columnIndex: PropTypes.Requireable<number>;
         component: PropTypes.Requireable<any>;
         classProps: PropTypes.Requireable<any>;
         grid: PropTypes.Requireable<any>;
     };
-}
+};
 export default HeaderCell;

package/types/components/NoResults.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare function NoResults({ innerRef, rowRenderer, children, ...rest }: {
+export declare const NoResults: ({ innerRef, rowRenderer, children, ...rest }: {
     [x: string]: any;
     innerRef: any;
     rowRenderer: any;
     children: any;
-}): JSX.Element;
+}) => JSX.Element;
 export default NoResults;

package/types/components/RowsLoader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare function RowsLoader({ size }: {
+export declare const RowsLoader: ({ size }: {
     size?: string | undefined;
-}): JSX.Element;
+}) => JSX.Element;
 export default RowsLoader;

package/types/components/Table.d.ts

@@ -1,13 +1,8 @@
 import React from 'react';
-import TableHeader from './TableHeader';
-declare function Table(props: any): JSX.Element;
-declare namespace Table {
-    var Header: typeof TableHeader;
-    var Body: React.MemoExoticComponent<({ rows, noResultsPlaceholder, isPlaceholderActive, ...props }: {
-        [x: string]: any;
-        rows: any;
-        noResultsPlaceholder?: string | undefined;
-        isPlaceholderActive?: boolean | undefined;
-    }) => JSX.Element>;
-}
+declare const Table: {
+    (props: any): JSX.Element;
+    Header: (props: any) => JSX.Element;
+    Body: React.NamedExoticComponent<object>;
+};
+export { Table };
 export default Table;

package/types/components/TableBody.d.ts

@@ -1,9 +1,4 @@
 import React from 'react';
-declare function TableBody({ rows, noResultsPlaceholder, isPlaceholderActive, ...props }: {
-    [x: string]: any;
-    rows: any;
-    noResultsPlaceholder?: string | undefined;
-    isPlaceholderActive?: boolean | undefined;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof TableBody>;
-export default _default;
+declare const TableBody: React.NamedExoticComponent<object>;
+export { TableBody };
+export default TableBody;

package/types/components/TableHeader.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare function TableHeader(props: any): JSX.Element;
+declare const TableHeader: (props: any) => JSX.Element;
+export { TableHeader };
 export default TableHeader;

package/types/components/footer/addOptionalFooterComponents.d.ts

@@ -3,4 +3,5 @@ declare const addOptionalFooterComponents: ({ grid, rows }: {
     grid: any;
     rows: any;
 }) => JSX.Element | null;
+export { addOptionalFooterComponents };
 export default addOptionalFooterComponents;

package/types/components/header/PrimaryControls.d.ts

@@ -2,4 +2,5 @@
 declare const PrimaryControls: ({ onAddFilter }: {
     onAddFilter?: (() => null) | undefined;
 }) => JSX.Element;
+export { PrimaryControls };
 export default PrimaryControls;

package/types/components/header/addOptionalHeaderComponents.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
-declare const addOptionalHeaderComponents: {
+export declare const addOptionalHeaderComponents: {
     ({ grid }: {
         grid: any;
     }): JSX.Element;

package/types/components/renderers/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export * from './renderRowsLoader';
+export { renderRowsLoader } from './renderRowsLoader';
 export declare const defaultRenderers: {
     table: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
     header: {

package/types/components/renderers/renderRowsLoader.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare function renderRowsLoader(): JSX.Element;
+export declare const renderRowsLoader: () => JSX.Element;

package/types/index.d.ts

@@ -1,10 +1,9 @@
-import DSDataGrid from './DSDataGrid';
+export { DSDataGrid } from './DSDataGrid';
 export { DSDataGridsWithSchema } from './DSDataGrid';
-export { DSDataGrid };
-export { default as ColumnsOptionsMenuSection } from './components/ColumnsOptionsMenuSection';
-export * from './components/ColumnVisibilityMenuOption';
-export * from './components/EmptyState';
-export { default as IconColumn } from './columns/IconColumn';
-export * from './plugins';
-export * from './rowSizes';
+export { ColumnsOptionsMenuSection } from './components/ColumnsOptionsMenuSection';
+export { getColumnVisibilityMenuOption } from './components/ColumnVisibilityMenuOption';
+export { EmptyState } from './components/EmptyState';
+export { IconColumn } from './columns/IconColumn';
+export { BodyHeaderScrollSyncPlugin, DndColumnsPlugin, ColumnSizingPlugin, CustomRendererPlugin, EditablePlugin, ComboBox, TextBox, ExpandablePlugin, ExpandableColumn, FilterablePlugin, InfiniteScrollPlugin, PaginationPlugin, ResizablePlugin, DndRowsPlugin, SelectablePlugin, SortablePlugin, ToolbarPlugin, ExportDataPlugin, VirtualizationPlugin, } from './plugins';
+export { RowSizes, RowSizesOptions, RowSizesOptionsArr } from './rowSizes';
 export { CellWithAddons, CellContainer } from './renders';

package/types/plugins/body-header-scroll-sync/index.d.ts

@@ -1 +1 @@
-export * from './BodyHeaderScrollSyncPlugin';
+export { BodyHeaderScrollSyncPlugin } from './BodyHeaderScrollSyncPlugin';

package/types/plugins/column-dnd/index.d.ts

@@ -1 +1 @@
-export * from './DndColumnsPlugin';
+export { DndColumnsPlugin } from './DndColumnsPlugin';