@elliemae/ds-datagrids 2.0.0-alpha.1 → 2.0.0-alpha.13

package/esm/plugins/editable/getEditorComponent.js

@@ -1,3 +1,8 @@
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
@@ -16,48 +21,54 @@ const components = {
   DSTextBox: TextBox
 };
 
-const getEditorComponent = (editorComponent = {}, handlers) => ({
-  value,
-  onValue,
-  extraParameters
-}) => {
-  if (typeof editorComponent === 'function') {
-    return editorComponent(_objectSpread({
+const getEditorComponent = function () {
+  let editorComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let handlers = arguments.length > 1 ? arguments[1] : undefined;
+  return _ref => {
+    let {
       value,
       onValue,
-      customHandlers: handlers
-    }, extraParameters));
-  }
-
-  const {
-    type = 'DSTextBox'
-  } = editorComponent,
-        restEditorProps = _objectWithoutProperties(editorComponent, _excluded);
-
-  const Component = components[type];
-
-  if (type === 'DSComboBox') {
-    var _restEditorProps$opti;
-
-    // TODO: remove this whole condition when combobox v3 is out and fully working without "maxOptions" parameter
-    const maxOptions = (restEditorProps === null || restEditorProps === void 0 ? void 0 : (_restEditorProps$opti = restEditorProps.options) === null || _restEditorProps$opti === void 0 ? void 0 : _restEditorProps$opti.length) || 100;
-    return /*#__PURE__*/_jsx("div", {
-      style: {
-        zIndex: 0
-      }
-    }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({
+      extraParameters
+    } = _ref;
+
+    if (typeof editorComponent === 'function') {
+      return editorComponent(_objectSpread({
+        value,
+        onValue,
+        customHandlers: handlers
+      }, extraParameters));
+    }
+
+    const {
+      type = 'DSTextBox'
+    } = editorComponent,
+          restEditorProps = _objectWithoutProperties(editorComponent, _excluded);
+
+    const Component = components[type];
+
+    if (type === 'DSComboBox') {
+      var _restEditorProps$opti;
+
+      // TODO: remove this whole condition when combobox v3 is out and fully working without "maxOptions" parameter
+      const maxOptions = (restEditorProps === null || restEditorProps === void 0 ? void 0 : (_restEditorProps$opti = restEditorProps.options) === null || _restEditorProps$opti === void 0 ? void 0 : _restEditorProps$opti.length) || 100;
+      return /*#__PURE__*/_jsx("div", {
+        style: {
+          zIndex: 0
+        }
+      }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({
+        autoFocus: true,
+        onValue: onValue,
+        value: value,
+        maxOptions: maxOptions
+      }, restEditorProps)));
+    }
+
+    return /*#__PURE__*/jsx(Component, _objectSpread({
       autoFocus: true,
       onValue: onValue,
-      value: value,
-      maxOptions: maxOptions
-    }, restEditorProps)));
-  }
-
-  return /*#__PURE__*/jsx(Component, _objectSpread({
-    autoFocus: true,
-    onValue: onValue,
-    value: value
-  }, restEditorProps));
+      value: value
+    }, restEditorProps));
+  };
 };
 
 export { getEditorComponent as default };

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

@@ -1,12 +1,16 @@
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useRef } from 'react';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
-import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
+import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSButton from '@elliemae/ds-basic/Button';
-import DSTruncatedTooltipText from '@elliemae/ds-basic/TruncatedTooltipText';
+import DSButton from '@elliemae/ds-button';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 import { dataGridBlockName } from '../../blockNames.js';
 import { RowSizes } from '../../rowSizes.js';
 import { jsxs } from 'react/jsx-runtime';
@@ -18,24 +22,25 @@ var _ArrowheadDown, _ArrowheadRight;
 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(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 blockName = `${dataGridBlockName}-expandable-column`; // todo: clean this when we move to css-js
+const blockName = "".concat(dataGridBlockName, "-expandable-column"); // todo: clean this when we move to css-js
 
 const ExpandableColumnWrapper = aggregatedClasses('div')(blockName);
 const LabelDescriptionWrapper = aggregatedClasses('div')(blockName, 'label-description-wrapper');
 const Label = aggregatedClasses('span')(blockName, 'label');
 const Description = aggregatedClasses('span')(blockName, 'description');
 const ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data');
-const ExpandableMasterWrapper = aggregatedClasses('div')(`${blockName}-master-wrapper`);
-const ExpandableDetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`);
+const ExpandableMasterWrapper = aggregatedClasses('div')("".concat(blockName, "-master-wrapper"));
+const ExpandableDetailsWrapper = aggregatedClasses('div')("".concat(blockName, "-details-wrapper"));
 
-function ExpandableColumnCell({
-  label,
-  description,
-  isExpanded,
-  expandableDetails,
-  extraData,
-  onToggleExpand
-}) {
+function ExpandableColumnCell(_ref) {
+  let {
+    label,
+    description,
+    isExpanded,
+    expandableDetails,
+    extraData,
+    onToggleExpand
+  } = _ref;
   const ref = useRef();
   return /*#__PURE__*/jsxs(ExpandableColumnWrapper, {
     ref: ref,
@@ -64,44 +69,48 @@ function ExpandableColumnCell({
   });
 }
 
-const expandableColumnRenderer = ({
-  renderRowLabel,
-  renderRowDescription,
-  renderExtraData
-}) => (value, {
-  rowData,
-  isExpanded
-}, grid) => {
-  const {
-    props: {
-      renderExpandedDetails
-    },
-    actions: {
-      toggleExpand
-    }
-  } = grid.getInstance();
-  const expandableDetails = renderExpandedDetails({
-    rowData
-  });
-  return /*#__PURE__*/_jsx(ExpandableColumnCell, {
-    description: renderRowDescription({
-      rowData
-    }),
-    expandableDetails: expandableDetails,
-    extraData: renderExtraData({
-      rowData
-    }),
-    isExpanded: isExpanded,
-    label: renderRowLabel({
+const expandableColumnRenderer = _ref2 => {
+  let {
+    renderRowLabel,
+    renderRowDescription,
+    renderExtraData
+  } = _ref2;
+  return (value, _ref3, grid) => {
+    let {
+      rowData,
+      isExpanded
+    } = _ref3;
+    const {
+      props: {
+        renderExpandedDetails
+      },
+      actions: {
+        toggleExpand
+      }
+    } = grid.getInstance();
+    const expandableDetails = renderExpandedDetails({
       rowData
-    }),
-    onToggleExpand: () => toggleExpand(rowData)
-  });
+    });
+    return /*#__PURE__*/_jsx(ExpandableColumnCell, {
+      description: renderRowDescription({
+        rowData
+      }),
+      expandableDetails: expandableDetails,
+      extraData: renderExtraData({
+        rowData
+      }),
+      isExpanded: isExpanded,
+      label: renderRowLabel({
+        rowData
+      }),
+      onToggleExpand: () => toggleExpand(rowData)
+    });
+  };
 };
 
 const noop = () => null;
 
-function createExpandableColumn(_ref) {
+function createExpandableColumn(_ref4) {
   let {
     property,
     label,
@@ -113,8 +122,8 @@ function createExpandableColumn(_ref) {
     sortable,
     searchable,
     customRenderer
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties(_ref4, _excluded);
 
   return _objectSpread(_objectSpread({}, rest), {}, {
     label,

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

@@ -1,12 +1,21 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useMemo, useRef, useEffect } from 'react';
-import { cx, isFunction } from '@elliemae/ds-utilities/utils';
+import { cx, isFunction } from '@elliemae/ds-utilities';
 import { VariableSizeList } from 'react-window';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
-import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
-import DSButton from '@elliemae/ds-basic/Button';
+import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
+import DSButton from '@elliemae/ds-button';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
 import ExpandedRow from './ExpandedRow.js';
@@ -23,12 +32,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 getExpandedRowSizeBySubrows = ({
-  totalAmount,
-  amountVisible,
-  isShowingAll,
-  size = 36
-}) => isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;
+const getExpandedRowSizeBySubrows = _ref => {
+  let {
+    totalAmount,
+    amountVisible,
+    isShowingAll,
+    size = 36
+  } = _ref;
+  return isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;
+};
 
 const ExpandedRows = {
   SingleColumn: ExpandedRow,
@@ -61,10 +73,11 @@ const ExpandablePlugin = createInstancePlugin('expandable', {
     const firstColumnIndex = columns.findIndex(column => column.isUserColumn);
     const firstColumn = columns[firstColumnIndex];
     firstColumn.formatExpandable = true;
-    return [...columns.slice(0, firstColumnIndex), appendCellFormatter((value, {
-      isExpanded,
-      rowData
-    }) => {
+    return [...columns.slice(0, firstColumnIndex), appendCellFormatter((value, _ref2) => {
+      let {
+        isExpanded,
+        rowData
+      } = _ref2;
       const {
         actions: {
           toggleExpand
@@ -152,11 +165,11 @@ const ExpandablePlugin = createInstancePlugin('expandable', {
       const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns) ? 'SingleColumn' : 'Master';
       const ExpandedRowComponent = createExpandedRow(expandedRowType); // eslint-disable-next-line react/display-name
 
-      return _ref => {
+      return _ref3 => {
         let {
           isExpanded
-        } = _ref,
-            rowProps = _objectWithoutProperties(_ref, _excluded);
+        } = _ref3,
+            rowProps = _objectWithoutProperties(_ref3, _excluded);
 
         if (isExpanded) {
           const {
@@ -192,9 +205,10 @@ const ExpandablePlugin = createInstancePlugin('expandable', {
     return renderers;
   },
 
-  getRowProps(rowProps, grid, {
-    rowData
-  }) {
+  getRowProps(rowProps, grid, _ref4) {
+    let {
+      rowData
+    } = _ref4;
     const {
       props: {
         rowKey

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

@@ -1,11 +1,18 @@
+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-basic/Separator';
-import DSButton from '@elliemae/ds-basic/Button';
+import DSSeparator from '@elliemae/ds-separator';
+import DSButton from '@elliemae/ds-button';
 import styled from 'styled-components';
-import { get } from '@elliemae/ds-utilities/utils';
+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';
@@ -24,11 +31,13 @@ const _excluded = ["instanceRef"],
 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(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 DetailGrid = deferComponentRender(({
-  parentGrid,
-  parentRowData,
-  rows
-}) => {
+const DetailGrid = deferComponentRender(_ref => {
+  let {
+    parentGrid,
+    parentRowData,
+    rows
+  } = _ref;
+
   const _parentGrid$props = parentGrid.props,
         parentProps = _objectWithoutProperties(_parentGrid$props, _excluded);
 
@@ -61,15 +70,16 @@ 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({
-  parentGrid,
-  detailColumns,
-  rowData,
-  rows,
-  rowProps,
-  cellComponent: CellComponent,
-  rowComponent: RowComponent
-}) {
+function ExpandedRow(_ref2) {
+  let {
+    parentGrid,
+    detailColumns,
+    rowData,
+    rows,
+    rowProps,
+    cellComponent: CellComponent,
+    rowComponent: RowComponent
+  } = _ref2;
   const {
     decoratedColumns,
     actions: {

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

@@ -1,8 +1,13 @@
+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/utils';
-import DSSeparator from '@elliemae/ds-basic/Separator';
+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';
@@ -12,18 +17,19 @@ var _DSSeparator;
 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(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 blockName = `${dataGridBlockName}-expanded-row`;
-const DetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`, null, () => ({
+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
-}) {
+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, {

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

@@ -1,5 +1,5 @@
-import { isFunction } from '@elliemae/ds-utilities/utils';
-import useExpandState from '@elliemae/ds-utilities/hooks/useExpandState';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useExpandState, isFunction } from '@elliemae/ds-utilities';
 import { useState } from 'react';
 
 const useExpandGridState = grid => {

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

@@ -1,7 +1,18 @@
+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 { get } from '@elliemae/ds-utilities/utils';
+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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -19,12 +30,12 @@ const isVisible = column => {
 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}`,
+  fileName: "datagrid-".concat(uuid),
   type: 'csv',
   onlySelection: false,
   excludedColumns: undefined
@@ -40,18 +51,20 @@ const getCellValue = 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\n${rowsContent}`;
+  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;
 }; // eslint-disable-next-line max-statements
 
-const exportTo = (rows, columns, {
-  range,
-  fileName,
-  type,
-  excludedColumns
-}) => {
+const exportTo = (rows, columns, _ref) => {
+  let {
+    range,
+    fileName,
+    type,
+    excludedColumns
+  } = _ref;
+
   if (excludedColumns) {
     // eslint-disable-next-line no-param-reassign
     columns = columns.filter(col => !excludedColumns.includes(col.property));
@@ -64,7 +77,7 @@ const exportTo = (rows, columns, {
 
   if (navigator.msSaveBlob) {
     // IE 10+
-    navigator.msSaveBlob(blob, `${fileName}.${type}`);
+    navigator.msSaveBlob(blob, "".concat(fileName, ".").concat(type));
   } else {
     const link = document.createElement('a');
 
@@ -73,7 +86,7 @@ const exportTo = (rows, columns, {
       // Browsers that support HTML5 download attribute
       const url = URL.createObjectURL(blob);
       link.setAttribute('href', url);
-      link.setAttribute('download', `${fileName}.${type}`);
+      link.setAttribute('download', "".concat(fileName, ".").concat(type));
       link.style.visibility = 'hidden';
       document.body.appendChild(link);
       link.click();
@@ -85,7 +98,8 @@ const exportTo = (rows, columns, {
 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,
@@ -109,7 +123,8 @@ const ExportDataPlugin = createInstancePlugin('export-data', {
         exportTo(currentRows, columns, options);
       },
 
-      exportVisibleRows(opts = {}) {
+      exportVisibleRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,

package/esm/plugins/filterable/FilterablePlugin.js

@@ -1,4 +1,4 @@
-import { get, isFunction } from '@elliemae/ds-utilities/utils';
+import { get, isFunction } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { addFilterToColumn } from './addFilterToColumn.js';
 import filterRowsByQuery, { filterRowsByQueryGroup } from './filtering-helper/filterRowsByQuery.js';
@@ -54,9 +54,10 @@ const FilterablePlugin = createInstancePlugin('filterable', {
   registerHotKeys(grid) {
     return {
       key: 'ctrl+f',
-      handler: ({
-        cellIndex
-      }) => {
+      handler: _ref => {
+        let {
+          cellIndex
+        } = _ref;
         const {
           decoratedColumns
         } = grid.getInstance();

package/esm/plugins/filterable/addFilterToColumn.js

@@ -1,3 +1,8 @@
+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 { createRef } from 'react';
 import { mergeClassNameToColumnHeader } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';