@elliemae/ds-datagrids 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/plugins/expandable-grid/ExpandedRow.js

@@ -1,105 +1,143 @@
-import * as React from "react";
-import React2 from "react";
-import { DSSeparator } from "@elliemae/ds-separator";
-import { DSButton } from "@elliemae/ds-button";
-import styled from "styled-components";
-import { get } from "@elliemae/ds-utilities";
-import { deferComponentRender } from "@elliemae/ds-shared/defer-render-hoc";
-import { useDataGrid } from "@elliemae/ds-shared/useDataGrid";
-import { PaginationPlugin } from "../pagination";
-import { BodyCell } from "../../components/BodyCell";
-import { defaultRenderers } from "../../components/renderers";
-import { TableBody } from "../../components/TableBody";
-import { Table } from "../../components/Table";
-import { ColumnSizingPlugin } from "../column-sizing";
-const DetailGrid = deferComponentRender(({ parentGrid, parentRowData, rows }) => {
-  const { instanceRef, ...parentProps } = parentGrid.props;
-  const grid = useDataGrid({
-    uuid: parentGrid.getInstance().uuid,
-    ...parentProps,
-    columns: parentGrid.getInstance().decoratedColumns.filter((col) => !col.expandableColumn).map((c) => ({ ...c, expandableColumn: false })),
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'react';
+import DSSeparator from '@elliemae/ds-separator';
+import DSButton from '@elliemae/ds-button';
+import styled from 'styled-components';
+import { get } from '@elliemae/ds-utilities';
+import deferComponentRender from '@elliemae/ds-shared/defer-render-hoc';
+import useDataGrid from '@elliemae/ds-shared/useDataGrid';
+import { PaginationPlugin } from '../pagination/PaginationPlugin.js';
+import BodyCell from '../../components/BodyCell.js';
+import { defaultRenderers } from '../../components/renderers/index.js';
+import TableBody from '../../components/TableBody.js';
+import Table from '../../components/Table.js';
+import { ColumnSizingPlugin } from '../column-sizing/ColumnSizingPlugin.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _TableBody, _DSSeparator;
+
+const _excluded = ["instanceRef"],
+      _excluded2 = ["showAllRows"];
+
+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 DetailGrid = deferComponentRender(_ref => {
+  let {
+    parentGrid,
+    parentRowData,
+    rows
+  } = _ref;
+
+  const _parentGrid$props = parentGrid.props,
+        parentProps = _objectWithoutProperties(_parentGrid$props, _excluded);
+
+  const grid = useDataGrid(_objectSpread(_objectSpread({
+    uuid: parentGrid.getInstance().uuid
+  }, parentProps), {}, {
+    columns: parentGrid.getInstance().decoratedColumns.filter(col => !col.expandableColumn).map(c => _objectSpread(_objectSpread({}, c), {}, {
+      expandableColumn: false
+    })),
     rows,
     plugins: [ColumnSizingPlugin, PaginationPlugin],
     renderers: defaultRenderers,
     bindColumnsSizeTo: parentGrid.uuid,
-    numRowsVisible: "all",
+    numRowsVisible: 'all',
     paginated: true,
     pagination: {
       perPage: rows.length,
       conditionalPagination: true
     },
     parentRowData
-  });
-  return /* @__PURE__ */ React2.createElement(Table, {
-    ...grid
-  }, /* @__PURE__ */ React2.createElement(TableBody, null));
+  }));
+  return /*#__PURE__*/jsx(Table, _objectSpread(_objectSpread({}, grid), {}, {
+    children: _TableBody || (_TableBody = /*#__PURE__*/_jsx(TableBody, {}))
+  }));
 }, null);
-const DetailsWrapper = styled.span`
-  flex: 1;
-  width: ${(props) => props.width}px;
-`;
-const DetailGridWrapper = styled.div`
-  display: flex;
-  height: calc(100% - ${(props) => props.allRowsVisible ? 18 : 60}px);
-  width: ${(props) => props.expandableGridDetailWidth}px;
-  margin: 12px 0;
-`;
-function ExpandedRow({
-  parentGrid,
-  detailColumns,
-  rowData,
-  rows,
-  rowProps,
-  cellComponent: CellComponent,
-  rowComponent: RowComponent
-}) {
+const DetailsWrapper = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-1goa4zy-0"
+})(["flex:1;width:", "px;"], props => props.width);
+const DetailGridWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1goa4zy-1"
+})(["display:flex;height:calc(100% - ", "px);width:", "px;margin:12px 0;"], props => props.allRowsVisible ? 18 : 60, props => props.expandableGridDetailWidth);
+
+function ExpandedRow(_ref2) {
+  let {
+    parentGrid,
+    detailColumns,
+    rowData,
+    rows,
+    rowProps,
+    cellComponent: CellComponent,
+    rowComponent: RowComponent
+  } = _ref2;
   const {
     decoratedColumns,
-    actions: { toggleShowAllRows },
-    state: { expandedRows },
+    actions: {
+      toggleShowAllRows
+    },
+    state: {
+      expandedRows
+    },
     props: {
       rowKey,
-      showMoreRowsText = "SHOW ALL ROWS",
-      showLessRowsText = "SHOW LESS ROWS",
+      showMoreRowsText = 'SHOW ALL ROWS',
+      showLessRowsText = 'SHOW LESS ROWS',
       expandableSubrowsVisible
     },
-    columnSizeService: { expandableGridDetailWidth }
+    columnSizeService: {
+      expandableGridDetailWidth
+    }
   } = parentGrid.getInstance();
-  const { showAllRows, ...restRowProps } = rowProps;
-  return /* @__PURE__ */ React2.createElement(RowComponent, {
-    ...restRowProps
-  }, /* @__PURE__ */ React2.createElement(BodyCell, {
-    column: decoratedColumns[0],
-    columnIndex: 0,
-    component: CellComponent,
-    grid: parentGrid,
-    rowProps: { rowData, ...rowProps }
-  }), /* @__PURE__ */ React2.createElement(DetailsWrapper, {
-    width: expandableGridDetailWidth
-  }, /* @__PURE__ */ React2.createElement(DetailGridWrapper, {
-    allRowsVisible: rows.length < expandableSubrowsVisible || get(expandedRows, [rowKey, "showAllRows"]),
-    expandableGridDetailWidth
-  }, /* @__PURE__ */ React2.createElement(DSSeparator, {
-    dashed: true,
-    orientation: "vertical"
-  }), /* @__PURE__ */ React2.createElement(DetailGrid, {
-    detailColumns,
-    parentGrid: parentGrid.getInstance(),
-    parentRowData: rowData,
-    rows: showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)
-  })), rows.length > expandableSubrowsVisible && /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "text",
-    labelText: showAllRows ? showLessRowsText : showMoreRowsText,
-    onClick: (e) => {
-      e.stopPropagation();
-      toggleShowAllRows(rowData);
-    },
-    style: { marginBottom: "10px" }
-  })));
+
+  const {
+    showAllRows
+  } = rowProps,
+        restRowProps = _objectWithoutProperties(rowProps, _excluded2);
+
+  return /*#__PURE__*/jsxs(RowComponent, _objectSpread(_objectSpread({}, restRowProps), {}, {
+    children: [/*#__PURE__*/_jsx(BodyCell, {
+      column: decoratedColumns[0],
+      columnIndex: 0,
+      component: CellComponent,
+      grid: parentGrid,
+      rowProps: _objectSpread({
+        rowData
+      }, rowProps)
+    }), /*#__PURE__*/_jsx(DetailsWrapper, {
+      width: expandableGridDetailWidth
+    }, void 0, /*#__PURE__*/_jsx(DetailGridWrapper, {
+      allRowsVisible: rows.length < expandableSubrowsVisible || get(expandedRows, [rowKey, 'showAllRows']),
+      expandableGridDetailWidth: expandableGridDetailWidth
+    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx(DSSeparator, {
+      dashed: true,
+      orientation: "vertical"
+    })), /*#__PURE__*/_jsx(DetailGrid, {
+      detailColumns: detailColumns,
+      parentGrid: parentGrid.getInstance(),
+      parentRowData: rowData,
+      rows: showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)
+    })), rows.length > expandableSubrowsVisible && /*#__PURE__*/_jsx(DSButton, {
+      buttonType: "text",
+      labelText: showAllRows ? showLessRowsText : showMoreRowsText,
+      onClick: e => {
+        e.stopPropagation();
+        toggleShowAllRows(rowData);
+      },
+      style: {
+        marginBottom: '10px'
+      }
+    }))]
+  }));
 }
-var ExpandedRow_default = ExpandedRow;
-export {
-  ExpandedRow,
-  ExpandedRow_default as default
-};
-//# sourceMappingURL=ExpandedRow.js.map
+
+export { ExpandedRow as default };

package/esm/plugins/expandable-grid/ExpandedRowExtra.js

@@ -1,27 +1,46 @@
-import * as React from "react";
-import React2 from "react";
-import { cx } from "@elliemae/ds-utilities";
-import { DSSeparator } from "@elliemae/ds-separator";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { dataGridBlockName } from "../../blockNames";
-const blockName = `${dataGridBlockName}-expanded-row`;
-const DetailsWrapper = aggregatedClasses("div")(`${blockName}-details-wrapper`, null, () => ({
-  "ie-flex-basis-auto": true
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { cx } from '@elliemae/ds-utilities';
+import DSSeparator from '@elliemae/ds-separator';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import { dataGridBlockName } from '../../blockNames.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _DSSeparator;
+
+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 blockName = "".concat(dataGridBlockName, "-expanded-row");
+const DetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-wrapper"), null, () => ({
+  'ie-flex-basis-auto': true
 }));
-function ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails = () => null }) {
-  return /* @__PURE__ */ React2.createElement(RowComponent, {
-    ...rowProps,
-    className: cx(rowProps.className, "expanded-detail-row")
-  }, /* @__PURE__ */ React2.createElement(RowComponent, {
-    className: "master-row-expanded"
-  }, children), /* @__PURE__ */ React2.createElement(DSSeparator, {
-    dashed: true,
-    margin: "xs"
-  }), /* @__PURE__ */ React2.createElement(DetailsWrapper, null, renderRowDetails({ rowData })));
+
+function ExpandedRowExtra(_ref) {
+  let {
+    children,
+    rowData,
+    rowProps,
+    rowComponent: RowComponent,
+    renderRowDetails = () => null
+  } = _ref;
+  return /*#__PURE__*/jsxs(RowComponent, _objectSpread(_objectSpread({}, rowProps), {}, {
+    className: cx(rowProps.className, 'expanded-detail-row'),
+    children: [/*#__PURE__*/_jsx(RowComponent, {
+      className: "master-row-expanded"
+    }, void 0, children), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx(DSSeparator, {
+      dashed: true,
+      margin: "xs"
+    })), /*#__PURE__*/_jsx(DetailsWrapper, {}, void 0, renderRowDetails({
+      rowData
+    }))]
+  }));
 }
-var ExpandedRowExtra_default = ExpandedRowExtra;
-export {
-  ExpandedRowExtra,
-  ExpandedRowExtra_default as default
-};
-//# sourceMappingURL=ExpandedRowExtra.js.map
+
+export { ExpandedRowExtra as default };

package/esm/plugins/expandable-grid/index.js

@@ -1,8 +1,2 @@
-import * as React from "react";
-import { ExpandablePlugin } from "./ExpandablePlugin";
-import { ExpandableColumn } from "./ExpandableColumn";
-export {
-  ExpandableColumn,
-  ExpandablePlugin
-};
-//# sourceMappingURL=index.js.map
+export { ExpandablePlugin } from './ExpandablePlugin.js';
+export { default as ExpandableColumn } from './ExpandableColumn.js';

package/esm/plugins/expandable-grid/useExpandGridState.js

@@ -1,12 +1,13 @@
-import * as React from "react";
-import { isFunction, useExpandState } from "@elliemae/ds-utilities";
-import { useState } from "react";
-const useExpandGridState = (grid) => {
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useExpandState, isFunction } from '@elliemae/ds-utilities';
+import { useState } from 'react';
+
+const useExpandGridState = grid => {
   const {
     composedRows,
     props: {
       expandedRows: expandedRowsProp = {},
-      rowKey = "id",
+      rowKey = 'id',
       onExpandRow,
       onToggleShowAllRows,
       onExpandChange,
@@ -15,7 +16,10 @@ const useExpandGridState = (grid) => {
       onCollapseRow
     }
   } = grid;
-  const { state, actions } = useExpandState({
+  const {
+    state,
+    actions
+  } = useExpandState({
     items: composedRows,
     itemKey: rowKey,
     expanded: expandedRowsProp,
@@ -26,14 +30,22 @@ const useExpandGridState = (grid) => {
     onCollapse: onCollapseRow
   });
   const [shouldRefocus, setShouldReFocus] = useState(false);
-  const expandRow = (row) => actions.expand(row, { showAllRows: false });
+
+  const expandRow = row => actions.expand(row, {
+    showAllRows: false
+  });
+
   const toggleExpandAllRows = actions.toggleExpandAll;
   const collapseRow = actions.collapse;
-  const toggleExpand = (row) => {
+
+  const toggleExpand = row => {
     setShouldReFocus(false);
-    actions.toggleExpand(row, { showAllRows: false });
+    actions.toggleExpand(row, {
+      showAllRows: false
+    });
   };
-  const toggleShowAllRows = (row) => {
+
+  const toggleShowAllRows = row => {
     if (isFunction(onToggleShowAllRows)) {
       onToggleShowAllRows(row);
     } else {
@@ -43,6 +55,7 @@ const useExpandGridState = (grid) => {
       });
     }
   };
+
   return {
     state: {
       expandedRows: state.expanded,
@@ -58,7 +71,5 @@ const useExpandGridState = (grid) => {
     }
   };
 };
-export {
-  useExpandGridState
-};
-//# sourceMappingURL=useExpandGridState.js.map
+
+export { useExpandGridState };

package/esm/plugins/export-data/ExportDataPlugin.js

@@ -1,105 +1,156 @@
-import * as React from "react";
-import { get } from "@elliemae/ds-utilities";
-import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
-const isVisible = (column) => {
-  if (typeof column === "undefined") {
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
+import { get } from '@elliemae/ds-utilities';
+import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
+
+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 isVisible = column => {
+  if (typeof column === 'undefined') {
     return false;
   }
-  return typeof column.visible === "undefined" || column.visible;
+
+  return typeof column.visible === 'undefined' || column.visible;
 };
+
 const getColumnValue = (row, property) => get(row, property);
 const getVisibleRowData = (row, columns) => columns.reduce((result, column) => {
   const columnProperty = column.property;
-  return isVisible(column) ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)] : result;
+  return isVisible(column) ? [...result, getColumnValue(row, "_".concat(columnProperty)) || getColumnValue(row, columnProperty)] : result;
 }, []);
-const defaultOptions = (uuid) => ({
-  sheetName: "SheetName",
-  fileName: `datagrid-${uuid}`,
-  type: "csv",
+
+const defaultOptions = uuid => ({
+  sheetName: 'SheetName',
+  fileName: "datagrid-".concat(uuid),
+  type: 'csv',
   onlySelection: false,
-  excludedColumns: void 0
+  excludedColumns: undefined
 });
-const getOptions = (opts, uuid) => ({
-  ...defaultOptions(uuid),
-  ...opts
-});
-const getCellValue = (cell) => {
-  if (cell === void 0 || cell === null)
-    return "";
+
+const getOptions = (opts, uuid) => _objectSpread(_objectSpread({}, defaultOptions(uuid)), opts);
+
+const getCellValue = cell => {
+  if (cell === undefined || cell === null) return '';
   return cell;
 };
+
 const getExportedData = (rows, columns, range) => {
   const rowsRanged = range ? rows.slice(...range) : rows;
-  const dataToExport = rowsRanged.map((row) => getVisibleRowData(row, columns));
-  const columnsContent = columns.filter((c) => isVisible(c)).reduce((acc, curr, idx) => `${acc}${idx === 0 ? "" : ","}${curr.label}`, "");
-  const rowsContent = dataToExport.map((e) => e.map((r) => `"${String(getCellValue(r)).replace(/"/g, '""')}"`).join(",")).join("\r\n");
-  const csvContent = `${columnsContent}\r
-${rowsContent}`;
+  const dataToExport = rowsRanged.map(row => getVisibleRowData(row, columns));
+  const columnsContent = columns.filter(c => isVisible(c)).reduce((acc, curr, idx) => "".concat(acc).concat(idx === 0 ? '' : ',').concat(curr.label), '');
+  const rowsContent = dataToExport.map(e => e.map(r => "\"".concat(String(getCellValue(r)).replace(/"/g, '""'), "\"")).join(',')).join('\r\n');
+  const csvContent = "".concat(columnsContent, "\r\n").concat(rowsContent);
   return csvContent;
-};
-const exportTo = (rows, columns, { range, fileName, type, excludedColumns }) => {
+}; // eslint-disable-next-line max-statements
+
+const exportTo = (rows, columns, _ref) => {
+  let {
+    range,
+    fileName,
+    type,
+    excludedColumns
+  } = _ref;
+
   if (excludedColumns) {
-    columns = columns.filter((col) => !excludedColumns.includes(col.property));
+    // eslint-disable-next-line no-param-reassign
+    columns = columns.filter(col => !excludedColumns.includes(col.property));
   }
+
   const csvContent = getExportedData(rows, columns, range);
-  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+  const blob = new Blob([csvContent], {
+    type: 'text/csv;charset=utf-8;'
+  });
+
   if (navigator.msSaveBlob) {
-    navigator.msSaveBlob(blob, `${fileName}.${type}`);
+    // IE 10+
+    navigator.msSaveBlob(blob, "".concat(fileName, ".").concat(type));
   } else {
-    const link = document.createElement("a");
-    if (link.download !== void 0) {
+    const link = document.createElement('a');
+
+    if (link.download !== undefined) {
+      // feature detection
+      // Browsers that support HTML5 download attribute
       const url = URL.createObjectURL(blob);
-      link.setAttribute("href", url);
-      link.setAttribute("download", `${fileName}.${type}`);
-      link.style.visibility = "hidden";
+      link.setAttribute('href', url);
+      link.setAttribute('download', "".concat(fileName, ".").concat(type));
+      link.style.visibility = 'hidden';
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
     }
   }
 };
-const ExportDataPlugin = createInstancePlugin("export-data", {
+
+const ExportDataPlugin = createInstancePlugin('export-data', {
   decorateGrid(instance) {
     return {
-      exportRows(opts = {}) {
+      exportRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,
           uuid,
-          props: { rowKey },
-          state: { selection }
+          props: {
+            rowKey
+          },
+          state: {
+            selection
+          }
         } = instance.getInstance();
-        const options = getOptions(opts, uuid);
+        const options = getOptions(opts, uuid); // check paginated rows
+
         let currentRows = rows.allRows || rows;
+
         if (opts.onlySelection) {
           const selectedRows = Object.keys(selection.selectedRows);
-          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));
+          currentRows = currentRows.filter(r => selectedRows.includes(String(r[rowKey])));
         }
+
         exportTo(currentRows, columns, options);
       },
-      exportVisibleRows(opts = {}) {
+
+      exportVisibleRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,
           uuid,
-          props: { rowKey },
-          state: { selection }
+          props: {
+            rowKey
+          },
+          state: {
+            selection
+          }
         } = instance.getInstance();
-        const options = getOptions(opts, uuid);
+        const options = getOptions(opts, uuid); // check paginated rows
+
         let currentRows = rows.rows || rows;
+
         if (opts.onlySelection) {
           const selectedRows = Object.keys(selection.selectedRows);
-          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));
+          currentRows = currentRows.filter(r => selectedRows.includes(String(r[rowKey])));
         }
+
         exportTo(currentRows, columns, options);
       }
+
     };
   }
+
 });
-export {
-  ExportDataPlugin,
-  getColumnValue,
-  getExportedData,
-  getVisibleRowData
-};
-//# sourceMappingURL=ExportDataPlugin.js.map
+
+export { ExportDataPlugin, getColumnValue, getExportedData, getVisibleRowData };

package/esm/plugins/export-data/index.js

@@ -1,6 +1 @@
-import * as React from "react";
-import { ExportDataPlugin } from "./ExportDataPlugin";
-export {
-  ExportDataPlugin
-};
-//# sourceMappingURL=index.js.map
+export { ExportDataPlugin, getColumnValue, getExportedData, getVisibleRowData } from './ExportDataPlugin.js';