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

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

@@ -1,46 +1,27 @@
-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
+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
 }));
-
-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
-    }))]
-  }));
+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 })));
 }
-
-export { ExpandedRowExtra as default };
+var ExpandedRowExtra_default = ExpandedRowExtra;
+export {
+  ExpandedRowExtra,
+  ExpandedRowExtra_default as default
+};
+//# sourceMappingURL=ExpandedRowExtra.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/ExpandedRowExtra.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { dataGridBlockName } from '../../blockNames';\n\nconst blockName = `${dataGridBlockName}-expanded-row`;\n\nconst DetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`, null, () => ({\n  'ie-flex-basis-auto': true,\n}));\n\nfunction ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails = () => null }) {\n  return (\n    <RowComponent {...rowProps} className={cx(rowProps.className, 'expanded-detail-row')}>\n      <RowComponent className=\"master-row-expanded\">{children}</RowComponent>\n      <DSSeparator dashed margin=\"xs\" />\n      <DetailsWrapper>{renderRowDetails({ rowData })}</DetailsWrapper>\n    </RowComponent>\n  );\n}\n\nexport { ExpandedRowExtra };\nexport default ExpandedRowExtra;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,GAAG;AAErB,MAAM,iBAAiB,kBAAkB,OAAO,GAAG,6BAA6B,MAAM,MAAO;AAAA,EAC3F,sBAAsB;AAAA;AAGxB,0BAA0B,EAAE,UAAU,SAAS,UAAU,cAAc,cAAc,mBAAmB,MAAM,QAAQ;AACpH,SACE,qCAAC,cAAD;AAAA,OAAkB;AAAA,IAAU,WAAW,GAAG,SAAS,WAAW;AAAA,KAC5D,qCAAC,cAAD;AAAA,IAAc,WAAU;AAAA,KAAuB,WAC/C,qCAAC,aAAD;AAAA,IAAa,QAAM;AAAA,IAAC,QAAO;AAAA,MAC3B,qCAAC,gBAAD,MAAiB,iBAAiB,EAAE;AAAA;AAM1C,IAAO,2BAAQ;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ExpandablePlugin } from './ExpandablePlugin';\nexport { ExpandableColumn } from './ExpandableColumn';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

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

@@ -1,13 +1,12 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useExpandState, isFunction } from '@elliemae/ds-utilities';
-import { useState } from 'react';
-
-const useExpandGridState = grid => {
+import * as React from "react";
+import { isFunction, useExpandState } from "@elliemae/ds-utilities";
+import { useState } from "react";
+const useExpandGridState = (grid) => {
   const {
     composedRows,
     props: {
       expandedRows: expandedRowsProp = {},
-      rowKey = 'id',
+      rowKey = "id",
       onExpandRow,
       onToggleShowAllRows,
       onExpandChange,
@@ -16,10 +15,7 @@ const useExpandGridState = grid => {
       onCollapseRow
     }
   } = grid;
-  const {
-    state,
-    actions
-  } = useExpandState({
+  const { state, actions } = useExpandState({
     items: composedRows,
     itemKey: rowKey,
     expanded: expandedRowsProp,
@@ -30,22 +26,14 @@ 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 {
@@ -55,7 +43,6 @@ const useExpandGridState = grid => {
       });
     }
   };
-
   return {
     state: {
       expandedRows: state.expanded,
@@ -71,5 +58,7 @@ const useExpandGridState = grid => {
     }
   };
 };
-
-export { useExpandGridState };
+export {
+  useExpandGridState
+};
+//# sourceMappingURL=useExpandGridState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/useExpandGridState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction,useExpandState } from '@elliemae/ds-utilities';\nimport { useState } from 'react';\n\nexport const useExpandGridState = (grid) => {\n  const {\n    composedRows,\n    props: {\n      expandedRows: expandedRowsProp = {},\n      rowKey = 'id',\n      onExpandRow,\n      onToggleShowAllRows,\n      onExpandChange,\n      onExpandAll,\n      onToggleExpand,\n      onCollapseRow,\n    },\n  } = grid;\n\n  const { state, actions } = useExpandState({\n    items: composedRows,\n    itemKey: rowKey,\n    expanded: expandedRowsProp,\n    onExpand: onExpandRow,\n    onExpandChange,\n    onExpandAll,\n    onToggleExpand,\n    onCollapse: onCollapseRow,\n  });\n\n  const [shouldRefocus, setShouldReFocus] = useState(false);\n  const expandRow = (row) => actions.expand(row, { showAllRows: false });\n\n  const toggleExpandAllRows = actions.toggleExpandAll;\n\n  const collapseRow = actions.collapse;\n\n  const toggleExpand = (row) => {\n    setShouldReFocus(false);\n    actions.toggleExpand(row, { showAllRows: false });\n  };\n\n  const toggleShowAllRows = (row) => {\n    if (isFunction(onToggleShowAllRows)) {\n      onToggleShowAllRows(row);\n    } else {\n      const key = row[rowKey];\n      actions.expand(row, {\n        showAllRows: state.expanded[key] && !state.expanded[key].showAllRows,\n      });\n    }\n  };\n\n  return {\n    state: {\n      expandedRows: state.expanded,\n      isExpandedAll: state.isExpandedAll,\n      shouldRefocus,\n    },\n    actions: {\n      expandRow,\n      toggleExpandAllRows,\n      toggleExpand,\n      toggleShowAllRows,\n      collapseRow,\n    },\n  };\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,qBAAqB,CAAC,SAAS;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,mBAAmB;AAAA,MACjC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAEJ,QAAM,EAAE,OAAO,YAAY,eAAe;AAAA,IACxC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AAGd,QAAM,CAAC,eAAe,oBAAoB,SAAS;AACnD,QAAM,YAAY,CAAC,QAAQ,QAAQ,OAAO,KAAK,EAAE,aAAa;AAE9D,QAAM,sBAAsB,QAAQ;AAEpC,QAAM,cAAc,QAAQ;AAE5B,QAAM,eAAe,CAAC,QAAQ;AAC5B,qBAAiB;AACjB,YAAQ,aAAa,KAAK,EAAE,aAAa;AAAA;AAG3C,QAAM,oBAAoB,CAAC,QAAQ;AACjC,QAAI,WAAW,sBAAsB;AACnC,0BAAoB;AAAA,WACf;AACL,YAAM,MAAM,IAAI;AAChB,cAAQ,OAAO,KAAK;AAAA,QAClB,aAAa,MAAM,SAAS,QAAQ,CAAC,MAAM,SAAS,KAAK;AAAA;AAAA;AAAA;AAK/D,SAAO;AAAA,IACL,OAAO;AAAA,MACL,cAAc,MAAM;AAAA,MACpB,eAAe,MAAM;AAAA,MACrB;AAAA;AAAA,IAEF,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,156 +1,105 @@
-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') {
+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") {
     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, "_".concat(columnProperty)) || getColumnValue(row, columnProperty)] : result;
+  return isVisible(column) ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)] : result;
 }, []);
-
-const defaultOptions = uuid => ({
-  sheetName: 'SheetName',
-  fileName: "datagrid-".concat(uuid),
-  type: 'csv',
+const defaultOptions = (uuid) => ({
+  sheetName: "SheetName",
+  fileName: `datagrid-${uuid}`,
+  type: "csv",
   onlySelection: false,
-  excludedColumns: undefined
+  excludedColumns: void 0
 });
-
-const getOptions = (opts, uuid) => _objectSpread(_objectSpread({}, defaultOptions(uuid)), opts);
-
-const getCellValue = cell => {
-  if (cell === undefined || cell === null) return '';
+const getOptions = (opts, uuid) => ({
+  ...defaultOptions(uuid),
+  ...opts
+});
+const getCellValue = (cell) => {
+  if (cell === void 0 || 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) => "".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);
+  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}`;
   return csvContent;
-}; // eslint-disable-next-line max-statements
-
-const exportTo = (rows, columns, _ref) => {
-  let {
-    range,
-    fileName,
-    type,
-    excludedColumns
-  } = _ref;
-
+};
+const exportTo = (rows, columns, { range, fileName, type, excludedColumns }) => {
   if (excludedColumns) {
-    // eslint-disable-next-line no-param-reassign
-    columns = columns.filter(col => !excludedColumns.includes(col.property));
+    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) {
-    // IE 10+
-    navigator.msSaveBlob(blob, "".concat(fileName, ".").concat(type));
+    navigator.msSaveBlob(blob, `${fileName}.${type}`);
   } else {
-    const link = document.createElement('a');
-
-    if (link.download !== undefined) {
-      // feature detection
-      // Browsers that support HTML5 download attribute
+    const link = document.createElement("a");
+    if (link.download !== void 0) {
       const url = URL.createObjectURL(blob);
-      link.setAttribute('href', url);
-      link.setAttribute('download', "".concat(fileName, ".").concat(type));
-      link.style.visibility = 'hidden';
+      link.setAttribute("href", url);
+      link.setAttribute("download", `${fileName}.${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() {
-        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      exportRows(opts = {}) {
         const {
           composedRows: rows,
           columns,
           uuid,
-          props: {
-            rowKey
-          },
-          state: {
-            selection
-          }
+          props: { rowKey },
+          state: { selection }
         } = instance.getInstance();
-        const options = getOptions(opts, uuid); // check paginated rows
-
+        const options = getOptions(opts, uuid);
         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() {
-        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      exportVisibleRows(opts = {}) {
         const {
           composedRows: rows,
           columns,
           uuid,
-          props: {
-            rowKey
-          },
-          state: {
-            selection
-          }
+          props: { rowKey },
+          state: { selection }
         } = instance.getInstance();
-        const options = getOptions(opts, uuid); // check paginated rows
-
+        const options = getOptions(opts, uuid);
         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 };
+export {
+  ExportDataPlugin,
+  getColumnValue,
+  getExportedData,
+  getVisibleRowData
+};
+//# sourceMappingURL=ExportDataPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/export-data/ExportDataPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable indent */\nimport { get } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\n\nconst isVisible = (column) => {\n  if (typeof column === 'undefined') {\n    return false;\n  }\n  return typeof column.visible === 'undefined' || column.visible;\n};\n\nexport const getColumnValue = (row, property) => get(row, property);\nexport const getVisibleRowData = (row, columns) =>\n  columns.reduce((result, column) => {\n    const columnProperty = column.property;\n    return isVisible(column)\n      ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)]\n      : result;\n  }, []);\n\nconst defaultOptions = (uuid) => ({\n  sheetName: 'SheetName',\n  fileName: `datagrid-${uuid}`,\n  type: 'csv',\n  onlySelection: false,\n  excludedColumns: undefined,\n});\n\nconst getOptions = (opts, uuid) => ({\n  ...defaultOptions(uuid),\n  ...opts,\n});\n\nconst getCellValue = (cell) => {\n  if (cell === undefined || cell === null) return '';\n  return cell;\n};\n\nexport const getExportedData = (rows, columns, range) => {\n  const rowsRanged = range ? rows.slice(...range) : rows;\n  const dataToExport = rowsRanged.map((row) => getVisibleRowData(row, columns));\n  const columnsContent = columns\n    .filter((c) => isVisible(c))\n    .reduce((acc, curr, idx) => `${acc}${idx === 0 ? '' : ','}${curr.label}`, '');\n  const rowsContent = dataToExport\n    .map((e) => e.map((r) => `\"${String(getCellValue(r)).replace(/\"/g, '\"\"')}\"`).join(','))\n    .join('\\r\\n');\n  const csvContent = `${columnsContent}\\r\\n${rowsContent}`;\n  return csvContent;\n};\n\n// eslint-disable-next-line max-statements\nconst exportTo = (rows, columns, { range, fileName, type, excludedColumns }) => {\n  if (excludedColumns) {\n    // eslint-disable-next-line no-param-reassign\n    columns = columns.filter((col) => !excludedColumns.includes(col.property));\n  }\n  const csvContent = getExportedData(rows, columns, range);\n\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n  if (navigator.msSaveBlob) {\n    // IE 10+\n    navigator.msSaveBlob(blob, `${fileName}.${type}`);\n  } else {\n    const link = document.createElement('a');\n    if (link.download !== undefined) {\n      // feature detection\n      // Browsers that support HTML5 download attribute\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', `${fileName}.${type}`);\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n    }\n  }\n};\n\nexport const ExportDataPlugin = createInstancePlugin('export-data', {\n  decorateGrid(instance) {\n    return {\n      exportRows(opts = {}) {\n        const {\n          composedRows: rows,\n          columns,\n          uuid,\n          props: { rowKey },\n          state: { selection },\n        } = instance.getInstance();\n        const options = getOptions(opts, uuid);\n        // check paginated rows\n        let currentRows = rows.allRows || rows;\n        if (opts.onlySelection) {\n          const selectedRows = Object.keys(selection.selectedRows);\n          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));\n        }\n\n        exportTo(currentRows, columns, options);\n      },\n      exportVisibleRows(opts = {}) {\n        const {\n          composedRows: rows,\n          columns,\n          uuid,\n          props: { rowKey },\n          state: { selection },\n        } = instance.getInstance();\n        const options = getOptions(opts, uuid);\n\n        // check paginated rows\n        let currentRows = rows.rows || rows;\n        if (opts.onlySelection) {\n          const selectedRows = Object.keys(selection.selectedRows);\n          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));\n        }\n\n        exportTo(currentRows, columns, options);\n      },\n    };\n  },\n});\n"],
+  "mappings": "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",
+  "names": []
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/export-data/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ExportDataPlugin } from './ExportDataPlugin';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/plugins/filterable/FilterablePlugin.js

@@ -1,25 +1,14 @@
-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';
-import { useFilterableState } from './useFilterableState.js';
-
-/* eslint-disable indent */
-
+import * as React from "react";
+import { get, isFunction } from "@elliemae/ds-utilities";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { addFilterToColumn } from "./addFilterToColumn";
+import filterRowsByQuery, { filterRowsByQueryGroup } from "./filtering-helper/filterRowsByQuery";
+import { useFilterableState } from "./useFilterableState";
 const decorateColumn = (column, grid) => {
   const {
-    props: {
-      isFilterableColumnActive = col => col.searchable,
-      onRemoveAllFilters
-    },
-    actions: {
-      addFilter,
-      removeFilter
-    },
-    state: {
-      query,
-      filters
-    }
+    props: { isFilterableColumnActive = (col) => col.searchable, onRemoveAllFilters },
+    actions: { addFilter, removeFilter },
+    state: { query, filters }
   } = grid;
   return isFilterableColumnActive(column) ? addFilterToColumn({
     grid,
@@ -30,44 +19,33 @@ const decorateColumn = (column, grid) => {
     filters
   }, column) : column;
 };
-
 const composeRows = (rows, grid) => {
   const {
-    props: {
-      isDataFiltered,
-      groupedRows
-    },
-    state: {
-      query
-    },
+    props: { isDataFiltered, groupedRows },
+    state: { query },
     composedRows
   } = grid.getInstance();
   const nextRows = !groupedRows ? filterRowsByQuery(rows, query) : filterRowsByQueryGroup(rows, query, composedRows);
   return !isDataFiltered ? nextRows : rows;
 };
-
-const FilterablePlugin = createInstancePlugin('filterable', {
+const FilterablePlugin = createInstancePlugin("filterable", {
   registerStateHook: useFilterableState,
   decorateColumn,
   composeRows,
-
   registerHotKeys(grid) {
     return {
-      key: 'ctrl+f',
-      handler: _ref => {
-        let {
-          cellIndex
-        } = _ref;
-        const {
-          decoratedColumns
-        } = grid.getInstance();
+      key: "ctrl+f",
+      handler: ({ cellIndex }) => {
+        const { decoratedColumns } = grid.getInstance();
         const column = decoratedColumns[cellIndex];
-        const toggleMenuMethod = get(column, ['filterMenu', 'current', 'toggleMenu']);
-        if (isFunction(toggleMenuMethod)) toggleMenuMethod();
+        const toggleMenuMethod = get(column, ["filterMenu", "current", "toggleMenu"]);
+        if (isFunction(toggleMenuMethod))
+          toggleMenuMethod();
       }
     };
   }
-
 });
-
-export { FilterablePlugin };
+export {
+  FilterablePlugin
+};
+//# sourceMappingURL=FilterablePlugin.js.map

package/esm/plugins/filterable/FilterablePlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/FilterablePlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport { get, isFunction } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addFilterToColumn } from './addFilterToColumn';\n\nimport filterRowsByQuery, { filterRowsByQueryGroup } from './filtering-helper/filterRowsByQuery';\nimport { useFilterableState } from './useFilterableState';\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isFilterableColumnActive = (col) => col.searchable, onRemoveAllFilters },\n    actions: { addFilter, removeFilter },\n    state: { query, filters },\n  } = grid;\n\n  return isFilterableColumnActive(column)\n    ? addFilterToColumn(\n        {\n          grid,\n          onAddFilter: addFilter,\n          onRemoveFilter: removeFilter,\n          onRemoveAllFilters,\n          query,\n          filters,\n        },\n        column,\n      )\n    : column;\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    props: { isDataFiltered, groupedRows },\n    state: { query },\n    composedRows,\n  } = grid.getInstance();\n  const nextRows = !groupedRows ? filterRowsByQuery(rows, query) : filterRowsByQueryGroup(rows, query, composedRows);\n\n  return !isDataFiltered ? nextRows : rows;\n};\n\nexport const FilterablePlugin = createInstancePlugin('filterable', {\n  registerStateHook: useFilterableState,\n  decorateColumn,\n  composeRows,\n  registerHotKeys(grid) {\n    return {\n      key: 'ctrl+f',\n      handler: ({ cellIndex }) => {\n        const { decoratedColumns } = grid.getInstance();\n\n        const column = decoratedColumns[cellIndex];\n        const toggleMenuMethod = get(column, ['filterMenu', 'current', 'toggleMenu']);\n        if (isFunction(toggleMenuMethod)) toggleMenuMethod();\n      },\n    };\n  },\n});\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,2BAA2B,CAAC,QAAQ,IAAI,YAAY;AAAA,IAC7D,SAAS,EAAE,WAAW;AAAA,IACtB,OAAO,EAAE,OAAO;AAAA,MACd;AAEJ,SAAO,yBAAyB,UAC5B,kBACE;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,KAEF,UAEF;AAAA;AAGN,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB;AAAA,IACzB,OAAO,EAAE;AAAA,IACT;AAAA,MACE,KAAK;AACT,QAAM,WAAW,CAAC,cAAc,kBAAkB,MAAM,SAAS,uBAAuB,MAAM,OAAO;AAErG,SAAO,CAAC,iBAAiB,WAAW;AAAA;AAG/B,MAAM,mBAAmB,qBAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,gBAAgB;AAC1B,cAAM,EAAE,qBAAqB,KAAK;AAElC,cAAM,SAAS,iBAAiB;AAChC,cAAM,mBAAmB,IAAI,QAAQ,CAAC,cAAc,WAAW;AAC/D,YAAI,WAAW;AAAmB;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/plugins/filterable/addFilterToColumn.js

@@ -1,23 +1,14 @@
-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';
-import FilterableFormatter from './filterableFormatter.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; }
+import * as React from "react";
+import { createRef } from "react";
+import { mergeClassNameToColumnHeader } from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
+import { FilterableFormatter } from "./filterableFormatter";
 const addFilterToColumn = (props, column) => {
-  const filterMenuRef = /*#__PURE__*/createRef();
-  column.header.formatters.push(FilterableFormatter(_objectSpread(_objectSpread({}, props), {}, {
-    filterMenuRef
-  })));
+  const filterMenuRef = createRef();
+  column.header.formatters.push(FilterableFormatter({ ...props, filterMenuRef }));
   column.filterMenu = filterMenuRef;
-  return mergeClassNameToColumnHeader('with-filtering', column);
+  return mergeClassNameToColumnHeader("with-filtering", column);
 };
-
-export { addFilterToColumn };
+export {
+  addFilterToColumn
+};
+//# sourceMappingURL=addFilterToColumn.js.map

package/esm/plugins/filterable/addFilterToColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/addFilterToColumn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createRef } from 'react';\nimport { mergeClassNameToColumnHeader } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { FilterableFormatter } from './filterableFormatter';\n\nexport const addFilterToColumn = (props, column) => {\n  const filterMenuRef = createRef();\n  column.header.formatters.push(\n    FilterableFormatter({ ...props, filterMenuRef }),\n  );\n  column.filterMenu = filterMenuRef;\n  return mergeClassNameToColumnHeader('with-filtering', column);\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,oBAAoB,CAAC,OAAO,WAAW;AAClD,QAAM,gBAAgB;AACtB,SAAO,OAAO,WAAW,KACvB,oBAAoB,KAAK,OAAO;AAElC,SAAO,aAAa;AACpB,SAAO,6BAA6B,kBAAkB;AAAA;",
+  "names": []
+}